/*
Theme Name: ClickPop Modules
Theme URI: http://clickpopmedia.com/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 0.5
Author: Chris Vasquez
Author URI: http://clickpopmedia.comhead
Tags: blue, custom header, fixed width, two columns, widgets

*/

/* Color template:
	background blue:	#b6f0ff
	menubar:			#007f68
	dark blue border:	#005747
*/


body {
	margin:0px;
	background: url('images/header_bg.gif') repeat-x #007f68;
	font-family:helvetica, arial, sans-serif;
	font-weight:normal;
	font-size:11pt;
	color:#cccccc;
	}
	
a {
	text-decoration:none;
	color:#007f68;
	}
	
a:hover { color:#b6f0ff; }
	
img {
	border:0px;
	}
	
h2, h2 a {
	margin:0px;
	padding:0px;
	font-family: Georgia, "Times New Roman", serif;
	color:#FFF;
	text-decoration:none;
	}
	
blockquote {
	border-top:1px dashed #222;
	border-bottom:1px dashed #222;
	display:block;
	padding:0px 10px;
	background:#111;
	margin:0px;
	
	}
	
blockquote pre {
	}
	
.hidden {
	display:none;
	}
	
#page {
	width:960px;
	margin:0px auto;
	}
	
#header { height:182px; }
#header img { float:left; }
	
#menubar {
	height:30px;
	margin-bottom:0px;
	}

#menubar a {
	padding:5px 0px;
	border-top: 1px solid #005747;
	border-bottom: 1px solid #005747;
	display:block;
	width:150px;
	float:left;
	text-align:center;
	}
	
#menubar a:hover {
	background:#b6f0ff;
	}
	
#menubar .buy a { background:#005747; }
#menubar .buy a:hover { background:#007f68; }
	
.image-crop {
	position:relative;
	left:50%;
	margin-left:-50%;
	}

/** Featured **/
	#featured {
		width:660px;
		display:block;
		float:left;
		background:url('images/feature_mid.gif');
		}
		
	#featured-top {
		width:660px;
		height:17px;
		background:url('images/feature_top.gif');
		}
		
	#featured-bottom {
		width:660px;
		height:35px;
		background:url('images/feature_bottom.gif');
		}
		
	.f-post {
		width:610px;
		overflow:hidden;
		margin:0px 30px 0px;
		}
		
	#featured .tag-bar {
		display:block;
		text-align:right;
		background:#b6f0ff;
		border:1px solid #005747;
		border-bottom:none;
		margin:0px 4px 0px 12px;
		padding:3px 6px;
		}
		
	#featured .image-crop {
		width:600px;
		height:125px;
		margin-bottom:10px;
		overflow:hidden;
		}
		
	#twitter {
		width:330px;
		display:block;
		margin-left:660px;
		}
		
	#twitter-box {
		height: 137px;
		width: 330px;
		background: url('images/twitter_box.jpg');
		}
		
	#twitter-box div {
		padding: 25px 20px;
		width:290px;
		font-size:12pt;
		}
	
.low-content {
	width:990px;
	background:url('images/main_bg.gif') repeat-y;
	overflow:auto;
	}

/** Front Page Modules **/
	#mod-top { background:url('images/mod_top.jpg'); height:13px; }
	#mod-bottom { background:url('images/mod_bottom.jpg'); height:8px; }
	
	.module {
		margin:5px;
		width:320px;
		300px;
		float:left;
		background:url('images/mod_mid.jpg');
		}
		
	.module h2 {
		font-size:12pt;
		height:39px;
		overflow:hidden;
		}
	
	.mod {
		width:270px;
		height:200px;
		padding:15px 25px 10px;
		overflow:hidden;
		}
		
	.mod .image-crop {
		width:270px;
		height:60px;
		margin-bottom:10px;
		overflow:hidden;
		}	
	.mod .image-crop img { width:270px; }
	
	.tag-bar a { color:#005747; text-decoration:none; font-size:10pt; margin-bottom:2px; }
		
	.module .entry {
		height:80px;
		overflow:hidden;
		margin-bottom:20px;
		}
		
	.module .entry img, .f-post .entry img {
		xdisplay:none;
		}
		
	.module .tag-bar {
		display:block;
		text-align:right;
		background:#b6f0ff;
		border:1px solid #005747;
		border-bottom:none;
		margin:0px 7px;
		padding:3px 5px;
		}
		
/** Single Post and Page **/
	#post-top { background:url('images/page_top.jpg'); height:13px; margin:0px 5px; }
	#post-bottom { background:url('images/page_bottom.jpg'); height:13px; margin:0px 5px; }
	
	#post-content {
		background:url('images/page_mid.jpg');
		margin:0px 5px;
		padding:10px 20px;
		}
		
	#post-content img { max-width:610px; }
	
	#commentform textarea { width:610px; }
	#commentform textarea, #commentform input { border:1px solid #005747; }
	
	.commentlist { padding:0px; margin:0px; }
	
	.commentlist li {
		list-style:none;
		padding:0px 0px 20px;
		margin:0px 0px 30px;
		border-bottom:1px solid #005747;
		}
		
	.avatar-32 { display:none; }
	
/** Author Info **/
	.author-info {
		overflow:auto;
		margin-bottom:20px;
		}
	
	.author-info a { color:#005747; }
	.author-info a:hover {
		color:#007f68;
		}
		
	.author-portrait {
		margin-left:20px;
		float:left;
		}
	
	.author-portrait a {
		display:block;
		color:#262626;
		background:#007f68;
		border-top:1px solid #005747;
		border-bottom:1px solid #005747;
		margin:10px;
		padding:4px 8px;
		text-align:center;
		font-family: Georgia, "Times New Roman", serif;
		font-weight:bold;
		}
	
	.author-portrait a:hover {
		background:#005747;
		color:#FFF;
		border-top:1px solid #007f68;
		border-bottom:1px solid #007f68;
		}

/** Sidebar **/	
	#sidebar {
		width:318px;
		margin-left:665px;
		border-top:1px solid #005747;
		border-right:1px solid #005747;
		border-left:1px solid #005747;
		background:#007f68;
		}
	
	#sidebar ul { margin:0px; padding:0px; }
	#sidebar li { list-style:none; }
	
	#sidebar ul li {
		border-bottom:1px solid #005747;
		padding:7px 0px 7px 25px;
		}
	
	#sidebar a { color:#FFFFFF; text-decoration:none; }
	#sidebar a:hover { color:#424242; }
		
	#sidebar h2 {
		color:#FFFFFF;
		background:#005747;
		border:1px solid #005747;
		font-size:16pt;
		padding:4px 8px;
		}
		
	#searchform { padding:10px; }
		
	#s { width:230px; padding:3px; border:1px solid #005747; }
	
/** Footer **/
	#footer-top {
		background:url('images/footer_top.jpg');
		height:20px;
		width:990px;
		margin:0px 0px;
		}
		
	#footer {
		border:1px solid #005747;
		border-top:none; border-bottom:none;
		background:#007f68;
		width:972px;
		padding:12px 8px 4px;
		text-align:center;
		}
		
	#footer a { color:#fff; }
	#footer a:hover { color:#b6f0ff; }
		
	#footer-bottom {
		background:url('images/footer_bottom.jpg');
		height:17px;
		width:990px;
		margin:0px 0px;
		}
		
	#abs-bottom {
		border:1px solid #005747;
		border-bottom:none;
		background:#007f68;
		height:20px;
		}