/*
THEME NAME: Modmat
THEME URI: http://mou.me.uk/projects/wordpress/themes/modmat/
DESCRIPTION: 3 column, widget ready, "modern" theme with changeable header and background image/color.  xHTML & CSS2 compliant.  Based on the Sandbox template.  You can switch between a 775px and 975px width (defaults to 775px) and change the header image or background via <a href="options-general.php?page=modmat.php">the options page</a>.
VERSION: 1.1.2
AUTHOR: Chris Chrisostomou
AUTHOR URI: http://mou.me.uk/
TAGS: dark, three-columns, right-sidebar, fixed-width, custom-colors, custom-header, theme-options, threaded-comments, sticky-post, microformats
*/

/* start by resetting a couple of styles */
ul, li, p, h1, h2, h3, h4, h5{ margin:0px; padding:0px; }
img{ border:0px; margin:0px; padding:0px; }
label{ display:block; }
input{ margin-bottom:10px; }


/* Section Styles */
html{overflow:scroll;}
div#wrapper{width:775px; margin:10px auto; background-color:#FFF; overflow:hidden; background-image:url('images/wrapperbg775.gif'); }
div#container{ float:left; width:100%; }
div#content{ margin:-34px 400px 0px 20px; width:355px; }
div.sidebar{ color:#FFF; float:left; font-size:14px;}
div#blurb-top{ color:#132700; float:left; overflow:hidden; margin:0 0 0 -388px; width:386px; height:25px; background-color:#FFF; background-position:bottom left; border-right:0px; border-bottom:0px; }
div#primary{ margin:14px 0 0 -378px!important; width:172px; }
div#secondary{ margin:14px 0 0 -192px!important; width:185px; }
div#footer{	clear:left; width:100% }


/* Html Tag Styles */
body{ background-color:#FFF; background-image:url('backgrounds/default-background.gif'); background-position:top; background-repeat:repeat-x; font:11px 'Arial', Verdana, Sans-Serif; padding: 0px; margin: 0px; }
div.hentry p{ color: #132700; font-size:13px; font-weight: bold; margin-bottom: 20px;}
hr{ border-top: 0; border-left:0; border-right: 0; border-bottom: 1px solid #FFF; margin: 20px 0; }
pre{ margin: 20px 0;padding:25px 15px;background-color:#669900;border:1px dashed #FFF;overflow:auto;font-size:13px;font-family:"Arial",Courier,monospace;font-weight:normal; overflow: auto; width: 305px; }
blockquote{ margin: 20px 0;	padding: 10px 10px 10px 35px;background: url('images/quote.gif') no-repeat;background-position: left top;border: 0px dashed #FFF;font-style: normal; font-weight: bold;}
blockquote p{ margin-bottom:0px!important; }
ul, ol { margin: 0 0 0 25px; padding: 0px; }
.entry-content ul, .entry-content ol{ margin: 20px 10px 20px 30px; }


/* Link Styles */
a:link{color: #FFF; font-weight: bold; text-decoration: none;}
a:hover{color: #FFF; text-decoration: line-through}
a:visited{color: #FFF; font-weight: bold; text-decoration: none;}
div.sidebar a{color: #FFF; text-decoration:none; font-weight: bold;}
div.sidebar a:hover{color:#FFF; text-decoration: line-through;}
div.sidebar a:visited{color: #FFF; font-weight: bold; text-decoration: none;}


/* Generic Page Styles */
div#content-search{ margin:-8px 410px 0px 30px; width:335px; }
.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: 3px 0 0 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: #669900;}
img[align=left]{margin:0 10px 10px 0; border: 5px solid #FFF; padding: 2px;}
img[align=right]{margin:0 0 10px 10px; border: 5px solid #FFF; padding: 2px;}
img[align=center]{margin:0 10px 10px; border: 5px solid #FFF; padding: 2px;}
.clear{display:block;clear:left;}


/* Headers */
h1, h2, h3, h4, h5{ color: #132700; font-family: Arial, Verdana, Sans-Serif;}
h1{font-size:26px; margin: 5px 0 15px 0; font-weight:normal;}
h2{font-size:24px; margin: 5px 0 10px 0; font-weight:normal;}
h3{font-size:22px; margin: 5px 0 10px 0; font-weight:normal;}
h4{font-size:18px; margin: 5px 0 7px 0; font-weight:normal;}
h5{font-size:14px; margin: 5px 0 7px 0;}
h1.blog-title, h2.blog-title{display: none;}
h1.blog-title a, h2.blog-title a{display: none;}
h1.page-title{margin: 25px 0 -35px 10px;font-size: 22px; font-weight: bold;}
h1.entry-title, h2.entry-title{margin: 0 0 10px;font-size: 22px font-weight: bold;;}
h1.entry-title a, h2.entry-title a, h1.page-title a{text-decoration: none; font-weight: bold;}
h3.widgettitle, .sidebar h3{font-family: 'Arial', Verdana, Sans-Serif; font-size: 16px; font-weight: bold; margin: 0 0 5px; color:#132700;}
.entry-title, h1.page-title{clear:both; font-weight: bold; }


/* Page Header */
div#header{text-align:left;height: 300px; background: url('headers/defaultheader.gif') no-repeat right top; background-color: #FFF; border-left: 2px solid white; border-right: 2px solid white; border-top: 2px solid white;}
div#blog-description{ display: none;}


/* Menu */
div#access{background:#FFFFFF; background-image:url('images/menu_big_web.gif'); background-position: top; background-repeat:repeat-x; height: 95px;}
div#menu{font-size:16px; font-weight: bold; width:771px;height:95px; border-right: 2px solid #FFF; border-left: 2px solid #FFF; border-top: 1px solid #FFF; border-bottom: 0px; overflow: hidden;}
div#menu ul{height: 100%;margin-left:8px;}
div#menu ul li a{font-weight: bold; text-decoration:none; color: #FFF; padding: 11px 20px 11px; margin:0px; display: block; border: 0px!important;}
div#menu ul li{float:left; list-style:none;}
li.current_page_item a{color: #669900!important;}


/* Sidebar */
div.blurb-content{ background-color:#FFF; padding: 0px;}
div.blurb-content a{color: #FFF;}
div.blurb-content img{margin-left: 5px; width: 180px;}
div.sidebar input#s{width:7em;}
div.sidebar ul{ margin: 10px; padding-top: 0.1em;}
div.sidebar li{list-style: none; margin:0 0 15px; padding:0.1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 15px;}
div.sidebar ul ul li{list-style:none; margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.7em;}
a.featured{border-bottom: 0px!important;}
div.rightbar{padding: 20px 0!important;}
div.sidebar-content{padding: 20px; }
div.sidebar img{border: 3px solid #FFF; padding: 1px; margin:0 4px 4px 0;}


/* Twitter Widget */
ul.twitter { font-size: 12px; } /* the main ul (if list is activated) */
li.twitter-item {  } /* the ul items (if list is activated) */
p.twitter-message { margin-bottom: 10;} /* each one of the paragraphs (if msgs > 1) */
.twitter-timestamp { color: #669900;} /* the timestamp span class */
a.twitter-link {  } /* the tweet link class */
a.twitter-user { font-weight: bolder; } /* the @username reply link class */


/* Main Content */
div#content .hentry {margin:15px 0 0; padding: 10px;}
div#content div.sticky {background-color:#FFF;}
body.single div#content .hentry{margin:0;}
.top-meta { margin-bottom: 10px;}
.comments-link{padding: 0 0 0 15px;background:url('images/comment.gif') left center no-repeat;}
.chronodata{padding:0 0 0 15px;background:url('images/time.gif') left center no-repeat;}
span.meta-sep { margin:0 2px; }
.entry-content { color:#336600; line-height:1.8em; text-align:justify;}
.bottom-meta { margin: 0; padding: 0;}
div#nav-above{padding:10px 5px 5px;}
div#nav-below div.nav-previous { margin: 20px 0; color: #FFF; }
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
.navigation a{color:#FFF; font-weight: bold;}
span.edit-page-link { padding:0 0 0 20px; font-size:0.4em; text-decoration: none;}


/* Comments */
div.form-label { margin:15px 0 5px; font-size:1.1em; }
form#commentform p { margin:0 0 10px; }
div.reply{margin:0 0 15px;}
div.cancel-comment-reply{margin:5px 0 10px;}
a.comment-reply-link{border:1px solid #FFF; padding:2px 3px;}
div.comments{padding: 10px; margin-bottom: 20px;}
div.comments h4 { text-align:center!important; font-size:1.6em; font-weight:normal; letter-spacing:-1px; line-height:28px; color:#336600; margin-bottom:10px; }
div.comments h5 {font-size:1.5em;font-weight:normal;letter-spacing:-1px;margin-bottom:15px;text-align:left;}
div.comments hr { border-top: 1px solid #ddd; border-bottom: 0px; border-left: 0px; border-right: 0px; margin: 20px 0;}
div.navigation { margin: 10px 0; }
.commentsrsslink{background:url('images/feed.png') left top no-repeat;padding:2px 0 2px 20px;margin-right:10px;height:16px;}
.trackbacklink{background:url('images/arrow_refresh.png') left top no-repeat;padding:2px 0 2px 20px;height:16px;}
.comments{margin-top:0px;}
.commentsrsslink a, .trackbacklink a{color: #336600;padding: 2px; text-decoration:none;}
#commentlist{margin: 0;padding: 10px 0 20px;position: relative;}
#commentlist ul.children li{margin:0 0 5px;}
#commentlist li{margin:10px 0 30px;padding:10px 10px 5px;list-style:none;border:6px solid #FFF;}
#commentlist li li{margin:10px 0 0;}
#commentlist li .comment-content{padding: 5px 0;font-size: 1.2em;line-height: 1.8em;}
.comment-content p, .comment-content ul, .comment-content ol, .comment-content div, .comment-content blockquote{margin: 13px 0;}
#commentlist li .comment-meta{padding:2px 0 2px 20px;background:url('images/time.gif') left center no-repeat;display:block;}
#commentlist li img{padding:0;border:none;}
#commentlist li img.gravatar {float:right;margin:-5px 0 0;}
#commentlist li .commentauthor{font-size:1.5em;font-weight:bold;letter-spacing:-1px;font-style:normal; color:#132700;}
#commentlist li .counter{display:none;font:normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;color:#999;float:left;width:35px;}
#commentlist li {background-color:#336600;}
#commentlist li.byuser{background:#669900;}
#commentlist li.bypostauthor{background:#496C00;}
#commentlist li.bypostauthor blockquote{color:#FFF;background:url('images/quote.png') no-repeat 10; background-position: left center;}
#pinglist{font-size:1.2em;padding:0;margin:10px 0 10px;background:#f6f7f8;background-image:url('images/pingback.gif');background-repeat:no-repeat;background-position:center left;}
#pinglist li{margin-left:40px;padding:7px 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:none;padding:0;float:left;}
#pinglist li img{padding:0;border:none;}
#pinglist li.hidden, #commentlist li.hidden{display:none;}
#leavecomment, .comments #loading, #comments-closed-msg{text-align:center;margin:30px 0 20px!important;color:#FFF;font-size:2em;letter-spacing:-2px;}
.comments #loading{margin-top:20px!important;}
#comments-closed-msg{margin-bottom:40px !important;}
#respond input{margin: 0 0 5px 0;}
form#commentform span.required{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;border:3px solid #FFF;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:97%;}
div#container input[type=submit]{font-size: 20px;}
img.avatar { display:inline; float:left; border: 3px solid #FFF!important; margin: 2px 6px 0 0; }

/* Footer */
div#footer{text-align: center; background:#FFF; border-top: 0px; border-bottom: 5px solid #FFF; border-left: 2px solid #FFF; border-right: 2px solid #FFF; padding: 5px 0; color: #336600; width: 771px; background-image: url('images/footer.gif'); background-position: top; background-repeat: no-repeat;}
a.valid{background:transparent url('images/tick.png') no-repeat scroll 0pt 50%;padding:0pt 0pt 0pt 17px;}
div#footer a{ text-decoration: none; color:#132700; }
div#footer a:hover{ text-decoration: line-through; font-weight: bold;}
div#footer .copyright{clear: left; padding-right: 0px; display: block; padding-bottom: 0px; margin: 0px; color: #336600; line-height: 30px; padding-top: 30px; font-weight: bold;}

/* 2.5+ & Theme Directory Requirements */
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright{ float: right; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright, div.alignright img { padding: 4px; margin: 0 0 2px 7px; display: inline; border: 1px solid #ccc; padding: 1px; }
img.alignleft, div.alignleft img { padding: 4px; margin: 0 7px 2px 0; display: inline; border: 1px solid #ccc; padding: 1px; }
.alignright { float: right; }
.alignleft { float: left; }
p.wp-caption-text { margin-bottom: 15px!important; font-style:italic; padding: 0 10px; color:#666; }