/* CSS
Designer: Jell Creative
Client: Reynold Ducasse
Created: 07.15.08
Modified: 
*/

/* Layout

   ||||||||||||||||||||
   ||||||||||||||||||||
   |                  |
   |||| ||||||||  ||| |  
   |||| ||||||||  ||| |    
   |||| ||||||||      |    
   |    ||||||||      | 
*/ 

/* Global Defaults
=====================================================================*/
body,div,ul,li,h1,h2,h3,h4,h5,form,fieldset,input,p,table,tr,th,td,embed,object{ margin:0px;padding:0px; }
table{ border-collapse:collapse;border-spacing:0; }
fieldset,img,abbr{ border:0; }
img, h1,h2,h3,h4,h5,h6,strong,var{ font-style:normal;font-weight:normal; }
ul { list-style:none; }
div { text-align: left;}
a,ins{ text-decoration:none; }
strong { font-weight: bold; }

/* Global Elements
=====================================================================*/
body,html {
	background-color: #CCCCCC;
	text-align: center;
}

input, textarea{
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/form_rpt.gif);
	background-repeat:repeat-x ;
	border:solid 1px #cccccc;
}

img {
	font-size: 10px;
	line-height: 13px;
	color: #333333;
}

/* Typographic Elements
=====================================================================*/
h1, h2, h3, h4,h5,input,img, .small, body {
font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.03em;
}

/* Page Content Style
====================*/

h1, h1 a:link, h1 a:hover, h1 a:visited{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 26px;
	color: #c14a28;
	padding-bottom: 8px;
	padding-top:8px;
	letter-spacing: 0.05em;
}

h2 {

}

p, ul li{
	font-size: 11px;
	line-height: 18px;
	color: #333333;
	padding-bottom: 10px;
}

p a:link, p a:visited {
	color: #7eabd5;
}

p a:hover {
	color: #666666;
}
p.smalldate{
	margin: 10px 0px 0px 0px;
	color: #999;
	font-size:9px;
	padding:0px;
}

#body_text  ul li{
list-style:none;
padding-left:13px;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
background-position:0px 6px;
padding-bottom: 5px;

}

#body_text  ul{
padding-bottom: 5px;

}

.small {
	font-size: 9px;
	line-height: 16px;
	color: #666666;
}

.small a:link, .small a:visited{
	color: #666666;
}

.small a:hover, .small a:visited:hover{
	color: #00A890;
}

.link {
	font-size: 10px;
	line-height: 14px;
	color: #00A890;
	padding-bottom: 0px;
	text-transform:uppercase;
}

.link a:link, .link a:visited{
	color: #00A890;
}

.link a:hover, .link a:visited:hover{
	color: #666666;
}
em, .emph{
font-style:italic;
}

.Quote{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:15px;
	color:#999999;
	letter-spacing:1px;
	line-height:30px;
}

.Quote_Attribution{
	color:#999999;
}

.Footnote{
	font-size:9px;
	line-height:14px;
	padding-bottom: 5px;
}



/* #tag and #tag h2 are over-written with and image via javascript
they are simply here for SEO
===================================================================*/
#tag{
background-color:#7eabd5;
height:27px;
}

#tag h2 {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:17px;
margin-left:35px;
margin-top:2px;
}

/*===================================================================*/




/* global layout styles 
=====================================================================*/
#container{
	margin: 0px auto 0px auto;
	background-color:#FFFFFF;
	width: 850px;
	position:relative;
	min-height:300px;

}

#content {
	margin: 45px 0px 20px 0px;
	overflow: auto;
}

#body_text{
	width:435px;
	margin:0px 25px 0px 25px;
	float:left;
}




#right_col{
	width:162px;
	margin: 15px 0px 0px 37px;
	float:left;
}

#footer{
	width:435px;
	margin:50px 25px 25px 156px;
	float:left;
	clear:left;
	display:inline;
	
}


#footer p, #footer a:link, #footer a:hover, #footer a:visited{
	color:#999999;
	font-size:10px;
}




/* page specific layout styles 
=====================================================================*/

/*home*/

#book_container{
	float:left;
	margin: 12px 0px 0px 0px;
	width:199px;
}

#buy{
	text-align:right;
	padding-top:18px;
	padding-right:23px;
}

/*Author*/

#author_name{
	padding-top:18px;
}


/* Articles */

/*Posts ul li styles*/

#post_title{
	padding-bottom:10px;
}

#posts{
	font-size:11px;
	line-height:20px;

}
#posts li{
	margin-top:0px;
	font-weight:bold;
}
#posts li ul li{
	margin-top:0px;
	padding-left: 10px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}
#posts a:link, #posts a:visited, #posts a:hover {
	color: #7eabd5;
}
#posts li ul li a:link, #posts li ul li a:visited{
	font-weight:normal;
	color: #999999;
	margin-top:0px;
	padding:0px 0px 0px 0px;
}
#posts li ul li a:hover{
	color: #7eabd5;
}
.post_closed{
	background:url(../images/arrw_up.gif);
}
.post_open{
	background:url(../images/arrw_dwn.gif);
}
.post_closed, .post_open{
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:10px;
	*background-position:0px 7px;
}


/* Contact
=====================================================================*/

#contact_form_container{
margin-top:35px;
text-align:left;
}
#text_fields input{
width:148px;
}
.emailImg{
margin-left:24px;
}
#text_area{
margin-top:20px;
}

#text_area textarea{
width:366px;

/* Don't allow safari resize of text box. This is CSS3. Removing this make CSS completely valid.
-----------------*/
resize:none;

}

#form_send_btn{
text-align:right;
margin-top:20px;
}

#required{
display:none;
}

#alert{
padding-top:5px;
background-image:url(../images/alert.gif);
background-repeat:no-repeat;
background-position: 0px 5px;
height:20px;
}

#alert p{
font-size:12px;
padding-left:25px;
color:#FF0000;
font-weight:bold;
}
.form_button{
padding:0px;
border:none;

}


/* Navigation
=====================================================================*/
#nav{
	width: 131px;
	float:left;
	margin-top:10px;	
}
#nav li{
margin-bottom:12px;
}
.clay{
color: #c14a28;
}
.inline{
display: inline;
float:left;
}
.quote{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:15px;
color:#999999;
letter-spacing:1px;
line-height:30px;
}
.quote_attribution{
color:#999999;
}
.martop{
margin-top: 12px;
}
#sitemap ul  li  ul{
margin: 8px 0px 8px 0px;
}
#sitemap li ul li  {
background-image:url(../images/circle_bullet.gif);
background-repeat:no-repeat;
background-position:0px 7px;
padding:0px 0px 0px 10px;
margin:0px 0px 0px 10px;
}

#sitemap li a:link, #sitemap li a:visited{
color: #666;
}
#sitemap li a:hover{
color: #7eabd5;
}
p.year{
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
color: #7eabd5;
}
p.year a.post_closed{
	background:url(../images/arrw_up.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
}
p.year a.post_open{
	background:url(../images/arrw_dwn.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
}
p.month{
color: #7eabd5;
margin: 0px;
padding: 0px 0px 0px 10px;
}
.pipe{
padding: 0px 3px 0px 3px;
color:#999;
}
span.redstar{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color: #c14a28;
margin:0px;
padding:0px 0px 4px 0px;
}