/*
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
TAGS: Fixed Width, three column, custom header, options page, dark, widgets, custom width, sandbox
*/


/* ex-external styles */
html{
	overflow:scroll;
	background-image: url(images/bg1.jpg);
	background-repeat: repeat;
}
div#wrapper{
	width: 775px;
	margin:10px auto;
	overflow:hidden;
	background-repeat: repeat;
	background-image: url(images/bg.jpg);
}
div#container{
	float: left;
	width: 100%;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
}
div#content{
	width: 355px;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: 400px;
	margin-bottom: 0;
	margin-left: 15px;
}
div.sidebar{
	color: #333333;
	float: left;
	font-size: 10px;
	overflow: hidden;
	background-color: #CCCCCC;
	height: 100%;
}
div#blurb-top{
	color: #b1b1b1;
	float: left;
	overflow: hidden;
	width: 386px;
	height: 0px;
	background-position: left bottom;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000;
	border-bottom-color: #000;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -388px;
}
div#primary{
	width: 190px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -386px;
	height: 100%;
}
div#secondary{
	width: 190px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -192px;
}
div#footer{
	clear: left;
	width: 100%;
	background-color: #FFFFFF;
}


/* 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;}


/* html tag styles */
body{
	background-image:url(images/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
}
div.hentry p{font-size: 11px; margin-bottom: 30px;}
hr{
	border-top: 0;
	border-left:0;
	border-right: 0;
	border-bottom: 0px solid #CCC;
	margin: 20px 0;
}
pre{margin: 20px 0;padding:25px 15px;background-color:#eeeeee;border:1px dashed #FFCCCC;overflow:auto;font-size:11px;font-family:"Courier New",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 center;background-color: #FFFFCC;border: 1px dashed #FFCCCC;font-style: italic;}
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: #6f5dfc;}
a:hover{
	color: #B8B8B8;
}
a:visited{color: #6f5dfc;}
div.sidebar a{
	color: #FF0066;
	text-decoration:none;
}
div.sidebar a:hover{
	color:#000000;
}
div.sidebar a:visited{
	color: #FF0066;
}


/* 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: 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;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
}
.nav-sep{color: #FFCC66;}
img[align=left]{margin:0 10px 10px 0; border: 1px solid #454545; padding: 2px;}
img[align=right]{margin:0 0 10px 10px; border: 1px solid #454545; padding: 2px;}
img[align=center]{margin:0 10px 10px; border: 1px solid #454545; padding: 2px;}


/* headers */
h1, h2, h3, h4, h5{ color: #444; font-family: 'Trebuchet MS', 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{
	color: #333333;
	margin: 20px 0 7px 15px;
	font-size: 28px;
}
h1.blog-title a, h2.blog-title a{
	color: #333333;
	text-decoration: none;
}
h1.page-title{margin: 10px 0 10px 10px;font-size: 28px;}
h1.entry-title, h2.entry-title{
	margin: 0 0 15px;
	font-size: 26px;
}
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: 14px;
	font-weight: normal;
	margin: 0 0 5px;
	color:#333333;
}
.entry-title, h1.page-title{clear:both;}


/* page header */
div#header{
	text-align:left;
	height: 104px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-image: url(headers/altheader4.gif);
	background-position: right top;
}
div#blog-description{
	color: #333333;
	margin: 0 0 0 15px;
}


/* menu */
div#access{
	background-position: top;
	background-repeat:repeat-x;
	background-color: #FFFFFF;
}
div#menu{
	font-size:10px;
	width:771px;
	height:34px;
	overflow: hidden;
	border: 0px solid #FFFFFF;
}
div#menu ul{height: 100%;margin-left:8px;}
div#menu ul li a{
	font-weight:normal;
	text-decoration:none;
	color: #FF0066;
	padding: 11px 15px 11px;
	margin:0px;
	display: block;
	border: 0px!important;
}
div#menu ul li{float:left; list-style:none;}
li.current_page_item a{
	color: #333333!important;
}


/* sidebar */
div.blurb-content{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
div.blurb-content a{color: #FFF;}
div.blurb-content img{margin-left: 30px;}
div.sidebar input#s{width:7em;}
div.sidebar ul{margin: 10px;}
div.sidebar li{list-style: none; margin:0 0 7px; padding:0.1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 40px;}
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: 1px solid #454545; padding: 1px; margin:0 4px 4px 0;}


/* main content */
div#content .hentry {margin-bottom: 30px; margin-top:10px; padding: 10px;}
.top-meta { margin-bottom: 20px;}
.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;}
.entry-content { color:#444444; line-height:1.8em; text-align:justify;}
.bottom-meta { border-bottom: 1px solid #eee; margin: 10px 0; padding: 10px 0;}
div#nav-above{padding:10px 5px 5px;}
.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: 1px solid #ddd; border-bottom: 0px; border-left: 0px; border-right: 0px; margin: 20px 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:40px;}
.commentsrsslink a, .trackbacklink a{color: #999;padding: 2px; text-decoration:none;}
#commentlist{margin: 0;padding: 10px 0 20px;position: relative;}
#commentlist li{margin: 10px 0 0;padding: 10px 10px 5px;list-style: none;}
#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;}
#commentlist li .counter{display:none;font:normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;color:#999;float:left;width:35px;}
li.byuser{background:#f6f7f8;}
li.bypostauthor{background:#eee;}
li.bypostauthor blockquote{color:#333;background:url('images/quote.png') no-repeat 10px 0;}
#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;}
#leavecomment, .comments #loading, #comments-closed-msg{text-align:center;margin:30px 0 20px!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: 0 0 5px 0;}
form#commentform span.required{background:#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: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;}


/* footer */
div#footer{
	text-align:center;
	padding: 5px 0;
	color: #ffcc33;
	width: 771px;
	background-position: bottom;
	background-repeat:repeat-x;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
a.valid{background:transparent url('images/tick.png') no-repeat scroll 0pt 50%;padding:0pt 0pt 0pt 17px;}
div#footer a{
	text-decoration: none;
}
div#footer a:hover{ text-decoration: underline; }
div#footer .copyright{
	clear: left;
	padding-right: 0px;
	display: block;
	padding-bottom: 0px;
	margin: 0px;
	color: #ff0066;
	line-height: 30px;
	padding-top: 0px;
	background-color: #FFFFFF;
}

/* 2.5+ image alignment */

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }