/*  
Theme Name: quamruq2007-2
Theme URI: love
Description: Designed by <a href="http://www.quamruq.com">quamruq</a>.
Author: quamruq
Author URI: love*/


body { 

background:url(http://www.quamruq.com/images/quamruqbody.jpg) no-repeat 0px top;0 
font-family: "MS Sans Serif",serif;
font-size: 13px; padding: 0px; 
margin: 0px; color:#35383d;}


html { padding: 0; margin: 0;}

a:link { text-decoration: none; color :#996666 ; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #996666; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #006699; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #B8B9F8; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: "MS Sans Serif", "Angsana New", serif;}

img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 0px;  }

form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}



/* BGContainer 
++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.BGC { 

width: 900px; float: left; position: relative; padding: 0px}




/* Header 
+++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/**/ * html .Header { height: 60px;} /* */ 


.Header { 


width: 900px; 
float: left; position: relative;
padding: 0px 0px 0px 0px;
min-height:60px;}


.Header h1 { font-size: 2px; line-height: 38px; letter-spacing: -1px; padding: 0px 0px 28px 0px; margin: 0px; font-weight: normal;}
.Header h1 a { color:#ffffff; text-decoration: none; padding: 0px 0px 0px 0px; }
.Header h1 a:visited { color:#ffffff; text-decoration: none; }
.Header h1 a:hover { color:#ffffff; text-decoration: none; }
.Header .Desc { color:#75c0d9; font-size: 10px; line-height: 14px; font-weight: bold; letter-spacing: -1px; font-family: 'Arial'; padding: 0px; margin: 0px 0px 0px 50px;}
.Header .LS { position: absolute; top: 0px; left: 0px; left top; width: 0px; height: 0px;}




/* Menu 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Menu{ 
background:url(images/headlove.gif) no-repeat;
margin-left: 20px; 
width: 950px; position: relative; float: left; height: 60px;
font-family: "MS Sans Serif", "Angsana New", serif;color:#ffffff;font-weight: lighter
}
.Menu em { display: none}
.Menu ul { list-style: none; margin: 0px; padding: 0px 0px 0px 4px;}
.Menu ul li ul { display: none;}
.Menu li { padding: 0px; margin: 0px; display: inline; font-size: 12px;}
.Menu a { color: #FFFFFF; padding: 0px 28px 35px 12px; margin-top:0; left top; float: left;}
.Menu a span { color: #FFFFFF; padding: 0px 35px 12px 0px; display: block; background: url(images/MRight.png) no-repeat right top; float: right; }
.Menu a:hover span { color: #FFFFFF;}
.Menu a:hover { background:url(images/rollover.png) color:#ffffff; font-weight: lighter;
}
.Menu a:visited { color: #FFFFFF; padding: 0px 28px 35px 12px; margin-top:0; left top; float: left;}
.Menu a:hover span { background-position: 100% -25px;  color:#003399;
}
.Menu .on { background: url(images/rollover.png) no-repeat left bottom; color:#003399; }
.Menu .on span { background: url(images/MRight.png) no-repeat right bottom; color:#003399; }


/* Container 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.CON { 
background: url(http://www.quamruq.com/images/quamruq2_11.gif) repeat-y left; 
width: 950px; 
float: left; 
position: relative; 
padding: 0px 0px 15px 50px;

}


/* Side Central Single 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SCS { width: 620px; float: left; padding: 0px 0px 0px 40px; }
.SCS h1 { font-size: 25px; font-weight: normal; background: url(images/PostHead.gif) repeat-x bottom; padding-bottom: 10px; letter-spacing: -1px; }
.SCS h2 { font-size: 18px; font-weight: normal; }
.SCS h3 { font-size: 14px; font-weight: bold; }

.SCS p { font-size: 13px; line-height: 13px;}
.SCS p strong {}
.SCS img {}
.SCS ul { padding: 10px 0px; margin: 0px; }
.SCS li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }
.SCS blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.SCS blockquote p { font-size: 13px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.SCS blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; }
.SCS blockquote a { color:#0080ca; }
.SCS blockquote a:visited { color:#0080ca; }
.SCS blockquote a:hover { color:#003399; }
.SCS a { text-decoration: underline;}

/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SC { width: 620px; float: left; padding: 5px 0px 0px 40px;}
.SC h2 { font-weight: normal;}
.pagetitle { font-size: 25px; font-weight: normal; letter-spacing: -1px; border-bottom: solid 1px #000; padding-bottom: 18px;}


/* Post 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Post {	padding:10px; position: relative; clear: left;}
.PostHead { position: relative; clear: left; background: url(images/PostHead.gif)repeat-x bottom; padding-bottom: 10px;}
.PostHead h1 { font-size: 20px; line-height: 20px; letter-spacing: -1px; font-weight: normal; padding: 0px 0px 1px 35px; margin: 0px; color:#cc6600;}
.PostHead h1 a { color: #007ac8; text-decoration: none;}
.PostHead h1 a:visited { color: #007ac8; text-decoration: none;}
.PostHead h1 a:hover { color:#cc6600; text-decoration: none;}

.PostAuthor { padding: 1px 30px; margin: 0px; font-size: 12px; color:#996600; font-weight: bold;}
.PostDate { margin: 0px; position: absolute; top: 0px; left:-45px; text-align: center; background: url(images/datebg.gif) no-repeat bottom; padding: 0px 10px 15px 5px;}
.PostDate small { font-size: 10px; color:#8a98a2; font-weight: bold; }
.PostDate .month { display:block; text-transform: uppercase; font-size: 9px;}
.PostDate .day { display:block; font-size: 24px; line-height: 24px; font-family: 'Arial'; letter-spacing: -1px; font-weight: normal; color:#4a5a65;}
.PostDate .year { display:block;}

.PostContent { padding: 0px 0px 5px 0px; font-size: 12px; line-height: 17px; background: url(images/PostHead.gif) repeat-x bottom; }
.PostContent p { font-size: 13px; line-height: 17px;}
.PostContent p strong {}
.PostContent img {}
.PostContent ul { padding: 10px 0px; margin: 0px; }
.PostContent li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }
.PostContent blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.PostContent blockquote p { font-size: 12px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; }
.PostContent blockquote a { color:#0080ca; }
.PostContent blockquote a:visited { color:#0080ca; }
.PostContent blockquote a:hover { color:#003399; }
.PostContent a { text-decoration: underline;}

.PostDet { padding-top: 15px;}
.PostDet ul { padding: 0px; margin: 0px;}
.PostDet li { padding: 5px 0px 5px 18px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; color:#336699; font-size: 10px; font-weight: bold; } 
.PostDet li a { text-decoration: underline;} 
.PostCateg { background: url(images/PostCateg.png) no-repeat left center;}
.PostCom { background: url(images/PostCom.png) no-repeat left center; }

/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Note { padding: 0px; margin: 0px;}
.Note li { padding: 2px 0px 2px 15px; margin: 0px; list-style-type: none; font-size: 13px;}
.NoteRss { background: url(images/NoteRss.png) no-repeat left top;}
.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;}
.Note li a { color:#cc6600;}

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Nav a { padding: 2px 5px 2px 3px; background: #fff; border-right: solid 0px #ccc; font-size: 15px;}
.Nav a:visited { padding: 2px 5px 2px 3px; border-right: solid 0px #ccc;}
.Nav a:hover { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; text-decoration: none;}
.Nav span { padding: 2px 5px 2px 0px; color:#6666; border-right: solid 0px #ccc; }
.Nav .on { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; font-size: 12px; color:#000;}

/************************************************
*	Comments									*
************************************************/

#commentblock h2 {
	font-size: 16px;
	font-family: "MS sans serif",Arial, Helvetica, Sans-Serif;
	color: #0099ff;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	}
	
#commentblock {
	width: 500px;
	background:url(images/comment12.gif) repeat center;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #555555;
	}
	
ol#commentlist {
	padding: 5px;
	margin: 0px;
	list-style-type: none;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li  p{
	margin-bottom: 0px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #555555;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 0px 0px 50px 0px;
	padding: 20px 0px 5px 10px;
	width: 500px;
        font-size: 14px;
	font-family: "MS sans serif";
	color: #0099ff;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

.commenttext-admin {
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 5px 10px;
	width: 500px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

blockquote{
	font-style: italic;
	color: #777777;
	margin: 0px 0px 0px 0px;
	padding: 0px 100px 0px 10px;
	}

#site_content {position: absolute;left: -10000px;};


/* Side Right 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR { 
width: 200px; 
float: right; 
position: relative;
margin-top: 0px;
font-family: "MS Sans Serif","Angsana New",serif;

 }
.SR h2 { font-size: 14px; letter-spacing: normal; font-weight: bold;}
.SR h3 { font-size: 14px; letter-spacing: normal; font-weight: bold;}

/* Side Right Left ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SRL { width: 200px; float: left; padding: 0px 0px 0px 0px;}
.SRL h3 { background: url(images/SRLH3.gif) repeat-x left bottom; color:#92A1D3; padding: 0px 0px 5px 0px; margin: 0px}
.SRL li a { color:#0066FF; font-size: 13px; }
.SRL li a:visited { color:#996600; }
.SRL li a:hover { color:#92A1D3;}

/* Side Right Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SRR { width: 0px; float: right; padding: 0px;}
.SRR h3 { background: url(images/SRRH3.gif) repeat-x left bottom; color:#abcee1; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px }
.SRR h2 { background: url(images/SRRH3.gif) repeat-x left bottom; color:#abcee1; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px }
.SRR ul { padding: 0px; margin: 0px;}
.SRR li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; background: url(images/SRRIco.png) no-repeat left top;}
.SRR li a { color:#0066FF; font-size: 13px; }
.SRR li a:visited { color:#996600; }
.SRR li a:hover { color:#7a8fa4;}

/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Search { background: url(images/Search.gif) no-repeat left top; position: absolute; top: -63px; width: 0px; left: -9px;}
.Search  form { padding: 0px 0px 0px 0px; margin: 0px;}
.Search  input { border: none; color: #330033; font-size: 11px;}
.Search  input.search { width: 24px; height: 23px; background: url(./images/SearchButton.gif) no-repeat;}
.Search  input.keyword { background: none; border: none; padding: 5px 0px 5px 8px; width: 200px; border: none; } /**/ * html #buttonsearch { margin: -24px 0px 0px 203px; } /* */ 
#buttonsearch { padding: 0px; margin: -23px 0px 0px 203px; top: 0px; background: none; }

/* Categories +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Categ { margin-bottom: 15px;}
.Categ h3 { background: url(images/CategH3.gif) no-repeat left top; padding-left: 20px; margin: 0px; }
.Categ ul { background: url(images/SRLH3.gif) repeat-x top; margin: 0px; padding: 10px 0px 0px 0px;}
.Categ li { margin: 0px; padding: 2px 0px 3px 20px; list-style-type: none; font-size:14 background: url(images/SRLH3.gif) repeat-x top;left top; border-bottom: solid 0px #106899;}

/* Latest Comments  - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.LatestCom { margin-bottom: 30px;}
.LatestCom h3 { background: url(images/LatestComH3.gif) no-repeat left top; padding-left: 20px; margin: 0px; }
.LatestCom ul { background: url(images/SRLH3.gif) repeat-x top; margin: 0px; padding: 10px 0px 0px 0px;}
.LatestCom li { display: block; color:#000000; margin: 0px; padding: 2px 0px 3px 20px; list-style-type: none; font-size: 11px; background: url(images/CategLi.png) no-repeat left top; font-size: 10px; font-weight: bold; border-bottom: solid 1px #106899;}
.LatestCom li a { display: block; font-size: 11px; font-weight: normal;}

/* Flickr RSS - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Flickr { margin-bottom: 10px;}
.Flickr h3 { background: url(images/FlickrH3.gif) no-repeat left top; padding-left: 20px; margin: 0px; }
.Flickr ul { background: url(images/SRLH3.gif) repeat-x top; padding: 10px 0px; margin: 0px;}
.Flickr li { padding: 0px; margin: 0px 6px 0px 0px; list-style-type: none; display: inline;}
.Flickr li a img { background: #000; padding: 1px; border: solid 4px #127aae; width: 60px; height: 60px; margin-bottom: 5px;}
.Flickr li a:hover img { background: #fff; padding: 1px; border: solid 4px #09182a; margin-bottom: 5px;}

/* Syndicate ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Syn { margin-bottom: 10px; position: relative; padding: 10px 15px; }
/**/ * html .SynTop { left: -15px;} /* */ 
.SynTop { position: absolute; top; left: 0px; top: 0px; width: 230px; height: 8px; }
.Syn ul { margin: 0px; padding: 0px;}
.Syn li { background: url(images/SynIco.gif) no-repeat left center; margin: 0px; padding: 3px 0px 3px 20px; list-style-type: none; font-size: 12px; color:#0097ca;}
.Syn li a { color:#fff; font-size: 12px; }

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.footer {
color:#7C95D3;
font-size:13px;
clear:both;
padding:55px 5px 10px 25px;
width:900px;
background-image: url(images/footerBG.png);
background-repeat: no-repeat;
margin:0px 0px;
}


.footeritem{
float:left;
width:275px;
margin:0px 5px;
}

.footeritem h2{
margin:0;
padding:5px 5px 10px 10px;
font-size:14px;
}

.footeritem ul{
list-style:none;
margin:0;
padding:0;
}
.footeritem li{
list-style:none;
margin:0;
padding:0;
height:1%;
overflow:hidden;
}
.footeritem li a{
padding:5px;
margin:0;
border-bottom:1px solid #2C2C2C;
display:block;
color:#999999;

}
.footeritem li a:hover{
background:#fff;
border-bottom:1px solid #444;
text-decoration:none;
color:#5a5a5a;

}
.footeritem span{
clear:both;
padding:2px;
display:block;
font-size:12px;
color:#7C95D3;

}
.footeritem p{
float:left;
width:70px;
height:15px;

}

.footeritem span:hover{
color:#7C95D3;
}

.finalfooter{
padding:0px;
clear:both;
font-size:14px;
text-align:left;
}

.footeritem h2:hover{
color:#CCCCCC
}

.footeritem:hover{
border-top:0px solid #333;

}

.footer a {
margin:0px 0px;
}