/*  
Theme Name: GudeBlogs
Description: Pink and Blue with 2 columns 
Version: 1.0
Author: Gude
*/

body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, sans-serif;
	background: url('images/gb_bg_stripes.gif') repeat;
	margin: 0 auto;
	padding: 0;
}


h1, h2, h3, h4, h5, h6, blockquote, p{
margin: 0;
padding: 0;
}


p {
padding: 10px 0 0 0;
}



/* LAYOUT */

#wrapper {
	margin: 0 auto;
	padding: 0;
	width:955px;
	text-align:left;
	background: transparent;
}

#wrapper #topcap {
	background: url('images/gb_topcap_pink.png') no-repeat;
	height: 84px;
	margin: 0;
	padding: 0;
}
#wrapper .inside935 {
	width: 935px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	height: 100%;
}

#wrapper .inside915 {
	width: 915px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	height: 100%;
}

#wrapper .inside905 {
	width: 905px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	height: 100%;
}

#wrapper #leftcol {
	width: 605px;
	padding: 0;
	margin: 0;
	text-align: left;
	background: #fff;
	height: 100%;
	float: left;
}
#wrapper #sidebar {
	width: 290px;
	float: left;
	background: #fff;
}

/* FOOTER */

.prefooter {
	width: 955px;
	height: 42px;
	background: url('images/gb_prefooter_bumps.png') no-repeat bottom left;
}
#footer {
	background: url('images/gb_bg_footerbeige.gif') repeat;
	height: 70px;
	margin: 0 auto;
	padding: 0;
}

#footerinside {
	margin: 0 auto;
	text-align: left;
	background: #F8FEEB;
	width: 935px;
	height: 70px;
	color: #666666;
}	

#footerinside a {
	color: #666666;
	padding-left: 5px;
	padding-right: 5px;
}

.footerleft {
	background: url('images/gb_footer_logo.png') no-repeat center left;
	height: 70px;
	line-height: 70px;
	text-indent: 145px;
	font-size: 0.8em;
	float: left;
	width: 467px;
}
.footerright {
	height: 70px;
	line-height: 70px;
	text-align: right;
	width: 458px;
	font-size: 0.7em;
	float: left;
	margin-right: 10px;
}



/* END FOOTER */




/* GENERIC DECLARATIONS  */
.clearboth {
	clear: both;
}


.fontpink {
	color: #FB0082;
}
.fontblue {
	color: #0cf;
}

a:link, a:visited {
	color: #0cf;
}

/* BLOG INFO */

#bloginfo {
	height: 132px;
	width: 915px;
	position: relative;
}

	/* note that the position here is relative. this allows us to position absolute for elements inside this div or else it will always
	be absolute relatively to the entire screen window */

	#bloginfo #blogname {
		display: inline;
		float: left;
		width: 350px;
		height: 115px;
		position: relative;
	}
	
	/* we want the blogname to be "text" so that search engines 
	can crawl but we dont really want it to show up so we make the font really small. Added a little margin 
	so when the text is loading and the image hasn't loaded, its nicely indented. */
	
		#bloginfo #blogname h1 {
			font-size: 1em;
			margin-left: 13px;
		}
	
	/* this is the trick. We added a span tag before closing the a tag. And this is where we display the logo.
	notice the position is absolute. it will work only if the containing div position is relative. */
	
		#bloginfo #blogname h1 a span {
			background: url('images/gudeblogs_logo.png') no-repeat top left;
			cursor: pointer;
			height: 115px;
			width: 350px;
			left: 0;
			top: 0;
			position: absolute;
		}
	
	/* we reapt this trick for the blog decription. this way the blog description is available in text for SEO. */
	
	#bloginfo #blogdescription {
		display: inline;
		float: left;
		width: 565px;
		height: 115px;
		position: relative;
		font-size: 1em;
	}
		
		#bloginfo #blogdescription span {
			background: url('images/gudeblogs_tagline.png') no-repeat top left;
			cursor: pointer;
			height: 115px;
			width: 565px;
			right: 0;
			top: 0;
			position: absolute;
		}
		
		
/* END BLOG INFO */

/*SEARCH */

#searchnmenu {
	height: 41px;
	position: relative;
}

#search {
	float: right;
	position: absolute;
	right: 20px;
	line-height: 41px;
	height: 41px;
}

#search .searchlabel {
	font-size: 1.1em;
	color: #fff;
	font-family: "Arial Rounded MT Bold", Arial, Verdana, sans-serif;
	text-transform: lowercase;
	color: #fff;
	line-height: 41px;
	height: 41px;
	display: block; 
	float: left;
	margin-right: 5px;
}


