/*
------------------------------------------------------------------------
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
Adapted by RunRanRun
------------------------------------------------------------------------
*/
/*
-----------------------------------------
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 none;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}
ol, ul, li {
list-style-image:none;
list-style-position:outside;
list-style-type: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:medium none;
}
h1, h2, h3, h5, h5, h6 {
font-weight:bold;
}
.aligncenter {
display:block;
margin:0 auto;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.floatLeft {
float:left;
}
.floatRight {
float:right;
}
.clear {
clear:both;
}
html, body {
height:100%;
}
body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*background:#CBEAED url(http://runranrun.com/wp-content/uploads/bg-floor.jpg) repeat fixed left top;
background-image: url(http://runranrun.com/wp-content/uploads/bg-floor.jpg);*/
  background-attachment: fixed;
  background-position: left top;
  background-repeat: repeat;
  background-color: #F2F1EF;
  cursor: ;
color:#222222;
font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
font-size:62.5%;
height:100%;
text-align:center;
}
#page-wrap {
background-color:#FFFFFF;
border:20px none;
height:auto !important;
margin:0 auto;
min-height:100%;
padding-left:0;
padding-right:0;
position:relative;
text-align:left;
width:980px;
}
.content {
float:left;
width:680px;
padding-left:10px;

}
p {
color:#222222;
font-size:1.2em;
line-height:1.5;
margin-bottom:0.5em; /* was 1.5*/
/*margin-top:1.5em;*/
margin-top:0.5em;
text-align:justify;
}
p a, p a:visited {
border-bottom:0 solid #C9C9C9;
color:#0B96D0;
text-decoration:none;
}
p a:hover {
border-bottom:0 solid #C9C9C9;
color:#000000;
text-decoration:none;
}
h1, strong {
font-size:1.4em;
font-weight:bold;
}
.post h2 {
border-bottom:0 none;
margin-bottom:0;
margin-top:0;
padding-bottom:0;
text-transform:none;
}
h4, h2 {
border-bottom:1px solid #222222;
border-top:4px solid #222222;
color:#222222;
font-size:1.8em;
font-weight:bold;
height:27px;
margin-bottom:28px;
margin-top:7px;
padding-bottom:4px;
padding-top:8px;
text-transform:none;
}
h3 {
border-bottom:1px solid #222222;
border-top:4px solid #222222;
color:#222222;
font-size:1.8em;
font-weight:bold;
height:27px;
margin-top:7px;
padding-bottom:4px;
padding-top:8px;
text-transform:none;
}
h3 a {
color:#222222;
text-decoration:none;
}
h3.news-title {
    text-align: center;
}
.post ul li, .post ol li {
font-size:1.2em;
list-style-type:square;
margin:5px 0 5px 15px;
}
#reply {
border-bottom:1px dotted #222222;
color:#222222;
font-size:1.8em;
margin-bottom:16px;
margin-top:28px;
padding-bottom:4px;
}
h5, strong {
font-size:185%;
font-weight:bold;
letter-spacing:-0.04em;
line-height:1;
margin:20px 0 10px;
}
#top {
background-color:#ffffff;
border-bottom:0 solid #222222;
height:107px;
margin-top:0;
padding-left:0;
padding-right:0;
padding-top:0;
width:980px;
}
h1.logo a {
color:#000000;
float:left;
font-size:2.6em;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}
#top-nav {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ffffff url(http://runranrun.com/wp-content/uploads/body2.gif) repeat scroll left top;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
clear:both;
overflow:hidden;
width:100%;
padding-bottom: 10px;
padding-top: 10px;
}
#nav {
float:left;
}
#nav ul {
list-style-type:none;
width:100%;
}
#nav li {
display:inline;
}
#nav a:link, #nav a:visited {
color:#000000;
display:block;
float:left;
font-size:11px;
font-weight:bold;
margin:0 8px;
padding:10px 5px;
text-decoration:none;
text-transform:uppercase;
}
#nav a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
}
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 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
text-decoration:none;
}
#featuredbg {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
padding-left:10px;
padding-right:10px;
padding-top:20px;
}
.front-post {
float:left;
margin-right:25px;
width:303px;
}
.front-post-last {
float:left;
width:303px;
}
.featured-content {
position:relative;
width:303px;
}
.featured-content p {
margin-top:1em;
}
.featured-post {
height:231px;
margin-bottom:1.2em;
position:relative;
width:303px;
}
.featured-title h2 {
border-bottom:0 none;
font-size:1.1em;
line-height:1.4em;
margin-bottom:6px;
margin-top:32px;
padding-bottom:0;
text-transform:none;
}
.featured-title h2 a {
border-bottom:0 none;
color:#000000;
display:block;
font-size:1.5em;
text-decoration:none;
}
.featured-title h2 a:hover {
color:#0B96D0;
}
.featured-title {
display:block;
position:relative;
width:100%;
}
.featured-image {
position:absolute;
z-index:1;
}
.featured-image img {
opacity:1;
}
.featured-image img:hover {
opacity:0.85;
}
.featured-content h2 {
margin-top:15px;
}
.featured-content h2 a {
color:#0B96D0;
text-decoration:none;
}
.featured-content h2 a:hover {
color:#000000;
}
#sidebar {
float:right;
overflow:hidden;
padding-left:0;
width:260px;
padding-right:10px;
}
#sidebar li a {
border-bottom:1px dotted #222222;
color:#222222;
display:block;
font-size:1.4em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:8px 2px;
text-decoration:none;
width:260px;
}
#sidebar a {
color:#E6E6E6;
text-decoration:none;
}
#sidebar a:hover {
background-color:#FFFFFF;
color:#0B96D0;
}
#sidebar h2 {
border-bottom:1px solid #222222;
border-top:4px solid #222222;
color:#222222;
font-size:1.8em;
height:27px;
margin-bottom:0;
margin-top:7px;
padding-top:8px;
text-align:right;
text-transform:none;
}
#front-bottom {
margin-top:20px;
padding-left:10px;
padding-right:10px;
}
#latest-wrap {
float:left;
width:680px;
}
.latest-post-wrap {
float:left;
margin-right:8px;
width:216px;
}
.latest-post {
height:157px;
position:relative;
width:216px;
}
.latest-image {
position:absolute;
z-index:1;
}
.latest-image img {
opacity:1;
}
.latest-image img:hover {
opacity:0.9;
}
.latest-title h2 {
border-bottom:0 none;
font-size:1.2em;
line-height:1.4em;
padding-bottom:0;
text-transform:none;
}
.latest-title h2 a {
color:#000000;
display:block;
text-decoration:none;
}
.latest-title h2 a:hover {
color:#0B96D0;
}
.latest-title {
display:block;
position:relative;
width:100%;
}
.latest-content {
height:200px;
margin-bottom:20px;
position:relative;
width:216px;
}
.latest-content h2 {
margin-bottom:4px;
margin-top:15px;
}
.latest-content h2 a {
color:#000000;
font-size:1.1em;
text-decoration:none;
}
.latest-content h2 a:hover {
color:#0B96D0;
}
.latest-content p {
color:#222222;
font-size:1.2em;
line-height:1.5;
margin-bottom:1em;
margin-top:8px;
text-align:justify;
}
#push {
height:80px;
}
#footer {
background-color:#FFFFFF;
border-top:1px solid #222222;
clear:both;
color:#4D4D4D;
height:80px;
margin:0 auto;
padding:10px;
position:relative;
width:960px;
}
#footer p {
color:#4D4D4D;
font-size:1em;
line-height:1.5em;
margin-bottom:0;
margin-top:0.1em;
}
#footer p a {
border-bottom:1px solid #C9C9C9;
color:#4D4D4D;
text-decoration:none;
}
#footer p a:hover {
border-bottom:1px solid #C9C9C9;
color:#0B96D0;
text-decoration:none;
}
ul.floatRight li {
display:inline;
margin-left:8px;
}
ul.floatRight li a {
color:#000000;
font-weight:bold;
text-decoration:none;
}
ul.floatRight li a:hover {
color:#0298FF;
}
.postMeta {
border-bottom:1px solid #C9C9C9;
font-size:1.2em;
margin-bottom:18px;
margin-top:8px;
padding-bottom:24px;
}
.postMeta-featured {
font-size:1.2em;
margin-top:8px;
width:303px;
}
.postMeta-front {
font-size:1.2em;
margin-top:8px;
padding-bottom:6px;
width:209px;
}
.postMeta-post {
border-bottom:1px dotted #222222;
font-size:1.2em;
margin-bottom:18px;
margin-top:8px;
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 {
color:#8A8A8A;
float:left;
text-decoration:none;
}
.postMeta span.comments, .postMeta-featured span.comments, .postMeta-post span.comments, .postMeta-front span.comments {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(images/comment.gif) no-repeat scroll left center;
float:right;
margin-left:2px;
padding-left:15px;
}
.post-category {
color:#8A8A8A;
float:left;
margin-bottom:8px;
}
.post-tags {
color:#8A8A8A;
float:right;
}
.post-category p, .post-tags p {
color:#8A8A8A;
font-size:1em;
line-height:1.5em;
margin-bottom:0;
margin-top:0;
}
.post img {
margin:0.5em 0.5em;
}
.post blockquote p {
font-size:24px;
font-style:italic;
letter-spacing:1px;
line-height:27px;
margin:0 2.6em;
text-indent:-15px;
}
.featured-image-category {
display:block;
float:left;
height:231px;
margin:0 20px 10px 0;
width:305px;
}
.featured-image-category img {
opacity:1;
}
.featured-image-category img:hover {
opacity:0.85;
}
.category-post {
display:block;
float:right;
height:auto;
margin:0;
padding:0 15px;
width:320px;
}
.categorypost {
border-top:0 solid #222222;
float:left;
margin:0 0 16px;
padding:14px 0;
width:100%;
}
.clearing {
clear:both;
height:0;
margin:-1px 0 0;
overflow:hidden;
}
.column {
float:left;
margin-right:10px;
width:49%;
}
.left {
float:left;
margin-bottom:10px;
padding-right:6%;
width:47%;
}
.right {
float:right;
margin-bottom:10px;
padding:0;
width:47%;
}
.comment-heading {
border:medium none;
margin-bottom:26px;
text-transform:none;
}
.commentwrap {
border-top:3px solid #C9C9C9;
padding-bottom:15px;
padding-top:15px;
}
.commentpost {
float:right;
width:510px;
}
.commentpost p {
margin-top:0;
}
.commentmetadata {
color:#999999;
float:left;
font-size:1.1em;
line-height:1.5em;
padding-right:20px;
width:20%;
}
.commentmetadata li {
list-style-type:none;
margin:0 0.5em 0 0;
padding:0.3em;
}
.commentmetadata li a {
border-bottom:1px solid #C9C9C9;
color:#0B96D0;
text-decoration:none;
}
.warning {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#282828 none repeat scroll 0 0;
border:1px solid #323232;
margin-bottom:10px;
padding:10px;
}
#comments {
margin-top:80px;
}
#comments label input {
border:1px solid #222222;
margin-bottom:10px;
padding:5px 4px;
width:160px;
}
#comments label span {
line-height:27px;
}
#comments label {
font-family:Arial,Helvetica,sans-serif;
font-size:1.1em;
}
#comment_author {
float:left;
margin:20px 20px 20px 0;
padding:0;
width:150px;
}
#comments-content {
border-bottom:1px solid #C9C9C9;
display:block;
margin:10px 0;
padding:0;
}
#comments textarea {
border:1px solid #222222;
margin-top:10px;
padding:4px 0;
width:100%;
}
.button {
border:1px solid #222222;
font-size:1.1em;
font-weight:bold;
height:25px;
margin-bottom:10px;
margin-top:10px;
padding:0 8px;
text-transform:uppercase;
}
.children {
margin-left:50px;
}
.children div {
border:medium none;
}
.children .commentwrap {
border-top:1px solid #C9C9C9;
}
.children .commentmetadata {
padding-right:0;
}
.children .commentpost {
float:right;
text-align:left;
width:78%;
}
#searchform {
float:left;
height:2.3em;
margin-top:1em;
}
#searchsubmit {
background-color:#F0F0F0;
border:1px solid #222222;
float:right;
font-size:1.1em;
font-weight:bold;
height:2.1em;
padding:2px 8px;
text-transform:uppercase;
}
#s {
border:1px solid #222222;
float:left;
font-size:1.1em;
margin-right:6px;
padding:4px 2px;
width:204px;
}
.wpcolumn-clearfix {
clear:both;
}
.wpcolumn-wrapper-3 .wpcolumn {
color:#222222;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
line-height:1.5;
margin:1.5em 4% 1.5em 0;
text-align:justify;
width:46%;
}
.wpcolumn-wrapper-3 .wpcolumn-last {
font-style:normal;
margin-right:0;
}
.wpcolumn-wrapper-3 .wpcolumn-1 {
color:#888888;
float:none;
font-family:Arial,Helvetica,sans-serif;
font-size:1.2em;
width:auto;
}
.wpcolumn-wrapper-3 .wpcolumn a {
border-bottom:0px solid #C9C9C9;
color:#4D4D4D;
text-decoration:none;
}
.wpcolumn-wrapper-3 .wpcolumn a:hover {
border-bottom:1px solid #C9C9C9;
color:#0B96D0;
text-decoration:none;
}
.wpcolumn-wrapper-3 .wpcolumn a:visited {
border-bottom:1px solid #C9C9C9;
color:#0B96D0;
text-decoration:none;
}
#category-header {
height:350px;
overflow:hidden;
width:960px;
}
#wrap {
border-bottom:1px solid #222222;
float:left;
margin-bottom:27px;
margin-top:20px;
padding-bottom:13px;
width:960px;
}
#logo {
float:left;
margin-right:20px;
padding-top:4px;
width:217px;
}
#blank {
float:left;
margin-right:20px;
width:140px;
}
#contents {
float:left;
font-size:10px;
line-height:16px;
margin-right:20px;
width:265px;
}
#contents-a {
float:left;
font-size:10px;
line-height:16px;
margin-right:0;
width:265px;
}
h6 {
font-family:Georgia,'Times New Roman',serif;
font-size:10px;
font-style:normal;
font-weight:normal;
letter-spacing:1px;
line-height:20px;
margin-bottom:3px;
text-transform:uppercase;
}
.description {
border-color:#EFEFEF;
border-left:1px solid #EFEFEF;
margin-bottom:16px;
margin-left:10px;
margin-right:10px;
padding-left:10px;
}
#wrapfoot {
border-bottom:0 solid #CCCCCC;
float:left;
margin-bottom:27px;
padding-bottom:13px;
padding-top:5px;
width:960px;
}
#icon1 {
float:left;
font-size:10px;
line-height:16px;
margin-right:20px;
padding-top:5px;
width:75px;
}
#icon2 {
float:left;
font-size:10px;
line-height:16px;
margin-right:20px;
padding-top:5px;
width:75px;
}
#contentfootwide {
float:left;
font-size:10px;
line-height:16px;
margin-right:20px;
width:265px;
}
#contentfoot {
float:left;
font-size:10px;
line-height:16px;
margin-right:20px;
width:140px;
}
#contentfoot-a {
float:left;
font-size:10px;
line-height:16px;
margin-right:0;
width:170px;
}
h6 a, h6 a:visited {
border-bottom:1px solid #C9C9C9;
color:#0B96D0;
text-decoration:none;
}
h6 a, h6 a:visited {
border-bottom:1px solid #C9C9C9;
color:#0B96D0;
text-decoration:none;
}
.gallery .thumnail_col,
.gallery .gal_content,
.gallery .loader,
.gallery .slideshow a.advance-link{
width:940px; /* width of your gallery */
}
.gallery .thumnail_col{
margin-top:10px; /* gap under main image */
}
.gallery .thumbs_wrap{
height:60px; /* height of your thumbs and margin */
float:left;
width:100%;
}
.FacebookLikeButton {
margin-bottom:1.8em;
margin-top:1.8em;
}
#sharing {
    height: 24px;
    text-align: right;
}
#sharing .facebook {
}
/*#sharing .facebook iframe {
    border: medium none;
    height: 25px;
    overflow: hidden;
    position: relative;
    width: 370px;
}*/
#sharing .twitter {
   /* margin-top: 2px;
    width: 120px;*/
}
#sharing .service {
    display: block;
    float: right;
}
.wppgen {
	float: left;
    margin-right: 10px;
	width: 40px;
}