/*
Theme Name: Chatterbox
Author: ChiQ Montes
Author URI: http://www.wpthemedesigner.com/
*/

* {
	margin: 0; padding: 0;
}
body {
	text-align: center;
	font: 12px Verdana;
	color: #28567a;
	background:#ffffff url(images/top_bg.gif) repeat-x top;
}
a {
	color: #443e33;
}
a:hover {
	text-decoration: none;
	color: #443e33;
}
img {
	border: 0;
}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}

/** BEGIN wrapper **/
#wrapper {
	width: 1000px;
	margin: auto auto;
	text-align: left;
	background:url(images/bg.gif) repeat-y;
}
/** END wrapper **/

/** BEGIN header **/
#header {
	padding:0px;
	margin:0px;
	height: 37px;
	background:url(images/header_1.gif) no-repeat top;
}

#header .pages {
	padding:0px;
	margin:0px;
	height:18px;	
	list-style-type: none;
	float:left;
	width:625px;
	margin-top:12px;
	margin-left:30px;
}

#header .pages li {
	float: left;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 2px;
	/*padding-top:30px;*/
}
#header .pages li a {
	display: block;
	color: #28567a;
	text-decoration: none;
	padding: 0px 5px 0px;
}

#header .pages li a:hover {
	display: block;
	color: #9fbac1;
	text-decoration: none;
	padding: 0px 5px 0px;
}

#header .search {
margin:0 0 0 0;
padding:0px;
BORDER: 0px;  
float:right;
line-height:1.5em; 
Text-Align:right;
FONT-FAMILY: arial;
width:300px;
height:23px;
FONT-SIZE:87%;
margin-top:8px;
margin-right:31px;
}

.search input {
background:transparent;
font-size:13px;
color:#000000;
font-family:Tahoma, arial, verdana, courier;
width:210px;
height:22px;
vertical-align:middle;
border: 0px solid #8c8c8c;
}

.search .input {
width:15px;
height:23px;
background:none;
border:none;
vertical-align:middle;
margin:0;
}

#header_2 {
	padding:0px;
	margin:0px;
	height: 110px;
	background:url(images/header_2.gif) no-repeat top;
}

#header_2 .logo {	
	margin:0px;
	padding:0px;
	BORDER:0px;
	float:left;
	text-align:left;
	width:335px;
	height:33px;
	margin-top:20px;
	margin-left:30px;
}

#header_2 .ad {
		padding:0px;
		margin:0px;
		float:right;
		padding-top: 20px;
		margin-right:35px;
		height:60px;
		width:468px;
	}
#header_3 {
	padding:0px;
	margin:0px;
	height: 57px;
	background:url(images/header_3.gif) no-repeat top;
}


#header_3 .categories {
	font: 10px Verdana;
	padding:0px;
	margin:0px;	
	list-style-type: none;
	float:left;
	width:95%;
	margin-top:3px;
	margin-left:28px;
}

#header_3 .categories li {
	float: left;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 2px;
	/*padding-top:30px;*/
}
#header_3 .categories li a {
	display: block;
	color: #ffffff;
	text-decoration: none;	
	padding: 8px 10px
}

#header_3 .categories li a:hover {
	display: block;
	color: #28567a;
	text-decoration: none;
	background: #ffffff;
	padding: 8px 10px
}

/** END header **/


/** BEGIN content **/

#contentmain {
	padding: 0px;
	margin:0px;
	width: 620px;
	float: left;
	margin-left:28px;	
}

#contentmain .feature_new {	
	padding:0px;
	margin:0px;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:0px;
	font:Verdana;
	margin-bottom:0px;
	width:610px;
	height:29px;
	padding:5px 0 0 10px;
	background:#deecf5;
	color:#28567a;
}

/** BEGIN featured **/

