/*
THEME NAME: Modmat
THEME URI: http://mou.me.uk/projects/wordpress/themes/modmat/
DESCRIPTION: 3 column, widget ready, "modern" theme.  xHTML & CSS2 compliant.  Based on the Sandbox template.  You can switch between a 775px and 975px width and change the header image via <a href="options-general.php?page=modmat.php">the options page</a>.
VERSION: 1.0.2
AUTHOR: Chris Chrisostomou
AUTHOR URI: http://mou.me.uk/
TAGS: Fixed Width, three column, custom header, options page, dark, widgets, custom width, sandbox
*/
/* ex-external styles */
html 
{
 overflow: scroll;
}

div#wrapper 
{
 width: 775px;
 margin-top: 10px;
 margin-right: auto;
 margin-bottom: 10px;
 margin-left: auto;
 background-color: #FFF;
 overflow: hidden;
 background-image: url('images/wrapperbg775.gif');
}

div#container 
{
 float: left;
 width: 100%;
}

div#content 
{
 margin-top: 0;
 margin-right: 410px;
 margin-bottom: 0;
 margin-left: 15px;
 width: 420px;
}

div.sidebar 
{
 color: #b1b1b1;
 float: left;
 font-size: 10px;
 overflow: hidden;
}

div#blurb-top 
{
 color: #b1b1b1;
 float: left;
 overflow: hidden;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: -346px;
 width: 342px;
 height: 35px;
 background-color: #181818;
 background-position: bottom left;
 border-right-color: #000;
 border-right-width: 1px;
 border-right-style: solid;
 border-bottom-color: #000;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

div#primary 
{
 margin-top: 0px ! important;
 margin-right: 0 ! important;
 margin-bottom: 0 ! important;
 margin-left: -345px ! important;
 width: 160px;
}

div#secondary 
{
 margin-top: 0px ! important;
 margin-right: 0 ! important;
 margin-bottom: 0 ! important;
 margin-left: -168px ! important;
 width: 160px;
}

div#footer 
{
 clear: left;
 width: 100%;
}

/* start by resetting a couple of styles */
ul, li, p, h1, h2, h3, h4, h5 
{
 margin: 0px;
 padding: 0px;
}

img 
{
 border-width: 0px;
 margin: 0px;
 padding: 0px;
}

label 
{
 display: block;
}

input 
{
 margin-bottom: 10px;
}

/* html tag styles */
body 
{
 background-color: #333;
 background-image: url('images/bg.gif');
 background-position: top;
 background-repeat: repeat-x;
 font-size: 80.0%;
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size: 11px;
 padding: 0px;
 margin: 0px;
}

div.hentry p 
{
 font-size: 11px;
 margin-bottom: 12px;
}

hr 
{
 border-top-width: 4;
 border-left-width: 0;
 border-right-width: 0;
 border-bottom-color: #CCC;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 margin-top: 20px;
 margin-right: 0;
 margin-bottom: 20px;
 margin-left: 0;
}

pre 
{
 margin-top: 20px;
 margin-right: 0;
 margin-bottom: 20px;
 margin-left: 0;
 padding-top: 25px;
 padding-right: 15px;
 padding-bottom: 25px;
 padding-left: 15px;
 background-color: #eeeeee;
 border-color: #FFCCCC;
 border-width: 1px;
 border-style: dashed;
 overflow: auto;
 font-size: 11px;
 font-family: "Courier New",Courier,monospace;
 font-weight: normal;
 overflow: auto;
 width: 305px;
}

blockquote 
{
 margin-top: 20px;
 margin-right: 0;
 margin-bottom: 20px;
 margin-left: 15;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 70px;
 background-image: url('images/quote.gif');
 background-repeat: no-repeat;
 background-position: left center;
 background-color: #D4D4D4;
 border-color: #FFCCCC;
 border-width: 1px;
 border-style: none;
 font-style: bold;
 font-color: #ffffff;
}

blockquote p 
{
 margin-bottom: 0px ! important;
 font-color: #ffffff;
}

ul, ol 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 25px;
 padding: 0px;
}

.entry-content ul, .entry-content ol 
{
 margin-top: 5px;
 margin-right: 10px;
 margin-bottom: 20px;
 margin-left: 5px;
}

/* link styles */
a:link 
{
 color: #6f5dfc;
}

a:hover 
{
 color: #6f5dfc;
}

a:visited 
{
 color: #6f5dfc;
}

div.sidebar a 
{
 color: #b1a7ff;
 text-decoration: none;
}

div.sidebar a:hover 
{
 color: #fff;
}

div.sidebar a:visited 
{
 color: #b1a7ff;
}

/* generic page styles */
.leftimg 
{
 float: left;
 margin-right: 6px;
 margin-bottom: 4px;
 clear: left;
}

