/* = BODY
---------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding:20px 0 0 0; font-size:12px; font-family:Arial, sans-serif, Helvetica; background:#FFFFFF url(../images/bg.jpg) left top repeat-x; color:#000000;  }
input, textarea, select { font-family:Arial, sans-serif, Helvetica; font-size:12px; margin: 0; }
h1, h2, h3, h4, h5, h6, p, form, ul, table, label, fieldset { padding:0; margin:0; border:0; font-weight:normal; }

/* = TYPOGRAPHY
---------------------------------------------------------------------------------------------------*/
/* headings */
h1, .t1 { font-size:30px; }
h2, .t2 { font-size:24px; }
h3, .t3 { font-size:11px; font-weight: bold; }
.t2 { font-size: 16px; margin: 0 0 5px 0; font-weight: bold; }

/* Text elements */
p { line-height:140%; margin:0 0 15px 0; }
ul li { list-style:none; line-height:140%;  }
ol li { line-height:140%; list-style-position: outside; margin-left:20px; }
ul, ol { margin:0 0 15px 0; }
.noMb { margin-bottom:0 !important; }
.mb30 { margin-bottom:30px !important; }
.mb25 { margin-bottom:25px !important; }
.mb20 { margin-bottom:20px !important; }
.mb15 { margin-bottom:15px !important; }
.mb10 { margin-bottom:10px !important; }
.mb5 { margin-bottom:5px !important; }
.mb55 { margin-bottom:55px !important; }
.pl10 { padding-left: 10px !important; }
img { margin: 0; border:none; padding:0; display:block; }
/* links */
a { color:#4069B2; text-decoration:underline; }
a:hover { text-decoration:none; }
/* misc */
.clear { clear:both; }
.textLeft { text-align:center; }
.textCenter { text-align:center; }
.textRight { text-align:right; }
.center { margin:0 auto; }
.float { float:left; }
.floatRight { float:right; }
.wrap { margin:0 auto; text-align:left; width:980px; }
label { padding-top:2px; }
.rear { margin-right:0px !important; }
.last { margin-bottom:0px !important; border:0 !important; }
.big { font-size:15px; }
.small { font-size:11px; }
.fat { font-weight:bold; }
.ad-top { height: 90px; width: 980px; margin: 0 auto; padding:0 0 17px 0; background:url(../images/layout/bg-top.jpg) no-repeat bottom left; }
.ad-top .bannk { width:728px; display: block; margin:0 auto; }

/* = header
---------------------------------------------------------------------------------------------------*/
.header { width: 980px; height: 106px; padding: 19px 0 0 0; margin:0 0 15px 0; background: #DDDDDD url(../images/layout/header.jpg) no-repeat top right; overflow: hidden; float: left; }
* html .header { display: inline; }
.header a.logo { display: block; float: left; width: 315px; height: 93px; margin: 0 35px 0 0; }

/* = header search
---------------------------------------------------------------------------------------------------*/
.header .search { float: left; width: 395px; margin: 25px 58px 0 0; }
.header .search label { width: 45px; padding: 8px 0 0 0; float: left; color: #1A1A1A; }
.header .search .field { width: 246px; height: 30px; float: left; background:#FFFFFF url(../images/layout/buttons/search-field.gif) left top no-repeat; margin: 0 6px 0 0; position: relative; }
.header .search .field input { width: 208px; height: 18px; padding: 2px 0 2px 0; position:absolute; left:6px; top:5px; background: none; border: 0; font-size:14px; }
.header .search .field a.reset { position: absolute; left: 223px; top: 8px; width: 14px; height: 14px; }
.header .search input.submit { float: left; }

/* = header misc
---------------------------------------------------------------------------------------------------*/
.header .misc { float: left; width: 170px; color: #000; font-size: 11px; text-align: right; margin:21px 0 0 0; }
.header .misc a.send-tip { background: url(../images/layout/icons/send-tip.gif) 0 2px no-repeat; padding: 0 0 0 17px; margin: 0 10px 0 0; }
.header .misc a.sign-up { background: url(../images/layout/icons/sign-up.gif) 0 2px no-repeat; padding: 0 0 0 16px; }
.header .misc p { margin: 0 0 8px 0; }
.header .misc p.follow { margin: 0; }
.header .misc p.follow span { margin: 0 2px 0 0; line-height:1; }
.header .misc p.follow img { display: inline; margin: 0 4px 0 0; }

/* = features-articles
---------------------------------------------------------------------------------------------------*/
.features-articles { width:980px; float:left; margin:0 0 35px 0; }
.features-articles li { width:131px; float:left; margin:0 10px 0 0; }
.features-articles li.rear { margin-right:0; }
.features-articles li a { font-size:11px; display:block; float:left; text-decoration:none; }
.features-articles li a.title { font-size:13px; font-weight:bold; margin:0 0 7px 0; }
.features-articles li a.title img { margin:0 0 10px 0; }
.features-articles li a:hover { text-decoration:underline; }

/* = main
---------------------------------------------------------------------------------------------------*/
.main { width: 980px; float: left; padding: 12px 0 30px 0; }
.main.sub { padding-top: 5px; }
.main h1.sub { font-size: 20px; font-weight: bold; margin: 0 0 13px 0; }
* html .main { display: inline; }
.main .cat { font-size: 14px; font-weight: bold; margin: 0 0 12px 0; padding: 4px 0 0 2px; }

/* = side
---------------------------------------------------------------------------------------------------*/
.side { width: 300px; float: right; }
.side .ad-square { display: block; margin: 0 0 25px 0; width: 300px; }
.side .ad-vertical { display: block; margin: 0 0 0 63px; width: 160px; tex-align:center }
.side h2 { background: #E2E2E2 url(../images/layout/featured.gif); padding: 0 0 0 50px; height: 43px; line-height: 36px; font-size:20px; font-weight: bold; margin: 0 0 27px 0; }
.side a { text-decoration: none; }
.side a:hover { text-decoration: underline; }

/* = side
---------------------------------------------------------------------------------------------------*/
.side .featured { width: 300px; float: left; margin: 0 0 10px 0; }
.side .featured li { width: 300px; float: left; margin: 0 0 10px 0; }
.side .featured li a.image { display: block; }
.side .featured li img { float: left; margin: 0 11px 0 0; }
.side .featured li .date { font-size: 11px; margin: 0 0 3px 0; }
.side .featured li p { margin: 0; line-height: 135%; }
.side .featured li a.title { font-size: 14px; font-weight: bold; }
.side p.viewAll { background: url(../images/layout/arrows/raquo.gif) right 6px no-repeat; text-align: right; padding: 0 13px 0 0; margin: 0 0 30px 0; }
.side p.viewAll a { background: url(../images/layout/icons/view-all.gif) left 2px no-repeat; padding: 0 0 0 17px; }

/* = content
---------------------------------------------------------------------------------------------------*/
.content { width: 660px; float: left; }

/* = post
---------------------------------------------------------------------------------------------------*/
.post { width: 660px; color: #292929; margin: 0 0 20px 0; }
.post h1,
.post h2 { font-size: 30px; font-weight: bold; color: #292929; margin: 0 0 5px 0; }
.post h1 a,
.post h2 a { color: #292929; text-decoration: none; }
.post h1 a:hover,
.post h2 a:hover { text-decoration: underline; }
.post h3 { font-size: 16px; margin: 0 0 10px 0; }
.post .descr { font-size: 16px; }
.post .descr p { font-weight: bold; }
.post img { margin: 0 0 13px 0; }
.post a.more-link { display: block; padding: 0 0 0 19px; background: url(../images/layout/icons/read.gif) left 3px no-repeat; margin: 0 0 20px 0; text-decoration: none; }
.post a.more-link:hover { text-decoration: underline; }
.post blockquote { padding:10px; background:#efefef; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px}


/* = post sociable
---------------------------------------------------------------------------------------------------*/
.post .sociable { width: 651px; height: 26px; padding: 6px 0 0 9px; background: url(../images/layout/sociable.gif); font-size: 11px; }
* html .post .sociable { display: inline; }
.post .sociable p { float: left; margin: 3px 7px 0 0; line-height: 100%; }
.post .sociable a { display: block; float: left; margin: 0 7px 0 0; }
.post .sociable a img { float: left; margin:0; }

/* = post gallery
---------------------------------------------------------------------------------------------------*/
.post .gallery { width: 660px; margin: 0 0 17px 0; height:100%; overflow:hidden }
.post .gallery a { display: block; }
.post .gallery img { float: left; margin: 0 10px 10px 0; }

/* = post meta
---------------------------------------------------------------------------------------------------*/
.post .meta { width: 660px; float: left; font-size: 11px; border-bottom:3px solid #CBD3E5; margin: 0 0 15px 0; }
.post .meta a { text-decoration: none; }
.post .meta a:hover { text-decoration: underline; }
.post .meta p { float: left; margin: 0 0 7px 0; }
.post .meta p.left { width:60%; }
.post .meta p.right { width:40%; text-align: right; }
.post .meta a.written { background: url(../images/layout/icons/written.gif) left 2px no-repeat; padding: 0 0 0 18px; }
.post .meta a.person { background: url(../images/layout/icons/person.gif) left 3px no-repeat; padding: 0 0 0 15px; }
.post .meta .written { background: url(../images/layout/icons/written.gif) left 2px no-repeat; padding: 0 0 0 18px; color:#4069B2 }

/* = navigation
---------------------------------------------------------------------------------------------------*/
.navigation { width: 660px; float: left; }
.navigation.gal { width: 980px; float: left; }
.navigation a { display: block; height: 21px; line-height: 19px; text-decoration: none; color: #fff; font-size: 11px; font-weight: bold; }
.navigation a:hover { text-decoration: underline; }
.navigation .alignleft { float: left; }
.navigation .alignleft a { background: url(../images/layout/buttons/navigation-prev.gif); width: 73px; padding: 0 0 0 20px; }
.navigation.gal .alignleft a { background: url(../images/layout/buttons/navigation-prev-gal.gif); width: 85px; padding: 0 0 0 20px; }
.navigation .alignright { float: right; }
.navigation .alignright a { background: url(../images/layout/buttons/navigation-next.gif); text-align: right; padding: 0 15px 0 0; width: 78px; }
.navigation.gal .alignright a { background: url(../images/layout/buttons/navigation-next-gal.gif); text-align: right; padding: 0 15px 0 0; width: 95px; }

/* = galleryMenu
---------------------------------------------------------------------------------------------------*/
.galleryMenu { width: 980px; float: left; background:#F1F1F1 url(../images/layout/menu/gal-bg.jpg) left top repeat-x; margin: 0 0 23px; }
.galleryMenu li { float: left; }
.galleryMenu li a { display: block; float: left; width: 137px; text-align: center; background: url(../images/layout/menu/galmn.jpg) right top repeat-x; height: 23px; padding: 10px 0 0 0; font-weight: bold; color: #0061B4; text-decoration: none; }
.galleryMenu li a:hover,
.galleryMenu li a.active,
.galleryMenu li a.active:hover { background: url(../images/layout/menu/galmn-select.jpg); color: #000; }
.galleryMenu li.first a { background: url(../images/layout/menu/galmn-left.jpg) left top no-repeat; width: 138px; }
.galleryMenu li.first a:hover,
.galleryMenu li.first a.active,
.galleryMenu li.first a.active:hover { background-position: left bottom; }
.galleryMenu li.rear a { background: url(../images/layout/menu/galmn-right.jpg) left top no-repeat; }
.galleryMenu li.rear a:hover,
.galleryMenu li.rear a.active,
.galleryMenu li.rear a.active:hover { background-position: left bottom; }

/* = comments
---------------------------------------------------------------------------------------------------*/
.comments h2 { font-weight: bold; font-size: 16px; margin: 0 0 10px 0; }
.comments h2 span { color:#ACACAC; }
.comments p.viewAll { background: url(../images/layout/icons/view-all-comments.gif) left 3px no-repeat; padding: 0 0 0 18px; }
.comments a { text-decoration: none; }
.comments a:hover { text-decoration: underline; }
/* comment single */
.comments .comment { width: 664px; left: -4px; position: relative; background: url(../images/layout/comment.jpg) left 2px no-repeat; margin: 0 0 12px 0; }
.comments .comment .commentInner { width: 649px; padding: 0 0 8px 15px; background: url(../images/layout/comment-bottom.jpg) left bottom no-repeat; }
.comments .comment .date { padding: 0 0 0 42px; float: left; width: 432px; font-size: 11px; height: 16px; margin: 0 0 14px 0; line-height: 16px; }
* html .comments .comment .date { display: inline; } /* ie6 fix */
/* rating */
.comments .comment .rating { width: 170px; float: left; font-size:11px; height: 16px; line-height: 16px; margin: 0 0 14px 0; color: #303030; }
.comments .comment .rating .label { width: 99px; float: left; }
.comments .comment .rating img.voted { float: left; margin: 0 9px 0 0; }
.comments .comment .rating .vote-plus { float: left; margin: 0 5px 0 0; color:#D10900; }
.comments .comment .rating .vote-minus { float: left; margin: 0 5px 0 0; color:#4EB240; }
.comments .comment .rating .vote-plus img,
.comments .comment .rating .vote-minus img { float:left; }
.comments .comment .rating .vote-plus span,
.comments .comment .rating .vote-minus span { float:left; padding:0 4px; line-height:14px; }
.comments .comment .rating .stars { width: 63px; float: left; }
* html .comments .comment .rating .stars { margin-right: -3px; } /* ie6 fix */
.comments .comment .rating .stars img { float: left; }
/* */
.comments .comment .commentText { font-style: italic; color: #303030; padding: 0 7px 0 0; }
/* */
.comments p.loginMessage { height: 28px; line-height: 28px; background: #4069B2 url(../images/layout/icons/comments-login.gif); overflow: hidden; margin: 0 0 23px 0; padding: 0 0 0 41px; color: #fff; }
.comments p.loginMessage a { color: #fff; text-decoration: underline; }
.comments p.loginMessage a:hover { text-decoration: none; }

/* addComment form */
.comments .addComment { width: 660px; }
.comments .addCommentForm { background:#EBEBEB; border:3px solid #CBD3E5; width: 634px; padding: 10px 10px 10px 10px; }
.comments .addComment h3 { font-size:16px; margin: 0 0 15px 0; }
.comments .addComment label { font-size: 11px; }
.comments .addComment label.com1 { float: left; width: 88px; }
.comments .addComment .fieldTextarea { width: 531px; height: 77px; padding: 6px; float: left; margin: 0 0 10px 0; background: url(../images/layout/addcomment-textarea.jpg) left top no-repeat; }
.comments .addComment textarea { border: 0; width: 531px; height: 77px; }
.comments .addComment input.fieldCheck { float: left; margin: 0 5px 10px 88px; padding: 0; width: 16px; height: 16px; font-size: 1px; }
.comments .addComment label.com2 { float: left; padding: 0; }
.comments .addComment input.submit { margin: 0 0 0 88px; }
.comments .captcha-box { margin:0 0 10px 88px; }

.ctags { border-top:3px solid #CBD3E5; padding: 10px 0 0 0; margin: 0 0 15px 0; font-style: italic }
.ctags a { color:#999}
/* = footer
---------------------------------------------------------------------------------------------------*/
.footerWrapper { width: 100%; border-top:4px solid #EAEAEA; background:#F5F5F5 url(../images/bg-footer.jpg) left top repeat-x; height:72px; }
.footer { margin: 0 auto; width: 954px; height:58px; padding: 14px 26px 0 0; overflow:hidden; color: #878787; background:url(../images/layout/footer.jpg) no-repeat; }
.footer a { color: #878787; font-size:11px; }
.footer a.logo { display: block; float: left; width: 166px; height: 40px; margin: 0 10px 0 0; }
.footer p.copy { clear:both; font-size:11px; }
.footer ul.footerMenu { margin: 0px 0 5px 0; display:block; float:left; }
.footer ul.footerMenu li { background: url(../images/layout/dividers/footer.gif) right 4px no-repeat; padding: 0 5px 0 0; margin: 0 5px 0 0; float: left; }
.footer ul.footerMenu li.rear { background: none; }
.footer .follow { float:right; text-align:right; width:200px; padding:2px 0 0 0; }
.footer .follow span { margin:0 0 6px 0; display:block; font-size:11px; }
.footer .follow img { display:inline; }

.galList { margin:0; padding:0; position:relative}
.thumbs { margin:0; padding:10px 0 10px 0; position:relative; height:100%; overflow:hidden; text-align:center}
.thumbs a { margin:0; padding:0 3px 10px 3px; position:relative}
.thumbs a img { display:inline;}
.mainimg { margin:0 ; padding:10px 0; position:relative; text-align:center}
.mainimg img { margin:0 auto;}

.arrowleft { position:absolute; z-index:2}
.arrowright { position:absolute; z-index:2}


.formgen {margin:0; padding:0; position:relative }
.formgen fieldset {margin:0; padding:0; position:relative; border:none }
.formgen .rowfield {margin:0; padding:0 0 6px 0; position:relative; height:100%; overflow:hidden }
.formgen .rowfield label {margin:0; padding:0; position:relative; float:left; width:150px }
.formgen .rowfield label span { color:#f00}
.formgen .rowfield input {margin:0; padding:0; position:relative; width:200px; border: 1px solid #999; }
.formgen .rowfield textarea {margin:0; padding:0; position:relative; width:300px; height:60px; border: 1px solid #999; }

.stripNavL, .stripNavR, .stripNav			{ display: none; }
img.aligncenter {margin: 0 auto;display:block}

/* = gallery
---------------------------------------------------------------------------------------------------*/
.iGallery { width: 980px; float: left; margin: 0 0 10px 0; }
.iGallery .item { border: 1px solid #E4E4E4; float: left; padding: 9px; width: 137px; height: 182px; font-size: 11px; margin: 0 5px 10px 0; }
.iGallery .item a.image { display: block; margin: 0 0 7px 0; }
.iGallery .item .date { margin: 0 0 5px 0; }
.iGallery .item a.title { font-weight: bold; }