#featured {	
	width:620px;
	height: 260px;
	overflow: hidden;	
	margin-left:0px;
	margin-bottom:10px;
	background:#f0f8fb;
}
#featured .content {
	/*
	background: #ffffff url(images/gradient.gif) repeat-x 0 0;
	border: 1px solid #CFCFCF;
	*/
	
	padding: 5px;
	margin-bottom: 10px;
	border-bottom:none;
	
}
#featured .content img {
	float: left;
	margin-right:10px;
	width: 178px; 
	height: 105px;
	border:#deecf5 3px solid;	

}
#featured .content .title{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	height:100px;
	}
#featured .content .title h2 {
	padding:0px 0px 0px 0px;
	margin:0px;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom: 0px;
	font:Verdana;
}
#featured .content .title h2 a {
	text-decoration: none;
	color:#28567a;
}

#featured .content .title .details {
	padding-top: 5px;
	font-size: 0.9em;
	margin-bottom: 5px;	
}

#featured .content .title .details .comment{
	padding-top: 5px;
	font-size: 0.9em;
	height:17px;
	background:url(images/cooments.gif) no-repeat left;
	padding-left:25px;
}

#featured .content .title .details a {
	text-decoration: none;
	color:#28567a;
	font-weight:bold;
}

#featured .content p {
	line-height: 1.4em;
	margin-bottom: 10px;
}

#featured .content .author {	
	float:left;
	padding: 0 0px;
	margin-bottom:10px;	
}

#featured .content span {
	font-style:italic;
	color:#808080;
}

#featured .content .readmore {
	color:#bd5532;
}
/** END featured **/


#content {
	padding: 0px;
	margin:0px;
	width: 410px;
	float: left;
	margin-left:0px;	
}

#content .recent_art {
	padding:0px;
	margin:0px;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:0px;
	font:Verdana;
	margin-bottom:10px;
	width:400px;
	height:29px;
	padding:5px 0 0 10px;
	background:url(images/cat_bg_0.gif) no-repeat left;
	color:#28567a;
}



#content .post {
	/*
	background: #ffffff url(images/gradient.gif) repeat-x 0 0;
	border: 1px solid #CFCFCF;
	*/
	width:410px;
	min-height:180px;
	margin-left:0px;
	margin-bottom: 10px;
	border-bottom:#deecf5 1px solid;
}
#content .post img {
	float: left;
	margin-right:10px;
	width: 178px; 
	height: 105px;
	border:#deecf5 3px solid;
	
}
#content .post .title{
	padding:0px;
	margin:0px;
	height:75px;
	}
#content .post .title h2 {
	padding:0px;
	margin:0px;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom: 0px;
	font:Verdana;
}
#content .post .title h2 a {
	text-decoration: none;
	color:#28567a;
}

#content .post .title .details {
	padding-top: 5px;
	font-size: 0.9em;
	margin-bottom: 0;
	
}

#content .post .title .comment{
	padding-top: 5px;
	font-size: 0.9em;
	height:17px;
	background:url(images/cooments.gif) no-repeat left;
	padding-left:25px;
}

#content .post .title .details a {
	text-decoration: none;
	color:#28567a;
	
}

#content .post p {
	line-height: 1.4em;
	margin-bottom: 10px;
}

#content .tags {	
	float:left;
	padding: 0 0px;
	margin-bottom:10px;
	background:url(images/folder.gif) no-repeat left;
	padding-left:20px;
}

#content span {
	font-style:normal;
	color:#808080;
}

#content .readmore {
	color:#bd5532;
}

#content .postnav ul {
	list-style-type: none;
}
#content .postnav ul li {
	float: left;
	padding: 0 2px;
	font-family: Arial;	
}
#content .postnav ul li a {
	display: block;
	padding: 4px 8px;
	border: 1px solid #E1E1E1;
	text-decoration: none;
	color: #4F4F4F;
}
#content .postnav ul li a:hover {
	border-color: #ffffff;
}
	
