/*   
Theme Name: GeoffJohns 2010
Theme URI: http://www.geoffjohns.com
Description: Design Skin for Geoff Johns
Author: Dustin Davis
Author URI: http://www.wecantsleep.org
Version: .01
.
For use ONLY on GeoffJohns.com
.
*/


/* ------------------ PAGE/TAG/Framework ------------------ */
body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: "Arial", san-serif;

}


a, a:active, a:hover, a:visited{
	text-decoration: none;
	color: inherit;
	font-weight: inherit;
}




#displayheader{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}


#page{
	position: relative;
	margin-top: 250px;
	padding-left: 35px;
	display: block;
}


#footer{
	position: relative;
	padding-top: 5px;
	height: 135px;
}


/* ------------------ COLUMNS ------------------ */

#column_left{
	position: absolute;
	top: 0;
	width: 270px;
	left: 35px;
}

#column_large_left{
	position: absolute;
	top: 0;
	left: 35px;
	width: 728px;
	
}


#column_main{
	position: relative;
	width: 630px;
	margin-left: 250px;

}


/* push the single page content down to allow for the huge headline */
.singlepage{
	padding-top: 111px;
}


#column_right{
	position: absolute;
	top:100px;
	left: 860px;
	width: 270px;
}


/* ------------------ WORD BALLOON FORMATTING ------------------ */

.balloon{
	position: relative;
	display: block;
}



/* standard background */
.balloon_std{
	display: block;
	width: 270px;
	min-height: 145px;
}

.balloon_side{
	display: block;
	width: 170px;
	min-height: 145px;
}




.balloon_std_content{
	padding: 10px 20px 20px 10px;
}

#main_col_balloon .balloon_std_content{
	padding-left: 30px;
}


.balloon_meat_blue{
	background: #84d3e6;
}


.balloon_meat_lighttile{
	background: #d9e0e1 URL(global/images/tile_20gray.gif);;
	color: #41494b;
}



.balloon_meat_lightertile{
	background: #d9e0e1 URL(global/images/tile_5gray.gif);;
	color: #41494b;
}


.balloon_meat_lightgrey{
	background: #d9e0e1;
	color: #FFFFFF;
}



.balloon_meat_mediumgrey{
	background: #818f92;
	color: #FFFFFF;
}

.balloon_meat_interimgrey{
	background: #b7bdbe;
	color: #FFFFFF;
}

.balloon_meat_darkgrey{
	background: #41494b;
}

.balloon_meat_white{
	background: #FFFFFF;
	color: #818f92;
}

/* balloon bottom and tails */
.balloon_btm{
	position: relative;
	height: 22px;
	width: 100%;
}

.balloon_btm_small{
	position: relative;
	height: 13px;
	width: 100%;
}


.balloon_top{
	position: relative;
	height: 13px;
	width: 100%;
}


/* balloon tails */

.left_blue{
	background: URL(global/images/balloon_tail_blue.png) no-repeat top left;
	left:10px;
}

.left_white{
	background: URL(global/images/balloon_tail_white.png) no-repeat top left;
	left:10px;
}

.top_left_blue{
	background: URL(global/images/balloon_top_blue_small.png) no-repeat bottom left;
	left:10px;
	width: 20px;
}


.left_lighttile{
	background: URL(global/images/balloon_tail_lighttile.png) no-repeat top left;
	left:12px;
}


.left_lightertile{
	background: URL(global/images/balloon_tail_5graytile.png) no-repeat top left;
	left:12px;
}


.left_lightgrey{
	background: URL(global/images/balloon_tail_lightgrey.png) no-repeat top left;
	left:10px;
}



.left_mediumgrey{
	background: URL(global/images/balloon_tail_mediumgrey.png) no-repeat top left;
	left:10px;
}

.left_interimgrey{
	background: URL(global/images/balloon_tail_interimgrey.png) no-repeat top left;
	left:10px;
}



.left_darkgrey{
	background: URL(global/images/balloon_tail_darkgrey.png) no-repeat top left;
	left:10px;
}


.right_blue{
	background: URL(global/images/balloon_tail_blue.png) no-repeat top right;
	right:10px;
}

.right_white{
	background: URL(global/images/balloon_tail_white.png) no-repeat top right;
	right:10px;
}

.right_blue_small{
	background: URL(global/images/balloon_tail_blue_small.png) no-repeat top right;
	right:10px;
}


.right_mediumgrey{
	background: URL(global/images/balloon_tail_mediumgrey.png) no-repeat top right;
	right:10px;
}

.right_darkgrey{
	background: URL(global/images/balloon_tail_darkgrey.png) no-repeat top right;
	right:10px;
}




/* balloon header */


h4{
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2",sans-serif;
	font-style: italic;
	font-weight: 200;
	text-transform: lowercase;
	font-size: 35px;
}


.balloon_side h4{
	font-size: 12px;
	font-family: "Arial", san-serif;
	font-weight: bold;
}

