/*
Theme Name: RedBlogwerx
Author: WP Theme Designer
Author URI: http://www.wpthemedesigner.com/

with LOTS of additions and editing by Rick A. at http://www.teenpublish.com after 12-01-09
*/

* {
	margin: 0; padding: 0;
	
}
body {
	text-align: center;
	/* font: 12.7px Verdana; */
	font: 0.8em Verdana;
	
	color: #333333;
	background: #ffffff url(images/body.gif) repeat-x 0 0;;
}
a {
	text-decoration: none;
	color: #007AAA;
}
img {
	border: 0;
}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.hidden {
	display: none;
}

#wrapper {
	width: 1000px;
	text-align: left;
	margin: auto auto;
}

/** BEGIN header **/
#header {
	color: #A0A09B;
	height: 201px;
}
	#header a {
		color: #FECE1F;
	}
	#header ol {
		list-style-type: none;
		
	}
		#header ol li {
			float: left;
			font-size: 0.89em;
		}
		#header ol li a {
			color: #fff;
			/* old color color: #A0A09B; */
			display: block;
			padding: 8px 10px 9px;
		}
		#header ol li a:hover {
			color: #FECE1F;
		}
	#header .links {
		float: right;
		font-size: 0.9em;
		padding: 8px 10px 9px;
		text-transform: none
	}
	#header .logo {
		width: 441px;
		clear: both;
		float: left;
		padding: 34px 20px 40px;
		
	}
	/* Some of the codes were changed by Ricky A , Dec 04 09 */
		#header h1 {
			font-size: 2.4em;
			
			background: url(images/TeenPublish_Main_LeftLogo.gif) no-repeat top left;
			text-indent: -9999px;
		}
		#header h1 a {
			color: #ffffff;
		}
		/* Added by Rick A.! */
		#header .logo p {
			padding-left: 0px;
		}
		#header p {
			font-size: 0.9em;
			text-transform: uppercase;
			padding: 8px 6px;
			padding-left: 100px;
		}
	#header .about {
		text-transform: none;
		float: right;
		width: 320px;
		padding: 8px 55px 32px 0;
		background: url(images/TeenPublish_top_right.gif) no-repeat bottom left;
		color: #ffffff;
		line-height: 1.3em; /* Changed by Rick A. */
		/* margin: 34px 34px 0; */
	}
	#header #main_menu_display ul {
		list-style-type: none;
		clear: both;
	}
		#header #main_menu_display ul li {
			float: left;
			font-size: 0.8em;
			text-transform: uppercase;
			font-weight: bold;
		}
		#header #main_menu_display ul li a {
			display: block;
			color: #333333;
			padding: .6em .78em;
			/* same as padding: 6px 8px 9px */
		}
		#header #main_menu_display ul li a:hover {
			color: #7F7F7F;
		}
/** END header **/

#body {
	background: url(images/wrapper.gif) repeat-y 552px 0;
}

/** BEGIN content **/
#content {
	clear: both;
	width: 552px;
	float: left;
	padding-bottom: 20px;
}
	#content .more-link {
		padding: 8px 0 0 0;
		display:block;
		font-weight: bold;
	}
	
	#content .more-link:before {
		content: "- How About We ";
	}
	
	#content .more-link:after {
		content: " >>";
	}

	#content .post {
		padding: 20px 10px;
		font-size: 0.9em;
	}
		#content .post h2 {
			font-size: 1.7em;
			padding-bottom: 3px;
		}
		#content .post h3 {
			padding: 14px 0 7px 0;
		}
		#content .post .l {
			float: left;
			font-size: 0.9em;
			color: #9E9E9E;
			padding-bottom: 10px;
		}
		#content .post .r {
			float: right;
			font-size: 0.9em;
			color: #9E9E9E;
			padding-bottom: 10px;
		}
		#content .post img {
			border: 1px solid #DDDDDD;
			padding: 4px;
			background-color: #F3F3F3;
		}
		.center {
			text-align: center;
		}
		#content .post p {
			margin-bottom: 10px;
			line-height: 1.4em;
		}
		#content .post .details {
			padding: 8px 0 20px;
			border-width: 1px 0;
			border-style: dotted;
			border-color: #B4B5B5;
			margin-top: 10px;
		}
	#content .postnav {
		padding: 10px;
	}
	#content .postnav ul {
		list-style-type: none;
		border: 0;
	}
		#content .postnav ul li {
			float: left;
			border: 1px solid #cccccc;
			margin: 2px;
			font-size: 0.9em;
		}
		#content .postnav ul li a {
			display: block;
			border: 0 !important;
			padding: 5px;
		}
		#content .postnav ul li a:hover {
			background-color: #007AAA;
			color: #ffffff;
		}
		#content li.page_info {
			padding: 5px !important;
		}
/** END content **/

/** BEGIN lsidebar **/
#lsidebar {
	width: 177px;
	float: left;
	padding: 10px 0 20px;
}
	#lsidebar h2 {
		padding: 5px 15px;
		font-size: 0.9em;
		text-transform: uppercase;
	}
	#lsidebar ul {
		list-style-type: none;
		padding: 5px 15px 10px;
	}
		#lsidebar ul li {
			font-size: 0.9em;
			padding: 5px 5px 5px 5px;
			/* background: url(images/bullet.gif) no-repeat 2px 7px; */
		}
		#lsidebar ul li a {
			color: #333333;
		}
		#lsidebar ul li a:hover {
			
		}
/** END lsidebar **/

/* Added by Rick A. this is for wp-signup.php */
.mu_register h2{
	padding-bottom: 10px;
}

