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

* {
	margin: 0; padding: 0;
}
body {
         text-align: left;
	font-family: "MS Sans Serif", "Angsana New", serif;
	font-size: 13px;
	color: #28567a;
	background: url(http://www.quamruq.com/images/content_19.jpg) repeat-y;
}
a {
	color: #443e33;
}
a:hover {
	text-decoration: none;
	color: #443e33;
}
img {
	border: 0;
}

.break {
	font-size: 0;
	width: 500; height: 0;
	clear: both;
	background:url(images/line.gif) repeat-x bottom;
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}

/** BEGIN wrapper **/
#wrapper {
	width: 996px;
         margin-left:0px;
	text-align: left;
	background:url(images/) repeat-y;
}
/** END wrapper **/

/** BEGIN header **/
#header {
	padding:0px;
	margin-left:0px;
         text-align: left;
         width: 996px;
	height: 188px;
	background:url(images/.gif) no-repeat top;
}

#header .pages {
	padding:0px;
	margin:0px;
	height:188px;	
	list-style-type: none;
	float:left;
	width:625px;
	margin-top:188px;
	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 {
	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-top : 20px;
	margin:0px;
	width: 800px;
	float: right;
	margin-left:0px;	
}

#contentmain .feature_new {	
	padding:0px;
	margin:0px;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:0px;
	font:Verdana;
	margin-bottom:0px;
	width:500px;
	height:29px;
	padding:5px 0 0 10px;
	background:url(images/line.gif) repeat-x bottom;
	color:#333333;
}

/** BEGIN featured **/

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

}
#featured .content .title{
	padding:0px;
	margin:0px;
	height:20px;
	}
#featured .content .title h2 {
	padding: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;
	text-transform:capitalize;
	margin-bottom: 0;	
}

#featured .content .title .details .comment{
	padding-top: 5px;
	font-size: 0.9em;
	text-transform:capitalize;
	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: 550px;
	float: left;
	margin-left:10px;	
}

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



#content .post {
	/*
	background: #ffffff url(images/gradient.gif) repeat-x 0 0;
	border: 1px solid #CFCFCF;
	*/
	width:500px;
	min-height:180px;
	margin-left:0px;
	margin-bottom: 10px;
	border-bottom:#deecf5 1px solid;
}
#content .post img {
	float: left;
	margin-right:10px;
	width: 120px; 
	border:#deecf5 3px solid;
	
}
#content .post .title{
	padding:0px;
	margin:0px;
	height:60px;
	}
#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;
	text-transform:capitalize;
	margin-bottom: 0;
	
}

#content .post .title .comment{
	padding-top: 5px;
	font-size: 0.9em;
	text-transform:capitalize;
	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 {
	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 {
         font-family: "MS Sans Serif", "Angsana New", serif;
	padding:0px;
	margin-top:200px;
         	width: 150px;
	float: left;
         padding-left: 10px;
	margin-right:0px;
	
}

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

#sidebar .box {	
                  font-family: "MS Sans Serif", "Angsana New", serif;		
                  padding:0px;
		margin-bottom: 15px;
	}
	
	#sidebar h2 {		
	padding:0px;
	margin:0px;
	font-size:13px;
	font-weight:bold;
	margin-bottom:0px;
	margin-bottom:10px;
	width:140px;
	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: 0.9em;
	height:41px;
	background:url(http://www.quamruq.com/images/love2010_20.jpg) 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 **/

/* next previous */

.previous a {
	float:left;
	width:93px;
	height:33px;
	text-indent:-400px;
	background:url(images/link-older.gif) no-repeat 0 0;
	overflow:hidden;
}
.previous a:hover {
	background:url(images/link-older.gif) no-repeat 0 -33px;
}
.next a {
	float:right;
	width:93px;
	height:33px;
	text-indent:-400px;
	background:url(images/link-newer.gif) no-repeat 0 0;
	overflow:hidden;
}
.next a:hover {
	background:url(images/link-newer.gif) no-repeat 0 -33px;
}


/* comment styles */

.comments, .name, .email, .website, .txt-email-sub, .txt-website-example {
	display:block;
	text-indent:-800px;
	font-size:10px;
	overflow:hidden;
	margin:0;
	padding:0;
}
.comments {
	height:27px;
	background:url(images/txt-your-comment.gif) no-repeat;
}
.name, .email, .website {
	width:80px;
	float:left;
	margin-right:12px;
	clear:left;
}
.name {
	height:30px;
	background:url(images/txt-name.gif) no-repeat top right;
}
.email {
	height:30px;
	background:url(images/txt-email.gif) no-repeat top right;
}
.website {
	height:30px;
	background:url(images/txt-website.gif) no-repeat top right;
}
.txt-email-sub {
	height:20px;
	background:url(images/txt-email-sub.gif) no-repeat 90px 0;
	clear:both;
}
.txt-website-example {
	height:20px;
	background:url(images/txt-site-example.gif) no-repeat 90px 0;
	clear:both;
}
#commentform {
	padding:0;
	margin:0;
}
#commentform .comment-field {
	border:1px solid #939393;
	width:320px;
	margin:0;
	padding:3px;
	font-family: "MS Sans Serif", "Angsana New", serif;
	font-size:12px;
	background:#fff;
	float:left;
}
#commentform .comment-box {
	border:1px solid #939393;
	width:425px;
	margin:0 0 10px;
	padding:3px;
	font-family: "MS Sans Serif", "Angsana New", serif;
	font-size:12px;
	background:#fff;
}
#commentform .btnComment {
	border:1px solid #fff;
	color:#fff;
	margin:0;
	padding:2px;
	font-family: "MS Sans Serif", "Angsana New", serif;
	font-size:14px;
	background:url(images/btn-back.gif) transparent;
	float:left;
	clear:left;
}


/* comment list */

.commentlist {
	margin:20px 0;
	padding:0;
}
.commentlist li {
	padding:12px 0;
	background:url(images/line-inner.gif) no-repeat bottom;
	font-size:12px;
	line-height:20px;
	list-style:none;
}
.commentlist li a {
	color:#000;
	position:relative;
	text-decoration:none;
	border-bottom:1px solid #868585;
	background:#f4f0db;
}
.commentlist li a:hover {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #000;
	background:#fffbc1;
}
.commentdate {
	display:block;
	padding:0 0 6px;
	font-size:10px;
}
.commentlist li cite {
	font-weight:bold;
	font-style:normal;
}
/** END wordpress 2.7 comments **/