/* blog style template - collin grasley - modetwentythree.com - this work is public domain, enjoy!  */

/*  main styles ----------------------------*/

*{ margin:0; padding:0; }* 
body {
	padding:0;
	margin:0;
	font:0.69em Arial,Verdana, sans-serif;
	line-height:1.64em;
	background: url(images/bgr.jpg) repeat;
	color:#555;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999999;
}
a {color: #222; background:inherit; text-decoration:none;}
a:hover {
	color:#346038;
	background:none;
	text-decoration:none;
	border-bottom:1px dashed;
}
p { padding:5px 0 5px 0;}
ul {margin:0; padding:0;list-style:none;}
img {border:0;}
.clear{clear:both; margin-top:1px;}
#wrapper {
	margin:0px auto;
	width:750px;
	padding:0 20px 0 20px;
	background-color: #FFFFFF;
}

/* top ----------------------------*/

#topnav {
	height:42px;
	background:#333;
	width:750px;
}
#menu {
	float:none;
	height:23px;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 0;
}
#menu a {display:block; color:#999; background:inherit; text-decoration:none; margin-right:4px;
line-height:23px;font-weight:bold;}
#menu a:hover {color:#006633; background:inherit;}
#menu ul {list-style:none; padding:0; margin:0;}
#menu li {float:left; margin: 0 0 0 5px; }

/* header ----------------------------*/

#header {
	height:370px;
	padding:0;
	margin:0 0 10px 0;
	clear:both;
	width: 750px;
}
#title {float:left; width:340px; padding:50px 0 10px 0; margin:0 0 0 180px;}
#header h1 {  font-size:3.9em; margin:0 0 4px 20px; }
#header h2 {font:0.9em Arial, Sans-Serif; letter-spacing:0; color:#868686; margin:15px 0 0 20px; padding:0;}
.t1{font-family:'Impact';color:#006633;}
.t2{font-family:'Impact';color:#333;}

/*  The left column ----------------------------*/

#left {
	width:235px;
	float:left;
	margin-right:0px;
	padding:5px;
	background:inherit;
}
#left ul {padding:3px 0 12px 5px;}
#left li {line-height:18px; background:inherit; list-style:disc; margin-left:16px;
color:#006633;}
#left li a {background:inherit; text-decoration:none; }
#left li a:hover {text-decoration:none;}

/*  The linkbar column ----------------------------*/

#linkbar {
	float:left;
	width:235px;
	padding:5px;
	margin-right:10px;
	background:inherit;
}
#linkbar ul {padding:3px 0 12px 5px;}
#linkbar li {line-height:18px; background:inherit; list-style:disc; margin-left:8px; color:#006633;}
#linkbar a {background:inherit; text-decoration:none;}
#linkbar a:hover {text-decoration:none;}

/*  The Right Side ----------------------------*/

#right {
	float:right;
	padding:10px;
	background:inherit;
	margin-bottom:0px;
	width:216px;
	margin-left: 10px;
	background-color: #F3F3F3;
	border: thin dashed #CCCCCC;
}
.content {padding: 10px 0 0 0;}
#right img {
	float:none;
	padding:0 10px 5px 0;
}
.comment_box {clear:both;padding:7px 35px 0 0; margin:10px 0 10px 0;text-align:right;
background:url(images/comment_box_bg.gif) no-repeat top right;height:32px;}
.comment_box a {font:bold 1.2em Arial, Sans-Serif; color:#006633; background:transparent;}

/*  The CSS for the Article headlines ----------------------------*/

.headline_one{font-size:3.50em;line-height:.8em; color:#333; font-family:'Impact';}
.headline_two{
	font-size:3em;
	line-height:0.8em;
	color:#333;
	font-family:'Impact';
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #9933CC;
}
.headline_three{
	font-size:1.3em;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #B24B2A;
}
.headline_four{
	font-size:1.3em;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #143FA0;
	}
.headline_escapar{
	font-size:1.3em;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CB8A44;
		}
.headline_cafe{
	font-size:1.3em;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #006633;
}
.headline_maga{
	font-size:1.3em;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #006699;
}
.number{font-family:'Impact';float:left;line-height:1em; color:#006633; font-size:4em; margin-right:8px;}
.headline_url{text-decoration:none;color:#999; font-weight:bold; font-size:1.48em; line-height:1.5em;
text-transform:uppercase; padding-bottom:3px;}
.small_caps{color:#333; font-size:.7em; text-transform:uppercase; letter-spacing:6px; padding-top:1px;}

/*  The CSS for the blockquote, this is XHTML valid --------------------------------------*/

q {float:left; width:120px; display:block; margin:0.75em 0.75em 0 0; padding:0.3em; 
border:1px double #CCC; border-width:2px 0; color:#333; background:none; 
text-align:left; font:italic 1.6em/1.7em Georgia;}

/* footer ----------------------------*/

#footer {clear:both; width:750px; margin:0; padding:10px 0 5px 0; border-top:1px solid #333;
background:inherit;}
