/* Basic stuff
----------------------------------------------------------------------------------------------------*/

html {
    margin-left:-1px;
}

body {
    font: 13px/1.5 Arial, 'Trebuchet MS', FreeSans, sans-serif;
    background:#d9e4e6 url(../images/bg.gif) repeat-x; color:#222222;
    color:#444;
}

h1 {font-size: 25px;}
h2 {font-size: 23px;}
h3 {font-size: 21px;}
h4 {font-size: 19px;}
h5 {font-size: 17px;}
h6 {font-size: 15px;}

a {
    color:#444;
    text-decoration: none;
}

a:hover {color:#57a000;}

.textLink {color:#39c;}
.textLink:hover {color:#1e2229;}

.lineHor {
    border-bottom:#c0c0c0 1px dashed;
    margin-top:25px;
    margin-bottom:25px;
}

.alignleft {
    float:right;
    margin:20px 0 0 15px;
}

/* List
----------------------------------------------------------------------------------------------------*/

div#list {
    margin-top:15px;
    margin-bottom:15px;
}

.listStyle ul li {
    list-style:disc inside;
    color:#39c;
    line-height:25px;
    text-decoration:none;
}

.listStyle ul li a {
    color:#1e2229;
    text-decoration:none;
}

.listStyle ul li a:hover {
    text-decoration:none;
    color:#1e2229;
}


/* Header
----------------------------------------------------------------------------------------------------*/

#header-wrap {
    background:transparent url(../images/topnavBG.png) center 64px no-repeat;
    padding-bottom:1px;
}

#header {}

#topnav {
    padding-top:0;
    padding-left:10px;
    margin-top:20px;
    margin-bottom:5px;
    height:40px;
}

#topnav ul li {display:inline-block;}

#topnav ul li .current {
    color:#39c;
    background:transparent url(../images/topnavBG.png) -100px -76px no-repeat;
}

#topnav ul li .currentHome {
    width:30px;
    margin-left:-5px;
    text-indent:-9999px;
    background:transparent url(../images/topnavBG.png) -10px -76px no-repeat;
}

.home {
    width:30px;
    margin-left:-5px;
    text-indent:-9999px;
}

a.home:hover {
    width:30px;
    text-indent:-9999px;
    background:transparent url(../images/topnavBG.png) -10px -76px no-repeat;
}

#topnav ul li .navEffect {
    width:60px;
    margin-left:1px;
}

#topnav ul li .navEffect:hover {
    width:60px;
    margin-left:1px;
    background:transparent url(../images/topnavBG.png) -100px -76px no-repeat;
}


#logo {
    margin-top:20px;
    background:transparent url(../images/vGuides_v2_logo.png) no-repeat;
    text-indent:-9999px;
    width:220px;
    height:50px;
    display:block;
}

#siteSearch, #siteSearchForm {
    float:right;
    margin-top:7px;
    margin-right:5px;
}

#searchImput {
    background:transparent;
    border:none;
    height:25px;
    width:170px;
    margin-top:1px;
    color:#888;
}

#searchSubmit {
    border:none;
    height:20px;
    width:28px;
    cursor:pointer;
    background:transparent;
    margin-right:5px;
    outline:0;
}

/* Page Content Left
----------------------------------------------------------------------------------------------------*/

#content-wrap {
    background:transparent url(../images/contentBGcenter.png) center 30px repeat-y;
}

#content {
    padding-bottom:20px;
}

#content h1, h2, h3, h4, h5, h6 {
    margin-top:10px;margin-bottom:10px;
}

#contentTop {
    height:30px;
    background:transparent url(../images/contentBGtop.png) center no-repeat;
}

#contentRight {
    margin-left:30px;
    margin-right:20px;
}

#contentRight p {
    margin-top:10px;
    margin-bottom:10px;
}

#contentRight .path {
    font-size:11px;
    padding-bottom:10px;
    margin-bottom:15px;
    color:#888;
    border-bottom:#ddd 1px solid;
    padding-left:82%;
}

#contentRight .path-logged {
    font-size:11px;
    padding-bottom:10px;
    margin-bottom:15px;
    color:#888;
    border-bottom:#ddd 1px solid;
    padding-left:70%;
}

#contentRight .path-admin {
    font-size:11px;
    padding-bottom:10px;
    margin-bottom:15px;
    color:#888;
    border-bottom:#ddd 1px solid;
    padding-left:64%;
}

#contentRight .path a, #contentRight .path-logged a {
    color:#888;
    text-decoration:none;
}

#contentRight .path a:hover, #contentRight .path-logged a:hover {
    color:#444;
    text-decoration:none;
}


/* Sidebar Right
----------------------------------------------------------------------------------------------------*/