h2.title {
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: 15px;
}
#content .single {
	width: 610px;
	padding: 5px;
	margin:0px;
	margin-bottom: 10px;
}
#content .single h2 {
	margin-bottom: 10px;
	font-size: 1.4em;
	text-transform: none;
}
#content .single p {
	line-height: 1.5em;
	margin-bottom: 10px;
}
#content .single ul, #content .single ol {
	list-style-position: inside;
	margin-bottom: 10px;
}
#content .single li {
	line-height: 1.5em;
	padding: 2px 0;
}
#content .single blockquote {
	padding: 10px 10px 5px;
	margin-bottom: 10px;
	background-color: #eeeeee;
	border-width: 1px 0;
	border-style: solid;
	border-color: #e0e0e0;
}
#content .single h3, #content .single h4, #content .single h5, #content .single h6 {
	font-size: 1.2em;
	margin-bottom: 5px;
}
/** END content **/

#navigation {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 25px;
	width: 100%;
	overflow: hidden;	
}

.alignleft {
	text-align: left;
	float: left;
	padding-left:20px;
}

.alignright {
	text-align: right;
	float: right;
	padding-right:20px;
}


/** BEGIN sidebar **/
#sidebar {
	padding:0px;
	margin:0px;
	width: 300px;
	float: right;
	margin-right:28px;
	
}

#sidebar2 {
	width: 200px;
	float:left;
	padding: 0px 0;
	margin-left:10px;
}

#sidebar .box {	
		padding:0px;
		margin-bottom: 15px;
	}
	
	#sidebar h2 {		
	padding:0px;
	margin:0px;
	font-size:1.0em;
	font-weight:bold;
	margin-bottom:0px;
	font:Verdana;
	margin-bottom:10px;
	width:290px;
	height:29px;
	padding:5px 0 0 10px;
	background:url(images/cat_bg_2.gif) no-repeat left;
	color:#28567a;
	text-transform: uppercase;
	

	}
	
	#sidebar ul {
		list-style-type: none;
	}
		#sidebar ul li {
			line-height: 1.5em;
			padding: 2px 0;
			margin-left:10px;		
		}
		#sidebar ul li a {
			color: #bd5532;
			font-weight:bold;
			text-decoration: none;
		}
	#sidebar .ads {
		text-align: center;
		margin-bottom: 10px;		
	}
		#sidebar .ads img {
			margin: 4px;
	}
	
	#sidebar .flickr {
		text-align: center;
	}
		#sidebar .flickr img {
			width: 75px;
			margin: 2px;
		}
	#sidebar .video {
		text-align:center;
	}
	#sidebar .tags {
		text-align:center;
	}


.rssfeed{
padding:0px;
margin:0px;
height:16px;
background:url(images/rss.gif) no-repeat left;
}

.twitter{
padding:0px;
margin:0px;
height:16px;
background:url(images/twitter.gif) no-repeat left;
}

.facebook{
padding:0px;
margin:0px;
height:16px;
background:url(images/facebook.gif) no-repeat left;
}

.linkedin{
padding:0px;
margin:0px;
height:16px;
background:url(images/linkedin.gif) no-repeat left;
}
/** BEGIN links **/
#links {
	clear: both;
	padding: 0px;
	font-family: Verdana;
}

#links .col_1{
	padding:0px;
	margin:0px;
	width:200px;
	float:left;
}

#links .col_2{
	padding:0px;
	margin:0px;
	float:right;
	width:140px;
	margin-right:5px;
}

	#links .box {	
		float: left;
		padding: 0px;
		width: 200px;
		margin-bottom:20px;
	}
	
	
	#links h2 {
		float: left;
		font-size: 0.9em;
		text-transform: uppercase;
		color: #28567a;
		padding: 5px 0px 0 8px;	
		font-weight:bold;		
		margin-bottom: 0px;
		height:21px;
		width:192px;
		height:29px;
		background:url(images/cat_bg_1.gif) no-repeat top;
	}
	#links ul {
		clear: both;
		list-style-type: none;
		padding: 0 5px;
	}
		#links ul li {
			line-height: 1.5em;
			font-size: 0.9em;
			padding: 10px 0 0 20px;
			background:url(images/pen.gif) no-repeat left;
		}
		#links ul li a {
			color: #28567a;
			text-decoration: none;
			font-weight:normal;
		}
		#links ul li a:hover {
			color: #28567a;
			text-decoration: underline;
		}