#search .searchbutton {
	text-decoration: none;
	border: none;
	color: #fff;
	background: url('images/gb_icon_search.png') no-repeat top right;		
	height: 24px;
	width: 25px;
}

#search .searchinputtext {
}



/* TOP MENU */
#topmenu {
	width: 955px;
	height: 41px;
	background: url('images/gb_bg_topmenu955.png') no-repeat top left;
}

#topmenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}

#topmenu li {
	margin: 0;
	padding: 0 20px;
	float: left;
}

@fontface {
	font-family: "Arial Rounded MT Bold";
	src: url('fonts/ARLRDBD.TTF') format("truetype");
}

#topmenu a {
	height: 41px;
	line-height: 41px;
	text-decoration: none;
	font-size: 1.1em;
	font-family: "Arial Rounded MT Bold", Arial, Verdana, sans-serif;
}

#topmenu a:link, #topmenu a:visited {
	color: #fff;
}


#topmenu a:hover {
	border-bottom: 2px solid #fff;
}


#topmenu .current_page_item a:link, #topmenu .current_page_item a:visited {
	color: #fff;
}

#topmenu .current_page_item {
	background: url('images/gb_menu_highlight.png') no-repeat bottom;
	
}

#topmenu .current_page_item a:hover {
	color: #fff;
	border-bottom: 2px solid #fff;
}

/* END TOP MENU */





/* START POST LISTINGS listing of a series of posts on home page, categories, tags, etc */

.postlistings {
	margin: 0;
	padding: 0;
	background: #fff;
	width: 590px;
	display: block;
}

	.postlistings .altclass {
		background: url('images/gb_altpost_bg.png') no-repeat top left;
	}
	.postlistings .postleft {
		width: 75px;
		float: left;
		height: 190px;
		background: url('images/gb_date_bg.gif') no-repeat top left;
		
	}
	.postlistings .postright {
		float: left;
		width: 470px;
	}
	
	.postlistings .postdate {
		width: 64px;
		text-align: center;
		line-height: 1.6em;
	}
	
	.postlistings .postmonth {
		color: #fff;
		text-transform: uppercase;
		display: block;
		margin-top: 15px;
		font-weight: bold;
	}
	.postlistings .postday {
		color: #fff;
		text-transform: uppercase;
		display: block;
		font-size: 2.0em;		
	}	
	
	.postlistings .post {
		width: 550px;
		display: block;
	}

	#blogstyles .postlistings .post {
		margin: 0;
		padding: 15px 20px 0 20px;
	}
	
	#pagestyles .postlistings .post {
		margin: 0;
		padding: 0 20px 0 20px;
	}
	
	.postlistings .post_title {
		margin: 0;
		padding: 0;
	}
	.postlistings .post_title h2 {
		margin: 0;
		padding: 0;
		font-weight: normal;
		font-size: 1.7em;
		color: #0cf;
		letter-spacing: -0.3px;
	}
	
	.postlistings .post_title a {
		text-decoration: none;
		margin: 0;
		padding: 0;
	}
	.postlistings .post_excerpt {
		margin: 0;
		padding: 0;
		font-size: 0.85em;
		line-height: 1.4em;
		height: 80px;
		overflow: hidden;
	}


	.postlistings .post_excerpt p {
		margin: 0;
		padding: 0;
	}
	
	.postlistings .post_content p {
		font-size: 0.85em;
		line-height: 1.8em;
		padding-bottom: 10px;		
	}
	
	.postlistings .post_content ul, .postlistings .post_content ol {
		font-size: 0.85em;
		line-height: 1.8em;
	}

	.postlistings .post_content h3 {
		margin-top: 10px;
		color: #FB0082;
	}

	.postlistings .post_content h4 {
		margin-top: 10px;
		color: #0cf;
	}
	
	.postlistings .post_content img {
		border: 0;
	}
	
	.postlistings .post_content img a {
		text-decoration: none;
	}

	.postlistings .postmetadata {
		font-size: 0.7em;
		font-family: Tahoma, Arial, sans-serif;
		text-transform: lowercase;
	}
	

	.postlistings .metapink, .postlistings .metapink a {
		color: #FB0082;
	}


	.postlistings .metaedit {
		background: url('images/gb_icon_edit.gif') no-repeat left;
		padding-left: 20px;
		margin-right: 20px;
		line-height: 25px;
		height: 25px;
		float: left;
	}

	.postlistings .metatags {
		color: #0cf;
		background: url('images/gb_icon_tags.gif') no-repeat left;
		padding-left: 20px;
		margin-right: 20px;
		line-height: 25px;
		float: left;
	}
	
	.postlistings .metacomments {
		background: url('images/gb_icon_comments.gif') no-repeat left;
		padding-left: 20px;
		margin-right: 20px;
		line-height: 25px;
		float: left;
		height: 25px;
	}
	
	.postlistings .metacategory {
		background: url('images/gb_icon_folder.gif') no-repeat left;
		padding-left: 20px;
		margin-right: 20px;
		line-height: 25px;
		float: left;
		height: 25px;
	}
	