#contentSidebar {
    padding-bottom:20px;
    background:#fff;
    border:#ddd 1px solid;
    color:#999;
    font-size:11px;
    width:270px;

    /* CSS3 Rounded Corners */
    -moz-border-radius-topleft:6px;
    -webkit-border-top-left-radius:6px;
    -border-top-left-radius:6px;

    -moz-border-radius-topright:6px;
    -webkit-border-top-right-radius:6px;
    -border-top-right-radius:6px;

    -moz-border-radius-bottomleft:6px;
    -webkit-border-bottom-left-radius:6px;
    -border-bottom-left-radius:6px;

    -moz-border-radius-bottomright:6px;
    -webkit-border-bottom-right-radius:6px;
    -border-bottom-right-radius:6px;
}

.rightContent {padding:15px 20px 20px 20px;}

.rightContent h5 {
    margin:5px 0 5px 0;
    color:#444;
}

.imgRight {padding:10px 10px 5px 15px;}


/*  Sub Navigation - sidebar
----------------------------------------------------------------------------------------------------*/

#subNavigation {
    margin:10px 20px 10px 20px;
    font-size:12px;
}

#subNavigation h5 {
    margin:0;
    padding:0 0 10px 0;
    color:#444;
    border-bottom:1px solid #ddd;
}

#subNavigation ul {
    color:#39c;
    margin:0;
    border:none;
    line-height:30px;
}

#subNavigation li {
    border-bottom:1px solid #ddd;
    margin:0;
}

#subNavigation li a {
    display:block;
    padding-left:10px;
    text-decoration:none;
    background:transparent url(../images/subNav.png) top no-repeat;
}	

#subNavigation li a:hover {
    color:#000;
    font-weight:bold;
}


/* Pagination
----------------------------------------------------------------------------------------------------*/

#pagination {
    text-align: right;
    padding: 0 0 5px 0;
    width:500px;
    float:right;
}
#pagination a {
    margin: 2px 2px 2px 0;
    padding: 3px 6px;
}

#pagination a.number {
    border: 1px solid #ddd;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#pagination a.current {
    background: #469400 url('../images/bg-button-green.gif') top left repeat-x !important;
    border-color: #459300 !important;
    color: #fff !important;
}

#pagination a.current:hover {
    text-decoration: underline;
}


/* Story
----------------------------------------------------------------------------------------------------*/
.entryHead a {
    color:#57a000; 
}

.entryHead, .tags {
    margin-top:10px;
    margin-bottom:12px;
    font-size:11px;
}

.source {
    padding-top:15px;
    padding-bottom: 15px;
}

.source a {
    color:#57a000;
}

.date {}

.tags {
    margin-top:30px;
    margin-bottom:20px;
    font-size:11px;
    padding-left:30px;
    height:20px;
    background:transparent url(../images/tag.png) no-repeat;
}

.tag {
    color:#888;
    cursor:pointer;
    margin:0 4px 0 4px;
}

a.tag {
    text-decoration:none;
}

a.tag:hover {
    text-decoration:none;
    margin:0 4px 0 4px;
}

#authorComment {
    padding-top:25px;
    padding-bottom:25px;
    border-top:#ddd 1px solid;
    border-bottom:#ddd 1px solid;
}

#commentText {
    margin:0;
    padding-left:90px;
    color:#888;
}

#gravatar {
    width:60px;
    font-size:11px;
    text-align:center;
    color:#888;
}

#gravatar img {
    border:#ddd 1px solid;
    padding:4px;
}

.replyHead {
    color:#888;
    font-size:11px;
}

.author, .reply {
    margin:0 4px 0 4px;
    font-weight:bold;
    cursor:pointer;
    color:#444;
}

a.author:hover, a.reply:hover {
    color:#888;
}

#quote1, #quote2, #quote3 {
    padding:10px 0 0 88px;
}

.quote {
    color:#39c;
    font-size:11px;
    cursor:pointer;
    padding:2px 6px 2px 6px;
    border:#c0c0c0 1px solid;
}

.quote:hover {
    color:#fff;
    background:#39c;
    border:#39c 1px solid;
}

.quoteText {
    padding:10px 15px 10px 15px;
    margin-bottom:15px;
    background:#fbfbfb;
    border:#ebebeb 1px solid;
    font-style:italic;
    color:#999;
    font-size:11px;
}


/* Form style
----------------------------------------------------------------------------------------------------*/

#respond, #contactForm {
    margin:10px 0 20px 0;
}

#no-comments-respond {
    margin:-20px 0 20px 0;
}

.leftSpace {
    font-size:11px;
    margin-left:10px;
}

.n {margin-left:0;}

.text_input {
    border:1px solid #c0c0c0;
    padding:4px;
    margin-top:10px;
    font-family: Arial, 'Trebuchet MS', FreeSans, sans-serif;
    font-size:12px;
    background:#f1f1f1;	/*fefbef*/
    color:#444;
    width:250px;
}

