/*

Theme Name: Quan Ho Video

Theme URI: http://quanho.org

Description: Website quan ho.

Version: 1.0

Tags: light, three-columns, fixed-width

Author: Huy

Author URI: http://www.quanho.org

*/


/******* Basics and Typography *******/

body {
	background: #fff url(images/bg.png) repeat-x center top;
	font-size: 95%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
}
* {
	padding: 0;
	margin: 0;
}
p {
	font-size: 0.875em;
	line-height: 1.5em;
	margin: 0 0 5px 0;
}
ul, ol {
	font-size: 0.875em;
	line-height: 1.3em;
	margin: 0 0 1em 3em;
	padding: 0;
}
* html #content, * html #sidebar {
	overflow: hidden; /* For IE */
}
/*---------- Headlines ----------*/

h1, h2 {
	margin: 0 0 1.1em 0;
	font-family:Arial, Helvetica, sans-serif;
}
h3, h4, h5, h6 {
	margin: 0 0 0.5em 0;
	font-family:Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 1.5em;
	color: #2C333A;
}
h2 {
	font-size: 1.1em;
	color: #2C333A;
  
}

h2 a {
	font-size: 1.1em;
	color: #2C333A;
	line-height: 1.5em;
	font-weight: normal;
	font-style:normal;
}

h3 {
	font-size: 1.1em;
	color: #05124B;
}
h4 {
	font-size: 1.1em;
	color: #cc0800;
}
h5 {
	font-size: 0.95em;
	color: #cc0800;
	line-height:1em;
}
.indextitle {
	margin: 0;
	width: 360px;
	color: #004992;
	font-size:1em;
	font-weight: bold;
	overflow: hidden;
}
.indextitle a {
	float: left;
	padding: 0;
}
.indextitle a:link, .indextitle a:visited {
	color: #004992;
}
.indextitle a:hover, .indextitle a:active {
	color: #000033;
}
.posttitle {
	margin: 0 0 5px 0;
	width: 100%;
	color: #05124B;
	font-size: 1.3em;
	font-weight: bold;
	overflow: auto;
}
.posttitle a {
	float: left;
	padding: 0;
}
.posttitle a:link, .posttitle a:visited {
	color: #546371;
}
.posttitle a:hover, .posttitle a:active {
	color: #000033;
}
/*---------- Elements ----------*/

a {
	text-decoration: none;
}
a:link {
	color: #004992;
}
a:visited {
	color: #004992;
}
a:hover, a:active {
	color: #000066;
	text-decoration: underline;
}
input, textarea, select {
	border: 1px solid #C1C7CD;
	padding: 3px;
	background-color: #FFF;
	color: #333;
	font-size: 1em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
blockquote {
	margin: 0em 0em 1em 1.5em;
	padding: 1em;
	font-size: 1em;
	line-height: 1.5em;
	background: #eee;
	border: 1px solid #eee;
}
code {
	font-family: monospace;
	color: #555;
}
alt {
	padding: 6px;
}
img#wpstats {
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: none;
	overflow: hidden;
	display: none;
}
form, img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
img.center {
	position: relative;
	padding: 6px;
	margin: auto;
	border: 1px solid #999;
	display: block;
}
img.left {
	position: relative;
	padding: 6px;
	margin: 0 20px 20px 0;
	border: 1px solid #999;
	display: inline;
}
img.right {
	position: relative;
	padding: 6px;
	margin: 0px 0px 20px 20px;
	border: 1px solid #999;
	display: inline;
}
.center {
	float: center;
}
.left {
	float: left;
}
.right {
	float: right;
}
.off {
	padding: 0 !important;
	border: none !important;
}
.clearboth {
	clear: both;
}
.small {
	font-size: 1em;
	color: #999;
}
.tags { 
	font-size:12px;
	padding:0 10px 5px 10px;
}
/*---------- Layout ----------*/

#headerwrap {
	height: 150px;
	width: 1000px;
	margin: 0px auto;
}
#header {
	height:70px;
	width: 450px;
	padding: 0;
	margin: 10px 0px 0px 10px;
	float: left;
	text-align: left;
}
.description {
	margin-top: 5px;
	font-size: 12px;
}
#wrapper {
	margin: 5px auto 0px auto;
	padding: 0px;
	width: 1000px;
	text-align: left;
}
#navwrap {
	background: #fff url(images/navbg.jpg) center;
	width:1000px;
	height:40px;
	margin:0px auto;
    display: block;

}
.navborder {
	height: 1px;
	margin:0;
	padding: 0px;
	background: #595959;
	overflow: hidden;
	width:926px;
	margin:0px auto;
}

#navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:17px;
	width:1000px;

	height:40px;
	text-align:left;
}
#navigation ul {
  font-family: Arial, Verdana;
  font-size: 14px;

    padding: 0px;
  list-style: none;
}
#navigation ul li {
  display: block;
  position: relative;
  float: left;
}
#navigation li ul { display: none; }
#navigation ul li a {
  display: block;
  text-decoration: none;
  color: #2C333A;
   padding: 10px 10px 5px 10px;

  margin-left: 1px;
  white-space: nowrap;
}
#navigation ul li a:hover { color: #cc0800; background: transparent }
#navigation li:hover ul {
  display: block;
  position: absolute;
  margin-top:0px;
}
#navigation li:hover li {
  float: none;

  font-size: 11px;
}
#navigation li:hover a { background-color: #C5C5C5 }
#navigation li:hover li a:hover { background: #E2E2E2; }
#navigation ul {
	margin: 0px 0px 0px 0px;
}




