﻿/*************************************
                Reset
*************************************/
html {
	margin:0;
	padding:0;	
	outline:0;
	vertical-align:baseline;	
}
body {
    /*overflow-x:hidden;*/
}
ol, ul {
	list-style:none;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
* { 
    padding:0; 
    margin:0; 
}
/*************************************
        GENERAL DECLARATIONS
*************************************/
body {
	font-size:100.01%;
	font-family:Tahoma,times,serif;
}
a
{
	text-decoration:none;
}
a:hover
{
	text-decoration:none;
}
a:active { 
    outline:none; 
}
a:focus {
    -moz-outline-style:none;
}
.logo {
    margin: 0 auto;
    padding: 140px 0 0 0;
    text-align: center;
}

img {
    border:0px;
}
#header {
    float:left;
    position:relative;
    width:100%;
    margin:0px;
    padding:0px;
}
#headerAd 
{
    float: right;
    width:728px;
    padding: 13px 0 0 0;
}
#headerwrapper { 
    margin:0 auto;
    padding: 0;
}
#headermain {
    width: 990px;
    margin: 0 auto;
    height: 164px;
    position: relative;
    background:url(../images/bg_header.gif) no-repeat 0 0;
}
.wrapperBG {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    position: relative;
}
#wrapper 
{
    width:990px;
    margin:0px auto;
}
.wrapperContentTop
{
    float: left;
    width:100%;
    height: 26px;
    margin:0px auto 0 auto;
    background:url(../images/bg_maintop.png) no-repeat top center;
}
#wrapperContent
{
    float:left;
    width:990px;
    margin:0px auto;
}
#leftcolumn { 
    float:left;
    position:relative;
    width:670px;
    margin:0px;
    padding:0px;
    font-family:Verdana,Geneva,sans-serif;

}
#rightcolumn { 
    float:right;
    position:relative;
    display:inline;
    width:320px;
    margin:0px;
    padding:0px;
    font-family:Tahoma,times,serif;
}
#footerwrapper { 
    width:960px;
    margin:0 auto;
    padding: 45px 0 0 25px;
    position: relative;
}
#footerwrapper #copyright{ 
    top: 250px;
    width: 940px;
    text-align: center;
    position: absolute;
    color: #b0aeae;
    font-size: 0.9em;
}
#footerwrapper #copyright a{ 
    color: #b0aeae;
}
#footerwrapper #copyright a:hover{ 
    color: #ffffff;
}
#footer { 
    float:left;
    width:100%;
    min-height: 300px;
    margin:0;
    padding:0;
    position: relative;
    background:transparent url(../images/footer.png) no-repeat top center;
}
#footercontent {
    width: 940px;
    padding: 0 0 0 8px;
}
#footercontent .nav {
    width: 919px;
    margin: 0 0 32px 0;
    padding: 5px 0 5px 0;
    background: #333333;
    text-align: center;
    color: #ffffff;
}
#footercontent .nav .navlinks li.first
{
    list-style-type: none;
	font-weight: normal;
	display: inline;
	padding: 0 10px 0 0;
	color: #ffffff;
}
#footercontent .nav .navlinks li.item
{
    list-style-type: none;
	font-weight: normal;
	display: inline;
	padding: 0 10px 0 10px;
	border-left: solid 1px #605f5f;
	color: #ffffff;
}
#footercontent .nav .navlinks li.first a, #footercontent .nav .navlinks li.item a {
    color: #ffffff;
}
#footercontent .links ul {float:left; font-size:100%; list-style-image:none; list-style-position:outside; list-style-type:none; margin:10px 0pt 0pt 25px; padding:0pt;}
#footercontent .links ul li {line-height:1.6; width: 100px;}
#footercontent .links ul.nav-a li a {background-image:url(../images/star_o.gif)}
#footercontent .links ul.nav-b li a {background-image:url(../images/star_y.gif)}
#footercontent .links ul.nav-c li a {background-image:url(../images/star_g.gif)}
#footercontent .links ul li a {background-position:0pt 50%; background-repeat:no-repeat; padding: 0 0 0 10px; color:#828080; text-decoration:none;}
#footercontent .links ul li a:hover {color:#ffffff; text-decoration:none;}
div.backContainer {
	text-align:left;
	margin-bottom:5px;
}
.boxfullSpanAd {
    width:970px;
    margin:0 auto;
    padding:0px 10px 10px 10px;
    background:#FFFFFF;
    text-align:right;
    background:transparent url(../images/header_tab.png) no-repeat top center;
}
#ContentShadow {
    float:left;
    width:960px;
    height:25px;
    margin:0 auto;
    padding:0px;
    background:transparent url(../images/content_shadow.png) no-repeat 0 0;
}
.rightcontainerAd {
    width:300px;
    margin:0 0 10px 0;
    padding:10px 10px 2px 10px;
}
.input {
    padding: 4px;
    font-size: 1.2em;
    border-top: solid 1px #b8b7b7;
    border-right: solid 1px #d6d5d5;
    border-bottom: solid 1px #d6d5d5;
    border-left: solid 1px #b8b7b7;
    background: #f8f6de;
    color: #666666;
}
.inputFile {
    padding: 2px;
    font-size: 1.1em;
    border-top: solid 1px #b8b7b7;
    border-right: solid 1px #d6d5d5;
    border-bottom: solid 1px #d6d5d5;
    border-left: solid 1px #b8b7b7;
    color: #666666;
}
.inputFile:hover {
    cursor: pointer;
}
.msgError
{
	float: left;
	width: 543px;
	margin: 0 0 25px 0;
	padding: 25px 25px 25px 50px;
	background: transparent url(../images/btn_error.png) no-repeat;
	background-position: 10px 10px;
	background-color: #eed4cb;
	border: solid 1px #fc0101;
}
.msgError li
{
	list-style-type: disc;
	font-weight: normal;
}
.msgUploadError
{
	float: left;
	width: 215px;
	margin: 0 0 25px 0;
	padding: 25px 25px 25px 50px;
	background: transparent url(../images/btn_error.png) no-repeat;
	background-position: 10px 10px;
	background-color: #eed4cb;
	border: solid 1px #fc0101;
}
.msgUploadError li
{
	list-style-type: disc;
	font-weight: normal;
}
.commentError
{
	float: left;
	width: 296px;
	margin: 0 0 25px 0;
	padding: 25px 25px 25px 50px;
	background: transparent url(../images/btn_error.png) no-repeat;
	background-position: 10px 10px;
	background-color: #eed4cb;
	border: solid 1px #fc0101;
}
.commentError li
{
	list-style-type: disc;
	font-weight: normal;
}
.msgSuccess
{
	float: left;
	width: 543px;
	margin: 0 0 25px 0;
	padding: 25px 25px 25px 50px;
	background: transparent url(../images/btn_success.png) no-repeat;
	background-position: 10px 10px;
	background-color: #d4efc6;
	border: solid 1px #4acf02;
}
#recaptcha_table {
    margin: 10px 0 0 0;
    width: 198px !important;
}
.imgFl
{
    float: left;
    padding: 0 10px 10px 0;
}
.imgRt
{
    float: right;
    padding: 0 0 10px 10px;
}

