/*  
Theme Name: BOK
Theme URI:  http://www.....
Description: This is my custom theme for a website start up.
Version: 1.0
Author: Chip Pintilie
Author URI: http://www.....

*/







/****************************
 **   General
 ****************************/


body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
	margin: 0;
	padding: 0;
}


h1{
	font-style: normal;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 30px;
	padding: 20px 0 1px 10px;
	margin: 0;
        line-height: 100%;
}


h2{
	font-family: "Georgia", "Baskerville", serif;
	font-size: 24px;
margin: 5px 0 5px 0;
padding: 0;
	font-weight: normal;
        line-height: 100%;
}

h3{
	font-family: "Georgia", "Baskerville", serif;
	font-size: 18px;
margin: 10px 0 5px 0;
padding: 0;
	font-weight: normal;
}


body{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	vertical-align: top;
	background: #ffffff url(images/background2.jpg) repeat-x top; /* in case a background image is need it */
	color: #000000;
}


a:link, a:visited{
	text-decoration: underline;
	color: #498a0a;
}


a:hover{
	text-decoration: none;
	color: #ff0000;
}

p{
	padding: 2px 0 10px 0;
}




/****************************
 **   Layout
 ****************************/

#wrapperhome{
	background: #ffffff url(images/background.jpg) repeat-x top; /* in case a background image is need it */
width: 100%;
float: left;
}

#wrapper{

margin: 0 auto 0 auto; 
width: 900px;
text-align: left;  

}


#header{
float: left;
width: 900px;
height: 156px;
position: relative;
background: url(images/back-header.jpg) no-repeat top right;

}

#blog-description {
font-size: 17px;
padding: 4px 0 0 10px;
font-weight: bold;

}

#logo {
float: left;
padding: 10px 20px 0 0;
}

#intro {
height:292px;
width: 100%;
float: left;
background: url(images/back-home.jpg) no-repeat top;


}

#intro p {

margin: 15px 40px 0 0;
padding: 0;
font-size: 15px;
font-weight: bold;
line-height: 22px;

}

#intro p.calltoaction {
text-align: right;
margin: 10px 40px 0 0;

}

#intro .calltoaction a {
display: block;
float:right;
width: 237px;
height: 66px;
background: url(images/calltoaction.gif) no-repeat top;
padding: 25px 25px 0 0;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
}

#intro .calltoaction a:hover {
color: #e9d77c;

}


#slideshow {
height:292px;
width: 360px;
float: left;

}

#slideshow img {
padding: 23px 0 0 12px;


}

#container, #container-single {
	margin: 10px 0 0 0;
	float: left;
	width: 560px;
}

#container h1, #container-single h1 {
	padding: 30px 0 0 0;
	margin: 0;
}

#container-single {
	width: 880px;
}

.post{
padding: 30px 30px 0px 0;
}


.posthome{
padding: 10px 0 10px 0;
float: left;
width: 45%;
}


.entry{
line-height: 20px;
}

#footer{
clear: both;
float: left;
text-align: center;
width: 100%;
background: url(images/back-footer.jpg) repeat-x;

}

.sidebar{
float: left;
background: url(images/sidebar-02.gif) repeat-y;

width: 319px;
margin: 40px 0 30px 10px;
display: inline;
}


.sidebar .meta {

padding-left: 20px;
}

.sidebarbottom{
float: left;
background: url(images/sidebar-03.gif) no-repeat bottom;
width: 319px;
height: 10px;
}

.fb-like {
padding: 20px 20px 0px 20px;
background: url(images/sidebar-01.gif) no-repeat left top;
}

.sidebar h1{
margin: 0;
font-size: 24px;
padding: 20px 0 0 20px;
}

.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 20px 0 20px;
}

.sidebar ul li{
padding: 10px 0 10px 0;
}


.sidebar ul li h2{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 18px;
margin-top: 15px;
}


.sidebar ul ul{
list-style-image: url(images/check.gif);
}

.sidebar ul ul li{
padding: 0;
line-height: 20px;
padding: 0 0 5px 0;

}

.readmore {
background: url(images/readmore.gif) no-repeat top left;
padding-left: 20px;
}



/****************************
 **   Menu
 ****************************/



ul#menu  {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	bottom: 0px;
	left: 0;
}

ul#menu li {
	float: left;
}

ul#menu  a {
	display: block;
	padding: 0 25px 5px 25px;
	line-height: 42px;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}

ul#menu .current_page_item a, #menu a:hover, .current-cat a {
	color: #e9d77c;
background: url(images/select.gif) no-repeat bottom center;

}


/****************************
 **   Metadata
 ****************************/



p.postmetadata{
margin: 2px 0 10px 0;
font-style: italic;
color: #333333;
}

.navigation{
	padding: 10px 0 0 0;
margin-bottom: 50px;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	width: 100%;
}


.navigation a {
	text-decoration: none;
}

.navigation .previous {
	float: left;
}

.navigation .next {
	float: right;
}

.meta{
color: #d87100;
text-transform: uppercase;
margin: 10px 0 0 0;
}

ul.post-meta {
list-style-type: none;
margin: 0;
padding: 0;
color: #d87100;
text-transform: uppercase;
}

li.post-meta {
margin: 0;
padding: 0;
}

/* Standard wordpress */


.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
  	float: left;
}

.alignright {
   float: right;
}

.clear {
	clear:both;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}



/* Comments */

.comments-template{
	margin: 10px 0 0 0;
	border-top: 1px dotted #ccc;
	padding: 10px 0 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}


/* Search Form */

#searchform div {
	background-image: url(images/searchform.gif);
	width: 280px;
	height: 49px;
	margin-left: -7px;
}
#searchform div #s {
	border: 0;
	margin-top: 14px;
	margin-left: 19px;
	width: 152px;
	height: 16px;
	color: #909090;
	font-size: 1.1em;
}
#searchform div #searchsubmit {
	border: 0;
	background: none;
	width: 80px;
	height: 26px;
	margin-left: 4px;
	overflow: hidden;
	text-indent: -2000px;
}


#searchform div #searchsubmit {
	font-size: 0;
	text-align: right;
	color: #cecece;
}

.design {
font-size: 9px;
padding: 10px 0;
}

/* Birkhead */
.cls-item {
/*
    border:1px solid gray;
*/
}
.cls-section {
    background: lightgray;
    text-align: center;
    clear: both;
}
.cls-item {
    clear: left;
}
div.cls-item > pre {
    border:1px solid gray;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
}

table.results-c-tab {
    border-collapse: collapse;
}
.results-c-tab th, td {
    border: 1px solid black;
    padding: 2px;
}

#cforms3form {
    width: 500px;
}

#cforms3form label, #cforms3form label span {
    width: 150px;
}

#cforms3form input, #cforms3form textarea, #cforms3form select {
    width: 200px;
}