/*
------------------------------------------------------------------------
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, 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
-----------------------------------------
*/
.aligncenter
{
	display: block;
	margin: 0 auto;
}
.alignleft
{
	float: left;
}
.alignright
{
	float: right;
}
.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}
.clear
{
	clear: both;
}
/*
-----------------------------------------
STRUCTURE
-----------------------------------------
*/
HTML, BODY
{
	height: 100%;
}
BODY
{
	font-size: 62.5%;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans;
	color: #222;
	margin: 0;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(http://resolution-magazine.co.uk/content/wp-content/uploads/whitebackground.gif);
	background-position: center;
}
#page-wrap
{
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
.content
{
	width: 680px;
	float: left;
}
#wrapper
{
	background-image: url(http://www.resolution-magazine.co.uk/content/wp-content/uploads/resolutionbg1.gif);
	background-repeat: repeat-y;
	background-position: center;
}
/*
-----------------------------------------
TYPOGRAPHY
-----------------------------------------
*/
P
{
	color: #222;
	font-size: 1.2em;
	line-height: 1.5;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, Serif;
}
P A, P A:visited
{
	border-bottom: 1px solid #C9C9C9;
	color: #b00;
	text-decoration: none;
}
P A:hover
{
	border-bottom: 1px solid #C9C9C9;
	color: #000;
	text-decoration: none;
}
.content P
{
	font-size: 1.4em;
}
H1
{
	font-weight: bold;
	color: #fff;
	background-image: url(http://www.resolution-magazine.co.uk/content/wp-content/uploads/gradientfill2.jpg);
	font-family: "Trebuchet MS", Arial, Helvetica, Sans;
	font-size: 3.6em;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 10px;
	border-top: 3px solid #CCC;
	border-bottom: 3px solid #CCC;
	margin-left: -13px;
	margin-top: -19px;
	background-position: right;
}
H6
{
	color: #3A3A3A;
	background: #DDD;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans;
	font-size: 1.4em;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 10px;
	border-top: 3px solid #999;
	border-bottom: 3px solid #999;
	margin-left: -13px;
	padding-left: 13px;
	font-weight: bold;
	margin-top: -10px;
}
H6 A
{
	color: #B00;
	background: #DDD;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans;
	margin-left: 0px;
	font-weight: bold;
	text-decoration: none;
}
H6 A:hover
{
	text-decoration: underline;
}
H5
{
	font-size: 1.2em;
	font-weight: bold;
	color: #9B9B9B;
	background: #111;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	border-bottom: 3px solid #CCC;
	margin-left: -13px;
	margin-bottom: -13px;
}
.post H2
{
	text-transform: none;
	padding-bottom: 0;
	border-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}
H4
{
	font-size: 2em;
	color: #B00;
	padding-bottom: 4px;
	margin-top: 0px;
	margin-bottom: -10px;
	font-weight: bold;
}
H2
{
	font-size: 1.8em;
	color: #B00;
	padding-bottom: 3px;
	border-bottom: 3px solid #C9C9C9;
	border-top: 3px solid #C9C9C9;
	margin-top: 28px;
	margin-bottom: 28px;
	font-weight: bold;
	margin-left: -13px;
	padding-left: 13px;
	text-transform: lowercase;
	background-color: #EEE;
	padding-top: 3px;
	margin-right: -12px;
}
H3
{
	border-bottom: 3px solid #C9C9C9;
	color: #B00;
	font-size: 1.8em;
	font-weight: bold;
	margin-top: 29px;
	padding-bottom: 2px;
	margin-left: -13px;
	padding-left: 13px;
	background-color: #F7F7F7;
	border-top: 3px solid #C9C9C9;
	padding-top: 2px;
}
H3 A
{
	text-decoration: none;
	color: #222;
}
.post UL LI, .post OL LI
{
	font-size: 1em;
	list-style-type: square;
	margin: 5px 0 5px 15px;
}
#reply
{
	border-bottom: 3px solid #C9C9C9;
	color: #B00;
	font-size: 1.8em;
	margin-top: 28px;
	margin-bottom: 16px;
	padding-bottom: 4px;
}
/*
-----------------------------------------
TOP
-----------------------------------------
*/
#top
{
	height: 0px;
	margin-top: 0px;
	padding-bottom: 0;
}
H1.logo A
{
	float: left;
	font-size: 2.6em;
	font-weight: bold;
	color: #000;
	text-transform: lowercase;
	text-decoration: none;
}
#nav
{
	float: right;
	margin-top: 1.2em;
}
#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: #353434;
	margin-right: 0px;
	float: left;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
}
#nav A:hover
{
	color: #b00;
	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: #b00;
	text-decoration: none;
}
/*
-----------------------------------------
FEATURED
-----------------------------------------
*/
.front-post
{
	width: 303px;
	margin-right: 25px;
	float: left;
	margin-top: -15px;
}
.front-post-last
{
	width: 303px;
	float: left;
	margin-top: -15px;
}
.featured-content
{
	position: relative;
	width: 303px;
}
.featured-content P
{
	margin-top: 2px;
	margin-bottom: 0px;
}
.featured-post
{
	position: relative;
	width: 303px;
	height: 231px;
	margin-bottom: 0em;
}
.featured-title H2
{
	margin: 8px 10px 7px;
	line-height: 1.4em;
	font-size: 1.8em;
	text-transform: none;
	padding-bottom: 0;
	border-bottom: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans;
	padding-left: 0;
	float: right;
	text-align: right;
	background-color: #000;
	border-top: 0px solid #000000;
}
.featured-title H2 A
{
	font-size: 1.1em;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 0;
}
.featured-title H2 A:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}
.featured-title
{
	background: #000;
	display: block;
	z-index: 101;
	width: 100%;
	bottom: 16px;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
	position: absolute;
	z-index: 2;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.featured-image
{
	position: absolute;
	z-index: 1;
}
.featured-content H2
{
	margin-top: 5px;
}
.featured-content H2 A
{
	color: #FFFFFF;
	text-decoration: none;
}
.featured-content H2 A:hover
{
	color: #000;
}
/*
-----------------------------------------
SIDEBAR
-----------------------------------------
*/
#sidebar
{
	float: right;
	width: 260px;
	padding-left: 20px;
	overflow: hidden;
	margin-right: -12px;
	padding-right: 0px;
	text-align: left;
}
#sidebar LI A
{
	display: block;
	width: 260px;
	margin: 0;
	padding: 4px 2px;
	list-style: none;
	border-bottom: 0px solid #C9C9C9;
	font-size: 1.4em;
	list-style-type: none;
	text-decoration: none;
	color: #222;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans;
}
#sidebar A
{
	color: #C9C9C9;
	text-decoration: underline;
}
#sidebar A:hover
{
	color: #B00;
	background-color: #FFF;
}
#sidebar H2
{
	font-size: 1.8em;
	color: #B00;
	text-align: right;
	border-bottom: 3px solid #C9C9C9;
	border-top: 3px solid #C9C9C9;
	margin-top: 28px;
	margin-bottom: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 12px;
	text-transform: lowercase;
	background-color: #F3F3F3;
}
/*
-----------------------------------------
LATEST
-----------------------------------------
*/
#front-bottom
{
	margin-top: 0px;
}
#latest-wrap
{
	float: left;
	width: 673px;
}
.latest-post-wrap
{
	float: left;
	width: 162px;
	margin-right: 8px;
}
.latest-post
{
	position: relative;
	width: 162px;
	height: 118px;
	margin-top: -15px;
}
.latest-image
{
	position: absolute;
	z-index: 1;
}
.latest-title H2
{
	margin: 8px 10px 7px;
	line-height: 1.4em;
	font-size: 1.3em;
	text-transform: none;
	padding-bottom: 0;
	border-bottom: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans;
	padding-left: 0;
	text-align: right;
	border-top: 0px solid #000000;
	background-color: #000;
}
.latest-title H2 A
{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
.latest-title H2 A:hover
{
	color: #FFF;
	text-decoration: underline;
}
.latest-title
{
	background: #000;
	display: block;
	z-index: 101;
	width: 100%;
	bottom: 10px;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
	position: absolute;
	z-index: 2;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.latest-content
{
	position: relative;
	width: 162px;
	height: 150px;
	margin-bottom: -30px;
}
.latest-content H2
{
	margin-top: 0px;
}
.latest-content H2 A
{
	color: #010101;
	text-decoration: none;
}
.latest-content H2 A:hover
{
	color: #000;
}
.latest-content P
{
	color: #222;
	font-size: 1.2em;
	line-height: 1.5;
	margin-top: 2px;
	margin-bottom: 0em;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, Serif;
}
/*
-----------------------------------------
FOOTER
-----------------------------------------
*/
#push
{
	height: 80px;
}
#footer
{
	padding-top: 20px;
	border-top: 1px solid #C9C9C9;
	width: 960px;
	margin: 150px auto 0;
	height: 80px;
	color: #4D4D4D;
}
#footer P
{
	font-size: 1.2em;
	color: #4D4D4D;
	line-height: 1.5em;
	margin-bottom: 0;
	margin-top: 0.6em;
}
#footer P A
{
	border-bottom: 1px solid #C9C9C9;
	color: #4D4D4D;
	text-decoration: none;
}
#footer P A:hover
{
	border-bottom: 1px solid #C9C9C9;
	color: #010101;
	text-decoration: none;
}
/*
-----------------------------------------
POSTMETA
-----------------------------------------
*/
.postMeta
{
	font-size: 1.2em;
	margin-bottom: 18px;
	margin-top: 8px;
	padding-bottom: 24px;
	border-bottom: 1px solid #C9C9C9;
}
.postMeta-featured
{
	margin-top: 8px;
	font-size: 1.2em;
	width: 303px;
}
.postMeta-front
{
	margin-top: 8px;
	font-size: 1.2em;
}
.postMeta-post
{
	font-size: 1.2em;
	margin-bottom: 18px;
	margin-top: 8px;
	border-bottom: 1px solid #C9C9C9;
	padding-bottom: 10px;
}
.postMeta SPAN.date, .postMeta-post SPAN.date, .postMeta-featured SPAN.date, .postMeta-front SPAN.date
{
	color: #8A8A8A;
	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.date A
{
	float: left;
	color: #8A8A8A;
	text-decoration: none;
}
.postMeta SPAN.comments, .postMeta-featured SPAN.comments, .postMeta-post SPAN.comments, .postMeta-front SPAN.comments
{
	float: right;
	background: #FFF url(images/comment.gif) no-repeat left center;
	padding-left: 15px;
	margin-left: 2px;
}
/*
-----------------------------------------
POSTS
-----------------------------------------
*/
.post-category
{
	color: #8A8A8A;
	float: left;
	margin-bottom: 8px;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans;
}
.post-tags
{
	color: #8A8A8A;
	float: right;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans;
}
.post-category P, .post-tags P
{
	color: #8A8A8A;
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 0em;
	margin-top: 0em;
	text-align: "none";
}
.post IMG
{
	margin: 0.5em 1em;
}
.post BLOCKQUOTE P
{
	margin: 0 2.6em;
	font-style: italic;
}
/*
-----------------------------------------
COMMENTS
-----------------------------------------
*/
.comment-heading
{
	margin-bottom: 4px;
	text-transform: none;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	background-color: #FFFFFF;
}
.commentwrap
{
	border-top: 3px solid #C9C9C9;
	padding-bottom: 15px;
	padding-top: 15px;
	background-color: #F4F4F4;
	margin-left: -13px;
	padding-left: 13px;
	padding-right: 13px;
	border-bottom: 3px solid #C9C9C9;
}
.commentpost
{
	float: right;
	width: 510px;
}
.commentpost P
{
	margin-top: 0;
}
.commentmetadata
{
	float: left;
	width: 20%;
	line-height: 1.5em;
	padding-right: 20px;
	color: #555;
	font-size: 1.2em;
}
.commentmetadata LI
{
	list-style-type: none;
	padding: 0.3em;
	margin: 0 0.5em 0 0;
}
.commentmetadata LI A
{
	border-bottom: 1px solid #C9C9C9;
	color: #b00;
	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: "Trebuchet MS", Arial, Helvetica, Sans;
	font-size: 1.2em;
}
#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;
	padding: 0px;
}
#comments TEXTAREA
{
	margin-top: 10px;
	padding: 4px 0px;
	width: 100%;
	border: 1px solid #B7B7B7;
}
.button
{
	border: 1px solid #B7B7B7;
	font-size: 1.1em;
	font-weight: bold;
	height: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 8px;
}
.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
-----------------------------------------
*/
#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;
	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;
}