#ledge {
	height:20px;
	background: url(images/ledge.jpg) repeat-x top left;
	width:926px;
	margin:0px auto;
}
/*---------- Content -----------*/

#mainbody {
	width: 1000px;
	background: #fff;
	overflow: auto;
}
#content {
	float: left;
	margin: 0px 0px 0px 20px;
	width: 660px;
	display: inline; /* IE double margin bug fix */
}
#contentsingle {
	float: left;
	margin: 0px 0px 0px 20px;
	width: 660px;
	display: inline; /* IE double margin bug fix */
}
#singlefeedback {
	font-size:12px;
	height:56px;

    width: 651px;
	padding:14px 15px 13px 15px;
	background:url(images/feedback.jpg) no-repeat;
}
.singletext {
	overflow-y:auto;
	padding:10px;

}
.postfeedback {
	font-size: 0.875em;
	margin-top: -18px;
}
.commentslink {
	font-size: 0.9em;
	padding: 0 0 0 17px;
	background: url(images/commentslink.gif) no-repeat center left;
}

#related {
	margin:5px 0 5px 0;
	border:1px solid #CCCCCC;
	background-color:#fafafa;
	padding: 10px;
	line-height:18px;
}
#relatedposts {
	font-size:12px;
}
.window {
	margin-bottom: 15px;
	background:url('images/bg-big-top.png') no-repeat;
	padding:6px 0 0 ;
	overflow:hidden;
}
.postb_bottom {
    background:url('images/bg-big-bottom.png') no-repeat 0 100%;
	padding: 0 0 6px;
}
.posti_inside {
	background:url('images/bg-content.gif') repeat-x 0 100%;
	border:solid #bdbcbd;
	border-width:0 1px;
	padding:4px 0px 4px 10px;
	height:107px;
}
.paneleft {
	padding:5px;
	text-align:center;
	width: 140px;
	height: 97px;
	float: left;
	background: url(images/filmstrip.jpg) no-repeat;
}
.paneright {
	padding-left:10px;
	float: left;
}
/*---------- Sidebar ----------*/

#sidebar {
	float: right;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	width: 270px;
	display: inline;
}

#sidebar ul {
	line-height:1.8em;
	font-size:12px;
	list-style:none;
 	margin: 0 0 1em 0;
	list-style-type: none;
	list-style-image:none;

}

#sidebar h2 {
	font-weight:lighter;
	margin:0px 0 5px 0;
	padding: 0 10px 0px 0px;
	color: #333;
}
#sidebarleft {
	width: 165px;
	float: left;
}
#sidebarleft ul {
	font-size: 12px;
	margin: 0 0 16px 16px;
	line-height: 18px ;
	padding: 0;
	list-style-image: url(images/libutton.gif);
}
#sidebarright {
	width: 165px;
	float: right;
}
#sidebarright ul {
	font-size: 12px;
	margin: 0 0 16px 16px;
	line-height: 18px ;
	padding: 0;
	list-style-image: url(images/libutton.gif);
}
#sidebarlogin {
	margin:0px auto;
	width:240px;
	padding:5px 10px 0px 10px;
	background:url(images/personal.jpg) center top no-repeat;
	list-type-style:none;
	list-style-image:none;
}
#footerlogin {
	font-size:12px;
	margin:0px auto;
	width:240px;
	padding:0px 10px 5px 10px;
	margin-bottom:10px;
	background:url(images/personalfooter.jpg) center bottom no-repeat
}

#rsslink {
	float:left;
}
.submitbutton {
	margin:0px;
	background: transparent url(images/button.gif) no-repeat;
	height:25px;
	border:0;
	width:104px;
	font:1.0em Verdana, Arial, Helvetica, sans-serif;
	color:#253544;
	cursor:hand;
}

#categories {
	background:url(images/sidebar/categories.jpg) no-repeat;
	margin-bottom:10px;
	padding:35px 0px 0px 5px;
}
#newposts {
	background:url(images/sidebar/newposts.jpg) no-repeat;
	margin-bottom:10px;
	padding:35px 0px 0px 5px;
}
#archives {
	background:url(images/sidebar/archives.jpg) no-repeat;
	margin-bottom:10px;
	padding:35px 0px 0px 5px;
}
#blogroll {
	background:url(images/sidebar/blogroll.jpg) no-repeat;
	margin-bottom:10px;
	padding:35px 0px 0px 5px;	
}

/*---------- Comments ----------*/

.main-heading {
	border-bottom:double #344992;
	padding-bottom:3px;
	margin:12px 0 10px 0;
}
ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	}

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	background:url(images/bg_comments2_cite.gif);
	border:1px solid #a6afd4;
	color:#344992;
	}	

