/*
------------------------------------------------------------------------
Theme Name:Equilibrium
Theme URI:http://madebyon.com
Description:Magazine style WordPress theme. Visit <a href="http://equilibrium.madebyon.com"title="Equilibrium">http://equilibrium.madebyon.com</a> for more infomation.
Version:1.4
Author:Tudinh Duong
Author URI:http://madebyon.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}

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

/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0px;
	}
	
img.alignnone {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	display: inline;
	}

img.alignright {
	padding: 0px;
	margin: 0px 0px 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0px 10px 10px 0px;
	display: inline;
	}
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}

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

.alignleft {
	float: left;
	margin: 0px 10px 10px 0px;
	}
	
.wp-caption {
	text-align: center;
	padding: 0px 0px 0px 0px;
}

.wp-caption img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	border: 0px;
	}

.wp-caption p.wp-caption-text {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
}

.clear{
	clear: both;
}

/*
-----------------------------------------
STRUCTURE
----------------------------------------- 
*/
html, body{
height:100%;
background-color: #0D7070;
}

body{
font-size: 13px;
line-height:18px;
font-family:Arial,Helvetica,sans-serif;
color:#222;
margin:0px auto 0px;
text-align:center
}

#page-wrap {
width:960px;
min-height:100%;
height:auto !important;
height:100%;
margin:0px auto 20px;
padding: 10px 30px 20px 30px;
text-align:left;
background-color: #FFF;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
}

.content {
width:620px;
float:left;
padding: 0px 0px 0px 0px;
}

/*
-----------------------------------------
TYPOGRAPHY
----------------------------------------- 
*/
p {
color:#222;
line-height:18px;
margin-top:10px;
margin-bottom:10px;
text-align:justify
}

p a, p a:visited {
border-bottom:1px solid #000;
color:#000;
text-decoration:none
}

p a:hover{
border-bottom:1px solid #0D7070;
color:#0D7070;
text-decoration:none;
}

h1 {
font-size:16px;
font-weight:bold;
}

.post h2{text-transform:none;
padding-bottom:0px;
border-bottom:0px;
margin-top:0px;
margin-bottom:0px;
}

h4, h2{
font-size:14px;
color:#222;
text-transform:uppercase;
padding-bottom:4px;
border-bottom:4px solid #000;
margin-top:28px;
margin-bottom:28px;
font-weight:bold;
}

h3{
border-bottom:4px solid #000;
color:#222;
font-size:20px;
font-weight:bold;
margin-top:28px;
padding-bottom:4px;
}

h3 a{
text-decoration:none; 
color:#222;
}

.post ul li, 
.post ol li {
list-style-type:square; 
margin:5px 0 5px 15px;
}

#reply{
border-bottom:4px solid #000;
color:#222;
font-size:1.8em;
margin-top:28px;
margin-bottom:16px;
padding-bottom:4px;
}

/*
-----------------------------------------
TOP
----------------------------------------- 
*/
#top{
margin: 60px auto 0px auto;
height:40px;
width:960px;
}

h1.logo a{
padding-top: 12px;
float:left;
font-size:58px;
font-weight:normal;
color:#FFF;
text-transform:uppercase;
text-decoration:none;
}

#nav{
float:right; 
margin-top:6px;	
}

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

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

#nav a:link, 
#nav a:visited {
padding:5px;
display:block;
color:#000;
margin-left:6px;
float:left;
text-decoration:none;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#fff; 
background:#000;
}

#nav a:hover {
color:#000; 
background:#FFF;
}

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{
color:#fff;
text-decoration:none; 
background:#000;
}

/*
-----------------------------------------
FEATURED
----------------------------------------- 
*/
.front-post{
width:303px;
margin-right:25px;
float:left;
}

.front-post-last{
width:303px;
float:left;
}

.featured-content{
position:relative;
width:303px;
}

.featured-content p{
	margin-top:10px;
}

.featured-post{
position:relative;
width:303px;
height:231px;
margin-bottom:10px;
}

.featured-title h2{
margin:8px 10px 7px;
text-transform:none;
padding-bottom:0px;
border-bottom:0px;
}

.featured-title h2 a{
font-size:12px;
display:block;
color:#FFF;
text-decoration:none;
border-bottom:0px;
}

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

.featured-title{
background:#000;
display:block;
z-index:101;
width:100%;
bottom:0;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
position:absolute;
z-index:2;
}

.featured-image{
position:absolute;
z-index:1;
}

.featured-content h2{
margin-top:15px;
}
.featured-content h2 a{
color:#FFF; text-decoration:none;
}
.featured-content h2 a:hover{
color:#000;
}

/*
-----------------------------------------
SIDEBAR
----------------------------------------- 
*/
#sidebar{
float:right;
width:290px;
padding: 0px 0px 0px 0px;
overflow:hidden;
}

#sidebar li a{
display:block;
width:260px;
margin: 0px;
padding:4px 2px;
list-style:none;
font-size:14px;
list-style-type:none;
text-decoration:none;
color:#0D7070;
}