/** BEGIN rsidebar **/
	#rsidebar {
		width: 255px;
		float: right;
		padding: 10px 10px 20px 0;
	}

	/* Edited by Ricky A. */
	#rsidebar #calendar_wrap {
		margin: 7px 50px 0px;
		display: block;
  		border: 1px solid #000000;
		padding: 10px;
	}

	#rsidebar h2 {
		color: #9E9E9E;
		font-size: 0.8em;
		text-transform: uppercase;
		font-weight: normal;
		padding: 5px 0;
		clear: both;
	}
	#rsidebar p {
		padding: 5px 0 20px;
		margin-bottom: 10px;
	}
		#rsidebar p a {
			color: #333333;
		}
		#rsidebar p a:hover {
			color: #007AAA;
		}
		#rsidebar img {
			float: left;
			margin-bottom: 5px;
		}
		#rsidebar img.f {
			margin-right: 5px;
		}
	#rsidebar ul {
		list-style-type: none;
		padding-bottom: 20px;
	}
		#rsidebar ul li {
			font-size: 0.9em;
			border-bottom: 1px dotted #B4B5B5;
			padding: 5px 0;
		}
		#rsidebar ul li a {
			color: #333333;
		}
		#rsidebar ul li a:hover {
			color: #007AAA;
		}
	#rsidebar form {
		
	}
		#rsidebar form p {
			padding: 5px;
			border: 1px solid #cccccc;
		}
		#rsidebar form input {
			border: 1px solid #ffffff;
			width: 200px;
			font-size: 0.9em;
			font-family: Verdana;
			color: #333333;
		}
		#rsidebar form button {
			width: 0; height: 0;
			border: 0;
		}
	#projects {
		padding-top: 10px;
	}
		#projects li {
			
		}
		#projects li p {
			margin: 0;
			padding: 10px 0 5px;
		}
		#projects li a {
			color: #007AAA !important;
		}
/** END rsidebar **/

/** BEGIN footer **/
#footer {
	clear: both;
	background-color: #2C2C2C;
	color: #9E9E9E;
	line-height: 1.8em;
	font-size: 0.9em;
}
	#footer div {
		width: 980px;
		margin: auto auto;
		text-align: left;
		padding: 20px 0 0;
	}
	#footer .l {
		float: left;
	}
	#footer .r {
		float: right;
	}
	#footer a {
		color: #ffffff;
	}
/** END footer **/

/** BEGIN miscellaneous **/
#content .post ul {
	margin: 0 0 10px 18px;
}
#content .post ol {
	margin: 0 0 10px 20px;
}
	#content .post li {
		padding: 2px 0;
		line-height: 1.4em;
	}
	#content .post h3 {
		margin-bottom: 5px;
		font-size: 1.4em;
	}
	#content .post blockquote {
		padding: 20px 20px 10px;
		margin: 10px 0;
		background-color: #f3f3f3;
		border-width: 1px 0;
		border-color: #dddddd;
		border-style: solid;
		color: #9e9e9e;
		line-height: 1.4em;
	}
#comments {
	padding: 0 10px 20px;
	font-size: 0.9em;
}
	#comments h2 {
		margin: 10px 0;
		font-size: 1.5em;
	}
	#comments p {
		margin-bottom: 10px;
		line-height: 1.5em;
	}
	#comments form {
		padding-top: 20px;
	}
	#comments form p {
		margin-bottom: 5px;
	}
	.commentauthor {
		margin-bottom: 5px !important;
		color: #9e9e9e;
	}
	.commentdate {
		font-size: 0.8em;
		margin-bottom: 5px;
		color: #909090;
	}
	.required {
		color: #ff0000;
	}
	#respond {
		padding-top: 20px;
	}
	.comment1 {
		border: 1px solid #cccccc;
		padding: 10px;
		margin-bottom: 10px;
	}
	.commentdetails {
		float: left;
	}
	.gravatar {
		float: right;
	}
	h2.title {
		padding: 20px 10px 0;
		font-size: 0.8em;
		font-weight: normal;
		text-transform: uppercase;
		color: #909090;
	}
/** END miscellaneous **/

#header .about strong {
	margin-bottom: 20px;
}

#header .about .login-avatar {
	/* border: 1px solid #000 !important; */
	float: left; !important;
	padding: 8px 10px 0 10px;
}

#header .about .login-links {
	padding-top: 10px;
	list-style-type: none;
	font-size: .8em;
}

#header .about .login-links li{
	text-transform: uppercase;
}

#header .about .login-links li a{
	display: inline;
	color: #fff;
}

#header .about .login-links li a:hover{
	display: block;
	color: #7F7F7F;
}

.avatar_container_start_blog {
	float:left; 
	padding: 0px 8px 8px 0px;
	position:relative;
}

.avatar_container_start_blog #under_avatar_author_link{
	position:absolute;
	padding: 2px 0 0 10px;
}

.wp-caption {
	margin-bottom: -5px;
}

.wp-caption-text {
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
}

.gray {
	background-color: #666;
	border: 1px solid #fff;
}

#announceBox {
	position: absolute;
	left: 400px;
	top: 500px;
	display: none;
	border: 1px solid #fff;
	background-color: #000;
	color: #fff;
}

.genki_announce_box {
	position:absolute;
	padding: 3px;
	top: 135px;
	/* margin: 0 0 0 -100px; */
	width: 375px;
	height: auto;
}

.genki_announce_box:after {
	content: "";
	position:absolute;
	left: 100px;
	top: 100px;
}

.x-close {
	position:absolute;
	/* margin: 0 0 0 -100px; */
	top: 0px;
	right: 1px;
	background-color:#699;
	padding: 0 3px 0;
	border: 1px solid #fff;
	cursor: pointer;
}

.x-close:after{
	content: "X";
}

.openannounce {
	position:absolute;
	font-size: 0.8em;
	display:none;
}

.openannounce:after {
	content: "[open announcements]";
	cursor: pointer;
	
}