/*
Theme Name: SJR Theme
Theme URI: http://snowjensen.com/
Description: This theme is built for the Snow Jensen &amp; Reece webiste based on the customized template of JMIPS.
Version: 1.0
Author: Innovation Simple Inc.
Author URI: http://innovationsimple.com/
*/

/* Global Body */
* { margin:0; padding:0; }
body { background-color: #600019; font:0.73em Tahoma,Arial; line-height:1.3em; text-align:center; color:#000; }
.bold, p a { font-weight: bold; }
p {text-align:left; padding: 0 0 5px 0;}
hr {margin: 10px 0 10px 0; border:1px solid #000; }

/* Header */
#header { background: url('/images/header_bg.jpg') repeat-x; margin:0 auto 0 auto; padding:0; height: 114px; color:#666; }
#header .inner { padding: 25px 25px 0 25px; width:800px; margin: 0 auto 0 auto; }
#headerleft { float:left; margin: 0; text-align:left; }
#headerright { font-size: 0.9em; font-weight: bold; float:right; margin:0; width: 300px; text-align: right; }
#headerright p { color: #c1c1c1; margin: 7px 0 5px 0; padding: 0; }
#headerright .headerrss { margin: 5px 15px 0 0; padding: 0; }

/* Searchbox */
.searchbox {  margin:5px 15px 10px 0; padding:0; }
.searchbox label { color:#666; font-size:1.2em; }
.searchbox input#s { padding:3px 0 3px 5px; border:1px solid #aaa; background:#fff; width:200px; color:#666; margin:0; vertical-align: bottom; }
.searchbox input#searchsubmit { padding:0; margin:0; vertical-align: bottom; }

/* Navigation */
.navigation { height: 38px; background: url('/images/nav_bg.jpg') repeat-x; }
ul#nav{ font-weight: normal; text-align: center; width: 800px; line-height: 11px; font-size: 12px; list-style-type: none; display: block; margin: 0 auto 0 auto; padding: 0; }
ul#nav li:hover { background: url('/images/nav_active.jpg') repeat-x; }
ul#nav li.divider{ float: left; padding:0; margin:0; }
ul#nav li.link{ float: left; height: 38px; margin: 0; padding: 0; border-left: 1px solid #666; }
ul#nav li.link.last{ border-right: 1px solid #666; }
ul#nav .link a{ color:#fff; height: 27px; display: block; margin: 0; padding: 12px 22px 0 21px; line-height: 15px; }
ul#nav li a{ text-decoration: none; font-weight: bold; }

/* Heading tags */
h1 { line-height:30px; margin: 0; padding: 5px 0 0 0; text-align:left;}
h1.hh1 { display: none; }
h2 { line-height:16px; margin: 10px 0 10px 0; padding:0; color:#600019;text-align: left; font-size:17.5px;}
h2.hh2 { margin: 10px 0 10px 0;text-align: left; text-decoration: underline; }
h3 { line-height:14px; margin: 0 0 10px 0; padding:0; }
h4 { line-height:12px; margin: 0 0 10px 0; padding:0; }

/* Sidebar */
#sidebar { float:left;text-align:left;padding:15px 5px 0 0px;margin:15px 0 0 0;width:185px; }
#sidebar a { text-decoration:none; }
#sidebar h2 { background:url('/images/recent_bg.jpg') repeat-x;height:24px;color:#600019;padding:6px 0 6px 0;margin:0;font-size:1.5em;text-align:center;border:1px solid #ddd;border-bottom:0px; }
#sidebar ul { margin: 0 0 10px 0px; padding:0 0 10px 18px;border:1px solid #ddd;border-top:0px; }
#sidebar ul li {padding:2px 0 2px 0px;list-style-image: url('/images/icons/smallarrow.gif');}
#sidebar ul li li, #sidebar ul.blog li li {line-height:16px; padding:0; margin-left:2px;}
#sidebar ul li a {font-size: 0.95em;margin: 0;padding:0;color:#555;}
#sidebar ul li a:hover, #sidebar ul li.current_page_item a{color:#ddd;}

/* Main Content */
.pageContainer { width: 800px; margin: 0 auto 0 auto; background: #fff; padding:0 0 15px 0; }
.pageContent { float:left;width:580px;padding: 0 10px 0 10px;margin:5px 0 0 0; }

/* Content */
.contenttext { text-align: left; margin: 5px 0 10px 0; } .contenttext ul{ margin: 2px 0 0 15px; }
#content {text-align:left; margin:0; padding:0;}
#content h1 { color: #444;font-size:2.6em; font-weight: bold; padding-bottom: 10px; border-bottom:3px double #000;}
#hh1 {text-align:center;} #content #homeh1 {display: block; text-indent: -2000em; z-index: 1000; font-style: italic; font-size: 1.7em; color: #fff; margin:0 0 0 40px; padding:0; text-transform: uppercase;}
#content h2 {font-size:1.7em; clear:left; margin:20px 0 15px 0; padding:0; }
#content h2.posttitle a { font-size: 1.2em; color:#600019;}
#content h2>img, #content h2 a>img {vertical-align: middle;}
#content h3 {font-size:1.3em; clear:left;}
#content h2.archiveheader {padding:4px 0;font-size:1.5em;border-bottom:3px solid #ddd;}
#content h2 a, #content h3 a {font-weight:bold;}
#content p {margin:0 0 15px;}
#content div.postnav {padding:10px 0;}
#content div.postnavleft {width:48%;}
#content div.postnavright {width:48%; text-align:right;}
#content ul, #content ol {margin:0 0 15px 30px; padding:0 0 0 10px;}
#content ul li, #content ol li {margin:0 0 3px;}
#content ul ul, #content ol ol {margin:5px 0 5px 15px;}
#content img {margin:0; padding:0;}
#content img.left {float:left; margin:0 10px 10px 0;}
#content img.right {float:right; margin:0 0 10px 10px;}
#content img.center {margin:2px auto 10px auto; display:block;}
#content img.framed {padding:5px; background:#222; border:1px solid #555;}
#content .post {margin:0 0 15px;}
#content .introtext {font-size:1.2em; margin:-10px 0 20px 0;}
#content .timestamp strong{font-size:1.2em; font-weight:400;}
#content .timestamp a {font-weight:400;}
#content .postmeta {padding:2px 0; font-size:1em; text-align:right; font-weight:400; color:#555; display:block; border-top:3px solid #ddd;}
#content .postmeta a {}
#content .postpagesnav {margin:15px 0 20px 0; padding:0; font-size:1.2em;}
#content .postpagesnav .older {width:48%; float:left;}
#content .postpagesnav .newer {width:48%; float:right; text-align:right;}

/* Footer */
#footer { background: url('/images/footer_bg.jpg') repeat-x; height:58px; text-align:center; padding: 10px 0 0 0; margin: 0 auto 0 auto; }
#footer div.inner { font-size: 0.88em; text-align:left; width: 800px; margin:0 auto 0 auto; padding: 0; }
#footer .links { float: right; }
#footer .legal { float: left; padding-top:15px;}
#footer .links, #footer .legal { margin: 0; padding-top:15px; text-align:center; font-weight: bold; color: #000; }
#footer .links a { color: #000; padding: 0; margin: 0; }
#footer .links a:hover, #footer .legal a:hover { color: #CF2A19; }

/* Extra Details */
.extra {clear:both; padding:2px 0 0 0;}
.output-options { text-align: right; }

/* Comments */
#comments {margin:20px 0 16px 0;}
.comment {margin-bottom:10px; padding-bottom:6px;}
#content div.comment p.commenticon {margin:0 0 10px;}
#content div.comment p {margin:0 0 4px;}
#respond {margin:20px 0 0 0;}
#respond h2 {font-size:1.4em; padding:4px 0; border-bottom:3px solid #ddd;}
#respond p {margin:0 0 10px 0;}
#respond input,#respond textarea {padding:4px; width:250px; background-color:#f4f4f4; color:#666;}
#respond textarea#comment {width:500px;}
#respond input.button {width:75px;}
#respond input, #respond textarea {font: 100% "Trebuchet MS",Verdana,sans-serif; border: 1px solid #ccc;}

/* Tags */
blockquote {padding:5px 15px 2px 15px; margin:10px; border-left:4px solid #eee; color:#777;}
blockquote p {padding:2px 0; margin:0; font-weight:bold;}
code {padding:5px; font-size:1.2em; display:block; margin: 5px 0 16px 0; background-color:#f4f4f4; border:1px solid #ccc;}

/* Links */
a {color:#666; }
a:hover {color:#600019;}
a img {border:0;}

/* Contact */
.formp {font-weight: bold;}
.formp .col1 { float:left;width: 320px; }
.formp .col2 { float:left;width: 320px; }

/* Various classes */
.feedlink {margin:0 0 0 2px;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.clear {visibility:hidden; clear:both;height:1px;}
.line {border-top: 1px solid #000;}
.fl {float:left;}
.both {clear:both;}
.hide {display:none;}
.center {text-align: center;}
.red {color:#B23E41;}
.i {font-style: italic;}
.go {color:#C5755C;}
.partners {width:158px;text-align:center;}
form#cform select#departments { width: 223px; }
.indent25 {text-indent: 25px;}
#content ul.straight {margin:0 0 0 10px;}

/* Home Page */
.panel_sm {background: url('/images/panel_sm.png') no-repeat; float:left; width: 150px; height:155px; text-align:center; padding: 5px 5px 0 5px; margin: 10px auto 10px 12px; }
.panel_img {padding:0 0 7px 0; margin: 0; }

