/* = BODY
---------------------------------------------------------------------------------------------------*/
:focus {outline: 0;}
body { margin: 0px; padding:10px 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:#105AA2; 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:1000px; }
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: 728px; margin: 0 auto; overflow:hidden }
.ad-top a { display: block; }

/* = header
---------------------------------------------------------------------------------------------------*/
.header { width: 990px; height: 104px; padding: 24px 0 0 10px; background: #002A5D url(../images/layout/header.jpg); overflow: hidden; float: left; }
* html .header { display: inline; }
.header a { color: #fff; }
.header a.logo { display: block; float: left; width: 289px; height: 58px; margin: 0 34px 0 0; }

/* = header search
---------------------------------------------------------------------------------------------------*/
.header .search { float: left; margin: 7px 0 0 0; width: 395px; margin: 0 58px 0 0; }
.header .search label { width: 52px; padding: 8px 0 0 0; float: left; color: #F4F4F4; }
.header .search .field { width: 246px; height: 30px; float: left; background:#FFFFFF url(../images/layout/buttons/search-field.gif) left top no-repeat; margin: 0 7px 0 0; position: relative; }
.header .search .field input { width: 208px; height: 14px; padding: 4px 0 4px 0; position:absolute; left:6px; top:4px; 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: 183px; color: #fff; font-size: 11px; text-align: right; }
.header .misc a.send-tip { background: url(../images/layout/icons/send-tip.gif) left top 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) left top 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; }
.header .misc p.follow img { display: inline; margin: 0 4px 0 0; }

/* = header menu
---------------------------------------------------------------------------------------------------*/
.header .menu { margin: 0; width: 1000px; float: left; }
.header .menu li { float: left; }
.header .menu li a { float: left; display: block; height: 31px; line-height: 27px; color: #fff; font-size: 15px; text-align: center; font-weight: bold; text-decoration: none; background-color: #094893; }
.header .menu li.mm01 a { background: url(../images/layout/menu/mm01.jpg) left top no-repeat; width: 110px; }
.header .menu li.mm02 a { background: url(../images/layout/menu/mm02.jpg) left top no-repeat; width: 126px; }
.header .menu li.mm03 a { background: url(../images/layout/menu/mm03.jpg) left top no-repeat; width: 183px; }
.header .menu li.mm04 a { background: url(../images/layout/menu/mm04.jpg) left top no-repeat; width: 122px; }
.header .menu li.mm05 a { background: url(../images/layout/menu/mm05.jpg) left top no-repeat; width: 170px; }
.header .menu li.mm06 a { background: url(../images/layout/menu/mm06.jpg) left top no-repeat; width: 132px; }
.header .menu li.mm07 a { background: url(../images/layout/menu/mm07.jpg) left top no-repeat; width: 137px; background-color: #7BBD36; }
.header .menu li a:hover { background-position: left center; background-color: #005EAE; }
.header .menu li a.active,
.header .menu li a.active:hover { background-position: left bottom; color: #000; background-color: #F1F8FC; }

/* = main
---------------------------------------------------------------------------------------------------*/
.main { width: 980px; padding: 12px 10px 30px 10px; }
.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 13px 0; width: 300px; }
.side .ad-vertical { display: block; margin: 0 0 0 63px; width: 160px; }
.side h2 { background: #E5E5E5 url(../images/layout/featured.gif); padding: 0 0 0 15px; height: 42px; line-height: 41px; 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 23px 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 ul { padding: 0 0 0 20px; list-style:square}
.post li { padding: 0 0 3px 0; list-style:square}
.post blockquote { padding:10px; background:#efefef; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px}
.post blockquote p { padding:0; margin:0; position:relative}
/* = post sociable
---------------------------------------------------------------------------------------------------*/
.post .sociable { width: 651px; height: 24px; padding: 6px 0 0 9px; font-size: 11px; border:#e4e4e4 1px solid }
* 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; }

/* = post gallery
---------------------------------------------------------------------------------------------------*/
.post .gallery { width: 660px;  margin: 0 0 7px 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: 1px solid #DADADA; 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:#105AA2 }

/* = 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; }

/* = bottomMenu
---------------------------------------------------------------------------------------------------*/
.bottomMenu { width: 980px; height: 28px; float: left; background: #F2F2F2 url(../images/layout/menu/bottom-navigation.gif); margin: 0 0 30px 0; }
.bottomMenu ul { width: 786px; float: left; }
.bottomMenu li { float: left; }
.bottomMenu li a { height: 28px; line-height: 27px; display: block; float: left; text-decoration: none; font-size: 15px; font-weight: bold; text-align: center; }
.bottomMenu li a:hover { text-decoration: underline; }
.bottomMenu li.mm01 a { width: 82px; }
.bottomMenu li.mm02 a { width: 100px; }
.bottomMenu li.mm03 a { width: 151px; }
.bottomMenu li.mm04 a { width: 97px; }
.bottomMenu li.mm05 a { width: 141px; }
.bottomMenu li.mm06 a { width: 104px; }
.bottomMenu li.mm07 a { width: 111px; }
.bottomMenu .sociable { float: left; width: 194px; }
.bottomMenu .sociable p { float: left; margin: 6px 7px 0 0; width: 112px; text-align: right; font-size: 11px; }
.bottomMenu .sociable img { float: left; margin: 8px 4px 0 0; }

/* = externalMenu
---------------------------------------------------------------------------------------------------*/
.externalMenu { width: 980px; float: left; margin: 0 0 30px 0; }
.externalMenu a { text-decoration: none; }
.externalMenu a:hover { text-decoration: underline; }
.externalMenu li { float: left; border-right: 1px solid #E4E4E4; padding: 5px 0 0 0; }
* html .externalMenu li { position:relative; } /* fix of some stupid ie6 bug */
.externalMenu li li { float: none; border: 0; padding: 0; background: url(../images/layout/dots/blue.gif) left 8px no-repeat; padding: 0 0 1px 8px; }
.externalMenu li.em01 { width: 224px; padding: 0 0 0 10px; margin: 0 29px 0 0; }
.externalMenu li.em02 { width: 224px; margin: 0 29px 0 0; }
.externalMenu li.em03 { width: 225px; margin: 0 27px 0 0; }
.externalMenu li.em04 { width: 209px; border: 0; }

/* = otherInterestingPages
---------------------------------------------------------------------------------------------------*/
.otherInterestingPages { width: 970px; padding: 7px 0 6px 10px; float: left; background: #F2F2F2 url(../images/layout/menu/other-interesting.gif) left top no-repeat; margin: 0; }
* html .otherInterestingPages { display: inline; }
.otherInterestingPages li { width: 170px; float: left; }
.otherInterestingPages li ul {  margin: 0; }
.otherInterestingPages a { text-decoration: none; }
.otherInterestingPages a:hover { text-decoration: underline; }
.otherInterestingPages li li { width: auto; float: none; padding: 0 0 1px 0; }
.otherInterestingPages .t3 { font-weight: bold; font-size: 12px; margin: 0 0 6px 0; }
.otherInterestingPages li.rear { width: 110px; }

/* = articlesSlider
---------------------------------------------------------------------------------------------------*/
.articlesSlider { width: 978px; height: 103px; float: left; position: relative; border: 1px solid #CBCBCB; margin: 0 0 22px 0; overflow:hidden }
.articlesSlider .panelContainer { width: 978px; float: left; }
.articlesSlider .panelContainer .panel { width: 998px; float: left;  height: 100%; position: relative;}
.articlesSlider .panelContainer .panel .image { width: 448px; height: 103px; float: left; overflow: hidden; }
.articlesSlider .panelContainer .panel .sliderContent { width: 504px; height: 95px; padding: 8px 0 0 26px; float: left; background: #E5E5E5 url(../images/layout/arrows/features-article.jpg) left top no-repeat; }
.articlesSlider .panelContainer .panel .sliderContent h2 { color: #105AA2; font-size: 15px; font-weight: bold; margin: 0 0 3px 0; padding: 0 10px 0 0; }
.articlesSlider .panelContainer .panel .sliderContent a { text-decoration: none; }
.articlesSlider .panelContainer .panel .sliderContent a:hover {  text-decoration: underline; }
.articlesSlider .panelContainer .panel .sliderContent p { margin: 0 0 2px 0; padding: 0 10px 0 0; color: #1D1D1D; }
.articlesSlider .controls { position: absolute; left: 897px; top: 73px; width: 56px; height: 20px; padding: 0 0 0 12px; background: url(../images/layout/menu/controls.gif); }
.articlesSlider .controls a { color:#78B635; display:inline-block; background: url(../images/layout/dots/controls-inactive.gif); margin:0 0 3px 0; line-height:10px; width:9px; height:10px; font-size:1px; text-align:center; }
* html .articlesSlider .controls a { margin-top: 5px; }
.articlesSlider .controls a.wactive { background: url(../images/layout/dots/controls-active.gif); color: #fff; }
* html .articlesSlider .panelContainer .panel .sliderContent { display: inline; }

.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 998px;}
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }

/* = 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; }

/* = 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; }

/* = 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: 402px; 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: 205px; float: right; font-size:11px; height: 16px; line-height: 16px; margin: 0 0 14px 0; color: #303030; text-align:right }
.comments .comment .rating .label { width: 130px; float: left; }
.comments .comment .rating img.voted { float: left; margin: 0 9px 0 0; }
.comments .comment .rating .vote-plus { float: left; margin: 0 6px 0 0; }
.comments .comment .rating .vote-minus { float: left; margin: 0 9px 0 0; }
.comments .comment .rating .stars { width: 73px; float: left; }
* html .comments .comment .rating .stars { margin-right: -3px; } /* ie6 fix */
.comments .comment .rating .stars img { float: left; }

.starB img { display:inline }
/* */
.comments .comment .commentText { font-style: italic; color: #303030; padding: 0 7px 0 0; }
/* */
.comments p.loginMessage { height: 28px; line-height: 28px; background: #105AA2 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 { background: url(../images/layout/addcomment.gif) left top no-repeat; width: 660px; }
.comments .addCommentForm { background: url(../images/layout/addcomment-bottom.gif) left bottom no-repeat; width: 640px; padding: 10px 10px 12px 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; }

.searchout { margin: 5px 0 15px 0; border-bottom:#E9E9E9 1px solid; padding: 0 0 10px 0}
.searchout h1 { font-size:20px; font-weight:bold}
.searchout h1 span { color:#639407}

.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}

.ctags { border-top: 1px solid #DADADA; padding: 10px 0 0 0; margin: 0 0 15px 0; font-style: italic }
.ctags a { color:#999}

/* = footer
---------------------------------------------------------------------------------------------------*/
.footerWrapper { width: 100%; background:#89C43E url(../images/bg-footer.jpg) left top repeat-x; min-height: 90px; }
* html .footerWrapper { height: 90px; }
.footer { margin: 0 auto; width: 954px; padding: 15px 26px 0 0; color: #fff; }
.footer a { color: #fff; }
.footer a.logo { display: block; float: left; width: 136px; height: 33px; margin: 0 16px 0 0; }
.footer p.copy { float: left; padding: 3px 0 0 0; }
.footer ul.footerMenu { margin: 0; float: right; }
.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; }


.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
}