.red
{
    color: Red;
}
/*************************************
             NAVIGATION
*************************************/
.navSubmitTip, .navSubmitTip:hover
{
    top: 132px;
    left: 691px;
    width: 96px;
    position: absolute;
    background: transparent url(../images/btn_submitTip.jpg) no-repeat;
}
.navSearch
{
    top: 131px;
    left: 801px;
    width: 145px;
    height: 17px;
    position: absolute;
    padding: 2px 3px 0 3px;
    background: #e4e1e1;
    border: solid 1px #666666;
    font-size: 0.95em;
    color: #666666;
}
.navBtnSearch
{
    top: 131px;
    left: 952px;
    position: absolute;
}
ul#navmenu li a span .h
{
    display: none;
}
/*************************************
             TYPOGRAPHY
*************************************/
body {
    font:.76em/1.6em Arial, Helvetica, sans-serif;
    color:#4c4b4b;
}   /* IE */
h1,h2,h3,h4,h5,h6 {
    font-family:Tahoma;
    clear:both;
}
h1 { font-size:2.7em; line-height:1.04em; font-weight:bolder; font-family:Helvetica, Arial, sans-serif; letter-spacing:-0.05em; padding-bottom:3px;}
h2 { font-size:1.5em; line-height:1.0em; font-weight: bolder; font-family:Sans-serif; letter-spacing:-0.07em; padding-bottom:7px;}
h3 { font-size:1.2em; line-height:1.4em; font-weight:lighter; font-family:Georgia, serif; }
h4 { font-size:1.2em; line-height:1.25; font-weight:normal;}
h5 { font-size:1em; font-weight:bold; }
h6 { font-size:0.9em; font-weight:lighter; }
p {
    margin:0px 0px 13px 0px;
}
.tagLink {
    font-size: 0.9em;
    text-decoration: underline;
}
.gray {
    color:#4c4b4b;
}
.lightgray {
    color:#b4b3b3;
}
.leftcontainerTop h1 a:hover {
    text-decoration:none;
}
.contReading {
    font-size:0.9em;
}
.contReading:hover {
    text-decoration:none;
}
.byline {
    float:left;
    margin:3px 0 0 0;
    padding:0 3px;
    font-size:0.9em;
}
.bylineDate {
    float:left;
    margin:3px 0 0 0;
    padding:0 3px;
    font-size:0.9em;
}
/*************************************
                BG
*************************************/
body {
    background:#ffffff url(../images/bg_main.png) repeat-x;
}
.wrapperBG {
    background: transparent url(../images/bg_mainshadow.png) repeat-y top center;
}
/*************************************
             BLOG BOX
************************************/
.blogTitle {
    width:487px;
}
.blogCommentBubble {
    float:left;
    width:59px;
    height:53px;
    margin:0;
    padding:10px 0 0 0;
    background:transparent url(../images/bg_bubble.gif) no-repeat 0 0;
    position:absolute;
    left:585px;
    text-align:center;
    font:bold 1.8em Tahoma,times,serif;
}
.blogCommentBubble a, .blogCommentBubble a:hover {
    color:#4c4b4b;
    text-decoration:none;
    background: transparent;
}
.leftcontainer {
    float: left;
    width:670px;
    margin:0px auto;
    padding:25px 0px 30px 0px;
}
.leftcontainerNoTopPad {
    float: left;
    width:670px;
    margin:0px auto;
    padding:6px 0px 20px 0px;
}
.leftcontainerPadded {
    float: left;
    width:620px;
    margin: 25px 0 0 0;
    padding:0 25px 30px 25px;
}
.leftcontainerPaddedNoMarg {
    float: left;
    width: 620px;
    margin: 0 0 0 0;
    padding:0 25px 30px 25px;
}
.leftcontainerTopPad {
    float: left;
    width:670px;
    margin:0px;
    padding:25px 0 0 0;
}
.leftcontainerTop {
    float: left;
    width:565px;
    margin:0px;
    padding:0px 25px 15px 80px;
    position: relative;
}
.leftcontainerCtr {
    float:left;
    width:620px;
    height: 100%;
    margin:0px;
    padding:5px 25px 0px 25px;
}
.leftcontainerCtr img {
    max-width: 620px;
    width: expression((this.width<620) ? "auto" : "620px");
}
.leftcontainerTopOfPage {
    float:left;
    width:620px;
    margin:0px;
    padding:5px 25px 0px 25px;
}
.leftcontainerTopOfPage a:hover{
    text-decoration: none;
    background: transparent;
    color: #b4b3b3;
}
.leftcontainerCtrPost {
    float:left;
    width:620px;
    margin:0px;
    padding:0px 25px 0px 25px;
}
.leftcontainerCtrPost img{
    max-width: 620px;
    width: expression((this.width<620) ? "auto" : "620px");
}
.leftcontainerBtm {
    float:left;
    width:331px;
    height:28px;
    margin:0px 0px 0px 0px;
    padding:0px 168px;
    position:relative;
    background:transparent url(../images/bg_tab.jpg) no-repeat 1px 0;
}
.leftcontainerPostBtm {
    float:left;
    width:670px;
    height:28px;
    margin:0px 0px 0px 0px;
    text-align: center;
    position:relative;
}
.leftcontainerBtm li {
    font-size:0.9em;
    float:left;
    display:block;
    padding:0;
}
.postExtra {
    float: left;
    width: 620px;
    margin: 15px 0 0 0;
    padding: 0 25px;
}
.postInfo {
    width:614px;
    height:20px;
    margin:0;
    padding:3px;
    border-top:solid 1px #d6d5d5;
    border-bottom:solid 1px #eeeeee;
    background:#f5f4f4;
    font-size:0.9em;
    color:#9e9c9c;
}
.postComments li {
    font-size:0.9em;
    font-weight: bold;
    float:left;
    display:block;
    padding:0 25px 0 0;
}
.postNav li {
    font-size:0.9em;
    float:right;
    display:block;
    padding:0 0 0 25px;
}
.postNavLinks {
    color:#9e9c9c;
    font-weight: bold;
}
.postShare {
    width:605px;
    height:24px;
    margin:0;
    padding:11px 3px 3px 12px;
    background:#f5f4f4;
    font-size:0.9em;
    color:#9e9c9c;
    text-align: center;
    display: none;
}
.ShareLinks li {
    float:left;
    display:block;
    padding:0 5px 0 6px;
}
.postEmail {
    width:600px;
    height:189px;
    margin:0;
    padding:11px 10px 3px 10px;
    background:#f5f4f4;
    font-size:0.9em;
    color:#9e9c9c;
    text-align: center;
    display: none;
}
.postPermalink {
    width:614px;
    height:37px;
    margin:0;
    padding:11px 3px 3px 3px;
    background:#f5f4f4;
    font-size:0.9em;
    color:#9e9c9c;
    text-align: center;
    display: none;
}
.rightcontainer {
    float: left;
    width:290px;
    margin:0 0 5px 0;
    padding:13px 15px 8px 15px;
}
.rightcolumn1 {
    float: left;
    width: 290px;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
}
.rightcolumn1 .headerContainer {
    width: 290px;
    height: 45px;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
}
.rightcolumn1 .headerContainer .header{
    width: 311px;
    height: 38px;
    margin: 0;
    padding: 7px 0 0 14px;
    left: -30px;
    position: absolute;
    background: transparent url(../images/bg_rightTab.jpg) no-repeat top left;
    color: #f0f0f0;
    font-size: 1.4em;
    font-weight: bold;
}
.rightcolumnL1 {
    float: left;
    width: 130px;
    margin: 0 0 15px 0;
    padding: 0;
}
.rightcolumnR1 {
    float: right;
    width: 160px;
    margin: 0 0 15px 0;
    padding: 0;
}
/*************************************
           BLOGS CONTAINER
*************************************/
.blogDate {
    width:75px;
    height:83px;
    padding:8px 6px 0 0;
    background:transparent url(../images/drag/bg_date.png) no-repeat 0 0;
    position:absolute;
    top:0;
    left:-11px;
    text-align:center;
    color:#FFFFFF;
}
.blogDate strong{
	display:block;
	width:100%;
	font:bold 3.5em/0.8em Tahoma,times,serif;
}
.blogDate span{
	display:block;
	font:bold 1.9em/1em Tahoma,times,serif;
	padding: 0px 0 2px 0;
}
/*************************************
             COMMENTS
*************************************/
.leftcontainerComments
{
    float: left;
    width:568px;
    height: 100%;
    padding:20px 25px 45px 25px;
    background: #efefef;
    border: solid 1px #d6d5d5;
}
.commentUsers {
    float: left;
    padding: 0 0 15px 0;
}
.commentTitle {
    float: left;
    width: 70%;
    margin-bottom:20px;
}
.commentTitleAdd {
    float: right;
    width: 30%;
    text-align: right;
}
.newcommentTitle {
    margin:0 0 20px 0;
}
.commentContainer {
    float: left;
    width: 568px;
    min-height: 95px;
    padding: 0 0 25px 0;
}
.comment {
    float: left;
    width: 620px;
}
.comment .avatar {
    float: left;
    width: 130px;
    font-size: 1.0em;
}
.comment .date {
    font-size: 0.8em;
}
.comment .message {
    float: right;
    width: 470px;
}
.comment .message .name {
    font-size: 1.1em;
}
.comment .message .bubble {
    float: left;
    width: 373px;
    min-height: 63px;
    padding: 15px 20px 15px 20px;
    background: #FFFFFF;
    border: solid 1px #c8c7c7;
    position: relative;
    font-size: 0.9em;
}
.comment .message .bubbleLogin {
    float: left;
    width: 373px;
    min-height: 63px;
    margin: 15px 0 0 0;
    padding: 15px 20px 15px 20px;
    background: #FFFFFF;
    border: solid 1px #c8c7c7;
    position: relative;
    font-size: 0.9em;
}
.comment .message .arrow {
    width: 34px;
    height: 41px;
    background: transparent url(../images/bg_arrow.gif) no-repeat;
    position: absolute;
    left: -34px;
}
.commentCommentsContainer {
    float: left;
    width: 595px;
    padding: 0 0 25px 35px;
}
.commentComments {
    float: left;
    width: 595px;
}
.commentComments .avatar {
    float: left;
    width: 130px;
}
.commentComments .date {
    font-size: 0.8em;
}
.commentComments .message {
    float: right;
    width: 450px;
}
.commentComments .message .name {
    font-size: 1.1em;
}
.commentComments .message .bubble {
    float: left;
    width: 333px;
    padding: 0px 25px 20px 25px;
    background: #f4f3f3;
    border: solid 1px #c8c7c7;
    position: relative;
    font-size: 0.9em;
}
/*************************************
             ARCHIVES
*************************************/
.archiveC1 
{
    float: left;
    width: 206px;
}
.archiveC2
{
    float: left;
    width: 207px;
}
.archiveC3 
{
    float: right;
    width: 207px;
}
/*************************************
             DEFAULT
*************************************/
.defaultFeaturedC1 {
    width: 154px;
    float: left;
}
.defaultFeaturedC2 {
    width: 153px;
    float: left;
    padding: 0 0 0 3px;
}
.defaultFeaturedC3 {
    width: 150px;
    float: right;
}
.defaultFeaturedCategory
{
    width: 140px;
    text-align: left;
    background: #4c4b4b;
    color: #ffffff;
    margin: 2px 0 0 0;
    padding: 0px 5px 0px 5px;
}
.defaultFeaturedTitle
{
    width: 155px;
    text-align: left;
}
/*************************************
             FEATURED
*************************************/
.featuredRightContainer
{
    float: left;
    width: 100%;
    margin: 5px 0 5px 0;
    padding: 1px 0 5px 0;
    border-bottom: solid 1px #d9dadb;
}
.featuredRightImg
{
    width: 90px;
    float: left;
    text-align: center;
}
.featuredRightImg img
{
    border: solid 1px #dddddd;
    padding: 3px;
}
.featuredRightText
{
    width: 182px;
    float: right;
    margin: 0 0 0 10px;
    font-size: 0.9em;
    line-height: 1.2em;
}
.featuredRightDate
{
    width: 182px;
    text-align: left;
    font-size: 0.8em;
}
.PostGalleryContainer
{
    float: left;
    width: 618px;
    margin: 15px 0;
    padding: 15px 0 0 1px;
    background: #efefef;
}
.PostGallery li
{
    float: left;
    width: 103px;
    height: 103px;
    display: block;
    text-align: center;
}
.PostGallery li a:hover
{
    text-decoration:none;
}
.PostGallery li img
{
    border: solid 1px #dddddd;
    margin: 0 0 0 0;
    padding: 4px;
}
/*************************************
             PHOTO GALLERY
*************************************/
.postPhotoMainContainer
{
    width: 620px;
    text-align: center;
    position: relative;
}
.postPhotoMainPrev
{
    position: absolute;
    top: 250px;
    left: 7px;
}
.postPhotoMainNext
{
    position: absolute;
    top: 250px;
    left: 645px;
}
.galleryThumbContainer
{
    float: left;
    width: 104px;
    height: 128px;
    text-align: center;
}
.galleryThumbFrame
{
    width: 98px;
    height: 114px;
    border: solid 1px #dddddd;
    padding: 4px 0 4px 0;
}
.galleryThumbText
{
    width: 90px;
    text-align:center;
    font-size: 0.9em;
    line-height: 1.2em;
    padding: 2px 0 0 0;
}
.galleryTitle
{
    float: left;
}
.gallerySort
{
    float: right;
}
/*************************************
          OTHER SITES LOGO
*************************************/
.OtherSites_logo
{
    float: left;
    width: 292px;
    border-top: solid 2px #d7d7d7;
    border-bottom: solid 5px #d7d7d7;
    margin: 10px 0 15px 0;
    padding: 3px 0 3px 0;
    text-align: center;
}
/*************************************
             BEST OF
*************************************/