.balloon_head_mediumgrey{
	display: inline;
	min-width:150px;
	padding-left: 30px;
	padding-right: 60px;
	line-height: 40px; /*added 04.16.11*/
	color: #b8c3c5;
	background: #41494b URL(global/images/balloon_tail_white.png) no-repeat top right;
}

.balloon_head_blue{
	display: inline;
	min-width:150px;
	padding-left: 30px;
	line-height: 40px; /*added 04.16.11*/
	padding-right: 60px;
	color: #FFFFFF;
	background: #84d3e6 URL(global/images/balloon_tail_white.png) no-repeat top right;
}


.balloon_head_lightgrey{
	display: inline;
	min-width:150px;
	padding-left: 30px;
	line-height: 40px; /*added 04.16.11*/
	padding-right: 60px;
	color: #FFFFFF;
	background: #576062 URL(global/images/balloon_tail_white.png) no-repeat top right;
}

.balloon_side .balloon_head_lightgrey,
.balloon_side .balloon_head_mediumgrey{
	background: none;
	color: #41494b;
	padding: 15px 0 10px 25px;
	display: block;
}



.balloon_head_white{
	display: inline;
	min-width:150px;
	padding-left: 30px;
	line-height: 40px; /*added 04.16.11*/
	padding-right: 60px;
	color: #818f92;
	background: #FFFFFF URL(global/images/tileheader_10gray.gif) no-repeat top right;
}

#guotes .balloon_head_white{
	padding-left: 10px;
}





/* CTA Balloon */


.cta{
	float: right;
	padding-left: 1px;
}

.cta_meat{
	height: 40px;
	line-height: 40px;

	text-align: center;
	font-size: 13px;
	font-weight: bold;
	padding: 0 7px 0 7px;
	color: #FFFFFF;
	text-transform: lowercase;
}


/* ------------------ SPECIALIZED BALLOON OVERRIDES ------------------ */


#guotes .balloon_std{
	width: 270px;
}


#singlepost_balloon{
	position: relative;
	padding-top: 60px;
	display: block;	
}


#singlepost_balloon .post_info{
	background: #84d3e6;

}


#singlepost_balloon h5{
	padding-top: 20px;
}


#column_main .post_excerpt img{
	border: 5px solid #FFFFFF;
	margin: 5px 0 10px 0;
}








/* ------------------ FONT FORMATTING ------------------ */


h5{
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2",sans-serif;
	font-weight: 700;
}



a, a:active, a:hover, a:visited{
	text-decoration: none;
	color: inherit;
	font-weight: inherit;
}

a.biglink{
	display: block;
	width: 30%;
	text-align: center;
	margin-top: 10px;	
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	background: #84d3e6;
	color: #FFFFFF;
	text-decoration: none;	
	border: 1px solid #d9e0e1;
}

a.biglink:visited, a.biglink:hover{
	background: #33ccff;
}


#guotes{
	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2",sans-serif;
	font-style: italic;
	font-weight: 300;
}

.guote_actual{
	font-size: 30px;
	line-height: 27px;
	color: #818f92;
}

.guote_description{
	padding-top: 10px;
	font-size: 14px;
	color: #818f92;
}

.guote_issue{
	font-size: 12px;
}





/* ------------------ BACKGROUND TILES ------------------ */

#stripe_top{
	height: 95px;
	width: 100%;
	background: URL(global/images/tile_50gray.gif);
	position: absolute;
	float: left;
	top: 55px;
	left: 0;
	z-index: -1;
}



#stripe_top{
	background: URL(global/images/tile_50gray.gif);
	float: left;
	display: block;
	width: 100%;
	height: 95px;

}

#stripe_bottom, #stripe_bottomer{
	position: absolute;
	height: 55px;
	width: 100%;
	background: URL(global/images/tile_50gray.gif);
	bottom: 20px;
	z-index: -2;
}

#stripe_bottomer{
	bottom: 11px;
	height: 10px;
	left: 338px;
	width: 575px;
}




/* ------------------ IMAGE LINKS - for some reason URL() is exposed only in style.css ------------------ */
#logo_description{
	background: #41494b URL(global/images/logo_description.jpg) no-repeat center;
}

#logo_actual{
	background: #84d3e6 URL(global/images/logo_actual.png) no-repeat center;
}

/*post tails */
.excerpt_tail{
	background: URL(global/images/excerpt_tail_darkgrey.png) no-repeat left;
}

.readmore_tail{
	background: URL(global/images/balloon_tail_blue_small.png) no-repeat left;
}



#thisweek_balloon_actual{
	background: #818f92 URL(global/images/thisweek.png) no-repeat right;
}


#nav_facebook{
	width: 83px;
	background: #FFFFFF URL(global/images/social_facebook.gif) no-repeat;
}

#nav_twitter{
	width: 65px;
	background: #FFFFFF URL(global/images/social_twitter.gif) no-repeat;
}

#nav_rss{
	width: 41px;
	background: #FFFFFF URL(global/images/social_rss.gif) no-repeat;
}




#copyright{
	background: URL(global/images/mark.jpg) no-repeat top right;
}



/* ------------------ CARRYOVER for default needs ------------------ */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

strong{
	font-weight: bold;
}