/* END POSTLISTINGS  */

/* area right under the top menu */

#blogheader {
	height: 90px;
	display: block;
	width: 890px;
	margin: 0 auto;
}


#blogheader #rssicons {
	float: right;
	height: 110px;
	position: relative;
	width: 290px;
	text-transform: lowercase;
	font-size: 0.7em;
	font-weight: bold;
	font-family: Tahoma, Arial, sans-serif;
	overflow: hidden;
}

#blogheader #rssicons #rssentries {
	height: 110px;
	width: 85px;
	line-height: 170px;
	position: absolute;
	top: 10px;
	right: 155px;
	text-align: center;
}

#blogheader #rssicons #rssentries a span {
	background: url('images/gb_icon_rssentries.png') no-repeat top center;
	cursor: pointer;
	height: 110px;
	width: 85px;
	position: absolute;
	top: 0px;
	right: 0px;

}


#blogheader #rssicons #rsscomments {
	position: absolute;
	top: 10px;
	right: 55px;
	height: 110px;
	width: 85px;
	line-height: 170px;
}

#blogheader #rssicons #rsscomments a span {
	background: url('images/gb_icon_rsscomments.png') no-repeat top center;
	cursor: pointer;
	height: 110px;
	width: 85px;
	position: absolute;
	top: 0px;
	right: 0px;

}

#blogheader #rssicons a {
	color: #999;
	text-decoration: none;
}


/* sidebar */


#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar ul ul {
	margin: 10px 0 20px 30px;
	line-height: 1.6em;
	font-size: 0.8em;
	font-family: Tahoma, Arial, sans-serif;
}

#sidebar ul ul li a {
	color: #FB0082;
	padding-left: 20px;
	font-size: 0.9em;
}

#sidebar h2 {
	line-height: 39px;
	background: url('images/gb_side_headerbg.gif') no-repeat center right;
	color: #fff;
	text-indent: 30px;
	font-size: 1.1em;
	font-weight: normal;
	text-transform: lowercase;
}


#sidebar .widget li {
	background: url('images/gb_icon_post.gif') no-repeat center left;
	
}

#sidebar .widget_categories li.cat-item {
	background: url('images/gb_icon_folder.gif') no-repeat center left;
}

#sidebar li#tag_cloud h2 {
	margin-left: -30px;
}

#sidebar li#tag_cloud  {
	margin-left: 30px;
	margin-bottom: 20px;
}

#sidebar ul#recentcomments li.recentcomments {
	padding-left: 20px;
	background: url('images/gb_icon_comments.gif') no-repeat center left;
}

/* END SIDEBAR */

/* TITLES */

.sectiontitle {
	color: #F90081;
	font-size: 1.3em;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	height: 22px;
	line-height: 22px;
	margin-bottom: 15px;
	margin-top: -4px;
	margin-left: 10px;
}

#blogstyles .pagetitle  {
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	color: #0cf;
	display: block;
	padding: 15px 0;
	background: url('images/gb_underline_dashed.gif') repeat-x bottom left;	
}


#pagestyles .pagetitle h2 {
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	color: #0cf;
	display: block;
	padding: 15px 0;
	background: url('images/gb_underline_dashed.gif') repeat-x bottom left;	
}

.pagetitle a {
	text-decoration: none;
}

/* PAGE NAVIGATION 
We are using pagenavi-css.css with the plugin for navigation on the category, homepage, archive etc type pages.
Below are the styles for navigation of pages within a page/post
*/

.pagenavigation {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 0.8em;
	line-height: 35px;
	display: block;
	height: 35px;
	background: #F8FEEB;
	text-align: left;
	margin: 15px 0;
	padding-left: 15px;
	width: 100%;
}

#blogstyles .pagenavigation {
	width: 458px;
}

.pagenavigation .pagenumber {
	display: inline;
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #f90;
	color: #fff;
	background-color: #FFD736;
}
.pagenavigation a:link .pagenumber {
	text-decoration: none;
	border: 1px solid #C90068;
	color: #fff;
	background-color: #FB0082;	
}
.pagenavigation a:visited .pagenumber {
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #fff;
	background-color: #0cf;	
}

