/*
------------------------------------------------------------------------
Theme Name:Khong Co Ai V4
Theme URI:http://vinaganda.com
Description: Version 4 de Khongcoai.com
Version:4
Author:Fred
Author URI:http://khongcoai.com
------------------------------------------------------------------------
*/
/*
-----------------------------------------
RESET
----------------------------------------- 
*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}
a img{border:none}
a {outline:none; text-decoration:none; font-weight:bold;}

h1, h2, h3, h5, h5, h6{font-weight:bold}

hr {height:1px;}
/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
.aligncenter{display:block; margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}


/*
-----------------------------------------GRID 16 ----------------------------------------- 
*/

.grid_1 	{width:40px; }
.grid_2 	{width:100px; }
.grid_3 	{width:160px; }
.grid_4		{width:220px; }
.grid_5 	{width:280px; }
.grid_6 	{width:340px; }
.grid_7 	{width:400px; }
.grid_8 	{width:460px; }
.grid_9 	{width:520px; }
.grid_10	{width:580px; }
.grid_11 	{width:640px; }
.grid_12	{width:700px; }
.grid_13 	{width:760px; }
.grid_14 	{width:820px; }
.grid_15 	{width:880px; }
.grid_16 	{width:940px; }

.column		{margin:0 10px; overflow:hidden; float:left; display:inline}
.row		{width:960px; margin:0 auto; overflow:hidden; float:left;}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

/*
-----------------------------------------
STRUCTURE
----------------------------------------- 
*/
html, body{height:100%}

