/*   
GLOBAL COMICBLOC CSS STYLES
	
	geoffblue: 		#84d3e6;
	linkblue		#33ccff;
	darkgrey: 		#41494b;
	mediumgrey: 	#818f92;
	interimgrey:	#b7bdbe;
	lightgrey:		#d9e0e1;
*/


/* ------------------ DISPLAY HEADER ------------------ */

#logo_geoff{
	width:	480px;
	height: 190px;
	position: absolute;
	left: 35px;

	top: 0;

}

#logo_balloon{
	float: left;
	top:20px;
	width: 480px;
}


#logo_actual{
	display: block;
	width: 480px;
	height: 145px;

}


#logo_description{
	background: #41494b;
	position: absolute;
	height: 30px;
	width: 280px;
	left: 35px;
	padding: 5px 30px 0 5px;
	color: #FFFFFF;
	font-size: 14px;
	z-index: 1;
	padding:auto;
}

#logo_actual h1, 
#logo_description h2{
	display: none;
}


#nav_main{
	width: 450px;
	height: 35px;
	
	margin: 0 0 0 530px;
	font-size: 20px;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2",sans-serif;
	font-weight: 200;
	position: absolute;
	top: 45px;
	color: #41494b;

}

#nav_main a, #nav_main a:visited{
	color: #41494b;
}



#nav_main div{
	float: left;
	height: 100%;
	line-height: 35px;
	padding: 0 12px 0 12px;
	border-right: 1px solid #b7bdbe;
	background: #FFFFFF;

}

#nav_main #nav_contact{
	border: none;
}

.nav_home #nav_home,
.nav_biography #nav_biography,
.nav_work #nav_work,
.nav_forums #nav_forums,
.nav_contact #nav_contact{
	background: #818f92;
	color: #FFFFFF;
}


#nav_social{
	position: absolute;
	right: 0;
	z-index: 100;
	top: 30px;
	background: #FFFFFF;
	height: 30px;
	line-height: 30px;
	

}

#nav_social div{
	float: left;
	height: 100%;
	padding-left: 5px;

}

#nav_social span{
	display: none;
}




/* ------------------ FOOTER ------------------ */

#copyright{
	padding-right: 60px;
	width: 278px;
	height: 56px;
	line-height: 55px;
	text-align: right;
	color: #84d3e6;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

#copyright a, 
#copyright a:visited, 
#copyright a:hover, 
#copyright a:active{
	color: #84d3e6;
}


#colophon{
	margin-left: 338px;
	padding: 5px 0 2px 0;
	width: 575px;
	color: #818f92;
	font-size: 11px;
	background: #FFFFFF;
}

#colophon a, 
#colophon a:visited, 
#colophon a:hover, 
#colophon a:active{
	color: #33ccff;

}


/* ------------------ THIS WEEK ------------------ */

#thisweek{
	width: 843px;
	height: 160px;
	position: absolute;
	left: 90px;
	top:100px;
	z-index: -1;
}

#thisweek_balloon{
	position: absolute;
	right: 0;
	top: 10px;
	width: 810px;
}

#thisweek_balloon_actual{
	width: 810px;
	height: 130px;
}


#thisweek_actual .thisweek_img{
	width: 810px;
	height: 130px;
	position: relative;
	background: #FFFFFF;
}

.thisweek_description{
	position: absolute;
	bottom: 0;
	right: 50px;
	font-size: 11px;
	color: #41494b;
}





/* ------------------ BLOG POSTS ------------------ */

#homepage_balloon{
	position: relative;
	padding-top: 60px;

	display: block;	
}


#main_col_balloon{
	min-height: 700px;
}


.post_excerpt{
	padding: 0 50px 50px 0;
}

/* you are here for a overrides in ie7 */

.post_excerpt h5{
	font-size: 29px;
	padding-bottom: 15px;
}


.post_content{
	width: 90%;
	line-height: 1.5em;
	
}

.post_content p{
	padding-bottom: 15px;
}

.post_content a,
.post_content a:visited{
	padding:2px 2px 2px 2px;
	color: #41494b;
	border-bottom: 1px dotted #33ccff;
	background: #d9e0e1;
}

.post_content a:hover{
	background: #84d3e6;
	color: #FFFFFF;
}


.post_content img{
	max-width: 100%; 
	height: auto;
}


.post_published{
	position: relative;
	left: -40px;
	width: 325px;
}

.post_info_container{
	height: 20px;
	line-height: 20px;
}


.post_info{
	font-size: 9px;
	color: #FFFFFF;
	background: #576062;
	width: 204px;

	padding-left: 40px;
}

.post_info a, .post_info a:visited{
	color: #FFFFFF;
}



.exceprt_readmore{
	float: right;
	background: #84d3e6;
	color: #FFFFFF;
	text-align: center;
	width: 78px;
	margin: 0 auto;


}

.readmore_tail{
	position: absolute;
	right: 55px;
	width: 13px;
	height: 6px;
	background: #FF0000;
	margin-top:20px;
}

.excerpt_tail{
	width: 10px;
	height: 8px;
}


.cta_older_posts{
	position: absolute;
	right: 55px;
	bottom: 0;
}


#cta_twitter{
	position: absolute;
	right: 40px;
	bottom: 0;


}



/* ------------------ SINGLE PAGE ------------------ */


#large_left_balloon{
	position: absolute;
	z-index: 10;
	width: 728px;
	margin-top: 60px;
}

#large_left_balloon h3{
	font-size: 111px;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2",sans-serif;
	font-style: italic;
	font-weight: 300;
	color: #41494b;
}

#large_left_balloon div{
	font-size: 30px;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2",sans-serif;
	font-style: italic;
	font-weight: 200;
	padding-bottom: 10px;
}


.singlepage #main_col_balloon{
	min-height: 450px;
	padding-bottom: 50px;
}

.singlepage #main_col_balloon p{
	padding-bottom: 10px;
}


.singlepage h6{
	padding-top: 15px;
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2",sans-serif;
	font-weight: bold;
	font-size: 20px;
}



/* IE HACK */




/* ------------------ TWITTER ------------------ */

.tweet{
	font-size: 15px;
	padding-top: 10px;
	width: 85%;
}

.tweet a{
	text-decoration: none;
	color:inherit;
	border-bottom: 1px dotted #84d3e6;
}

.tweet a:hover,
.tweet a:active,
.tweet a:visited{
	color: #84d3e6;
}


.tweetfooter{
	font-size: 9px;
	padding-bottom: 20px;
}



/* ------------------ RIGHT COLUMN ------------------ */

#sidebar_categories{
	width: 10px;
	padding-left: 10px;
}

#sidebar_archives{
	position: relative;
	padding-left: 100px;
}


#archives_balloon{
	position: absolute;
	top: -50px;
}



#sidebar_categories .balloon_std_content,
#sidebar_archives .balloon_std_content{
	padding: 0 0 25px 25px;
	color: #818f92;
	line-height: 1.8em;
	font-size: .9em;
}

#sidebar_archives .balloon_std_content{
	color: #FFFFFF;
}