/*
    Default Styles
*/

* { margin: 0; padding: 0; outline: 0; }
body { font: 14px/16px Arial,sans-serif; color: #675545; text-align: left; background: #dad6cb url(/images/background.gif) repeat-x 0 0; position: relative; }

a { color: #dad6cb; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 980px; }

/*
	Header	
*/

#header { height: 97px; background: #2a2723; border-bottom: 1px solid #ebe7e1; }

h1#logo { float: left; display: inline; height: 48px; width: 66px; margin: 22px 0 0 0; }
h1#logo a { display: block; height: 48px; background: url(/images/logo.gif); }

#header .sign { float: right; display: inline; height: 42px; margin: 28px 0 0 30px; border-left: 1px solid #4c4c4c; padding-left: 30px; }
#header .sign h2 { font: bold 17px "Myriad Pro", "Trebuchet MS", Arial, sans-serif; color: #fff; }
#header .sign h2 a { color: #fff; }
#header .sign h3 { font: 16px "Myriad Pro", "Trebuchet MS", Arial, sans-serif; color: #fff; }
#header .sign p { color: #dad6cb; }
#header .sign p a { font-size: 13px; font-weight: bold; text-decoration: underline; }
#header .sign p a:hover { text-decoration: none; }
#header .sign .share { float: left; display: inline; font-weight: bold; font-size: 18px; margin-right: 15px; }
#header .sign .share a { padding-bottom: 3px; border-bottom: 3px solid #d6492a; }
#header .sign .share a:hover { text-decoration: none; border: 0; }
#header .sign .log-out { float: left; display: inline; margin: 5px 0 0 0; }

#navigation { float: right; display: inline; }
#navigation li { float: left; display: inline; list-style: none outside; padding: 40px 0 0 0; padding-left: 30px; font: 16px "Myriad Pro", "Trebuchet MS", Arial, sans-serif; }
#navigation li a { float: left; display: inline; color: #fff; }

#content { border-top: 1px solid #d8d4ca; padding-top: 30px; }
.empty-content { min-height: 605px; } 

.top-sign { width: 850px; margin: 0 auto; font: 20px Tahoma, "Trebuchet MS", Arial, sans-serif; color: #d6492a; padding: 0 0 30px; }
.top-sign a { float: right; display: inline; height: 26px; width: 72px; background: url(/images/button-join.gif) no-repeat 0 0; }


#billboard-rotator { position: relative; height: 284px; width: 980px;  overflow: hidden; }  

.homestory {
 height: 284px;
}

.story-1 { }
.story-2, .story-3, .story-4 { display: none; }

.story-left .image { margin-left: 420px; width: 560px; height: 284px; overflow: hidden; }
.story-left .text { background: url(/images/story-left-bg.png) repeat 0 0; width: 420px; height: 284px; position: absolute; top: 0; left: 0; overflow: hidden; }
.story-left .text h2 { font: bold 48px "Arno Pro", Georgia, Times, serif; color: #000; margin: 50px 0 0 56px;text-transform: uppercase; }
.story-left .text h3 {  font: 18px "Arno Pro", Georgia, Times, serif; color: #000; margin: 0 0 0 160px; }
.story-left .text p { font: 18px "Times New Roman", Times, serif; color: #000; padding: 15px 60px 0 70px; }

.story-right .image { margin-right: 420px; width: 560px; height: 284px; overflow: hidden; }
.story-right .text { background: url(/images/story-right-bg.gif) repeat-x 0 0; height: 284px; width: 380px; padding: 0 20px 0 20px; position: absolute; top: 0; left: 560px; text-align: left; overflow: hidden; } /* padding + width = 420 */
.story-right .text img { margin: 7px 7px 0 15px; }
.story-right .text h2 { font: 30px "Arno Pro", Times, serif; color: #fff; margin: 65px 0 20px 0; }
.story-right .text p { font: 18px "Times New Roman", Times, serif; color: #fff; padding-bottom: 10px; }
.story-right .text a { font-weight: bold; color: #f89f2b; }

.story-bottom .image { width: 980px; height: 284px; overflow: hidden; }
.story-bottom .text { position: absolute; bottom: 0; left: 0; background: url(/images/story-bottom-bg.png) repeat 0 0; height: 61px; width: 980px; padding-top: 25px; overflow: hidden; }
.story-bottom .text h2 { float: left; display: inline; font: 30px "Arial Black", Arial, sans-serif; color: #fff; padding: 0 30px 0 122px; }
.story-bottom .text p { font: 18px "Times New Roman", Times, serif; color: #fff; padding: 0 80px 0 0; }
.story-bottom .text a { color: #ffbc3e; font-weight: bold; }

#carousel { background: url(/images/carousel-bg.gif) repeat-y 0 0; margin: 20px 0; }
#carousel .bottom { background: url(/images/carousel-bottom.gif) no-repeat 0 bottom; height: 100%; }
#carousel ul { list-style: none outside; }
#carousel li { float: left; display: inline; width: 205px; padding: 25px 20px; position: relative;margin-right: 1px; }
#carousel li.last { padding-right: 0; }
#carousel h2 { font: bold 15px/18px Arial, sans-serif; color: #857362; margin-bottom: 10px; }
#carousel h2 a{ color: #857362; text-decoration: none !important;}
#carousel h2 a:hover{ color: #444; }
#carousel .activeSlide h2 { color: #d6492a; }
#carousel .activeSlide h2 a{ color: #d6492a; }
#carousel .activeSlide h2 a:hover{ color: #444; }

#carousel li img { display: none; position: absolute; top: -13px; left: 0; }
#carousel li.activeSlide img { display: block !important; }

.categories { padding: 20px 0 20px 55px; height: 100%; }
.categories ul { float: left; display: inline; list-style: none outside; padding-right: 50px; }
.categories li { font-weight: bold; font-family: "Myriad Pro", "Trebuchet MS", Arial, sans-serif; padding-bottom: 3px; }
.categories li a { color: #d6492a; }

/*
	Widebox
*/

.widebox { background: url(/images/widebox-bg.gif) repeat-y 0 0; position: relative; width: 982px; margin: 0 0 15px -2px; }
.wide-bottom { background: url(/images/widebox-bottom.gif) no-repeat 0 bottom; }
.wide-top { background: url(/images/widebox-top.gif) no-repeat 0 top; padding: 20px; }

.widebox h2 { font: bold 24px Arial, sans-serif; color: #bf2e1a; }

.post { width: 560px; margin: 0 auto; padding-top: 20px; }
.post img { display: block; margin-bottom: 10px; }
.post small { display: block; font-size: 14px; line-height: 18px; color: #706457; margin-bottom: 10px; }
.post small a, .post .add a { color: #f8981c; text-decoration: underline; }
.post small a:hover, .post .add a:hover { text-decoration: none; }
.post .liked { margin-bottom: 15px; }
.post .liked , .post .liked .liked-words { float: left; height: 25px; line-height: 25px; padding-left: 10px; background: url(/images/button-liked.gif) no-repeat 0 0; font-size: 14px; font-weight: bold; color: #fff; }
.post .liked { padding-left: 0; padding-right: 10px; background-position: right 0; }
.post .entry { padding-bottom: 10px; }
.post .entry p { padding-bottom: 15px; }

.bookmark { padding: 20px 30px 40px; height: 100%; }
.bookmark div.fr { width: 251px; }
.bookmark h4 { font-size: 14px; font-weight: bold; color: #0d67bf; padding-top: 15px; }
.bookmark p { padding-bottom: 5px; }
.bookmark p a { color: #4d4640; font-size: 14px; }
.bookmark a  img { margin-left: 5px; }

/*
	Main
*/

#main { float: left; display: inline; width: 602px; position: relative; margin: 0 -2px; }
#main .box { background: url(/images/main-bg.gif) repeat-y 0 0; }
#main .box-bottom { background: url(/images/main-bottom.gif) no-repeat 0 bottom; }
#main .box-top { background: url(/images/main-top.gif) no-repeat 0 top; padding: 1px 1px 20px 1px; height: 100%; }

h2 { font: bold 22px "Myriad Pro", "Trebuchet MS", Arial, sans-serif; color: #d6492a; line-height: 56px;}

#main h2, #sidebar h2 { line-height: 56px; border-bottom: 1px solid #dad6cb; padding-left: 20px; margin-bottom: 20px; }

.sign-warning { background: url(/images/sign-warning-bg.gif) repeat-y 0 0; width: 561px; margin: 0 auto 30px; }
.sign-warning .bottom { background: url(/images/sign-warning-bottom.gif) no-repeat 0 bottom; } 
.sign-warning .top { background: url(/images/sign-warning-top.gif) no-repeat 0 top; padding: 5px 0 5px 30px; height: 100%; }

.sign-warning h3 { float: left; display: inline; background: url(/images/icon-warning.gif) no-repeat 0 center; font: bold 14px/31px "Myriad Pro", "Trebuchet MS", Arial, sans-serif; padding-left: 40px; color: #000; margin: 10px 25px 0 0; } 

.sign-warning .sign { float: left; display: inline; border-left: 1px solid #ece8e4; padding: 5px 0 10px 15px; }
.sign-warning .sign a.signin { float: left; display: inline; font: bold 16px "Myriad Pro", "Trebuchet MS", Arial, sans-serif; color: #d6492a; text-decoration: none; }
.sign-warning .sign a.signin:hover { text-decoration: underline; }
.sign-warning .sign p { font: bold 14px "Myriad Pro", "Trebuchet MS", Arial, sans-serif; color: #000; }
.sign-warning .sign p a { color: #20558a; }

.stories { width: 561px; margin: 0 auto; }
.selector { margin-bottom: 30px; }
.selector ul { float: left; display: inline; }
.selector .share { float: left; display: inline; position: relative; margin: -2px 0 0 10px; font: bold 18px/18px "Myriad Pro", "Trebuchet MS", Arial, sans-serif; color: #4b3c30; padding-bottom: 3px; border-bottom: 3px solid #d6492a; }
.selector .share:hover { text-decoration: none; border-color: #fff; }
.selector li { list-style: none outside; float: left; display: inline; border-right: 1px solid #958677; padding: 0 10px; }
.selector li.last { border: 0; }
.selector li a { color: #857362; }
.selector li a.active { color: #bf2e1a; text-decoration: underline; }

.stories .story { padding-bottom: 13px; }
.stories .story img { float: left; display: inline; border: 2px solid #c3b7a0; margin-right: 13px; }
.stories .story .story-text { float: left; display: inline; width: 415px; }
.stories .story .story-text h3 { font: bold 18px Arial,sans-serif; color: #20558a; }
.stories .story .story-text h3 a { color: #20558a; }
.stories .story .story-text small { font-size: 12px; }
.stories .story .story-text .entry { padding-top: 15px; }
.stories .story .story-text .entry p { padding-bottom: 15px; }

.see-all { color: #d6492a; font-weight: bold; text-transform: uppercase; }

#comments { border: 1px solid #ccc6ba; background: #fff; padding: 10px 20px; margin-top: 20px; height: 100%; }
#comments h2 { border: 0; padding-left: 0; margin-bottom: 5px; }
#comments textarea { border: 1px solid #dedbd4; background: #fff; width: 536px; height: 126px; padding: 3px; overflow: auto; }
#comments .button { display: inline; height: 24px; width: 90px; text-align: center; border: 0; background: url(/images/button2.gif) no-repeat 0 0; margin: 5px 0 40px; font-size: 14px; font-weight: bold; font-family: Arial; color: #857362; }
#blog_comment_table td { padding: 9px 3px; }

.comment { padding-bottom: 10px; }
.comment .author { float: left; display: inline; width: 66px;}
.comment .author a img { display: block; height: 46px; width: 62px; overflow: hidden; border: 2px solid #c9b99d; }
.comment .comment-text { float: left; display :inline; width: 400px; margin-left: 15px; }
.comment .comment-text h3 { font-size: 18px; font-weight: bold; color: #20558a; margin-bottom: 8px; }
.comment .comment-text h3 a{ color: #20558a; }
.comment .comment-text small { font-size: 14px; color: #5f564d; display: block; margin-bottom: 15px; }
.comment .comment-text p { padding-bottom: 10px; }

#comments .paging { border-top: 1px solid #dedbd4; padding: 35px 0; position: relative; margin: 0 -20px; font-size: 15px; }
#comments .paging a { padding: 0 5px; color: #584e43; }
#comments .paging a:hover,
#comments .paging a.active { color: #cc5848; text-decoration: underline; }
#comments a.red { color: #d2341e !important; }


#general_page { padding: 25px 20px 0; } 
#general_page h3 { font: bold 24px Arial, sans-serif; color: #675545; margin-bottom: 35px; }
#general_page p { line-height: 19px; color: #706457; padding-bottom: 20px; }
#general_page p a { color: #0096db; }
#general_page h4 { font: bold 18px "Myriad Pro", "Trebuchet MS", Arial, sans-serif; color: #d6492a; margin-bottom: 30px; }
#general_page label { display: block; margin-bottom: 3px; }
#general_page .field { display: block; width: 255px; padding: 8px 3px; font-size: 14px; margin-bottom: 25px; border: 1px solid #dedbd4; background: #fff; }
#general_page textarea { display: block; width: 522px; height: 223px; padding: 8px 3px; font-size: 14px; margin-bottom: 30px; border: 1px solid #dedbd4; background: #fff; overflow: auto; }
#general_page .button { float: left; display: inline; height: 26px; width: 72px; background: url(/images/button.gif) no-repeat 0 0; text-align: center; border: 0;font: 14px "Myriad Pro", "Trebuchet MS", Arial, sans-serif; color: #fff; padding-bottom: 2px; cursor: pointer; }
/* #general_page form a { float: left; display: inline; margin: 5px 0 0 30px; color: #675545; } */
#general_page .button120 { float: left; display: inline; height: 26px; width: 120px; background: url(/images/button120.gif) no-repeat 0 0; text-align: center; border: 0;font: 14px "Myriad Pro", "Trebuchet MS", Arial, sans-serif; color: #fff; padding-bottom: 2px; cursor: pointer; }
#contact form { border: 1px solid #dedbd4; padding: 20px 17px; color: #675545; height: 100%; }

/*
 Wide
*/

.wide { width: 820px; margin: 0 auto; }
.wide .story { padding-bottom: 13px; }
.wide .story h3 { font: bold 18px Arial,sans-serif; color: #20558a; }
.wide .story h3 a { color: #20558a; }
.wide .story small { font-size: 12px; }
.wide .story .entry { padding-top: 15px; }
.wide .story .entry p { padding-bottom: 15px; }

/*
	Login
*/


#overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}

#login-wrap { position: fixed; display: none;}
#login-holder { position: relative; width: 366px; top: 150px; z-index: 9999; margin:0 auto;}
#login h2 { font: bold 24px/24px Arial, sans-serif; color: #fff; margin-bottom: 8px; }
.login-cnt { background: #fff; width: 366px; }
.login-bottom { background: url(/images/login-bottom.gif) no-repeat 0 bottom; }
.login-top { background: url(/images/login-top.gif) no-repeat 0 top; padding: 40px; }

#login label { float: left; display: inline; width: 105px; font-weight: bold; color: #726a5e; line-height: 20px;  }
#login .field { float: left; display: inline; width: 168px; padding: 2px 3px; background: #fff; border: 1px solid #dedbd4; margin-bottom: 18px; }
#login a { float: left; display: inline; text-decoration: underline; color: #0096db; font-size: 12px; line-height: 13px; }
#login label.checkbox { font-size: 12px; font-weight: normal; line-height: 13px; width: auto; }
#login input.checkbox { float: left; display: inline; height: 13px; width: 13px; margin: 0 7px 0 30px; }
#login .button { float: left; display: inline; height: 30px; width: 84px; border: 0; cursor: pointer; background: url(/images/button3.gif) no-repeat 0 0; text-align: center; font: bold 15px "Myriad Pro",  "Trebuchet MS", Arial, sans-serif; color: #fff; padding-bottom: 2px; margin: 15px 0 0 0; }
#login a.login-cancel { color:#675545; display:inline; float:left; margin: 22px 0 0 30px; }


/*
	Error
*/

#error { width: 480px; margin: 137px auto 0; border: 1px solid #d6d1c6; background: #fff; padding: 60px 60px 20px 60px; height: 100%; }
#error h2 { font: 30px "Myriad Pro", "Trebuchet MS", Arial, sans-serif; color: #675545; text-align: center; margin-bottom: 65px; }
#error p { padding-bottom: 40px; font-size: 20px; color: #d6492a; line-height: 21px; }
#error p a { color: #0096db; font-size: 14px; }

/*
	Sidebar
*/

#sidebar { float: right; display: inline; width: 362px; position: relative; margin: 0 -2px; }
#sidebar h2 { margin: 0; }
#sidebar .box { background: url(/images/sidebar-bg.gif) repeat-y 0 0; height: 100%; margin-bottom: 17px; }
#sidebar .box-bottom { background: url(/images/sidebar-bottom.gif) no-repeat 0 bottom; }
#sidebar .box-top { background: url(/images/sidebar-top.gif) no-repeat 0 top; height: 100%; }

#sidebar .cnt { padding: 5px 15px 15px 15px; }
#sidebar .news { list-style: none outside; font-size: 13px; }
#sidebar .news li { padding: 10px 0; border-bottom: 1px dashed #dad6cb; }
#sidebar .news li.last { border: 0;  }
#sidebar .news h3 { font: bold 18px Arial, sans-serif; color: #4b3c30; } 
#sidebar .news h3 a { color: #4b3c30; } 
#sidebar .news small { font-size: 12px; padding-bottom: 10px; display: block; } 
#sidebar .news a { color: #d6492a; } 
#sidebar .news h4 { font-size: 13px; font-weight: normal; } 
#sidebar .news h4 a{ color:#675545; } 

#stay-connected h2 { border: 0; }
#stay-connected a { float: left; display: inline; width: 100px; margin: 0 0 25px 20px; font-size: 13px; font-weight: bold; color: #675545; padding-left: 40px; }
#stay-connected a.rss { background: url(/images/icon-rss.gif) no-repeat 0 center;  }
#stay-connected a.twitter { background: url(/images/icon-twitter.gif) no-repeat 0 center; }
#stay-connected a.facebook { background: url(/images/icon-facebook.gif) no-repeat 0 center; }


/*
	Footer
*/

#footer { margin: 70px 0 10px; height: 271px; border-bottom: 1px solid #ccc6ba; background: #fff url(/images/footer.gif) repeat-x 0 0; }

#search { width: 325px; margin: 80px auto 50px; }
#search .field { float: left; display: inline; width: 236px; padding: 3px 5px; background: #fff; border: 1px solid #c1baad; margin: 1px 5px 0 0; }
#search .button { float: left; display: inline; height: 26px; width: 72px; text-align: center; font: 14px "Myriad Pro", Arial, sans-serif; cursor: pointer; border: 0; background: url(/images/button.gif) no-repeat 0 0; color: #fff; padding-bottom: 2px; }

#footer .nav { width: 380px; margin: 0 auto 60px; height: 13px; }
#footer .nav li { list-style: none outside; float: left; height: 13px; line-height: 13px; display: inline; border-right: 1px solid #675545; font-size: 13px; padding: 0 8px; }
#footer .nav li.last { border: 0; }
#footer .nav li a { color: #675545; }

#footer p { font-size: 10px; }
#footer p a { color: #675545; }