.commentlist a:link, .commentlist a:visited {
	color:#344992;
	}

.commentlist a:hover, .commentlist a:active {
	color:#081850;
	}

.commentlist cite img {
	padding:1px;
	border:1px solid #a6afd4;
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	font: small-caps bold 1.1em  Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	}

.commentlist .time {
	background: url(images/bg_clock.gif) no-repeat 1px;
	padding-left:13px;
	}

.commenttext {
	background:#fafafa;
	border-left:1px solid #a6afd4;
	border-right:1px solid #a6afd4;
	border-bottom:1px solid #a6afd4;
	padding: 5px 15px 0px 15px;
	color:#000;
	font-size:14px;
	overflow:auto;
	}
#formblock {
	margin: 0px 0px 20px 0px;
	padding: 10px 20px 10px 20px;
	background: #fafafa;
	border: 1px solid #a6afd4;
}
#formblock p {
	margin: 0 0 0.5em 0;
}
.commentheading {
	width: 100%;
	color: #344992;
	font-size: 1.1em;
	font-weight: bold;
	overflow: auto;
}
.addcommentlink {
	font-size:0.8em;
	margin-top:2px;
	float:right;
	text-indent:18px;
	background: url(images/addcommentlink.gif) no-repeat;
}
.buttonlogin {
	margin:0px;
	background: transparent url(images/button.gif) no-repeat bottom left;
	height:25px;
	border:0;
	width:104px;
	font:1.2em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
}
.buttonlogin:hover {
url(images/button.gif) no-repeat;
	color:#0066FF
}
label {
	font-size: 12px;
	color: #253544;
}
#comment {
	width: 98%;
}
#author {
	width: 40%;
}
#email {
	width: 60%;
}
#url {
	width: 60%;
}
#submit, #contactsubmit {
	color: #253544;
	padding: 5px;
	font-weight:bold;
	cursor:hand;
}
#submit:hover {
	color: #d0222b;
}
/*---------- Search Bar ----------*/

#s {
	color: #333333;
	border:0px;
	background-color:transparent;
	float:right;
	font-size:14px;
	height:17px;
	width:185px;
	margin:10px 30px 0 0;
}
/*---------- Ad Header -----------*/

#adheader {
	width:468px;
	height:60px;
	margin:12px 5px 0px 0px;
	float:right;
	text-align: left;
}
/*---------- Favorites -----------*/

.heart {
	width:25px;
	float:left;
	background: url(images/favorites.gif) no-repeat;
}
.mfp_remove_link {
	float:right;
	font-size:12px;
}
.mfp_link {
	float:left;
	width:250px;
	font-size:12px;
}
/*------ Sidebar Tabber --------*/

ul#idTabs {
	width:100%;
	padding:0;
	margin: 0 0 0 6px;
}
ul#idTabs li {
	display: inline;
	margin-right:5px;
	float:left;
}
ul#idTabs li a {
	display:block;
	float:left;
	height:28px;
	margin:0 auto;
	padding:5px;
	text-align:left;
}
ul#idTabs li a.selected, ul#idTabs li a:hover {
	background: url(images/bg-box.gif) repeat !important;
	background: #111;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-khtml-border-radius: 6px 6px 0 0;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	border-radius: 6px 6px 0 0;
}
#tabs .inside {
	background: url(images/bg-box.gif) repeat !important;
	background: #111;
	-moz-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	clear:both;
}
#tabs .inside ul li {
	line-height: 16px;
	border-bottom: 1px dashed #555;
	padding: 10px 0;
	font-size:12px;
}
#tagcloud {
	padding:15px;
}
#tabs .inside ul {
	margin:0;
	padding:0px 10px 10px 10px !important;
}
#tabs {
	width:99%;
	float:left;
	margin-bottom:10px;
}
/*---------- Footer ----------*/

#footer {
	color: #666;
	font-size: 12px;
	width: 950px;
	padding:5px 10px 10px 10px;
	margin: 0px auto;
	border-top: 1px dotted #aaa;
	text-align:left;
}
 /*---------- Headline sidebar ----------*/
 .headline-sidebar
 {
   font-size:16px;
   font-weight: bold;
 }

 .bg-comment
 {
	background:url(images/bg-comment.jpg) no-repeat;
 }





/*  Paragraph  */

.paragraph
{
	float:left;  
	width:280px;
	margin:30px 33px 0px 0px;
	padding:0px 0px 20px 0px;  
	border-bottom:dotted 1px #e5e5e6;
}

.paragraph img
{
	float:left;      
}

.paragraphContent
{
	width:190px;
	float:right;
	padding-left:10px;
}


.paragraphBig
{
	float:left;
	width:558px;
	margin-top:30px;
}

.paragraphContentBig
{
	float:right;
	width:340px;
	padding-left:10px;    
}

.paragraphBig img
{
	float:left;
	border:solid 4px #f5f5f5;    
}




.colBig
{
	width:650px;
	float:left;
	margin-right:30px;		
	margin-bottom:40px;  
}

.colBigContent
{
	float:left;  
	margin-top:10px;
	border-right:dotted 1px #e5e5e6;  
	padding-right:30px;  
}

 /*--Menu--*/