.rightimg 
{
 float: right;
 margin-left: 6px;
 margin-bottom: 4px;
}

.reditalic 
{
 font-size: 15px;
 color: red;
 font-style: italic;
}

ul#link-ul 
{
 margin-top: 3px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 5px;
}

ul#link-ul li 
{
 padding-left: 20px;
 background-image: url('images/bullet.gif');
 background-position: top left;
 background-repeat: no-repeat;
 list-style-type: none;
}

.subhead 
{
 font-size: 9px ! important;
}

.nav-sep 
{
 color: #FFCC66;
}

img[align=left] 
{
 margin-top: 0;
 margin-right: 10px;
 margin-bottom: 10px;
 margin-left: 0;
 border-color: #454545;
 border-width: 1px;
 border-style: solid;
 padding: 2px;
}

img[align=right] 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 10px;
 margin-left: 10px;
 border-color: #454545;
 border-width: 1px;
 border-style: solid;
 padding: 2px;
}

img[align=center] 
{
 margin-top: 0;
 margin-right: 10px;
 margin-bottom: 10px;
 margin-left: 10px;
 border-color: #454545;
 border-width: 1px;
 border-style: solid;
 padding: 2px;
}

/* headers */
h1, h2, h3, h4, h5 
{
 color: #444;
 font-family: Arial, Verdana, Sans-Serif;
}

h1 
{
 font-size: 16px;
 margin-top: 5px;
 margin-right: 0;
 margin-bottom: 15px;
 margin-left: 0;
 font-weight: normal;
}

h2 
{
 font-size: 24px;
 margin-top: 5px;
 margin-right: 0;
 margin-bottom: 10px;
 margin-left: 0;
 font-weight: normal;
}

h3 
{
 font-size: 22px;
 margin-top: 5px;
 margin-right: 0;
 margin-bottom: 10px;
 margin-left: 0;
 font-weight: normal;
}

h4 
{
 font-size: 18px;
 margin-top: 5px;
 margin-right: 0;
 margin-bottom: 7px;
 margin-left: 0;
 font-weight: normal;
}

h5 
{
 font-size: 14px;
 margin-top: 5px;
 margin-right: 0;
 margin-bottom: 7px;
 margin-left: 0;
}

h1.blog-title, h2.blog-title 
{
 color: #fff;
 margin-top: 20px;
 margin-right: 0;
 margin-bottom: 7px;
 margin-left: 15px;
 font-size: 28px;
}

h1.blog-title a, h2.blog-title a 
{
 color: #fff;
 text-decoration: none;
}

h1.page-title 
{
 margin-top: 10px;
 margin-right: 0;
 margin-bottom: 10px;
 margin-left: 10px;
 font-size: 21px;
}

h1.entry-title, h2.entry-title 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 5px;
 margin-left: 0;
 font-size: 18px;
 font-weight: lighter;
}

h1.entry-title a, h2.entry-title a, h1.page-title a 
{
 text-decoration: none;
}

h3.widgettitle 
{
 font-family: 'Trebuchet MS', Verdana, Sans-Serif;
 font-size: 13px;
 font-weight: bold;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 5px;
 margin-left: 0;
 color: Orange;
}

.entry-title, h1.page-title 
{
 clear: both;
}

/* page header */
div#header 
{
 text-align: left;
 height: 104px;
 background-image: url('headers/defaultheader.gif');
 background-repeat: no-repeat;
 background-position: right top;
 background-color: #000;
 border-left-width: 2px;
 border-left-style: solid;
 border-left-color: black;
 border-right-width: 2px;
 border-right-style: solid;
 border-right-color: black;
 border-top-width: 2px;
 border-top-style: solid;
 border-top-color: black;
}

div#blog-description 
{
 color: #FFF;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 15px;
}

/* menu */
div#access 
{
 background-color: #252526;
 background-image: url('images/menu.gif');
 background-position: top;
 background-repeat: repeat-x;
}

div#menu 
{
 font-size: 10px;
 width: 771px;
 height: 34px;
 border-right-color: #000;
 border-right-width: 2px;
 border-right-style: solid;
 border-left-color: #000;
 border-left-width: 2px;
 border-left-style: solid;
 border-top-color: #000;
 border-top-width: 1px;
 border-top-style: solid;
 border-bottom-color: #000;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 overflow: hidden;
}

div#menu ul 
{
 height: 100%;
 margin-left: 8px;
}

div#menu ul li a 
{
 font-weight: normal;
 text-decoration: none;
 color: #ddd;
 padding-top: 11px;
 padding-right: 15px;
 padding-bottom: 11px;
 padding-left: 15px;
 margin: 0px;
 display: block;
 border-width: 0px ! important;
}

div#menu ul li 
{
 float: left;
 list-style: none;
}

