@charset "utf-8";
/*
Theme Name: SJC Training
Theme URI: http://customsbuddy.org/
Description: SJC Training Site Theme.
Version: 1.0
Author: Naoko McCracken
Author URI: http://nao-net.com/
Tags: fixed width, two columns, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =====
Reset Reloaded (by Eric Meyer)
http://meyerweb.com/eric/tools/css/reset/
===== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; margin-bottom: 2em; }

/* =====
"Utilities"
===== */

.clearfix:after { content:"."; display:block; height:0px; line-height:0px; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix { height:1px; }

.fl { float: left; }
.fr { float: right; }
body, .serif, #submit { font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif; }
.sansserif, p, li li, .entry li, .commentmetadata, tr { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, sans-serif; }
p, li, td, th, pre { font-size: 1.2em; line-height: 1.6; }
li li, li p, td p, th p { font-size: 1em; }
.entry p, div#home-teaser p { margin-bottom: 1.2em; }
div#home-news p { margin-bottom: 0; }

table { border: solid #ccc68f; border-width: 1px 0 0 1px; }
th, td { border: solid #ccc68f; border-width: 0 1px 1px 0; padding: 2px 10px; }
th { text-align: center; background: #F4F2E5; vertical-align: middle; }
th.classdate { width: 9.5em; }
th.classtype { width: 12.5em; }

/* =====
General Layout
===== */
body { color:#666; font-size:62.5%; line-height:1.5; text-align:center; background: #f4f2e5; }
#description { background: #716d3d; color: #fff; border-bottom: 1px solid #55512e; }
#descritpion div { border-bottom: 1px solid #9a985b; background: red; }
#description p, #header, #content { width: 900px; margin: 0 auto; text-align: left; }
#sidebar { float:left; width:200px; margin:10px 0 2em 20px; }
#header { padding:10px 0; }
#footer { clear:both; font-size: 1.2em; padding: 0 0 15px 0; text-align:center; margin: 0 auto; }
/* .post { padding: 20px; } */
.homewidecolumn { padding: 15px; }
.widecolumn, .narrowcolumn { padding: 25px 35px; }
.narrowcolumn { width: 600px; float: left; }
.fl { float: left; }

/* home */
div#home-lead { background: #daece0; padding: 15px 0 0 15px; margin-bottom: 15px; }
div#home-lead div.fl { width: 450px; }
div#home-lead div#leadbox { width: 450px; background: url(images/pic/home/fact-bg.jpg) no-repeat left top; padding-top: 22px; }
div#home-lead div#leadbox div { background: url(images/pic/home/fact-bg.jpg) no-repeat left bottom; padding: 15px; font-size: 0.1em; line-height: 0; }
div#home-lead div#leadbox h3, div#home-lead div#leadbox p { font-size: 1.8em; line-height: 1.3; margin: 0 128px 0 15px; color: #726d3d; }
div#home-lead div#leadbox h3 { margin-bottom: 0.5em; }
div#home-lead div#leadbox p strong { font-style: italic; }
div#home-lead img.fr { float: left; border: 4px solid #726e3e; margin-bottom: 15px; }
div#home-teaser { width: 400px; background: #effdf0; margin-right: 25px; display: inline; }
div#home-teaser div { padding: 15px 20px; }
div#home-news { width: 430px; }
div#home-news .entry, .post .entry { border-bottom: 2px dotted #ccc68f; }
div#content { background: url(images/bg/content-bg.jpg) repeat-x #fff; clear: both; border: dotted #ccc68f; border-width: 2px 0; margin-bottom: 10px; }
body#homepage div#content { background: #fff; }

/* =====
Header
===== */
h2, h3 { margin-bottom:0.2em; line-height: 1.3; }
#header h1 a { float: left; background: url(images/logo/sjc-training.gif) no-repeat; text-indent: -999em; display: block; width: 415px; height: 42px; }
h2 { font-size: 2.2em; }
div#home-lead h2 { font-size:2.3em; color: #726d3d; font-style: italic; padding: 0 0 0 5px; }
div#home-news h2 { font-size: 1.8em; }
h2.page-title { margin-bottom: 1em; }
#sidebar h2 { color:#555; font-size:1.5em; margin-top:1em; }
h3 { font-size:2em; color: #4d4d4d; }
h3.entrydate { font-size:1.6em; color:#6F6F6F; font-weight: normal; }
h4 { font-size:1.8em; color: #4d4d4d; font-weight: normal; line-height: 1.2; margin-bottom: 0.5em; }
h5 { font-size: 1.6em; color: #747474; font-weight: normal; }

/* =====
Posts
===== */
.entry { margin-bottom:2em; }
.section { margin:1em 0 1em 0; line-height:1.6; }
.section img.fl { border: solid 1px #ddd; padding: 4px; float: left; margin: 0 10px 8px 0; }
.section img.fr { border: solid 1px #ddd; padding: 4px; float: right; margin: 0 0 8px 10px; }
.section p { font-size: 1.3em; }
blockquote { padding: 15px 15px 0 15px; margin: 0 0 1em 15px; background: #FAF9F2; border: solid 1px; border-color: #F4F2E5 #D4D2BA #D4D2BA #F4F2E5;}
.section ul { margin:0 0 1em 0;  }
.section ol{ margin:0 0 1em 20px;  }
.section ul li { background:url(images/icon/bullet_yellow.png) no-repeat; padding-left: 18px; }
.section ol li { list-style-type: decimal; }
.section dl { margin-bottom: 1em; }
.section dl dt { font-weight: bold; }
.section dl dd { margin-left: 1em; }
ul.entrymeta li { font-size:1.1em; line-height:1.8; display:inline; }
.postedby, .filedto { border-right: 1px solid #ccc68f; padding-right: 3px;}
.commentslink { background:url(images/icon/comments.gif) no-repeat; padding:3px; padding-left:20px; }
hr { margin-bottom: 10px; border: none; border-bottom: 1px dotted #ccc68f; }
.section img.noline { border: 0; }

/* =====
Sidebar
===== */
div#sidebar p { font-size: 1em; }

/* =====
Comments
===== */
#comments { padding:5px 0; }
#comments h3 { font-size:1.5em; margin:15px 0 0 0; }
#comments p { padding-bottom:1em; }
.commentauthor { display:block; font-size:1.5em; }
ol.commentlist { color:#777; list-style-type:none; margin:8px 0 25px 0; }
.commentlist li { margin-bottom:8px; padding:10px; background:#F7F0E7; border:2px dotted #ccc68f; }
.commentlist li.alt { background:#F9F6F2; border:2px dotted #ccc68f; }
.commentlist li img { background:#FFF; border:2px solid #ccc68f; padding:0.5em; float:left; margin-right:10px; }
.commentlist cite { font-style:normal; font-weight:bold; }
.commentlist .commentmetadata { font-size:0.9em; padding-bottom:1em; }
#commentform textarea { margin: 0 0 10px 0; font-size:1em; width:550px; }
#commentform input { width:160px; font-size:1em; line-height:2em; margin:0 5px 8px 0; }
#commentform input#submit { font-size:1.4em; }
#commentform input#trackbackurl { width:538px; }
p.alignright { text-align:right; }
.wpcf7-form p { margin: 0; }

/* =====
Links
===== */
a { color:#309b48; text-decoration:none; font-weight: bold; }
a:hover { color:#716d3d; }
ul.sitenav a:link, ul.sitenav a:visited { color: #716d3d; }
ul.sitenav a:hover, ul.sitenav a:active { color: #434024; }

.section p.readmore { margin: 0; padding: 0; }
p.cta a, #submit { font-size: 1.4em; margin: 0; padding: 3px 10px; color: #fff; background: #766e47; display: block; border: double 3px; border-color: #908B4E #5A5731 #5A5731 #908B4E; }
p.cta a.fl { margin: 0 0 10px 55px; display: inline; }

.commentlist .commentmetadata a { color:#908B4E }

/* =====
Lists
===== */
ul#nav { display: block; float: right; padding-top: 20px; }
ul#nav li { float: left; }
ul#nav li a { font-size: 1.3em; float: left; display: block; padding: 0 10px 0 0; }
#sidebar ul { margin:10px 0; padding:0; }
#sidebar ul ul { margin:0; }
#sidebar ul ul li { margin:0 0 0 15px; }
#nav-bottom { text-align: center; margin-bottom: 10px; }
#nav-bottom li { font-size: 1em; display: inline; }
#nav-bottom li { margin: 0 8px 0 0; }

.center { text-align:center; }
.clr { clear: both; }
.alignleft, .alignright { padding: 4px; border: 1px solid #ccc68f; background: #f4f2e5; }
.alignleft { float: left; margin: 0 8px 8px 0; }
.alignright { float: right; margin: 0 0 8px 8px; }