.search_input{
    border:1px solid #c0c0c0;
    padding:4px;
    margin-top:10px;
    font-family: Arial, 'Trebuchet MS', FreeSans, sans-serif;
    font-size:12px;
    background:#f1f1f1;
    color:#444;
    width:450px;
}

.medium_input{
    border:1px solid #c0c0c0;
    padding:4px;
    margin-top:10px;
    font-family: Arial, 'Trebuchet MS', FreeSans, sans-serif;
    font-size:12px;
    background:#f1f1f1;
    color:#444;
    width:300px;
}

.story_input{
    border:1px solid #c0c0c0;
    padding:4px;
    margin-top:10px;
    font-family: Arial, 'Trebuchet MS', FreeSans, sans-serif;
    font-size:12px;
    background:#f1f1f1;
    color:#444;
    width:570px;
}

.text_area {margin-top:10px;width:570px;}

input:focus, textarea:focus {background:#fff;}

#submit {
    border:#111 1px solid;
    background:#1e2229;
    color:#fff;
    font-weight:bold;
    width:120px;
    height:30px;
    margin-top:10px;
    font-size:12px;
    padding-bottom:2px;
    outline:0;
}

#submit:hover {
    border:1px solid #39c;
    background:#39c;
    cursor:pointer;
    outline:0;
}

.error.required {border:1px solid #c30;}

/* Footer
----------------------------------------------------------------------------------------------------*/

#footer-wrap {
    height:45px; /*45 */
    background:transparent url(../images/contentBGfooter.png) center no-repeat;
    color:#888;
}

#footer-wrap a {
    color:#888;
}

#footer-wrap a:hover {
    color:#57a000;
}

#footer {}


/* Bottom
----------------------------------------------------------------------------------------------------*/

#bottom-wrap {
    height:50px;
    background:transparent url(../images/bottomBG.png) center no-repeat;
    margin-bottom:20px;
}

#bottom {
    padding-top:18px;
    font-size:11px;
    color:#888;
}

#bottom socials {
    float:right;
}

#bottom p {
    margin-left:15px;
    display:inline;
}

#bottom p a {
    color:#888;
}

#bottom p a:hover {
    text-decoration:none;
    color:#ccc;
}

#bottom ul li p a {
    text-decoration:none;
}

#bottom ul li p a:hover {
    color:#ddd;
}

#bottom ul {
    float:right;
    margin-right:10px;
}

#bottom ul li {
    display:inline-block;
    padding-right:7px;
    padding-left:5px;
    border-right:#333 1px solid;
}

#bottom ul li a {
    text-decoration:none;
    font-size:11px;
    color:#888;
}

#bottom ul li a:hover {text-decoration:none;}

#bottom ul li.top {
    border-right:none;
    margin-right:5px;
    margin-left:-5px;
}

.post-img {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}

#social-share {
    padding-left:25%;
}

/************ Button ************/
.buttons {
    font-weight: bold;
    display: inline-block;
    background: #459300 url('../images/bg-button-green.gif') top left repeat-x;
    border: 1px solid #459300;
    padding: 4px 7px 4px 7px;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
    text-transform:uppercase;
    height:27px;
    width:114px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.banner {
    padding-left:10%;
}

.banner-story {
    padding: 8% 0 4% 0;
}

.banner-story-np {
    padding: 2% 0 4% 0;

}

.banner-bottom {
    padding: 2% 0 2% 10%;
}

.banner-top {
    float:left;
    padding-left: 50%;
}

.profile-info {
    font-weight: bold;
    padding-top: 10px;
}

a.mlinks:link, a.mlinks:visited, a.mlinks:hover, a.mlinks:active { color:#57A000; }

.story a {
    color:#57a000;
}

#weather-forecast {
    padding-left: 10px;
    color: #000;
    margin-bottom: 15px;
    width:250px;
}

#weather-forecast p{
    padding-left: 15px;
}

/* Tooltips */

a.tooltip span {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:210px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:11.5px;

    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

a.tooltip:hover span{
    display:inline;
    position:absolute;
    background:#000;
    border:1px solid #fff;
    color:#fff;

    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

.extras-np  {
    float:right;
    margin-top: 10px;
    width:105px;
    height:60px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.extras  {
    float:right;
    margin-top: 25px;
    width:105px;
    height:60px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#msg_ub {
    position: relative;
    display: inline-block;
}

#msg_span {
    position: absolute;
    font-size: 8px;
    color: #fff;
    bottom: 2pt;
    right: 4pt;
}

#msg_span_d {
    position: absolute;
    font-size: 8px;
    color: #fff;
    bottom: 2pt;
    right: 3pt;
}

.most-read {
    padding-left:25px;
    padding-bottom: 15px;
    width:225px;
    color:#000;
}

.most-read-title {
    padding-bottom:15px;
    font-size:14px;
}