/* @override http://localhost:8888/theparty/assets/css/screen.css */

@import url(reset.css); /* RESET CSS */


/* 1.BODY
---------------------------------------------------------------------- */

body { font:14px/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color:#000;  min-width:1000px; background:#000 url(../images/site/bg_body.png) repeat-x 20% 0; }

div#rays { background:url(../images/site/bg_rays.png) no-repeat 100% 0; position:absolute; top:0 ; left:0; height:900px; width:100%; z-index:-3; }

div#cityscape { background:url(../images/site/bg_cityscape.gif) repeat-x 30% 497px; margin:0; padding:0; position:absolute; top:0 ; left:0; height:900px; width:100%; z-index:-2; }



/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

p,ul,dl,ol { margin-bottom:1em; }
hr { display:none; }

abbr { border-bottom:1px dotted #938D67; }
abbr:hover { border-bottom:1px solid #938D67; }
del { text-decoration:line-through; }
strong { font-weight:bold; }
em { font-style:italic; }
input, textarea { font:13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

div.clear { clear:both; }



/* 3.HEADINGS
---------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight:bold; margin-bottom:1em; }



/* 4.LINKS
---------------------------------------------------------------------- */

a { color:#8d0000; }
a:hover, a:focus { color:#330a01; }



/* HEAD
---------------------------------------------------------------------- */

div#head { background:url(../images/site/bg_head.png) no-repeat 0 0; height:410px; width:650px; position:absolute; left:0; top:0; z-index:1; /*display:none;*/}

div#head h1, div#head p { text-indent:-9999em; }

div#head ul li a { position:absolute; background-position:0 bottom; background-repeat:no-repeat; text-indent:-9999em; display:block; }
div#head ul li a:hover, div#head ul li.cur a { background-position:0 0 !important; }

div#head ul li#nav_home a { width:55px; height:35px; top: 295px; left: 57px; background-image: url(../images/site/nav_home.gif); }
div#head ul li#nav_about a { width:90px; height:40px; top: 276px; left:143px; background-image: url(../images/site/nav_about.gif); }
div#head ul li#nav_manifesto a { width:105px; height:45px; top: 252px; left:263px; background-image: url(../images/site/nav_manifesto.gif); }



/* PAGE
---------------------------------------------------------------------- */

div#page { width:965px; margin:340px auto 20px auto; background:url(../images/site/bg_page.gif) repeat-y; position:relative; }
div#page_inner { background:url(../images/site/glen_shout.png) no-repeat 20px bottom;  padding:15px 0 50px 50px ; }

div#content { background:url(../images/site/bg_content.gif) repeat-y 0 0; margin-bottom:15px; }
div#content_inner { background:url(../images/site/bg_content_inner.gif) no-repeat 0 0; }



/* CONTENT PRI
---------------------------------------------------------------------- */

div#content_pri h2, div#content_pri div#related_event h3 { color:#615E45; text-transform:uppercase; letter-spacing:1px; font-size:10px; margin-bottom:1.5em; }

div#content_pri h3 { font-weight:bold; text-transform:uppercase; font-size:27px; line-height:1.2; margin-bottom:10px; }

div#content_pri ol li { list-style-type:decimal; margin-left:20px;}
div#content_pri ul li { list-style-type:none; padding-left:20px;}

div#content_pri { background:#f8f2c0; padding:25px 15px 15px 15px; width:510px; float:left; }
div#content_pri h4 { font-size:19px; }
div#content_pri h5 { font-size:15px; }
div#content_pri h4, div#content_pri h5 { position:relative; top:0.5em; }

div#content_pri blockquote { font:italic 15px/1.5 Georgia, serif; padding-left:20px; }


div#content_pri p.meta { font-size:12px; color:#8F8964;  }

div#content_pri div#related_event h4 { text-transform:uppercase; font-size:17px; line-height:1.1; margin-bottom:10px; background:url(../images/site/icon_calendar.gif) no-repeat 0 2px; padding-left:20px; }

div#content_pri img.article_img { border:1px solid #C4BF98; padding:2px; float:left; margin:0 10px 10px 0; position:relative; top: 5px; }

div#content_pri div#related_event { border-top:1px dotted #938D67; padding-top:30px; margin-top:30px; } 

div#content_pri ul li { background:url(../images/site/icon_bullet2.gif) no-repeat 0 5px; }

div#content_pri p.comment_meta { background:url(../images/site/icon_comment.gif) no-repeat 0 4px; padding:3px 0 0 15px;}
div#content_pri p.comment_meta a { padding:0 5px; }
div#content_pri p.comment_meta, p.more { font-size:11px; text-transform:uppercase; }

div#content_pri div#comments { border-top:1px dotted #938D67; padding-top:30px; margin-top:30px; }
div#content_pri div#comments h4 { font-size:16px; background:url(../images/site/icon_comment.gif) no-repeat 0 4px; padding-left:20px; }
div#content_pri div#comments form h4 { background:none no-repeat 0 4px; padding-left:0; }

div#content_pri div.comment { clear:both; overflow:hidden; margin-bottom:20px; font-size:13px; }
div#content_pri div.comment h5 { float:left; width:140px; font-weight:normal; font-size:11px; }
div#content_pri div.comment h5 strong { display:block; font-size:13px; }
div#content_pri div.comment div.comment_body { width:340px; float:right; }

div#content_pri form#comment_form p.input_text { float:left; }
div#content_pri form#comment_form p.input_text label { float:left; width:150px; text-align:right; padding-right:20px; }
div#content_pri form#comment_form p.input_text input, form#comment_form p.input_text textarea { float:right; width:300px; border:1px solid #938D67; padding:3px; }
div#content_pri form#comment_form p.input_checks, div#content_pri form#comment_form p.submit { clear:both; font-size:12px; margin-left:165px;}



/* CONTENT SEC
---------------------------------------------------------------------- */

div#content_sec { width:365px; float:right;  }

div#content_sec img { position:relative; left:-60px; top: -300px;  }

div#manifesto_intro { color:#f8f2c0; position:relative; left:-20px; top:-300px; margin:0 0 -250px 0; padding: 45px 45px 45px 45px; background:url(../images/site/bg_manifesto.gif) no-repeat; padding-top:100px; }

div#manifesto_intro h2 { font:42.5px "DINCond-blackAlternate", sans-serif; text-transform:uppercase; letter-spacing:-1px; margin-bottom:20px; background-image:url(../images/site/h_party_manifesto.gif); height:31px; width:267px; text-indent:-9999em; }

div#manifesto_intro ul li { background:url(../images/site/icon_bullet.gif) no-repeat 0 5px; padding-left:20px; margin-left:-20px; margin-bottom:1em;  }



/* 9.SITEINFO/FOOTER
---------------------------------------------------------------------- */

div#broadcasts_events { float:left; width:435px; border:15px solid #7E0000; background:#7E0000 url(../images/site/col_98342F.gif) repeat-y center; margin-left:15px; }

div#latest_broadcasts { width:200px; float:left; }

div#upcoming_events { width:200px; float:right; }

div#footer { clear:both; overflow:hidden; }

div#manifesto_intro a, div#footer a { color:#efe4c9; }
div#manifesto_intro a:hover, div#manifesto_intro a:focus, div#footer a:hover, div#footer a:focus { color:#FFF; }

div#latest_comment { color:#f0e8a8; font-size:12px; padding:15px; clear:both; width:355px; float:left; background:#000 url(../images/site/bg_recent_comment.gif) no-repeat 0 bottom; padding-bottom:50px; margin-bottom:50px;}
div#latest_comment img { position:relative; left:-120px;}
div#latest_comment cite { font-weight:bold; }

div#footer h2 { text-transform:uppercase; margin-bottom:15px; font:20px "DINCond-blackAlternate", sans-serif; color:#f0e8a8; text-indent:-9999em; height:15px; background-repeat:no-repeat; background-position:0 0;}
div#footer h2#h_recent_comment { width:124px;  background-image:url(../images/site/h_recent_comment.gif); }
div#footer h2#h_latest_broadcasts { width:148px; background-image:url(../images/site/h_latest_broadcasts.gif); }
div#footer h2#h_upcoming_events { width:131px; background-image:url(../images/site/h_upcoming_events.gif); }
div#footer h3 { font-size:13px; margin-bottom:0; }
div#footer p.meta { font-size:11px; color:#B88C7D; }

p#to_top { clear:both; float:right; margin-right:50px; text-transform:uppercase; font-size:10px; position:absolute; bottom:0; right:0; }
p#to_top a { background:url(../images/site/icon_up.gif) no-repeat 0 2px; padding-left:10px; text-decoration:none; }