#sidebar a{
color:#0D7070;
text-decoration:none;
}

#sidebar a:hover{
color:#FFF;
background-color:#000;
}

#sidebar h2{
font-size:14px;
color:#000;
text-align:right;
text-transform:uppercase;
border-bottom:4px solid #000;
margin-top:28px;
margin-bottom:0;
}

/*
-----------------------------------------
LATEST
----------------------------------------- 
*/
#front-bottom{
margin-top:36px;
}

#latest-wrap{
float:left;
width:620px;
}

.latest-post-wrap{	
float:left;
width:162px;
margin: 0px 0px 28px 32px;
}

.latest-post{
position:relative;
width:162px;
height:118px;
}

.latest-image{
position:absolute;
z-index:1;
}

.latest-title h2{
font-size:11px;
margin:8px 10px 7px;
text-transform:none;
padding-bottom:0;
border-bottom:0;
}

.latest-title h2 a{
display:block;
color:#FFF;
text-decoration:none;
}

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

.latest-title{
background:#000;
display:block;
z-index:101;
width:100%;
bottom:0;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
position:absolute;
z-index:2;
}

.latest-content{
position:relative;
width:162px;
height:220px;
margin-bottom:20px;
}

.latest-content h2{
margin-top:15px;
}
.latest-content h2 a{
color:#FFF;
text-decoration:none;
}
.latest-content h2 a:hover{
color:#FFF;
}

.latest-content p{
color:#222;
margin-top:8px;
margin-bottom:10px;
text-align:left;
}

/*
-----------------------------------------
FOOTER
----------------------------------------- 
*/
#footer{
padding: 10px;
border-top:1px solid #000;
margin:20px auto 0px auto;
color:#000;
background-color: #FFF;
}

/*
-----------------------------------------
POSTMETA
----------------------------------------- 
*/
.postMeta{
font-size:11px;
margin-bottom:18px;
margin-top:8px;
padding-bottom:24px;
border-bottom:1px solid #000;
color: #999;
}

.postMeta-featured{
margin-top:8px;
font-size:11px;
width:303px;
}

.postMeta-front{
margin-top:8px; font-size:11px;
}

.postMeta-post{
font-size:12px;
margin-bottom:18px;
margin-top:8px;
border-bottom:1px solid #000;
padding-bottom:8px;
color: #999;
}

.postMeta span.date, 
.postMeta-post span.date, 
.postMeta-featured span.date, 
.postMeta-front span.date{
color:#999;
float:left;
}

.postMeta span.comments a, 
.postMeta span.date a, 
.postMeta-post span.comments a, 
.postMeta-post span.date a, 
.postMeta-featured span.comments a, 
.postMeta-featured span.date a, 
.postMeta-front span.comments a, 
.postMeta-front span.latestcomments a,
.postMeta-front span.date a{
float:left;
color:#999;
text-decoration:none;
}

.postMeta span.comments, 
.postMeta-featured span.comments, 
.postMeta-post span.comments, 
.postMeta-front span.comments{
float:right;
background: url(images/comment.png) no-repeat left center;
padding-left:18px;
margin-left:2px;
}

.postMeta-front span.latestcomments {
float:left;
background: url(images/comment.png) no-repeat left center;
padding-left:18px;
}

/*
-----------------------------------------
POSTS
----------------------------------------- 
*/
.post-category {
color:#999;
float:left;
margin-bottom:8px;
}

.post-tags{
color:#999;
float:right;
}

.post-category p, 
.post-tags p{
color:#999;
font-size:11px;
margin-bottom:0em;
margin-top:0em;
text-align:none;
}
.post blockquote p{
margin: 30px 60px 30px 60px; 
}

/*
-----------------------------------------
COMMENTS
----------------------------------------- 
*/
.comment-heading{
margin-bottom:26px;
text-transform:none;
border:none;
}

.commentwrap{
border-top:3px solid #000;
padding-bottom:15px;
padding-top:15px;
}

.commentpost{
float:right;
width:510px;
}

.commentpost p{
margin-top:0
}

.commentmetadata{
float:left;
width:20%;
color:#2F2B23;
padding-right:20px;
color:#999;
font-size:11px;
}

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

.commentmetadata li a{
border-bottom:1px solid #000;
color:#0B96D0;
text-decoration:none;
}

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

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

#comments label span{
line-height:27px;
}

#comments label{
font-family:"Lucida Sans Unicode"; 
font-size:11px;
}

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

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

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

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

.children {
margin-left: 50px;
}

.children div {
border:none;
}

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

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

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


/*
-----------------------------------------
SEARCH
----------------------------------------- 
*/
#searchform{
float:left;
margin-top:10px;
height:20px;
}

#searchsubmit{
border:1px solid #E5E5E5;
font-size:11px;
font-weight:bold;
height:20px;
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:11px;
}