/* 

Haydon CSS
Created by: Emir Plicanic

*/

/*Resets*/
*{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    font-size: inherit;
}
:focus {
    outline: 0;
}
body {
    line-height: 1;
}
table {
    border-collapse:collapse;
    border-spacing: 0;
}

caption, th  {
    font-weight: normal;
    text-align: left;
}
/* END resets */


body {
    font: 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #333;
    text-align: left;
    background: #FAF8EC url(../images/body_bg.jpg);
}
td{padding:3px;}
h1 {
    font-size: 18px;
    font-weight: bold;
    color: #e3941b;
    line-height: 20px;
    
    margin-bottom: 15px;
}
h2 {
    font-size: 16px;
    font-weight: bold;
    color: #e3941b;
    line-height: 20px;
    margin-bottom:10px;
   
}
h2 a , h1 a{
    font-size: 11px;
    line-height: 20px;
    
    text-transform: uppercase;
}
h3 {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
}
a {
    color: #d02027;
}
a:hover {
    color: #286ed5;
}
p {
    margin-bottom: 15px;
}
.odd{background-color:#eee;}
ul,ol{padding:0px; margin:10px 0px 10px 30px;}
blockquote{padding:20px; margin:10px 20px;background:#f0ede5;font-style:italic;
    font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;line-height:20px;}
.left-margin{margin-left:20px;}
.inline_heading {
    float: left;
    width: auto;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    display: table-cell;
}
#container {
    position: relative;
    top: 0px;
    clip: rect(0px,auto,auto,auto);
    background: url(../images/container_bg.jpg) no-repeat center top;
    z-index: 0;
}
.wrapper {
    text-align: left;
    margin: 0px auto;
    width: 968px;
    position: relative;
    z-index: 0;
}
#header {
    height: 184px;
    position: relative;
    z-index: 0;
}
#logo {
    position: absolute;
    display: block;
    height: 148px;
    width: 152px;
    left: 407px;
    top: 17px;
}
#facebook {
    display: block;
    position: absolute;
    height: 61px;
    width: 191px;
    left: 51px;
    top: 18px;
    background: url(../images/Become-a-Fan.jpg) no-repeat left top;
    z-index: 2;
}
a#facebook:hover {
    background: url(../images/Become-a-Fan-over.jpg) no-repeat left top;
}
#twitter {
    display: block;
    position: absolute;
    height: 88px;
    width: 199px;
    left: 37px;
    top: 74px;
    background: url(../images/Follow-Us-On-Twitter.jpg) no-repeat left top;
    z-index: 1;
}
a#twitter:hover {
    background: url(../images/Follow-Us-On-Twitter-over.jpg) no-repeat left top;
}
.hide      {
    display: none;
}
.supportus {
    background: url(../images/btn_supportus.png) no-repeat left top;
    display: block;
    height: 36px;
    width: 158px;
    border-style: none;
}
.supportus:hover {
    background: url(../images/btn_supportus-over.png) no-repeat left top;
}
#contactinfo {
    position: absolute;
    height: 30px;
    width: 344px;
    top: 70px;
    right: 0px;
    color: #e1dcca;
    font-weight: bold;
}
#contactinfo h2 {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #e1dcca;
    margin-bottom:0px;
}
#contactinfo h2 a {
    color: #e1dcca;
}
#contactinfo h2 a:hover {
    color: #fff;
}
#navigation {
    height: 51px;
    position: relative;
    background: url(../images/navigation_bg.png) repeat-x left top;
    font-size: 11px;
    line-height: 14px;
}
#navigation .navcorners_right{
    float:right;
}#navigation .navcorners_left{
    float:left;
}
#navigation .mainnavigation{
    list-style: none;
    display: block;
    float: left;
    width: 95%;
    margin: 0px 0px 0px 13px;
    font-weight: bold;
    padding: 0px;
    
}
#navigation .mainnavigation li {
    float: left;
    height: 25px;
    padding-top: 15px;
    padding-bottom: 5px;
}
#navigation .mainnavigation .loginlink {
    float: right;
    background: url(../images/loginlink_bg.gif) no-repeat 0px 4px;
    padding-left: 15px;
    padding-bottom: 8px;
}
#navigation .mainnavigation li a {
    text-transform: uppercase;
    text-decoration: none;
    color: #d02027;
    display: block;
    padding: 5px 14px;
    height: 12px;
    line-height: 12px;
}
#navigation .mainnavigation li a:hover {
    color: #000;
}
#navigation .mainnavigation .selectednav, .categorynav .selectednav {
    background: url(../images/selectednav_bg.gif) no-repeat center bottom;
}
#navigation .mainnavigation .selectednav a, .categorynav .selectednav a {
    background: #fcf0d1;
    border-top: 1px solid #d97e0b;
    border-right: 1px solid #d97e0b;
    border-left: 1px solid #d97e0b;
    color: #000;
    text-decoration: none;
}
.content {
    background: url(../images/content_bg.png) repeat-y left center;
    position: relative;
    margin: 0px;
    clear: both;
    padding: 8px 4px;
    z-index: 0;
}
.contentbottom {
    background: url(../images/content-bottom.png) no-repeat center top;
    margin: 0px 0px 15px;
    padding: 0px;
    clear: both;
    height: 13px;
    width: 968px;
}
.contenttop {
    background: url(../images/content-top.png) no-repeat center bottom;
    margin: 0px;
    padding: 0px;
    clear: both;
    height: 13px;
    width: 968px;
}
.maincontent {
    float: left;
    width: 590px;
    margin-right: 20px;
    position: relative;
    z-index: 0;
}
.maincontentfooter {
    float: left;
    width: 95%;
    padding-left: 20px;
    position: relative;
    z-index: 0;
}
.maincontentblock {
    padding-left: 20px;
    padding-right:20px;
}
.categorynav {
    list-style: none;
    display: block;
    margin-left: 10px;
    line-height: 20px;
    zoom: 1; /*IE Fix*/
    white-space: nowrap;
    height: 24px;
    margin-bottom: 10px;
}
.yeartabs, .monthtabs{
    margin-left:0px;
    float:left;
}
.monthtabs{
    border-left:1px dotted #ccc;
    padding-left:10px;
    
}
#alphabeth {
    margin: 0px;
}
#alphabeth li a {
    padding-right: 4px;
    padding-left: 4px;
}
#alphabeth li {
    margin-right: 2px;
}
.categorynav li {
    float: left;
    padding-bottom: 6px;
    height: 21px;
}
.categorynav li a {
    color: #d02027;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: normal;
    padding: 0px 10px;
    display: block;
    height: 19px;
}
.categorynav li a:hover {
    color: #000;
}
#latestposts{padding-top:8px;}
.articleintro {
    clear: both;
    margin-top: 15px;
    margin-bottom: 20px;
}
.articleintro .date {
    background: url(../images/calendar_bg.gif) no-repeat left top;
    display: block;
    float: left;
    height: 40px;
    width: 38px;
    margin-right: 15px;
    margin-top: 2px;
}
.articleintro .date strong {
    display: block;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    line-height: 12px;
    padding-bottom: 2px;
    padding-top: 1px;
    text-transform: uppercase;
}
.articleintro .date span {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    display: block;
    letter-spacing:-1px;
}
.articleintro .intro {
    float: left;
    width: 89%;
}
.sidecontent {
    float: right;
    width: 350px;
    position: relative;
    z-index: 0;
}
.sidecontentblock {
    padding-right: 10px;
}
.block {
    margin-bottom: 20px;
}
.newslist {
    list-style: none;
    margin: 15px 0px 0px 0px;
    display: block;
    clear: both;
}
.newslist li {
    float: left;
    width: 160px;
    margin-right: 15px;
    border-bottom: 2px dotted #E3941B;
}
.newslist li a {
    display: block;
    padding-top: 5px;
    padding-bottom: 7px;
    font-size: 11px;
}
.sponsorlink {
    display: block;
    height: 72px;
    width: 157px;
    border: 1px solid #CCC;
    float: left;
    margin-right: 16px;
    margin-bottom: 8px;
    margin-top: 8px;
    text-align: center;
    vertical-align: middle;
    background: #e5f1ff;
    color: #333;
}
.sponsorlink strong {
    display: block;
    margin-top: 15px;
}
.sponsorlink span {
    font-size: 10px;
    text-decoration: none;
    display: block;
}
.sponsorlink img {
    border-style: none;
}
.member {
    float: left;
    width: 200px;
    margin-right: 20px;
    font-size: 11px;
    margin-top: 10px;
    overflow: auto;
}
.member p {
    /*float: left;
    display: block;*/
	line-height:16px;
}
.member .thumbnail {
    float: left;
    margin-right: 10px;
    height: 54px;
    width: 54px;
    border: 1px solid #CCC;
    overflow: auto;
}
.member p span {
    display: block;
    font-size: 11px;
    line-height: 14px;
    padding-top: 4px;
}
#promo {
    padding: 0px;
    height: 243px;
    width: 590px;
    margin:0px 0px 20px -20px;
    position: relative;
    z-index: 1;
}
#promo .bottomcorner, #promo .topcorner {
    height: 8px;
    width: 8px;
    position: absolute;
    z-index: 1000;
}
#promo .bottomcorner {
    right: 0px;
    bottom: 0px;
    background: url(../images/corner-bottom-right.gif) no-repeat right bottom;
}
#promo .topcorner {
    background: url(../images/corner-top-right.gif) no-repeat right top;
    top: 0px;
    right: 0px;
}
#donate {
    height: 243px;
    width: 350px;
    position: relative;
    background: url(../images/haydon_join_blue.jpg) no-repeat right top;
    color: #FFF;
    z-index: 0;
    margin-bottom: 20px;
}
#donate .clicktojoin {
    position: absolute;
    z-index: 2;
    height: 124px;
    width: 348px;
    left: 1px;
    top: 1px;
}
#donate p {
    position: absolute;
    z-index: 1;
    height: 54px;
    width: 303px;
    overflow: auto;
    left: 25px;
    top: 131px;
    line-height: 13px;
    font-size: 11px;
}
#donate p a {
    color: #FFF;
}
#donate p a:hover {
    color: #000;
}
#donate .supportus {
    position: absolute;
    z-index: 1;
    bottom: 18px;
    left: 100px;
}
.clear {
    font-size: 1px;
    line-height: 1px;
    display: block;
    margin: 0px;
    padding: 0px;
    clear: both;
}
.hideme{display:none;}
.permalink{margin:0px 0px 5px 0px; padding:0px; color:#666; font-size:10px;}
.formbutton{background:#d94a09;color:#fff;padding:2px 10px;}
#footer {
    position: relative;
    top: 0px;
    clip: rect(0px,auto,auto,auto);
    background: url(../images/footer_bg.jpg) no-repeat center bottom;
    z-index: 0;
    padding-bottom:30px;
} 
/*TOOLTIP*/
.maincontentblock .tooltip a{
    background:#f7f5d1;   
    }
.maincontentblock .ui-datepicker-calendar .ui-state-highlight{border: 1px solid #d19405; background: #fece2f url(images/ui-bg_gloss-wave_60_fece2f_500x100.png) 50% 50% repeat-x; font-weight: bold; color: #4c3000; outline: none;}

/* COMMENTS */
.comments_form {clear:both;padding-top:20px;}
.comments_form .showcommentform a{font-size:12px;letter-spacing:normal;background:url(newsight/z-images/comment_add.gif) no-repeat left center; padding-left:26px; }
.comments_form .addcomment{display:none;}
.comments_form label{display: block; font-weight:bold; padding-bottom:2px;}
.comments_form .textfield{padding:2px; font-family:Verdana, Helvetica, sans-serif; font-size:11px; border:1px solid #666;}
.comments_form #commentcode{width:130px; height:50px; display:block;}
.comments_form .btn_commentsubmit{margin-top:10px;}
.comments_box {border-bottom:2px dotted #d8d2b8;
margin-bottom:10px;
margin-top:15px;
background:#f0ede5;}
.comments_box h3{background: url(../images/navigation_bg.png) repeat-x left center; padding:5px 10px; color:#E3941B; font-size:14px; }
.comments_box .comment{padding:5px; border-bottom:1px dotted #dadada; margin:10px; font-size:11px; line-height:14px;background:#FDFDFB;}
.comments_box .comment h4{font-size:11px; } 
.comments_box .comment p{margin-bottom:10px;}
.comments_box .comment .del_comment{width:30px; display:block; float:right; padding:3px;}   
.comments_box .comment_date{color:#999; padding:0px 10px 0px 0px; display:block;line-height:18px;letter-spacing:normal; font-weight:normal;} 
#math_guard_answer{border:1px solid #666; margin:2px 5px; padding:3px;} 
.olderposts{float:left; white-space:nowrap;}
.newerposts{float:right; white-space:nowrap;}   
.post_separator{clear:both; height:0px; margin-bottom:20px; border-bottom:1px dotted #d8d2b8;}   

/*ARTST SECTION*/
.artistbio, .artisturl, .artistimages{margin:0px 0px 20px 0px;}
.artistimages img{margin:10px 0px;}  
.artisturl {background: #fcf0d1;
    border: 1px solid #d97e0b;
    padding:10px 10px 10px 20px;
    margin:20px 0px;
    }
.artistgallery{padding:0px 0px 20px 0px; clear:both;overflow:auto;} 
.artistmembergallery{padding:0px 0px 20px 0px; clear:both;overflow:auto;}
.artistmembergallery .member{width:145px;} 
.artistgallery  .member{width:163px;}  
.breadcrumbs{font-size:10px; clear:both; padding:0px 0px 10px 20px;opacity:0.6; filter:alpha(opacity=60); }  
.breadcrumbs a:hover{filter:alpha(opacity=100); opacity:1.0;} 
/*CALENDAR STYLES*/
.cal_times{width:99%;clear:both;padding-top:20px; margin:20px 0px;}
.cal_times thead{border-bottom:1px solid #ccc;padding:10px; margin-right:10px;background: url(../images/navigation_bg.png) repeat-x left center;}
.cal_times th{font-weight:bold;padding:3px 5px;}
.cal_times td{padding:3px 5px; background-color:#F0EDE5;border-bottom:1px dotted #dadada;}

.calendaritem{
border-bottom:1px dotted #CCCCCC;
margin:10px 0 0;
overflow:auto;
padding:0 0 0;
}
.calendarintro{float:left; padding:0px 0px 0px 5px;width:320px}   
.eventdate{float:left; width:120px; overflow:auto;}
.eventdate span{float:left;font-size:11px;font-weight:bold;display:block;}
.eventdate .callabel{width:30px;font-weight:normal;display:block;text-align:right;padding:0px 10px 0px 0px;}
.eventdate .caldate{color:#E3941B; font-size:16px;letter-spacing:-1px;margin-bottom:10px;}