/*  
Theme Name: Integration is a... Bitch!
Theme URI: http://www.integrationsisabitch.com
Description: Custom WordPress theme for Integration is a... Bitch!
Version: 1.0
Author: Kevin Zolkiewicz
Author URI: http://www.zolkiewicz.com/
*/

/* Basic Styles */

body {
	margin: 0;
	padding: 0;
	background: #008cd4 url(images/background.gif) repeat-x 0 0;
	font: 0.8215em Tahoma, Helvetica, Arial, sans-serif;
	color: #252525;
}

p { line-height: 1.4; }
img { border: 0; }

a:link, a:visited { color: #008cd4; text-decoration: underline; }
a:hover, a:active { color: #d91070; text-decoration: underline; }

div#header h1 {
	background: url(images/pagetitle.gif) no-repeat;
	display: block;
	overflow: hidden;
	margin: 0;
	padding-top: 217px;
	width: 766px;
	height: 0;
}

div#main {
	width: 584px;
	background-color: #FFF;
	padding: 0;
	float: left;
}

div#bodytop { background: url(images/bodytop.gif) no-repeat; width: 584px; height: 14px; overflow: hidden; }
div#bodybottom { background: url(images/bodybottom.gif) no-repeat; width: 584px; height: 14px; overflow: hidden; }
div#bodycopy { padding: 0 15px; }

div#bodycopy ul, div#bodycopy ol { margin: 0 0 0 15px; padding: 0;}
div#bodycopy li { list-style: none; margin: 0; padding-left: 16px; background: url(images/bullet.gif) no-repeat 0 5px; line-height: 1.6; }

p { font-size: 135%; }
div.calltoaction { text-align: center; }
div.calltoaction h3 { margin: 0; padding: 0; font-size: 145%; }
div.calltoaction p { margin: 0; padding: 0; font-size: 125%; }
h2 { font-size: 145%; color: #43423f; text-transform: uppercase; text-align: center; }
h2.buy { font-size: 135%; }
div#reviews { border-width: 1px 0; border-style: solid; border-color: #008cd4; font-size: 85%; text-align: center; padding: -10px 0; margin: 10px 0;}
cite.review { font-size: 95%; color: #a0a0a0; }
small { font-size: 85%; }

/* Navigation */

div#navigation { 
	width: 130px;
	margin-left: 600px;
}

div#navigation ul { list-style-type: none; margin: 0; padding: 0; }
div#navigation li a { width: 130px; height: 93px; display: block; background-repeat: no-repeat; border: none; text-indent: -1000px; }
div#navigation li a:hover, div#navigation li a:active { background-position: 0 -93px; }
body#about li#nav-about a, body#buy li#nav-buy a, body#tell li#nav-tell a, #blog li#nav-blog a, #contact li#nav-contact a { background-position: 0 -93px; }

li#nav-about a, li#nav-about-h a { background: url(images/nav-about.gif); }
li#nav-buy a { background: url(images/nav-buy.gif); }
li#nav-tell a { background: url(images/nav-tell.gif); }
li#nav-blog a { background: url(images/nav-blog.gif); }
li#nav-contact a { background: url(images/nav-contact.gif); }

/* Footer */

div#footer { clear: both; }
div#footer p { font-size: 85%; margin: 0; padding: 15px; }
div#footer a:link, div#footer a:hover, div#footer a:active, div#footer a:visited { color: #000; }

/* Buy Page */

body#buy div#bodycopy { height: 225px; position: relative; }
div#bookimage { position: absolute; top: 10px; left: 20px; }
div#price { position: absolute; top: 30px; left: 380px; }
div#paypal { position: absolute; top: 110px; left: 360px; }

/* Tell-a-friend Form */

form { border: 0; padding: 0; }
form p { font-size: 100%; }
label { font-weight: bold; display: block; }
.required { font-size: 85%; font-weight:bold; color: #d91070; }
p.errorbox { width: 85%; padding: 3px; background-color: #d91070; color: #FFF;}
.error { display: block; font-weight: bold; font-size: 85%; color: #d91070; }
.error img { padding: 0 3px 0 0; }
input { width: 200px; font-size: 115%; }
textarea { width: 300px; height: 100px; font-size: 115%; }
input[type="text"], textarea { border-top: 2px solid #999; border-left: 2px solid #999; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
input.submit { width: auto; font-size: 100%; }
p.group { float: left; margin: 10px 0; }
p.group label { display: relative; width: 225px;}
.clear { clear: both; }

/* Blog Styles */

div#abouttheauthor { width: 100%; height: 100px;}
div#abouttheauthor img { float: right; }
p#rsslink { border-top: 1px solid #008cd4; margin: 0; font-size: 10px; font-weight: bold; padding-top: 5px;}

p.blogimg { text-align: center; margin-top: 0; padding-bottom: 10px; }
h2.blog { font-size: 135%; text-transform: none; text-align: left; }
div.post { margin-bottom: 25px; }
div.post h2 a { margin: 15px 0 0 0; line-height: 0; }
div.post small { margin: 3px 0; }
div.post p { font-size: 100%; line-height: 1.6; }
div.post .postmetadata { margin-top: 0; font-size: 85%; color: #d91070; }
div.indexposts .postmetadata { margin-top: -10px; }
div.post blockquote { margin: 10px 15px; border-left: 5px solid #b9dbed; color: #3d535f; padding-left: 10px; }
div.commentmetadata { background-color: #008cd4; color: #fff; width: 550px; margin: 0; padding: 3px 0 3px 4px; font-size: 85%; }
div.commentmetadata a:link, div.commentmetadata a:visited, div.commentmetadata a:hover, div.commentmetadata a:active { color: #fff; }
div.commententry { width: 550px; margin-bottom: 10px; padding: 1px 0 3px 4px; background-color: #b9dbed;}
div.commententry p { font-size: 100%; margin: 5px;}
div.navigation { font-size: 85%; padding: 1px; }
.clear { clear: both; }
.alignleft { float: left; }
.alignright { float: right; }

/* Contact */

#contact h2 { text-align: left; }