/*
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:	#8fc7ff
	menubar:			#4695da
	dark blue border:	#326a9d
*/


body {
	margin:0px;
	background: url('images/header_bg.gif') repeat-x #8fc7ff;
	font-family:helvetica, arial, sans-serif;
	font-weight:normal;
	font-size:11pt;
	color:#cccccc;
	}
	
a {
	text-decoration:none;
	color:#4695da;
	}
	
a:hover { color:#8fc7ff; }
	
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:236px; }
#header img { float:left; }
	
#menubar {
	height:30px;
	margin-bottom:10px;
	}

#menubar a {
	padding:5px 0px;
	border-top: 1px solid #326a9d;
	border-bottom: 1px solid #326a9d;
	display:block;
	width:165px;
	float:left;
	text-align:center;
	}
	
#menubar a:hover {
	background:#8fc7ff;
	}
	
.image-crop {
	position:relative;
	left:50%;
	margin-left:-50%;
	}

/** Featured **/	
	#featured {
		width:660px;
		height:366px;
		background:url('images/feature.jpg');
		display:block;
		float:left;
		}
		
	.f-post {
		height:236px;
		width:600px;
		overflow:hidden;
		margin:35px 34px 20px;
		}
		
	#featured .tag-bar {
		display:block;
		text-align:right;
		background:#8fc7ff;
		border:1px solid #326a9d;
		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.jpg');
	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:56px;
		margin-bottom:10px;
		overflow:hidden;
		}	
	.mod .image-crop img { width:270px; height:56px; }
	
	.tag-bar a { color:#326a9d; text-decoration:none; font-size:10pt; margin-bottom:2px; }
		
	.module .entry {
		height:80px;
		overflow:hidden;
		margin-bottom:0px;
		}
		
	.module .entry img, .f-post .entry img {
		display:none;
		}
		
	.module .tag-bar {
		display:block;
		text-align:right;
		background:#8fc7ff;
		border:1px solid #326a9d;
		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 #326a9d; }
	
	.commentlist { padding:0px; margin:0px; }
	
	.commentlist li {
		list-style:none;
		padding:0px 0px 20px;
		margin:0px 0px 30px;
		border-bottom:1px solid #326a9d;
		}
		
	.avatar-32 { display:none; }
	
/** Author Info **/
	.author-info {
		overflow:auto;
		margin-bottom:20px;
		}
	
	.author-info a { color:#326a9d; }
	.author-info a:hover {
		color:#4695da;
		}
		
	.author-portrait {
		margin-left:20px;
		float:left;
		}
	
	.author-portrait a {
		display:block;
		color:#262626;
		background:#4695da;
		border-top:1px solid #326a9d;
		border-bottom:1px solid #326a9d;
		margin:10px;
		padding:4px 8px;
		text-align:center;
		font-family: Georgia, "Times New Roman", serif;
		font-weight:bold;
		}
	
	.author-portrait a:hover {
		background:#326a9d;
		color:#FFF;
		border-top:1px solid #4695da;
		border-bottom:1px solid #4695da;
		}

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