li.current_page_item a 
{
 color: #ffcc66 ! important;
}

/* sidebar */
div.blurb-content 
{
 padding: 10px;
}

div.blurb-content a 
{
 color: #FFF;
}

div.blurb-content img 
{
 margin-left: 30px;
}

div.sidebar input#s 
{
 width: 5em;
}

div.sidebar ul 
{
 margin: 11px;
}

div.sidebar li 
{
 list-style: none;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 10px;
 margin-left: 0;
 padding: 0.1em;
}

div.sidebar li form 
{
 margin-top: 0.2em;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
 padding: 0;
}

div.sidebar ul ul 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 20px;
 margin-left: 0;
}

div.sidebar ul ul li 
{
 list-style: none;
 margin: 0;
}

div.sidebar ul ul ul 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0.7em;
}

div.sidebar li.delicious-item 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 10px;
 margin-left: 0;
}

a.featured 
{
 border-bottom-width: 0px ! important;
}

div.rightbar 
{
 padding-top: 20px ! important;
 padding-right: 0 ! important;
 padding-bottom: 20px ! important;
 padding-left: 0 ! important;
}

div.sidebar-content 
{
 padding: 10px;
}

div.sidebar img 
{
 border-color: #454545;
 border-width: 1px;
 border-style: solid;
 padding: 1px;
 margin-top: 0;
 margin-right: 4px;
 margin-bottom: 4px;
 margin-left: 0;
}

/* main content */
div#content .hentry 
{
 margin-bottom: 5px;
 margin-top: 5px;
 padding: 10px;
}

.top-meta 
{
 margin-bottom: 10px;
 margin-top: 10px;
 text-align: right;
}

.top-meta2 
{
 margin-bottom: 10px;
 margin-top: 10px;
 text-align: left;
}

.comments-link 
{
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 15px;
 background-image: url('images/comment.gif');
 background-position: left center;
 background-repeat: no-repeat;
}

.chronodata 
{
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 15px;
 background-image: url('images/time.gif');
 background-position: left center;
 background-repeat: no-repeat;
}

.entry-content 
{
 color: black;
 line-height: 1.3em;
 text-align: left;
}

.bottom-meta 
{
 border-bottom-color: #7d7e82;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 margin-top: 10px;
 margin-right: 4;
 margin-bottom: 10px;
 margin-left: 4;
 padding-top: 2px;
 padding-right: 0;
 padding-bottom: 2px;
 padding-left: 0;
}

div#nav-above 
{
 padding-top: 5px;
 padding-right: 2px;
 padding-bottom: 4px;
 padding-left: 2px;
}

.alignleft,div.nav-previous 
{
 float: left;
}

.alignright,div.nav-next 
{
 float: right;
}

.navigation a 
{
 color: #aaa;
 text-decoration: none;
}

/* comments */
div#comments 
{
 padding: 10px;
 margin-bottom: 20px;
}

div.comments h4 
{
 font-size: 1.7em;
 font-weight: normal;
 letter-spacing: -1px;
 margin-bottom: 15px;
 text-align: left;
}

div.comments hr 
{
 border-top-color: #ddd;
 border-top-width: 1px;
 border-top-style: solid;
 border-bottom-width: 0px;
 border-left-width: 0px;
 border-right-width: 0px;
 margin-top: 20px;
 margin-right: 0;
 margin-bottom: 20px;
 margin-left: 0;
}

.commentsrsslink 
{
 background-image: url('images/feed.png');
 background-position: left top;
 background-repeat: no-repeat;
 padding-top: 2px;
 padding-right: 0;
 padding-bottom: 2px;
 padding-left: 20px;
 margin-right: 10px;
 height: 16px;
}

.trackbacklink 
{
 background-image: url('images/arrow_refresh.png');
 background-position: left top;
 background-repeat: no-repeat;
 padding-top: 2px;
 padding-right: 0;
 padding-bottom: 2px;
 padding-left: 20px;
 height: 16px;
}

.comments 
{
 margin-top: 40px;
}

.commentsrsslink a, .trackbacklink a 
{
 color: #999;
 padding: 2px;
 text-decoration: none;
}

#commentlist 
{
 margin: 0;
 padding-top: 10px;
 padding-right: 0;
 padding-bottom: 20px;
 padding-left: 0;
 position: relative;
}

#commentlist li 
{
 margin-top: 10px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 5px;
 padding-left: 10px;
 list-style: none;
}

#commentlist li .comment-content 
{
 padding-top: 5px;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
 font-size: .8em;
 line-height: 1.8em;
}

.comment-content p, .comment-content ul, .comment-content ol, .comment-content div, .comment-content blockquote 
{
 margin-top: 13px;
 margin-right: 0;
 margin-bottom: 13px;
 margin-left: 0;
}

