/*
Theme Name: Lets VivA!
Author URI: http://letsrider.com
Version: 0.3
Author: Letsrider!
Description: Theme for Letsrider! blog
*/

/***********************************************************/
/*************************CSS RESET*************************/
/***********************************************************/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

input:focus {background:#f4fcff;}
textarea:focus {background:#f4fcff;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}

/* HTML5 RESET */
article, aside, dialog, figure, footer, header, nav, section {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; display:block;}

/****************************************************************/
/*************************DEFAULT STYLES*************************/
/****************************************************************/
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} /* FF, O, etc. */
.clearfix {display: inline-block;} /* IE7xhtml*/
html[xmlns] .clearfix {display: block;} /* O */
* html .clearfix {height: 1%;} /* IE5-6 */
body {background:url(images/page-bg.jpg) repeat-x left top; background-color:#99dff5; margin:0 auto; font:normal 0.688em Verdana,Arial,Tahoma; color:white; text-align:center;}
html, body {height:100%;}
a {text-decoration:none; color:#FFF;}
a:hover {}
date {font-style:italic;}
article#post .entry .wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
article#post .entry .wp-caption.alignleft {float:left;}
article#post .entry .wp-caption.alignright {float:right;}
article#post .entry .wp-caption.aligncenter {display:block; margin:10px auto 10px auto;}
article#post .entry .wp-caption img {margin: 0;	padding: 0;	border:0px;}
article#post .entry .wp-caption a img {border:1px solid #999; margin:0px;}
article#post .entry .wp-caption a:hover img {border:1px solid #cc0000;}
article#post .entry .wp-caption p.wp-caption-text {font-size:0.909em; font-style:italic;	line-height: 17px;	padding: 0 4px 5px;	margin: 0;}

/*************************************************************/
/*************************PAGE HEADER*************************/
/*************************************************************/
header#page-header {background:url(images/top-bg.jpg) no-repeat center top; width:100%; height:368px; min-width:990px;}
header#page-header .content {width:990px; height:368px; margin:auto;}
header#page-header .advertising {position:absolute; width:730px; height:90px; margin:95px 0px 0px 8px;}
header#page-header #blog-feed {position:fixed; left:-60px; top:0px;}
header#page-header #blog-feed small {position:absolute; color:white; font-size:1.182em; font-weight:bold; left:15px; top:1px;}
header#page-header #blog-logo {position:absolute; margin:60px 0px 0px 805px;}
header#page-header #blog-name {padding:250px 0px 0px 0px;}
header#page-header #blog-name p {backgrounf:#99dff5; display:inline; padding:10px; margin-left:240px; font-size:2.273em; font-weight:bold;}
header#page-header #blog-name p {background:rgba(153,223,245,0.6); text-shadow:1px 1px 1px rgba(0,0,0,0.2); -moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px;} /* CSS3 */
header#page-header #blog-name p, header#page-header #blog-name p a {color:white;}
header#page-header #blog-name p a:hover, header#page-header #blog-name p a:focus {text-shadow:1px 1px 1px rgba(0,0,0,0.1);}

/************************************************************/
/**************************SIDEBAR***************************/
/************************************************************/
nav#sidebar {float:right; display:inline; text-align:left; width:248px;}
/* SEARCH */
nav#sidebar form#searchform {text-align:center; margin:7px 0px 30px 0px;}
nav#sidebar form#searchform input#s {width:190px; height:29px; border:none; background:url(images/search.gif) no-repeat bottom right; font-size:1.182em; padding:0px 0px 0px 30px; color:#666;}
nav#sidebar #search-3 h4, nav#sidebar #search-2 h4, nav#sidebar #search-1 h4 {display:none;}
nav#sidebar form#searchform label {display:none;}
nav#sidebar form#searchform input#searchsubmit {display:none;}

/* GROUPS */
nav#sidebar .group {border:1px solid #c3dce8; margin:0px 10px 20px 10px;}
nav#sidebar .group {-moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px;} /* CSS3 */
nav#sidebar .group ul.tabs {float:left; height:32px; width:100%; list-style: none;}
nav#sidebar .group ul.tabs li {width:93px; float:left; height:20px; line-height:20px; padding:0px 10px; position:relative; overflow:hidden; font-weight:bold; color:white; background:#5abaea;}
nav#sidebar .group ul.tabs li {-moz-border-radius:0px 10px 0px 0px; border-radius:0px 10px 0px 0px; -webkit-border-radius:0px 10px 0px 0px;} /* CSS3 */
nav#sidebar .group ul.tabs li:first-child {-moz-border-radius:10px 0px 0px 0px; border-radius:10px 0px 0px 0px; -webkit-border-radius:10px 0px 0px 0px;} /* CSS3 */
nav#sidebar .group ul.tabs li.active {color:#5abaea; background:white;}
nav#sidebar .group ul.tabs li.active a {color:#5abaea;}
nav#sidebar .group ul.tabs li a {display:block; color:white;}
nav#sidebar .group .tab_content {padding:10px; margin-top:20px;}
nav#sidebar .group .tab_content li {padding:0px 0px 5px 0px;}
nav#sidebar .group .tab_content li a {padding:0px 0px 0px 17px; background:url(images/arrow.gif) left center no-repeat; color:#999999; display:block;}
nav#sidebar .group .tab_content li a img {margin-left:-17px; max-width:205px;}
nav#sidebar .group .tab_content li a:hover {color:#666;}
nav#sidebar .group .tab_content li a.s {padding:0px; background:none; font-size:0.909em; display:inline;}
nav#sidebar .group .tab_content li ul {padding-top:3px;}
nav#sidebar .group .tab_content li ul li a {background:none; padding-left:5px; margin-left:17px; border-left:1px dashed #CCC;}

/* TWITTER DOC */
.twtr-doc a {padding:0px !important; background:none !important; display:inline !important; color:white !important; font-weight:bold !important; font-size:1em !important;}
.twtr-doc, .twtr-hd {overflow:visible !important;}
#twtr-widget-1 .twtr-bd p {font-size:0.909em !important;}
.twtr-widget a img {margin-left:0px !important;}
.twtr-ft span a {color:#52B7E9 !important;}

/*********************************************************/
/*************************CONTENT*************************/
/*********************************************************/
section#content {width:100%; margin:auto; color:#666;}
section#content #body-wrap {width:989px; margin:auto;  background:url(images/sidebar-bg.gif) repeat-y; background-position:742px 0px; min-height:1200px;}
section#content a {color:#666;}
section#content #post-list {text-align:left; width:665px; margin:0px 0px 0px 68px;}
section#content #post-list h1.result {background:url(images/content-bg.gif) left top repeat-y; text-align:center; font-size:20px; padding:10px; color:#CCC;}
section#content #post-list h1.result span {background:#FFC;}
section#content #post-list article {background:url(images/content-bg.gif) repeat-y top left; margin:0px 0px 20px 0px;}
section#content #post-list article #commentcount {float:left; background:url(images/comment-count.gif) no-repeat left top; position:absolute; margin-left:-68px; width:63px; height:45px; text-align:center;}
section#content #post-list article #commentcount a {color:#99dff5;}
section#content #post-list article #commentcount a:hover, section#content #post-list article #commentcount a:focus {color:#52b7e9;}
section#content #post-list article #commentcount strong {font-size:1.818em;}
section#content #post-list article #commentcount span {display:block; line-height:5px; font-weight:bold;}
section#content #post-list article .post-edit-link {position:absolute; background:url(images/edit.gif) no-repeat top left; width:12px; height:14px; font-size:0.091em; color:white; display:block; margin:5px 0px 0px 640px;}

section#content #post-list article header {background:url(images/post-top-bg.gif) no-repeat left top; padding:5px 14px 3px 10px; min-height:45px;}
section#content #post-list article:first-child header {background:url(images/line.gif) left bottom no-repeat;}
section#content #post-list article header time {color:#CCC; font-weight:bold; font-style:normal; float:left; padding-right:10px; line-height:18px;}
section#content #post-list article header time .day {display:block; border-bottom:2px solid #CCC; font-size:1.636em;}
section#content #post-list article header time .month {display:block; font-size:1.182em; padding:0px 0px 0px 2px;}
section#content #post-list article header h2, section#content #post-list article header h2 a {color:#52b7e9;}
section#content #post-list article header h2 {font-size:1.636em; display:table-cell; vertical-align:middle; line-height:19px; height:30px;}
section#content #post-list article header h2 a {text-shadow:1px 1px 2px #99dff5;} /* CSS3 */
section#content #post-list article header h2 a:hover, section#content #post-list article header h2 a:focus {color:#99dff5;}
section#content #post-list article header h2 a:hover, section#content #post-list article header h2 a:focus {text-shadow:none;} /* CSS3 */

section#content #post-list article .entry {padding:10px 14px 20px 10px; background:url(images/line.gif) bottom left no-repeat;}
section#content #post-list article .entry img {margin:0px 10px 0px 10px;}
section#content #post-list article .entry p,
section#content #post-list article .entry h1,
section#content #post-list article .entry h2,
section#content #post-list article .entry h3,
section#content #post-list article .entry h4,
section#content #post-list article .entry h5,
section#content #post-list article .entry h6,
section#content #post-list article .entry pre,
section#content #post-list article .entry cite,
section#content #post-list article .entry blockquote,
section#content #post-list article .entry ul,
section#content #post-list article .entry ol,
section#content #post-list article .entry address{margin-bottom:10px;}
section#content #post-list article .entry h1 {font-size:1.818em;}
section#content #post-list article .entry h2 {font-size:1.636em;}
section#content #post-list article .entry h3 {font-size:1.455em;}
section#content #post-list article .entry h4 {font-size:1.364em;}
section#content #post-list article .entry h5 {font-size:1.273em;}
section#content #post-list article .entry h6 {font-size:1.182em;}
section#content #post-list article .entry blockquote {font-style:italic; background:#f9f9f9; padding:10px 10px 0px 10px; border:1px solid #efeded;}
section#content #post-list article .entry img.alignright {margin-right:0px;}
section#content #post-list article .entry img.alignleft {margin-left:0px;}
section#content #post-list article .entry a {color:#000; text-decoration:underline;}
section#content #post-list article .entry a img {background:#f9f9f9; padding:4px; border:1px solid #efeded;}
section#content #post-list article .entry a:hover, section#content #post-list article .entry a:focus {color:#999;}
section#content #post-list article .entry a:hover img, section#content #post-list article .entry a:focus img {background:#EEE; border:#CCC 1px solid;}
section#content #post-list article .entry p {color:#666; text-align:justify;}
section#content #post-list article .entry ol li {list-style-type:decimal; margin-left:20px;}
section#content #post-list article .entry ul li {list-style-type:disc; margin-left:15px;}
section#content #post-list article .entry p.continue a {display:block; margin:10px 0px 0px 0px; padding:3px; text-align:right; font-weight:bold; border:1px solid #efeded; background:#f9f9f9; color:#999; text-decoration:none;}
section#content #post-list article .entry p.continue a {-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;} /* CSS3 */
section#content #post-list article .entry p.continue a:hover, section#content #post-list article .entry p.continue a:focus {background:#EEE; border:#CCC 1px solid;}

section#content #post-list article .entry .adsense {text-align:center; background:#A8E2FF; padding:4px; margin:5px 0px; border:1px dashed #FFF;}
section#content #post-list article .entry .adsense {-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;} /* CSS3 */

section#content #post-list article .entry .info {margin-bottom:10px;}
section#content #post-list article .entry .info a {color:#999; text-decoration:none;}
section#content #post-list article .entry .info a:hover, section#content #post-list article .entry .info a:focus {color:#CCC;}
section#content #post-list article .entry .info p.author {margin:0px 10px 0px 0px;}
section#content #post-list article .entry .info p {border:1px solid #efeded; background:#f9f9f9; font-size:0.818em; color:#999; display:inline; padding:2px 5px;}
section#content #post-list article .entry .info p {-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;} /* CSS3 */

section#content #post-list article footer {background:url(images/post-footer-bg.gif) no-repeat left bottom; padding:5px 15px 20px 10px;}
section#content #post-list article footer .class {border:1px solid #efeded; background:url(images/box.gif) no-repeat 5px center #f9f9f9; color:#999; float:left; padding:10px 10px 10px 55px;}
section#content #post-list article footer .class {-moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px;} /* CSS3 */
section#content #post-list article footer .class a {color:#999;}
section#content #post-list article footer .class a:hover, section#content #post-list article footer .class a:focus {color:#CCC;}
section#content #post-list article footer .class .tags {font-size:0.909em;}
section#content #post-list article footer .social {text-align:right;}
section#content #post-list article footer .social li {display:inline; margin-left:15px;}
section#content #post-list article footer .social li a {opacity:0.3;}
section#content #post-list article footer .social li a:hover, section#content #post-list article footer .social li a:focus {opacity:1;}

/* COMMENTS */
section#content section#comments article {background:url(images/content-bg.gif) right top repeat-y; width:310px; display:inline-block; vertical-align:top; padding:10px;}
section#content section#comments article .entry {background:none;}

section#content section#comments {margin:0px 0px 20px 0px;}
section#content section#comments .error {font-size:0.818em; font-weight:bold; padding:3px; background:#F9F9F9 !important; border:1px solid #EFEDED; clear:both; text-align:center; color:#930;}
section#content section#comments article .error {background:white;}
section#content section#comments article .personimage {float:left; display:inline;}
section#content section#comments article .personimage img {width:40px; height:40px;}
section#content section#comments article .entry p a {color:#666;}
section#content section#comments article cite.author {font-size:1.273em; font-weight:bold; font-style:normal; padding:0px 10px;}
section#content section#comments article time {color:#666; font-size:0.818em; font-weight:bold; padding:0px 10px;}
section#content section#comments article p.thdrpy {padding:0; text-align:right;}
section#content section#comments article p.thdrpy a {display:block; background:#333; color:white; padding:3px 10px; font-size:0.818em;}
section#content section#comments article p.thdrpy a:hover, section#comments article .reply a:focus {background:#CC0000;}

section#content section#comments article.pingback {background:url(images/content-bg-oth.gif) right top repeat-y;}
section#content section#comments article.trackback {background:url(images/content-bg-oth.gif) right top repeat-y;}
section#content section#comments article.admin {background:url(images/content-bg-adm.gif) right top repeat-y;}

section#content section#comments article .comment-child {border-top:1px dashed #CC0000; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; font-size:0.818em;}
section#content section#comments article.admin .comment-child {border-top:1px dashed white;}
section#content section#comments article .comment-child .personimage {width:30px; height:30px; font-size:0.909em;}
section#content section#comments article .comment-child .personimage img {width:30px; height:30px;}
section#content section#comments article .comment-child .entry {margin:0px 0px 0px 0px;}
section#content section#comments article .comment-child .entry, section#comments article .comment-child .personimage {-moz-border-radius:0px; border-radius:0px; -webkit-border-radius:0px; -moz-box-shadow:0px 0px 0px rgba(0,0,0,0.5); box-shadow:0; -webkit-box-shadow:0px;} /* CSS 3 */
section#content section#comments article.two .comment-child .personimage {float:left;}

section#content section#comments a.show {display:block; background:white; padding:4px; text-align:right; font-weight:bold;}
section#content section#comments a.show {-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1); box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.1);} /* CSS3 */
section#content section#comments a.show:hover {background:#F5F5F5;}

/* COMMENT FORM */
section#content section#comments #commentform {padding:10px; margin:0px 77px 20px 77px;}
section#content section#comments #commentform label {color:#666; display:block; margin-bottom:3px; font-size:0.909em;}
section#content section#comments #commentform input, section#comments #commentform textarea {border:1px solid #CCC; padding:3px 3px; font-size:1em; width:300px; margin-bottom:10px; color:#666; font-family:"Courier New", Courier, monospace;}
section#content section#comments #commentform input, section#comments #commentform textarea {-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;} /* CSS 3 */
section#content section#comments #commentform textarea {display:block; height:125px;}
section#content section#comments #commentform input.submit {background:#F9F9F9; width:100%; height:25px; color:#666; font-weight:bold; border:1px solid #EFEDED; cursor:pointer; font-size:0.909em; font-family:Verdana, Geneva, sans-serif;}
section#content section#comments #commentform input.submit:hover, section#comments #commentform input.submit:focus {background:#EFEDED;}

section#content section#comments #docomment {background:url(images/content-bg.gif) repeat-y top left; margin-bottom:20px;}
section#content section#comments #docomment h4 {font-size:1.636em; display:block; color:#52B7E9; background:url(images/post-top-bg.gif) top left; padding:10px 0px 0px 10px; margin-bottom:10px;}
section#content section#comments #docomment h4 {text-shadow:1px 1px 2px #99dff5;} /* CSS3 */
section#content section#comments #docomment #commentform {padding:0px 10px; width:310px; margin:0;}
section#content section#comments #docomment .info {color:#999; position:absolute; margin-left:330px; width:300px;}
section#content section#comments #docomment .wrap {background:url(images/post-footer-bg.gif) no-repeat bottom left; width:100%; height:100%; padding-bottom:10px;}

/* PAGINATION */
section#content .navigation {margin:-10px 0px 10px 0px; text-align:center;}
section#content .navigation ol li span, section#content .navigation ol li a {background:white; color:#666;}
section#content .navigation ol li span, section#content .navigation ol li a {-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);} /* CSS3 */
section#content .navigation ol li span.current {background:#EFEDED;}
section#content .navigation ol li a:hover, section#content .navigation ol li a:focus {background:#EEEEEE;}

/********************************************************/
/*************************FOOTER*************************/
/********************************************************/
footer#footer {background:url(images/footer-bg.jpg) repeat-x top left; width:100%; min-height:219px;}
footer#footer .wrap {background:url(images/footer-second-bg.jpg) no-repeat right 20px; width:989px; height:100%; margin:auto;}
footer#footer ul:first-child {margin-left:90px;}
footer#footer ul {background:url(images/bg-20.png) repeat; padding:10px 10px 5px 10px; float:left; margin:20px 30px 10px 0px;}
footer#footer ul {-moz-border-radius:5px; border-radius:5px; -webkit-border-radius:5px;} /* CSS3 */
footer#footer ul li {padding:0px 0px 5px 0px; text-align:left; color:#ffcc99; font-size:0.909em; font-weight:bold;}
footer#footer ul li a {color:#ffcc99;}
footer#footer ul li a:hover, footer#footer ul li a:focus {color:#cc9966;}
footer#footer ul li a img {border:2px solid #7e4a2a;}
footer#footer ul li a:hover img, footer#footer ul li a:focus img {border:2px solid #cc9966;}
footer#footer ul li h4 {color:#ffcc99; font-size:1em; text-transform:uppercase; padding-bottom:10px; text-align:center; display:block;}
footer#footer ul.contributor {width:186px; height:240px;}
footer#footer ul.partners {height:240px;}
footer#footer ul.admin {width:186px; height:240px;}
footer#footer ul.partners li {display:inline;}
img#wpstats {width:0px; height:0px;padding:0px; border:none; overflow:hidden; display:none;} /*WPStats smile hack */