/*
Theme Name: Lori Culwell
Theme URI:
Description: Theme for Lori Culwell website
Author: Viggie
Author URI: http://viggie.com
Version: 0.1
Tags: right bar, white

White theme to replace previous layout.
 
*/

/*** Reset Everything ***/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video 
{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; 
}

/*** GLOBAL : GENERAL STYLE DEFAULTS ***/
html
{
	margin: 0;
	padding: 0;
}
body
{
	background: #F2F2F2;
	background-image: url(img/bg.jpg); background-repeat:repeat;
	margin: 0;
}
body, input, textarea
{
	color: #222;    
	font-family:'Rokkitt', serif;
}
h1, h2, h3, h4, h5, h6
{ 
	font-weight: normal;
	clear: both;
}
hr
{
	background-color: #999;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
pre
{
	font: 11px Monaco, monospace;
	line-height: 1.5;
	margin-bottom: 1.5em;
}
code
{
	font: 11px Monaco, monospace;
}
p
{
	margin: 4px 0 12px 0;
}
a
{
	color: #0a77e6;
}
a:hover
{
	color: #065c88;
}
a:visited
{
	color: #8b46d1;
}



/*** PAGE LAYOUT ***/

/* Styles that affect the entire layout of the page */
#wrapper{
}
#header {
	height: 100px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

div#container
{
	width:950px;
	height:auto;
	padding:0px;
	margin:auto;
}
div#content
{
	width:568px;
	height:auto;
	float:left;
	margin-top:43px;
}


/*** HEADER : MENU ***/

/* To see a menu in your header, you'll need to first add one in WordPress Admin */
.menu-header {width:510px;
height:44px;
float:left;
margin:33px 30px 0 40px;
background-image:url(img/menu_bg.jpg); background-repeat:repeat-x;
}
.menu{
float:right;
height:29px;
margin-top:9px;
}
.menu ul
{
    list-style: none;
    margin: 0;
}
.menu ul ul
{
    display: none;
}
.menu li
{
    display: inline;
	padding: 0; 
}
.menu-item
{
	
}
.menu-item a
{
	font-family:'Rokkitt', serif;
	font-size:25px;
	color:#012420;
	text-decoration:none;
	padding:5px 5px 5px 7px;
	font-weight:normal;
}
.menu-item a:hover
{
	color: #0074c3;
}



/*** HEADER : OTHER ***/
#masthead{width:400px;
height:100px;
float:left;}
#head_name{ width:300px;
height: auto;
font-family:'Rokkitt', serif;
padding:25px 0 0 0px;
font-size:35px;
font-weight:bold;
text-transform:uppercase;
color:#2b2b2b;
float:left;
}
#head_name a { text-decoration:none; color:#2b2b2b; }
#site-description{width:300px;
height: auto;
font-family:'Rokkitt', serif;
font-size:20px;
color:#363636;
font-weight:bold;
text-align:left;
}

#access{width:550px;
height:100px;
float:left;
margin-left:0px;}
.header_rgt_top{width:139px;
height:10px;
float:right;
margin-top:30px;}


/*** CONTENT : POSTS AND PAGES ***/

/* Entry and Page Titles */
h1.entry-title, h1.page-title
{
	width:950px;
	height:81px;
	margin-right: auto;
	margin-left: auto;
	color:#2b2b2b;
	font-size:60px;
	padding-top:10px;
}
h2.entry-title
{
	padding-top:10px;
}
h2.entry-title a
{
	color:#2b2b2b;
	font-size:32px;
}


/* Media Alignment */
.alignright
{
	/* Style for right-aligned images in posts */
	padding: 8px 0 8px 8px;
	float: right;
}
.alignleft
{
	/* Style for left-aligned images in posts */
	padding: 8px 8px 8px 0;
	float: left;
}

/* Entry Content */
.entry-content
{
}
.entry-content a
{
	
}
.entry-content a:hover
{
	
}
.entry-content h1, h2, h3, h4, h5
{
	
}
.entry-content ol li
{
	
}

.entry-utility
{
	/* Style for the entry utility, which sits below a post and provides info like categories, tags, feeds, and an edit link (for authors) */
}
.entry-meta
{
	/* Style for the entry metadata (author, etc.) */
}
.skip-link
{
	/* Style for the skip link */
	/*position: absolute;
	left: -9000px;*/
}
.navigation
{
	/* Style for the navigation links (next/previous post) on a given post */
}


/*** CONTENT : COMMENTS ***/

div#comments
{
	/* Style that affects the DIV containing all the comments */
}
.comments h3
{
	/* H3 header style for comments */
}
.comments ol
{
	/* Comments are displayed as ordered lists by default, so you want to style that list so it looks the way you want */
}
.comments ol li
{
	/* Style each list item in the comments ordered list */
}
.comments img
{
	/* Style for the user avatar beside each comment */
	float: left;
	margin: 0 12px 8px 0;
}
.comments .comment
{
	/* Style that applies to each individual comment in a series of comments */
}

.children ul li
{
	/* A style that refers to the children (as in, responses to) any given comment */
}

