/*
Theme Name: SidePlate Theme
Theme URI: http://www.sideplate.com	
Description:Custom Wordpress Theme for SidePlate 
Version: 1.0
Author: Jloop
Author URI: http://www.jloop.com
*/

/*** GENERAL TAGS ***/

body { margin: 0px; padding: 0px; background-image:url(images/bodybg.jpg); color: #513C3C; font-family: 'Verdana','Trebuchet MS','Arial',sans-serif; font-size: 12px; }
h1,h2,h3,h4,h5 { font-weight: normal; margin: 0px; }
.wrap { width: 950px; margin: 0 auto 0 auto; }
.clear { display: block; clear: both; }
a, a:link { text-decoration: none; color: #CB2302; }
a:hover { text-decoration: underline; }
img {  border-style: none; }
caption{ border-bottom:dashed 1px; font-family:'Verdana','Trebuchet MS','Arial',sans-serif; text-align:left; font-weight:bolder; font-size:13px;}
/*** HEADER ***/

.header { background: #FFFFFF url(images/header.jpg) no-repeat center top; }
.header .wrap { position: relative; height: 188px; }

.header h1 {
	float: left;
	width: 281px;
	height: 56px;
	margin-top: 70px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(images/logo.gif) no-repeat top left;
	}
.header h1 a {
	display: block;
	height: 56px;
	background: url(images/logo.gif) no-repeat top left;
	}

.searchbox { width: 240px; float: right; color: #002A4F; font-family: 'Trebuchet MS','Arial'; font-size: 13px; margin: 60px 0 15px 0; font-weight:bolder; }

.header .button {
	position: absolute;
	right: 0;
	top: 156px;
	width: 150px;
	height: 25px;
	padding: 7px 5px 0;
	background: url(images/bg_button.gif) no-repeat top left;
	text-align: center;
	}
.header .button a, .header .button a:visited {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	}
.header .button a:hover { text-decoration: underline; }

.blogtitle h1 { font-family: 'Arial','Trebuchet MS',sans-serif; font-size: 37px; }
.blogtitle h1 a { color: #ffffff; }
.blogtitle span { font-size: 13px; font-family: 'Trebuchet MS','Arial',sans-serif; text-transform: uppercase; color: #F46161; display: block; margin-top: -3px; }
.searchbox form { margin: 0; }
.searchbox input { width: 164px; background-image:url(images/search.png); border: solid 1px #002A4F; padding: 4px; margin-top: 2px;}
.searchbox #searchsubmit { width: 60px; color: #FFF; background-image: none; border: none; background-color: #002B45; padding: 4px; margin: 0; }

/*** MENU ***/

.menu { background: url(images/menubg.png) repeat-x top left; width: 100%; height:58px; padding: 0 !important; position:relative; margin:-11px 0px 0px 0px; }
.menu ul { width: 930px; height: 58px; margin: 0 auto; padding: 0; list-style: none; }
.menu ul li { display: inline; float: left; }
.menu ul li a { margin:5px 0px 0px 0px; height:36px; text-align: center; font-size: 17px; font-family:Arial; color: #ffffff; display: block; float: left; padding:10px 15px 0px 15px; border-right:solid 1px #002A4F; }
.menu ul li.current_page_item a  { background: url(images/menulinkbg.png); background-repeat:repeat;}

/*** CONTENT ***/

.stwrap { margin:-6px 0 0 0; background: url(images/bg.jpg); background-repeat:repeat-x; }
.stwrap .wrap { background: #ffffff url(images/sidebarbg.jpg) repeat-y right; padding-bottom: 20px; }

.leftcontent { width: 550px; float: left; }
.leftcontent .in { width: 500px; margin: 25px auto 0 auto; }

.post { margin-bottom: 40px; }
.posthead { background: #B10000 url(images/postheadbg.jpg) center top; padding-top: 1px;}
.posthead h2 { width: 430px; float: left; margin: 6px 10px 6px 10px; }
.posthead span.date { width: 35px; color: #FFFFFF; text-transform: uppercase; font-family: 'Trebuchet MS','Arial',sans-serif; font-size: 11px; line-height: 13px; float: right; margin: 6px 0 6px 0;}
.posthead h2 a { color: #ffffff; font-family: 'Arial','Trebuchet MS',sans-serif; font-size: 20px; line-height: 22px; }

.postcontent { line-height: 18px; border-bottom: dashed 1px #002a46; }
.postmeta { margin-top: 5px; color: #92665D; }
.mcategories { width: 350px; padding-left: 20px; background: url(images/mcategories.jpg) no-repeat center left; float: left; color:#bbbbbb; }
.mcomments { width: 120px; float: right; text-align: right; }
.mcomments a { padding-left: 20px; background:url(images/mcomments.jpg) no-repeat center left; padding: 2px 0 2px 20px;}

/*** SIDEBAR ***/

.sidebar { width: 400px; float: right; }
.leftsidebar { width: 240px; float: left; background: url(images/sidebarbg.jpg) repeat-y; color: #BFBFBF; }
.leftsidebar h2 { padding: 10px; color: #ffffff; font-family: 'Trebuchet MS','Arial',sans-serif; text-transform: uppercase; letter-spacing: -2px; font-size: 24px;}
.leftsidebar ul { background-image:url(images/ulbg.jpg); background-repeat:repeat; margin: 0 auto 20px auto; list-style: none; width: 229px; padding:5px 5px 20px 6px;}
.leftsidebar ul li { text-indent:10px; border-bottom: dashed 1px #002A46; padding: 5px 0 5px 0; width:218px; }
.leftsidebar ul li a { color:gainsboro; }

.rightsidebar { width: 160px; float: right; }
.rightsidebar .in { color:#283d51; width: 136px; margin: 20px auto 0 auto; }
.rightsidebar img { }
.rightsidebar h2 { color: #292A25; font-family: 'Trebuchet MS','Arial',sans-serif; text-transform: uppercase; letter-spacing: -2px; font-size: 20px; border-bottom: dashed 1px #002A4F; }
.rightsidebar ul { margin: 0 auto 20px auto; list-style: none; width: 140px; padding: 0px;}
.rightsidebar ul li { border-bottom: dashed 1px #DDCACA; padding: 5px 0 5px 0; }


/*** COMMENTS  ***/

.comments { border-top: solid 1px #CEDDE4; padding-top: 10px; margin-top: -5px;}
.comments h2 { margin-bottom: 15px; }
.comment { display: block; padding: 10px; }
.alt { background: #E7F8FF; }
.comment-meta { color: #92A8B1; border-bottom: solid 1px #CCE3EB; padding-bottom: 4px; }
.comment-meta span { font-size: 14px; font-weight: bold; }

.commentform { background: #E7F8FF; display: block; padding: 10px; margin-top: 10px;}
.commentform span { font-size: 16px; display: block; color: #8B8477; margin-bottom: 4px; }
.commentform input, .commentform textarea { width: 350px; background: #ffffff; border: #ffffff; padding: 4px; margin-bottom: 10px; }
.commentform input.subscribe_button{ width: 153px; height: 33px; background: url(images/comment-off.jpg); display: block; text-indent: -9999px; }
.commentform input.subscribe_button:hover { background: url(images/comment-on.jpg); }

/*** OTHER ***/

.footer { background-color:#484848; width: 950px; margin: 10px auto 20px auto; padding: 0px 0 20px 0; color: #999999; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.footer a { color: #7899c1; text-decoration: underline; }