.pagenavigation a:hover .pagenumber {
	text-decoration: none;
	border: 1px solid #f90;
	color: #fff;
	background-color: #FFD736;
}

.postnavigation {
	display: block;
	width: 570px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 0.8em;
	line-height: 35px;
	display: block;
	height: 35px;
	/* background: #F8FEEB; */
	text-align: left;
	margin: 15px 0;
	padding-left: 15px;
	border-top: 1px dashed #ccc;
	position: relative;
}

.postnext {
	float: right;
	right: 10px;
	position: absolute;
}


/* COMMENTS TEMPLATE */

.comments-template{
	margin: 20px 0 0 0;
	padding: 14px 0 0 0;
	width: 470px;
	border-top: 1px dashed #ccc;
	font-size: 0.9em;
}

.comments-template ol {
	margin: 0;
	padding: 0 0 15px 0;
	list-style: none;
}

.comments-template ol li{
	margin: 15px 0 0 0;
	line-height: 1.2em;
	padding: 10px;
	background: #fff;
}

.comments-template ol li.alt {
	background: #F8FEEB;	
	padding: 15px;
}

.comments-template div.bubblealt {
	background: url('images/gb_comments_bg.png') no-repeat bottom right;
	height: 15px;
	width: 100%;
	display: block;
}

.comments-template h2, .comments-template h3{
	font-size: 1.6em;
	letter-spacing: -1px;
	color: #0cf;
	border-bottom: 1px dashed #ccc;
	padding: 0 0 10px 0;
	background: url('images/gb_icon_comments.gif') no-repeat;
	text-indent: 20px;
}

.commentmetadata{
	font-size: 0.8em;

}

.comments-template p.nocomments{
	padding: 0;
}


.comments-template textarea{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, sans-serif;
	font-size: 1em;
}

.comments-template input {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 1em;
}

.comments-template .commentedit {
	background: url('images/gb_icon_edit.gif') no-repeat left;
	padding-left: 20px;
	margin-right: 20px;
	line-height: 25px;
	height: 25px;
	display: inline;
}

.comments-template div.commentmetadata a {
	text-decoration: none;
}

.comments-template .requiredtext {
	color: #FB0082;
	margin-top: 10px;
}

/* STYLES FOR CUSTOM HOMEPAGE */

#myhome #mainarea {
	position: relative;
	height: 300px;
	width: 935px;
}
	
#myhome #mainarea span {
	background: url('images/gb_mainimage.png') no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	height: 300px;
	width: 935px;

}

#myhome .homebox {
	float: left;
	width: 287px;
	font-size: 0.8em;
	margin-left: 15px;
	margin-right: 2px;
	position: relative;
	height: 209px;

}

#myhome .homebox p {
	line-height: 1.8em;
	margin: 0;
	padding: 0;
}

#myhome .firstbox {
	margin-left: 20px;
	margin-right: 0px;
}

#myhome .homeboxdivider {
	background: url('images/gb_divider_vertical.gif') no-repeat top left;
	width: 9px; 
	height: 209px;
	float: left;
}


#myhome .homeboxtitle {
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	color: #0cf;
	font-size: 1.3em;
	height: 30px;
	line-height: 22px;
	background: url('images/gb_underline_dashed.gif') repeat-x bottom left;	
	width: 277px;
	margin-bottom: 8px;
	letter-spacing: -0.03em;
}

#myhome .homebox a {
	display: block;
	text-align: right;
	margin-right: 15px;
	margin-top: 20px;
	padding: 0;
}

#myhome .homebox a span.learnbutton {
	background: url('images/gb_button_learnmore.gif') no-repeat top left;
	width: 124px;
	height: 39px;
	cursor: pointer;
	position: absolute;
	right: 5px;
	bottom: 14px;
}

#myhome .featuredbox a {
	text-align: left;
	display: block;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#myhome .featuredbox .featuredthumb {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 10px;
}

#myhome .featuredbox .thumb1 {
	background: url('images/gb_featured_musings.png') no-repeat top left;
}

#myhome .featuredbox .thumb2 {
	background: url('images/gb_featured_mentormoment.png') no-repeat top left;
}

#myhome .featuredbox .featuredtext {
	position: relative;
	top: 10px;
}

#myhome .featuredblog {
	height: 82px;
	margin: 0;
	padding: 0;
}
#myhome .threeboxes {
	padding-top: 12px;
}