/*
©2008 Bam Creative

Author : Jay Hollywood | Bam Creative

Description : Stylesheet

*/

/*---------------------------------------------- GLOBAL SETTINGS */
html {
	height: 100%;
	background: url(images/bg.jpg) top center #003466 no-repeat;
}

body {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100% !important; /* dont control the font-size here - leave it for the 
	element you want to control. This sets the base text size to 16px */
	background: url(images/bodybg.gif) repeat-x;

}



/*-------------------------------------------------------- LINK */


a {
	color: #e98441;
}

a:hover {
	color: #003366;
}

.sidebox a {
	color: #D5EAFF;
	}

.sidebox a:hover {
	color: #003366;
	}

/*---------------------------------------------------- HEADINGS */

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
margin:0pt;
padding:0pt;
}

h1 {
	font-size: 1.25em;
	line-height: 2.4em;
}

h2 {
	font-size: 1em;
	font-weight: 600;
	line-height: 1.8em;
}

h3 {
	font-size: 0.875em;
	font-weight: 600;
	line-height: 1.4em;
}

h4 {
	font-size: 0.80em;
	line-height: 1em;
}

h5 {
	font-size: 0.6875em;
	line-height: 1em;
	font-weight: 600;
}

h6 {
	font-size: 0.6875em;
	line-height: 1em;
	font-weight: 600;
}


/*-------------------------------------------------- PARAGRAPHS */

p {
	font-size: 0.75em;
	line-height: 1.6em;
	color: #292929;
}


/*----------------------------------------------------- BULLETS */

#container ul li { /* make sure you reference ul via the container it's in - i.e. #content */
	font-size: 0.75em;
	line-height: 1.6em;
}

#left ul li { /* make sure you reference ul via the container it's in - i.e. #content */
	color: #292929;
}


/* For sitemap bullet styles edit /templates/cms/cms_styles.css lin 250 */


/*------------------------------------------------------ LAYOUT */


#container {
	width:960px;
	background: url(images/containerbg.gif) repeat-y;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -108px auto; /* negative value must be the same height as footer (for stickyness) */ 
}
#header {
	width: 960px;
	height: 170px;
	padding: 9px 0 0 0;
	background: url(images/headerbg.jpg) no-repeat;
	display: block;
	position: relative;
}

#logo {
	width: 315px;
	height: 112px;
	display: block;
	background: url(images/logo.gif) no-repeat;
	margin: 25px 0 0 201px;
	}



#bookhero {
	width: 600px;
	height: 270px;
	background: url(images/bookhero.png);
	display: block;
	position: absolute;
	top: 36px;
	left: -15px;
	}

#search {
	float: right;
	background: url(images/search.gif) no-repeat;
	width: 305px;
	height: 42px;
	display: block;
	}

#searchform input#s {
	border: 0;
	background: none;
	margin: 10px 0 0 80px;
	display: inline;
	width: 170px;
	float: left;
	}

#searchform button {
	width: 26px;
	height: 25px;
	background: url(images/searchbutton.gif) no-repeat 0 0;
	display: block;
	float: left;
	border: 0;
	cursor: pointer;
	margin: 8px 0 0 12px;
	}

#searchform button:hover {
	background: url(images/searchbutton.gif) no-repeat 0 -25px;
	}

#left {
	margin:120px 20px 0 20px;
	float: left;
	width: 615px;
	display: inline;
}

#right {
	width: 301px;
	float:left;
	display: inline;
	overflow: hidden;
	}


#right p {
	color: #fff;
	}

#buyfrom{
	width: 255px;
	height: 132px;
	background: url(images/storebox.gif) no-repeat;
	display: block;
	margin: 0 0 0 12px;
	padding: 10px 0 0 10px;
}

#buythebook {
	float: left;
	display: block;
	}

a#buythebook {
	width: 202px;
	height: 84px;
	display: block;
	background: url(images/buythebook.gif) 0 0;
	float: left;
	text-indent: -9999px;
	}