.bestRightContainer
{
    float: left;
    width: 100%;
    height: 60px;
    margin: 0 0 2px 0;
    padding: 1px 0 5px 0;
    position: relative;
}
.bestRightNum
{
    width: 15px;
    height: 56px;
    padding: 10px 5px 0 5px;
    text-align: center;
    font-size: 2.1em;
    background: #c8c8c8;
    position: absolute;
}
.bestRightNumAlt
{
    width: 15px;
    height: 56px;
    padding: 10px 5px 0 5px;
    text-align: center;
    font-size: 2.1em;
    background: #dadada;
    position: absolute;
}
.bestRightImg
{
    width: 90px;
    position: absolute;
    top: 0px;
    left: 25px;
    text-align: center;
}
.bestRightImg .thumbpadded
{
    border: solid 1px #dddddd;
    padding: 3px;
}
.bestRightText
{
    width: 162px;
    margin: 0 0 0 10px;
    padding: 2px 0 0 0;
    font-size: 0.9em;
    line-height: 1.2em;
    position: absolute;
    top: 0px;
    left: 119px;
}
/*************************************
              LOGIN
*************************************/
.userLoginContainer
{
    width: 375px;
    margin: 0 auto;
    padding: 15px;
    background: #efefef;
    border: solid 1px #d6d5d5;
}
/*************************************
            RANDOM IMAGES
*************************************/
.randomImageContainer
{
    left: 2px;
    float: left;
    width: 100%;
    margin: 10px 0 2px 0;
    position: relative;
}
.randomImageContainer .thumbContainer
{
    float: left;
    width: 72px;
    height: 72px;
    position: relative;
}
.randomImageContainer .thumbContainer .thumbBorder
{
    float: left;
    width: 62px;
    height: 62px;
    background: #ffffff;
    border: solid 1px #dddddd;
    padding: 3px;
}
.randomImageContainer .thumbContainer .thumbRand
{
    float: left;
    width: 62px;
    height: 62px;
}
/*************************************
             BLOGROLL
*************************************/
.blogRoll li{
    display: inline;
    float: left;
    width: 144px;
    color: #4c4b4b;
}
.blogRoll li a{
    color: #4c4b4b;
}
.blogRoll li a:hover{
    color: #FFFFFF;
}