/** END links **/

/** END sidebar **/


/** BEGIN footer **/
#footer {
	clear: both;
	margin: auto auto;
	color: #ffffff;
	font-size: 1.0em;
	height:41px;
	background:url(images/footer.gif) no-repeat center bottom;
}
#footer p {	
	margin: auto auto;
	text-align: left;
	padding: 10px 0px 0 0;
}
#footer a {
	color: #84a5ad;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #84a5ad;
}
/** END footer **/

/** BEGIN miscellaneous **/
#comments {
	padding: 5px 15px 15px;
	margin-bottom: 10px;
}
	#comments a {
		text-decoration: none;
	}
	#comments h2 {
		font-size: 1.4em;
		margin: 10px 0;
		font-weight: normal;
	}
	#comments p {
		margin-bottom: 10px;
		line-height: 1.6em;
	}
	#comments form {
		
	}
	#comments form p {
		margin-bottom: 5px;
	}
		#comments form input {
			margin-right: 5px;
		}
		#comments form input, textarea {
			border: 1px solid #cccccc;
			font-size: 0.9em;
			font-family: Verdana;
			padding: 4px;
			background-position: 4px 4px;
			background-repeat: no-repeat;
		}
		#comments form input {
			width: 240px;
			border: 1px solid #cccccc;
		}
		#comments form textarea {
			width: 350px;
			padding: 4px 4px !important;
			border: 1px solid #cccccc;
		}
		#comments form button {
			border: 1px solid #a0a0a0;
			font-size: 1em;
			font-family: Verdana;
			padding: 2px 6px;
		}
	.commentdetails {
		margin-top: 25px;
	}
	.commentauthor {
		margin-bottom: 5px !important;
		font-weight: bold;
	}
	.commentdate {
		font-size: 0.8em;
		margin-bottom: 5px;
		color: #909090;
	}
	.required {
		color: #ff0000;
	}
h2.title {
	font-size: 1em !important;
	text-transform: uppercase;
	padding: 10px;
	color: #565656;
}
.notfound {
	padding: 40px;
}
	.notfound h2 {
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 10px;
	}
/** END miscellaneous **/

/** BEGIN wordpress 2.7 comments **/
#comments ol {
	list-style-type: none;
	clear: both;
	padding: 0;
	margin: 0;
}
	#comments .buffer {
		padding: 10px;
	}
	#comments ol li {
		margin-bottom: 10px;
	}
	#comments ol li ul li {
		border: 1px solid #e0e0e0;
		padding: 10px;
	}
	#comments ol li .avatar {
		float: right;
	}
	#comments ol li .comment-author {
		
	}
		#comments ol li .comment-author .fn {
			font-weight: bold;
			font-size: 1.2em;
		}
	#comments ol li .comment-meta {
		font-size: 0.9em;
		color: #999999;
		margin: 5px 0 10px;
	}
	#comments ol li .reply {
		font-size: 0.9em;
		font-weight: bold;
		padding-bottom: 10px;
	}
	#comments .children {
		list-style-type: none;
	}
#comments .navigation {
	padding: 0 10px 20px;
	font-size: 0.9em;
}
	#comments .navigation a {
		color: #999999;
		padding: 3px 8px;
		border: 1px solid #cccccc;
	}
	#comments .navigation a:hover {
		color: #000000;
		border-color: #000000;
		text-decoration: none;
	}
#comments .says {
	display: none;
}
/** END wordpress 2.7 comments **/