.comment-reply-link
{
	/* Style for the "Reply" link on a comment */
}
.comment-meta
{
	/* Style for metadata for a comment */
}
div#respond
{
	/* DIV that contains the comment response form */
}
div#respond h3
{
	/* H3 header for the comment response form */
}


/*** CONTENT : SIDEBAR ***/
div#primary
{
	width:304px;
	height:auto;
	float:left;
	margin-left:77px;
	margin-top:43px;
}
.widget-area
{
	/* Class that applies to BOTH widget areas */
}
.xoxo
{
	/* Class that applies to each item in each widget area (an unordered list class) */
}
.widget-title
{
	width: 100%;
	display: block;
	color:#2b2b2b;
	font-size:20px;
	font-weight: bold;
	padding-bottom:5px;
	border-bottom: #c5c5c5 solid;
	border-bottom-width:2px;
}
#text-10, #text-3 { clear: left; }
#text-10 .widget-title, #text-3 .widget-title {
	border-bottom: none; margin-top: 30px;
}

/*** FOOTER ***/
div#footer
{
	clear: both;
	height: 36px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-top:10px;
	font-family:'Rokkitt', serif;
	font-weight:bold;
	border-top: 4px solid #a8a8a8;
}
#footer .menu-footer {
	width:400px;
	float: left;
	height:55px;
}
#footer .menu-footer .menu {
    float: left;
    height: 25px;
    margin-top: 5px;
}
#footer .menu-footer .menu-item {
	border-right: 2px solid #a8a8a8;
}
#footer .menu-footer .menu-item a {
    font-family: 'Rokkitt',serif;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    padding-left: 0px;
    padding-right: 5px;
    font-weight: normal;
}
#footer #site-info {
	height:20px;
	width:300px;
	float:right;
	font-size:16px;
	color:#2b2b2d;
	padding-left:8px;
	text-align: right;	
	font-family:'Rokkitt', serif;
	font-weight:bold;
	margin-top: 5px;
}


/*** YOUR CSS ***/
#pageheading {
	height:81px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image:url(img/consu_bg.jpg);
	background-repeat:repeat;
}
    /* Home page widget content */
#homebodycontent {
	height: 340px;
	width:950px;
	margin-right: auto;
	margin-left: auto;
}
.bks{width:440px;
height:330px;
float:left;
margin-top:0px;
}
.homeblog{height:330px;
	width:218px;
	float:left;
	margin-left:34px;
	margin-top:0px;
}
.resent{height:330px;
	width: 225px;
	float:left;
	margin-left:32px;
	margin-top:0px;
}
    /* Home page widget styles within content */
.bookbox {
	width: 78px;
	height: 170px;
	float:left;
	margin-right:10px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#313131;
}
.bookbox a{
	color:#313131;
}

.cntntbox1_srch {
	height:35px;
	width: 430px;
	margin-top:2px;
	float:left;
}
.cntntbox1_srch_lft {
	height:34px;
	width: 280px;
	margin-top:2px;
	float:left;
}
.newsltr{
	width:280px;
	height:30px;
	border:1px solid #CCC;
	float: left;
}
.cntntbox1_srch_rgt {
	height:34px;
	width: 130px;
	margin-top:2px;
	float:left;
	margin-left:5px;
}
.submit{
	width:138px;
	height:34px;
	float:left;
	background-color: #d8d8d8;
	font-family:'Rokkitt', serif;
	font-size:18px;
	border: 1px solid #b7b7b7;
}
.homeblog .subhdr { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top:15px;
	color:#1a1a1a;
}
.homeblog .subhdr a { text-decoration: none; color:#1a1a1a; }
.resent a { color:#1a1a1a; }
.hblogtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top:15px;
	color:#1a1a1a;
	border-bottom:#c5c5c5 solid;
	border-bottom-width:1px;
}


#banner {
	height: 374px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/banner2.png);
	background-repeat: no-repeat;
	background-position: center;
}
#banner .bannertxt{
	width:950px;
	height:375px;
	margin-right: auto;
	margin-left: auto;
}

#banner .bannertext1{
	width:600px;
	height:375px;
	float:left;}
#banner .textarea{width:580px;
height: auto;
margin-left:35px;
margin-top:32px;
font-size:30px;
font-family:'Rokkitt', serif;
color:#535353;}

.span{font-size:75px;
color:#545454;}

.span2{font-size:25px;
color:#535353;}

#banner .subtext{width:580px;
height: auto;
margin-left:38px;
font-size:25px;
font-family:'Rokkitt', serif;
color:#0b6eb2;

border-top:#bcbcbc dashed;
border-top-width:1px;
padding-top:10px;
font-weight:bold;}

/*** Book Styles ***/
.bk-box {
	margin-bottom:15px;
	width: 475px;
	float: left;
}
.bk-pic {
	background: white;
	padding: 7px;
	border: 2px solid #e2e2e2;
	float: left;
	margin-right: 20px;
}
.bk-txt {
	font-family: 'Rokkitt', serif;
	font-weight:bold;
	text-align:left;
	padding: 0;
	margin-left: 200px;
	width: 250px;

}
.bk-terms { margin-top: 5px; }
.bk-terms a { padding-right: 15px; }

.clear { clear: both; }