#commentlist li .comment-meta 
{
 padding-top: 2px;
 padding-right: 0;
 padding-bottom: 2px;
 padding-left: 20px;
 background-image: url('images/time.gif');
 background-position: left center;
 background-repeat: no-repeat;
 display: block;
}

#commentlist li img 
{
 padding: 0;
 border-style: none;
}

#commentlist li img.gravatar 
{
 float: right;
 margin-top: -5px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
}

#commentlist li .commentauthor 
{
 font-size: 1.5em;
 font-weight: bold;
 letter-spacing: -1px;
}

#commentlist li .counter 
{
 display: none;
 font-size: 1.5em;
 font-style: normal;
 font-family: 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
 color: #999;
 float: left;
 width: 35px;
}

li.byuser 
{
 background-color: #f6f7f8;
}

li.bypostauthor 
{
 background-color: #eee;
}

li.bypostauthor blockquote 
{
 color: #333;
 background-image: url('images/quote.png');
 background-repeat: no-repeat;
 background-position: 0 10px;
}

#pinglist 
{
 font-size: 1.2em;
 padding: 0;
 margin-top: 10px;
 margin-right: 0;
 margin-bottom: 10px;
 margin-left: 0;
 background-color: #f6f7f8;
 background-image: url('images/pingback.gif');
 background-repeat: no-repeat;
 background-position: center left;
}

#pinglist li 
{
 margin-left: 40px;
 padding-top: 7px;
 padding-right: 0;
 padding-bottom: 7px;
 padding-left: 0;
 list-style: none;
}

#pinglist li small 
{
 font-size: 0.8em;
 display: block;
}

#pinglist li .counter 
{
 display: none;
}

#pinglist li span.favatar img 
{
 margin-left: -25px;
 border-style: none;
 padding: 0;
 float: left;
}

#pinglist li img 
{
 padding: 0;
 border-style: none;
}

#leavecomment, .comments #loading, #comments-closed-msg 
{
 text-align: center;
 margin-top: 30px ! important;
 margin-right: 0 ! important;
 margin-bottom: 20px ! important;
 margin-left: 0 ! important;
 color: #ddd;
 font-size: 2em;
 letter-spacing: -2px;
}

.comments #loading 
{
 margin-top: 20px ! important;
}

#comments-closed-msg 
{
 margin-bottom: 40px ! important;
}

#respond input 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 5px;
 margin-left: 0;
}

form#commentform span.required 
{
 background-color: #fff;
 color: red;
}

form#commentform,form#commentform p 
{
 padding: 0;
}

input#author,input#email,input#url 
{
 width: 50%;
}

input#author,input#email,input#url,textarea#comment 
{
 padding: 0.2em;
}

div.comments ol li 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 3.5em;
 margin-left: 0;
}

textarea#comment 
{
 height: 13em;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0.5em;
 margin-left: 0;
 overflow: auto;
 width: 97%;
}

div#container input[type=submit] 
{
 font-size: 20px;
}

/* footer */
div#footer 
{
 text-align: center;
 background-color: #252526;
 border-top-color: #000;
 border-top-width: 1px;
 border-top-style: solid;
 border-bottom-color: #000;
 border-bottom-width: 2px;
 border-bottom-style: solid;
 border-left-color: #000;
 border-left-width: 2px;
 border-left-style: solid;
 border-right-color: #000;
 border-right-width: 2px;
 border-right-style: solid;
 padding-top: 5px;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
 color: #b1b1b1;
 width: 771px;
 background-image: url('images/footer.gif');
 background-position: bottom;
 background-repeat: repeat-x;
}

a.valid 
{
 background-position: 0pt 50%;
 background-image: url('images/tick.png');
 background-color: transparent;
 background-repeat: no-repeat;
 background-attachment: scroll;
 padding-top: 0pt;
 padding-right: 0pt;
 padding-bottom: 0pt;
 padding-left: 17px;
}

div#footer a 
{
 text-decoration: none;
 color: #bbb;
}

div#footer a:hover 
{
 text-decoration: underline;
}

div#footer .copyright 
{
 clear: left;
 padding-right: 0px;
 display: block;
 padding-bottom: 0px;
 margin: 0px;
 color: #8b8b8b;
 line-height: 30px;
 padding-top: 0px;
}

/* 2.5+ image alignment */
img.centered 
{
 display: block;
 margin-left: auto;
 margin-right: auto;
}

img.alignright 
{
 padding: 4px;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 2px;
 margin-left: 7px;
 display: inline;
}

img.alignleft 
{
 padding: 4px;
 margin-top: 0;
 margin-right: 7px;
 margin-bottom: 2px;
 margin-left: 0;
 display: inline;
}

.alignright 
{
 float: right;
}

.alignleft 
{
 float: left;
}