a#buythebook:hover {
	background: url(images/buythebook.gif) 0 -84px;
	}

#buyfrom a#buyamazon {
	width: 244px;
	height: 35px;
	display: block;
	background: url(images/buyamazon.gif) 0 0;
	margin: 0 0 8px 0;
	float: left;
	}

#buyfrom a#buyamazon:hover {
	background: url(images/buyamazon.gif) 0 -35px;
	}

#buyfrom a#buybarnes {
	width: 244px;
	height: 35px;
	display: block;
	background: url(images/buybarnes.gif) 0 0;
	float: left;
	}

#buyfrom a#buybarnes:hover {
	background: url(images/buybarnes.gif) 0 -35px;
	}

a#followtwitter {
	width: 128px;
	height: 57px;
	display: block;
	background: url(images/followtwitter.gif) 0 0;
	float: left;
	margin: 0 8px 8px 8px;
	display: inline;
	}

a#followtwitter:hover {
	background: url(images/followtwitter.gif) 0 -57px;
}

a#followfacebook {
	width: 128px;
	height: 57px;
	display: block;
	background: url(images/followfacebook.gif) 0 0;
	float: left;
	margin: 0 0 8px 0;
	display: inline;

	}

a#followfacebook:hover {
	background: url(images/followfacebook.gif) 0 -57px;
}

a#readblog {
	width: 128px;
	height: 57px;
	display: block;
	background: url(images/readblog.gif) 0 0;
	float: left;
	margin: 0 8px 8px 8px;
	display: inline;

	}

a#readblog:hover {
	background: url(images/readblog.gif) 0 -57px;
}

a#visitsitepoint {
	width: 128px;
	height: 57px;
	display: block;
	background: url(images/visitsitepoint.gif) 0 0;
	float: left;
	margin: 0 0 8px 0;
	display: inline;

	}

a#visitsitepoint:hover {
	background: url(images/visitsitepoint.gif) 0 -57px;
}


#footer {
	width: 960px;
	height: 99px;
	display: block;
	margin: 0 auto;
	background: url(images/footerbg.gif) no-repeat;
	padding: 9px 0 0 0;
}

#footerlogo {
	width: 261px;
	height: 99px;
	display: block;
	float: left;
	background: url(images/footerlogo.gif) no-repeat;
	}

#footerlinks {
	float: left;
	margin: 10px 0 0 0;
	padding: 5px 0 0 20px;
	height: 77px;
	display: inline;
	background: url(images/footerdivider.gif) no-repeat;
	font-size: .7em;
	color: #4e7dab;
	line-height: 1.6em;
	}
	
#footerlinks a {
	color: #95bbdf;
	text-decoration: none;
	}

#footerlinks a:hover {
	color: #c7dbef;
	}

#footersitepointlogo {
	width: 164px;
	height: 99px;
	display: block;
	float: right;
	background: url(images/sitepointfooter.gif) no-repeat;
	}

.sidebox {
	padding: 0 10px;
	float: left;
}
	


.indent {
	margin: 0 0 0 10px;
	display: inline;
	display: block;
}

.divider {
	width: 305px;
	height: 33px;
	display: block;
	float: left;
	background: url(images/divider.gif) no-repeat;
}

.sidegreytop {
	width: 301px;
	height: 32px;
	background: url(images/sidegreytop.gif) no-repeat;
	display: block;
	float: left;
	}

.sidegrey {
	width: 301px;
	background: url(images/sidegreyrepeat.gif) repeat-y;
	display: block;
	float: left;
	padding: 3px;
}

.sidegreybottom {
	width: 301px;
	height: 32px;
	background: url(images/sidegreybottom.gif) no-repeat;
	display: block;
	float: left;
	}


/*----------------------------------------------------- CLASSES */

.clear {
	clear: both;
}