body{font-size:64%; font-family: Georgia,'Times New Roman',Times,sherif; color:#333; margin:0 auto -80px; text-align:center}

#page-wrap{width:100%; min-height:100%; height:auto !important; height:100%; margin:0 auto 0px; text-align:left; float:left;}

.large {float:left; width:100%;}

.header-bg, .previous-next-bg {background:#333;}
.title-bg {background:#ccc;}
.content-bg {background:#fff;}
.comments-bg {background:#f1f1f1;}
.sub {}

.header, .title, .content, .previous-next, .comments, .footer{margin-left:15px;}
.content {margin-top:20px;padding-bottom:50px;}


/*
----------------------------------------- TYPOGRAPHY ----------------------------------------- 
*/

@font-face {
	font-family: 'League Gothic Regular';
	src: url('fonts/League_Gothic.woff') format('woff'), url('fonts/League_Gothic.ttf') format('truetype'), url('fonts/League_Gothic.svg#LeagueGothic') format('svg');}

a { color:#000;text-decoration:underline;}
a:hover { color:#FF6600;}

p {font-size:1.4em; line-height:1.5; margin-top:0em; margin-bottom:1.5em; text-align:left;}


strong		{ font-weight:bold }

h1, h2, h3, h4, h5, h6 { color: #808080; font-weight: normal;font-family: 'League Gothic Regular',  'Arial Narrow', Helvetica, Arial, sans-serif; }
	h1 { font-size: 40px; line-height: 1; margin: 0 0 9px; }
	h2 { font-size: 30px; line-height: 1.2; margin: 9px 0; }
	h3 { font-size: 24px; line-height: 1; margin: 3px 0 9px; }
	h4 { font-size: 20px; line-height: 1; margin: 0; }
	h5 { font-size: 14px; line-height: 18px; }
	h6 { font-size: 12px; line-height: 18px; margin: 0 0 9px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight:normal;text-decoration:none; font-family: 'League Gothic Regular',  'Arial Narrow', Helvetica, Arial, sans-serif;}
.post ul li, 
.post ol li{font-size:1.2em; list-style-type:square; margin:5px 0 5px 15px}

#reply{
	border-top:2px solid;
padding-top:0.5em;
margin-top:2em;
}

/*
----------------------------------------- HEADER ----------------------------------------- 
*/

h1.name a{
color:#fff;
font-weight:normal;
margin:0px 0 0px 0px;
text-decoration:none;
text-transform:uppercase;
}

h1.name a:hover { color:#FF6600;}

h1.name {
font-weight:normal;
margin:0px 0 0px 0px;
text-transform:uppercase;

}


p.slogan-top {
font-size:1.2em;
line-height:1em;
margin-bottom:0;
margin-top:0;
padding-top:0.8em;
color:#fff;
}

.nav{margin-top:0;}

.nav ul{list-style-type:none; width:100%}

.nav li{display:block; display:inline}

.nav a:link, 
.nav a:visited{
color:#808080;
display:block;
float:left;
font-family:'League Gothic Regular';
font-size:2em;
font-weight:normal;
letter-spacing:1px;
margin-right:10px;
padding:10px 15px 4px;
text-decoration:none;
text-transform:uppercase;
}

.nav a:hover{color:#FF6600; background:transparent url(i/transp2.png) repeat scroll 0 0;
font-weight:normal;
}

ul.nav li.current_page_item a:link, 
ul.nav li.current_page_item a:visited, 
ul.nav li.current_page_item a:hover, 
ul.nav li.current_page_item a:active{
background:transparent url(i/transp2.png) repeat scroll 0 0;
color:#eee;
font-weight:normal;
text-decoration:none;
}

/*
-----------------------------------------
Photos Thumbnails
----------------------------------------- 
*/


.thumbnail-home {
border:5px solid;
height:120px;
margin:10px 0;
overflow:hidden;
position:relative;
width:210px;
}

.thumbnail-home img {position: absolute; top:-50px; z-index:1;}

.thumbnail-home h4 a {
font-weight:normal;
height:120px;
display:block;
position:absolute;
z-index:3;
top:0;
padding:10px;
width:100%;
}

.thumbnail-home h4 a:hover {
background:#ccc; color: #FF6600; display:block; z-index:3; width:100%; top:0; padding:10px; position:absolute; z-index:2;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
/*
-----------------------------------------
Next Previous
----------------------------------------- 
*/

.previous-next {color:#808080;}
.previous-next a {color:#fff; font-weight:normal;}
.previous-next a:hover {color:#FF6600;}
.previous, .next {	
border-left:1px solid;
width:99px;
}

.previous-next p {margin-top:1.4em;}

.previous p, .next p {
	font-family:'League Gothic Regular','Arial Narrow', Helvetica,Arial,sans-serif;
font-size:24px;
line-height:1;
margin:0.7em 0 1em;
text-align:center;
}
/*
-----------------------------------------
SIDEBAR
----------------------------------------- 
*/
.sidebar{}
.sidebar p {color:#808080;}
.sidebar li a{display:block; margin:0; padding:8px 2px; list-style:none; border-bottom:1px solid #ccc; font-size:1.3em; list-style-type:none; text-decoration:none;color:#808080;}


.sidebar a:hover{color:#fff; background-color:#FF6600}

.sidebar h2{border-bottom:1px solid; margin-top:28px; margin-bottom:0}

/*
-----------------------------------------
ARCHIVES
----------------------------------------- 
*/


.thumbnail-container, .photos-container { border-bottom:1px solid #ccc; margin-top:2em; float:left;}
.photos-container {height:320px;}
.thumbnail-container p, .photos-container p {
font-size:1.2em;
margin-top:0.5em;
}

.thumbnail-container img {border:1px solid #ccc;padding:5px; float:left; margin:0 0 0.5em 0;}
.photos-container img {margin:0 0 0.5em 0;}

.main-archives-thumb {
border-top:1px solid #ccc; 
border-bottom:none; 
margin-top:0em;
}

ul.archives-list li {
border-top:1px solid #CCCCCC;
padding:0.5em 0;
}

ul.archives-list li a{font-size:1.4em;text-decoration:none;}

ul.archives-list li p {font-size:1.2em;
margin-top:0.5em;}

/*
-----------------------------------------
PHOTOS CATEGORIE ET POSTS
----------------------------------------- 
*/

.category-photos #page-wrap {background: #000; color:#808080;}

.category-photos .post h3 a, .category-photos ul.archives-list li a {
color:#fff;
}

.category-photos .post h3 a:hover, .category-photos ul.archives-list li a:hover {
color:#FF6600;
text-decoration:none;
}

.category-photos #footer-bg, .category-photos .header-bg {background:#000; color:#808080;}

.category-photos .header {
border-bottom:1px solid;
padding-bottom:5px;
}

.category-photos .middle {
border-bottom:1px solid;
border-top:1px solid;
font-size:1.1em;
padding-bottom:20px;
padding-top:10px;
}


.category-photos .middle h3, .category-photos p.slogan-top, .category-photos .footer p  {color:#808080;}

.category-photos a, .category-photos .title h2 {color:#fff;}

.category-photos .header-bg,
.category-photos .content-bg,
.category-photos .title-bg,
.category-photos .previous-next-bg,
.category-photos .comments-bg,
.category-photos #footer-bg {
	background:#000;
	color:#808080;
	}
	
.category-photos .previous-next {
	border-top:1px solid;}

.category-photos #footer-bg {
	border-top:none;
	}

/*
-----------------------------------------
FOOTER
----------------------------------------- 
*/
.push{height:80px}

#footer-bg{
background:#333333 none repeat scroll 0 0;
color:#808080;
float:left;
margin:0px auto -80px;
padding-top:20px;
padding-bottom:10px;
text-align:left;
width:100%;
border-top:1px solid;
}

.page #footer-bg, .archive #footer-bg{ border-top:none;}
.middle {
	
border-bottom:1px solid;
font-size:1.1em;
padding-bottom:20px;
}

.middle-col {border-left:1px solid; border-right:1px solid; width:338px;}

.middle h3, .middle h4 {color:#eee;}

.footer p{font-size:1.3em; line-height:1.5em; margin-bottom:0; margin-top:0.6em; color:#eee;}

.footer a {color:#fff}
.footer a:hover {color:#FF6600;}


.dynamic-sidebar {margin-bottom:2em;}

.dynamic-sidebar ul li {
border-top:1px solid #858585;
padding:0.5em 0;
}

.dynamic-sidebar ul li a {text-decoration:none;}
/*
-----------------------------------------
POSTMETA
----------------------------------------- 
*/


p.postmeta {
font-size:1.2em;
line-height:1;
margin-bottom:1em;
margin-top:1em;
text-align:left;
}


/*
-----------------------------------------
POSTS
----------------------------------------- 
*/

.post {}
.title h2 {
border-bottom:1px solid;
padding-bottom:5px;
color:#333;
}

.title h2 a{color:#fff;}
.title h2 a:hover {color:#FF6600;}



.post img{margin-bottom:0.5em;}

.post blockquote p{margin:0 2.6em 2em; font-family:'Courier New', Courier, monospace;}

/*
-----------------------------------------
COMMENTS
----------------------------------------- 
*/

.reponse {padding-top:0.7em;}

.comment-heading{margin-bottom:19px; text-transform:none; border:none}

.commentwrap{border-top:1px solid; padding-bottom:15px; padding-top:15px}

.commentpost{
border-left:1px solid;
float:right;
padding-left:10px;
width:510px;
}

.commentpost p{margin-top:0}

.commentmetadata{
float:left;
font-size:1.1em;
line-height:1.5em;
width:160px;
}

.commentwrap blockquote {background:#ccc; padding:15px 10px;border:1px solid #ccc;margin-bottom:0.5em;}
.commentwrap blockquote p{margin-bottom:0;}
.avatar-50 {border:1px solid}

.commentmetadata li{list-style-type:none; padding:.3em; margin:0 .5em 0 0}

.commentmetadata li a{border-bottom:1px solid;text-decoration:none}

.warning{padding:10px; background:#282828; border:1px solid #323232; ; margin-bottom:10px}

.comments label input{border:1px solid #ccc; padding:5px 4px; margin-bottom:10px; width:160px}

.comments label span{line-height:27px}

.comments label{font-family:"Lucida Sans Unicode"; font-size:1.1em}

#comment_author{margin:20px 20px 20px 0px; padding:0px; width:150px; float:left}

.comments-content{display:block; border-bottom:1px solid #C9C9C9; margin:10px 0px 10px 0px; padding:0px}

.comments textarea{margin-top:10px; padding:4px 0px; width:99%; border:1px solid #ccc;}

.button{border:1px solid #ccc; font-size:1.1em; font-weight:bold; height:25px; margin-top:10px; margin-bottom:10px; padding:0 10px; text-transform:uppercase; background:#000; color:#fff;}

.button:hover {background:#ccc; color:#000;}
.children {margin-left: 50px}

.children div {border:none}

.children .commentwrap {border-top: 1px solid #C9C9C9;}

.children .commentmetadata {padding-right:0px}

.children .commentpost {text-align:left; float:right; width:78%}


/*
-----------------------------------------
SEARCH
----------------------------------------- 
*/

.search-results .title h2, .error404 .title h2, .page .title h2{border-bottom:none;}

#searchform{float:left; margin-top:1em; height:2.3em}

#searchsubmit{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:2.1em; padding:2px 8px; text-transform:uppercase; float:right; background-color:#F0F0F0}

#s{float:left; width:204px; margin-right:6px; padding-top:4px; padding-bottom:4px; padding-left:2px; padding-right:2px; border:1px solid #E5E5E5; font-size:1.1em}

.trans p, .trans2 p {margin-right:10px; margin-left:10px; background:url(i/transp2.png) repeat;}


.post img.alignleft {
   float: left;
margin-right: 10px;
margin-bottom:10px;
}

.post img.alignright {
float: right;
margin:0pt 0pt 10px 10px;
}

/* ----------------------------
Gallery
------------------------------- */

.gallery {
    overflow: hidden;
    padding: 0;
    clear: both;
}

dl.gallery-item {
    margin: 0 10px 10px 0;
    padding: 0;
    width: 220px;
}

dt.gallery-icon {
    height: 220px;
}

.gallery-item {
    background: transparent;
    float: left;
    margin: 10px;
    padding: 0 5px 5px 0;
}

.gallery-icon img, .gallery-icon img a {
    margin: 0;}

.gallery-icon img a:hover {
}

.gallery-caption {
    border-top: 1px solid #000;
    color: #808080;
    font-size: 1.3em;
    margin: 5px auto 0;
    padding: 5px;
    text-align: center;
}