/*---------------------------------------- 
CIRCA HISTORY GUILD :: CSS//PORTLAND STUDIOS INC.
------------------------------------------*/

/*---------------------------------------- 
GLOBAL Styles 
------------------------------------------*/
* {margin:0px; padding:0px;}
h1, h2, h3 {padding:0px; margin:0px;}
img {border:0px;}

/*----------------------------------------
NAVIGATION and TEMPLATE styles
-------------------------------------------*/

body {background-color:#FBF3E4; font-size:small; font-family:georgia;}

#nav {padding-top:150px; padding-left:75px; list-style:none;}
#nav li {float:left;}
#nav a {display:block; height:20px;}

#nav div.nav-star {height:20px; width:20px; margin-right:20px; background:url(/images/star.gif) center 5px;}

#nav a.nav-home {width:50px; margin-right:20px; background:url(/images/nav-home.gif) no-repeat;}
#nav a.nav-about {width:57px; margin-right:20px; background:url(/images/nav-about.gif) no-repeat;}
#nav a.nav-almanac {margin-right:260px;width:80px; background:url(/images/nav-almanac.gif) no-repeat;}
#nav a.nav-story {width:105px; margin-right:20px; background:url(/images/nav-story.gif) no-repeat;}
#nav a.nav-shoppe {width:135px; background:url(/images/nav-shop.gif) no-repeat;}

#nav a:hover, #nav #current {background-position:0px -19px;}

.repeat {width:100%;}
.repeat#header {background: url(/images/repeat-header.gif) repeat-x; height:179px;}
.repeat#content {background: url(/images/repeat-content.gif) repeat-x; overflow:hidden; padding-bottom:30px;}
.repeat#footer {background: url(/images/repeat-footer.gif) repeat-x #201300; height:200px;}
#footer {font-size:80%; font-family:lucida sans unicode, arial, helvetica; color:#fff;}
#footer #footer-info {width:920px; padding-top:20px; margin:0px auto;}
#footer #address {float:left;}
#footer #copyright {float:right;}
#footer #copyright a {color:#ad854d;}
#footer #copyright a:hover {color:#fff;}

#header .static {margin:0px auto; background: url(/images/header.gif) no-repeat 1px 0px; width:1024px; height:179px;}
#content .static {margin:0px auto; background: url(/images/content.gif) center top no-repeat #FBF3E4; width:1024px;}
#footer .static {margin:0px auto; width:1024px;}
#contain {margin:0px auto; padding-left:16px; width:940px; overflow:hidden;}

#home-link {position:absolute; display:block; width:170px; height:165px; top:0px; left:523px;}

.column {margin:10px 0px 0px 10px;}
.column p {color:#fff; margin:15px;}
.column h1 {display:block; height:19px;}


/*----------------------------------------
CIRCA HOME
-------------------------------------------*/

.home #banner {width:923px; height:231px; background: url(/images/banner-home.gif) no-repeat center #000; margin-bottom:10px;}

#store-nav {float:left; background: url(/images/column-back.gif) repeat-y; display:block; width:262px; height:276px; margin:0px;}
#store-nav h1 {background:url('/images/in-the-shoppe.gif') no-repeat #3E2102;}
.home #main-column {float:left; margin-left:10px; width:631px; height:276px; padding-right:20px;}
.home #main-column h1 {display:block; height:19px; margin:20px; color:#752703;}
.home #main-column p {margin:20px; color:#411b01;}

#recent {float:left; background: url(/images/column-back.gif) repeat-x 0px 18px; width:262px; margin-left:0px; height:241px;}
#recent ul {display:block; margin:25px auto; width:200px;}
#recent ul li {color:#fff; line-height:350%;}
#recent ul li a {color:#fff; font-size:90%; text-decoration:none; font-family:lucida sans unicode; text-transform:uppercase;}
#recent a.recent-more {color:#877a57; float:right; margin-right:20px; font-size:90%; text-transform:uppercase; text-decoration:none;}

#tellstory {float:left; background-color:#000000; width:314px; height:241px;}
#news {float:left; background-color:#411b01; width:327px; min-height:241px;}
	#recent h1 {background:url(/images/col-recent-articles.gif) repeat-x #000;}
	#tellstory h1 {background:url(/images/col-tell-story.gif) repeat-x #000;}
	#news h1 {background:url(/images/col-news-events.gif) repeat-x #000;}

#news dl {font-family:lucida sans unicode; font-size:90%; display:block; margin:0px auto;width:290px; border-bottom:1px solid #000; padding:16px 10px;}
#news dt {color:#BAA061;}
#news dd a {color:#fff; text-decoration:none;}

#tellstory p {color:#d7c9a8;  font-size:90%; line-height:240%; padding:20px 10px;}
#tellstory a {display:block; background:url('/images/home-submit.gif'); width:153px; height:25px; float:right; margin:0px 15px 0px 0px;}

/*----------------------------------------
TELL YOUR STORY 
-------------------------------------------*/

.story #sidebar {width:262px; float:left; margin-top:10px;}
.story #sidebar ul {list-style:none;}

.story #banner, .promo #banner {float:left; color:#fff; background:url('/images/story-promo-banner.gif') #000; width:651px; height:106px; margin:10px;}

.story #main-column {float:left; margin-left:10px; width:651px; }
.story #main-column h1 {display:block; height:19px; background:url(/images/spot-recent.gif) repeat-x #000;}
.story #main-column {margin-top:5px; border-bottom:1px dashed #B7A788; padding-bottom:20px;}
.story #main-column dl {float:left; padding:20px 20px 10px 20px; margin-bottom:0px; border-bottom:1px dotted #E3D8C0;}
.story #main-column dd {overflow:hidden; padding-bottom:30px; width:611px;}
.story #main-column dd blockquote {padding:0px 0px 20px 0px; width:400px; text-align:center; margin:0px auto; font-style:oblique; font-size:90%;}
.story #main-column p {float:left; padding:20px 20px 10px 0px; line-height:150%; color:#411b01; width:600px; border-top:1px dotted #752645;}

.story-info {float:left;width:500px;}
.story-info a, .story-info span, .votes span {text-transform:uppercase; font-family:lucida sans; font-size:10px;}
.story-info h2 {font-size:200%; color:#752703; margin-bottom:5px; font-weight:300;}
.story-info a {color:#9f9f9f; text-decoration:none; font-weight:600;width:500px;}
.story-info h2 a {font-size:90%; font-family:georgia; color:#752703; margin-bottom:5px; font-weight:300;text-transform:none;}

.story-info span {color:#752703; margin-left:10px; font-weight:600;}
.story a.read-more-story {color:#752703; text-decoration:none; font-style:oblique; float:left;}

a#submit-story {display:block; background:url(/images/submit-today.gif) repeat-x #000; width:262px; height:106px; margin-bottom:15px;}
a#submit-story:hover  {background-position:0 -106px;}

.loginMenu {float:left; width:650px; margin-bottom:5px; padding-bottom:5px;}
.loginMenu span {font-size:170%; color:#241401;}
.loginMenu a {float:left;font-size:100%; display:block; text-decoration:none; margin-right:10px; color:#3E2102;}
.loginMenu a:hover {text-decoration:underline;}

#order-by, #back-to {width:220px; margin:0px 0px 10px 10px; height:20px; clear:both;}
#order-by span, #back-to a {display:block; font-size:120%; color:#492401; float:left;}
#order-by select {float:right; width:140px;}

#story-list h1 {background:url('/images/stories-top-header.gif') no-repeat #3E2102; height:20px;}
#story-list dl {float:left;background-color:#000;}
#story-list dl dd {float:left; overflow:hidden;width:242px; padding:25px 0px 25px 20px; border-bottom:1px solid #b9a47a;}
#story-list dl dd h2 {float:left; font-size:100%; font-weight:300; font-style:oblique; margin-bottom:10px; width:240px;}
#story-list dl dd h2 a {color:#fff; text-decoration:none;}
#story-list dl dd span {float:left; color:#b9a47a; font-size:100%; width:200px;}
#story-contain {float:left;background-color:#F8F6F3;}
span.story-vote, span.story-author {float:left;margin-left:0px; display:block; width:135px;}

.votes {float:right; width:74px; margin-right:0px; height:58px; background:url('/images/story-votes.gif') no-repeat;}
.votes h2{float:right; position:relative; font-family:helvetica, arial; color:#752703; font-size:200%; top:22px; right:5px;}
.votes span {float:left; display:block; margin-top:30px; width:74px; color:#9a9a9a; text-align:center;}
* html .votes span {margin-top:37px;}

#story-nav {border-top:1px dashed #c2b59b; width:200px; height:20px; margin-top:0px; padding-top:10px;}
.login-register-vote {float:left; width:310px; height:30px; background:url('/images/story-login-reg.gif') no-repeat; text-align:right; color:#411b01; text-decoration:none; font-family:lucida sans, arial; padding-top:6px;}
.vote-for-story {float:left; width:160px; height:30px; background:url('/images/vote-story.gif') no-repeat; text-align:right; color:#411b01; text-decoration:none; font-family:lucida sans, arial; padding-top:6px;}
.share {width:65px; height:30px; float:right; background:url('/images/story-share.gif') no-repeat;}
.already-voted {color:#411b01; float:left; font-weight:600;}

form#leave-comment {background: url('/images/leave-reply.gif') no-repeat 10px 20px #351C01; height:136px; padding-top:20px; padding-left:110px; margin-bottom:10px;}
form#leave-comment div {float:left; width:169px; margin-left:25px;}
form#leave-comment div input {margin-bottom:13px; width:169px; height:20px;}
form#leave-comment div textarea {width:294px; height:86px; padding:4px;}
form#leave-comment div input.submit-comment {cursor:pointer; display:block; border:0px; width:54px; color:#877A57; background-color:#351C01; text-transform:uppercase; font-family:georgia; float:right; position:relative; left:136px; top:5px;}
form#leave-comment div input.submit-comment:hover {color:#ffffff;}

.story #main-column #login-reg-form {margin:0px; padding:15px; background-color:#F8F6F3;}
.story #main-column #login-reg-form h1 {color:#482602; font-size:140%; margin-bottom:2px; padding:0px; background-image:none; background-color:#F8F6F3;}
.story #main-column #login-reg-form h2 {color:#482602; font-size:100%; margin-bottom:5px; padding:0px;}
.story #main-column #login-reg-form dd {width:611px; padding:5px; border:0px;}
#login-reg-form div {float:left;}
#login-reg-form label {color:#482602;}
#login-reg-form a {color:#482602;}
#login-reg-form .story_type {margin:5px 0px 0px 10px}
#login-reg-form .story_type input{margin:0px 5px;}

.submitButtonLogin {cursor:pointer; width:98px; height:28px; background: url('/images/log-in.gif') no-repeat center #3E2102; border:0px; margin-right:10px;} 
.submitButtonRegister {cursor:pointer; width:98px; height:28px; background: url('/images/register.gif') no-repeat 0px 0px #351C01; border:0px;}
.submitButtonStory {float:left;cursor:pointer; background: url('/images/home-submit.gif') no-repeat #351C01; border:0px; width:154px; height:25px; margin:20px 0px;}

.story dd#form-contain {margin-top:20px;}
.story #main-column #login-reg-form dd#form-contain h1 {display:block; margin-bottom:10px;}

.browse-link a {float:left; display:block; color:#752703; padding:20px 10px;}
span.viewing {float:left;display:block; height:20px; text-align:center; width:180px; color:#8F6E3E; padding:20px 10px;}

.promo {width:671px; margin:0px auto;}
.promo * {margin-left:20px; width:630px;}
.promo p {font-size:90%; color:#291d0d; margin-bottom:20px;}
.promo ul {margin:10px 40px;}
.promo h2 {color:#291d0d; font-weight:100; width:630px;}
.promo h3 {color:#5c2a07; font-size:140%; font-weight:100; margin:30px 0px 20px 20px;}
.promo h1 {color:#5c2a07; font-weight:100; font-size:170%;}

.promo ol.rules-top {list-style:character;}
.promo ol.rules-criteria {margin:10px 0px 0px 0px; list-style:upper-alpha;}
.promo ul.rules-guidelines {margin:10px 0px 0px 0px; list-style:square; margin-bottom:20px;}