.push {
	height: 108px;	/* make the height of .push the same as #footer (for stickyness) */
}


#logo span, #bookhero span, #footerlogo span, #footersitepointlogo span, #buyfrom a span {
	padding:0;
	margin:-9999px 0 0 -9999px;		/* this is a trick for if someone has css turned off, inside the anchor tag, write <span>$page-name</span> if css is off the name will appear as text, if not the css kicks it out of view */
}




small {
	font-size: .65em;
	}




/*++++++ ENTRY ++++++++*/
.entry { line-height:140%; margin-bottom:20px; }
.entry p { padding-bottom:10px;}
.entry h2.sectionhead { color: #333; font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; background:url(images/dot-h.gif) repeat-x bottom; padding-bottom:10px;}
.entry h2 { color:#1e5892; padding:5px 0 5px 0; font-size: 1.8em; font-family: Helvetica, Arial, sans-serif; }
.entry h2 a { color:#1e5892; text-decoration: none; }
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before { content: "\00BB \0020"; }
.entry p.postinfo { background:url(images/dot-h.gif) repeat-x bottom; font-size:10px; padding-bottom:10px; margin-bottom:5px;}
.entry p.postinfo span.upper { text-transform:uppercase;}
.entry p.postinfo span.category { background:url(images/category.gif) no-repeat; padding-left:20px;}
.entry p.postinfo span.comment { background:url(images/comment.gif) no-repeat; padding-left:20px;}
.post {margin-bottom:15px;}
.navigation { width: 550px; font-size:11px; text-transform:uppercase; margin-top:20px;}
.navigation span.older { background:url(images/older.gif) no-repeat right; padding-right:25px; }
.navigation span.newer { background:url(images/newer.gif) no-repeat left; padding-left:25px; }
.socials {font-size:10px; font-weight:bold; margin-bottom:10px; background-color:#FFFFFF; border:1px solid #BBB9B2; padding:5px 5px 5px 10px; }
.socials a {margin-right:10px; color:#BFBCB3;}
.btn_email {background:url(images/mail.gif) left no-repeat; padding-left:15px;}
.btn_comment {background:url(images/comments.gif) left no-repeat; padding-left:15px;}
.btn_delicious {background:url(images/delicious.gif) left no-repeat; padding-left:15px;}
.btn_digg {background:url(images/digg.gif) left no-repeat; padding-left:15px;}
.btn_reddit {background:url(images/reddit.gif) left no-repeat; padding-left:15px;}
.btn_technorati {background:url(images/technorati.gif) left no-repeat; padding-left:15px;}
.btn_furl {background:url(images/furl.gif) left no-repeat; padding-left:15px;}


/*+++++++ CALENDAR +++++++*/
#calendar #calendar_wrap #wp-calendar { width: 100%; }
#calendar #calendar_wrap #wp-calendar caption { text-align:left; border-bottom:1px solid #dadada; padding-bottom:5px; }
#calendar #calendar_wrap #wp-calendar th { text-align:left; font-weight:bold; padding-top:5px; }
#calendar #calendar_wrap #wp-calendar td{ text-align:left; }

/*+++++++ COMMENTS +++++++*/
#c { float:left; width:225px;}
#cc { float:right; width:304px;}
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px; }
#commentform #email { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px; }
#commentform #url { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px;}
#commentform #comment { border:1px solid #bbb9b2; height:200px; width:290px; background:#f5f5f3; padding-left:5px;}
.commentlist cite { background:#f5f5f3; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}
.commentlist .ctext { background:url(images/doth.gif) repeat-x bottom;}
.postmetadata { background:#f9f9f9; padding:10px; border:1px solid #bbb9b2;}
.ccomment { width: 550px; line-height:140%; margin-bottom:20px; }
.ccomment ol {}
.ccomment ol li { background:#e7e5de; padding:5px;}
.ccomment ol li.alt { background:#efeee8; padding:5px;}


/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}