/* 
Emir Plicanic 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 {
    background: #fff url(../images/body-bg.gif) repeat-x left top;
    font: normal 13px/20px Georgia,"Times New Roman",Times,serif;
    color: #333;
}


a.retweet { font: 12px Helvetica,Arial, sans-serif; color: #000; text-decoration: none; border: 0px;letter-spacing:normal;vertical-align:6px; }
.permalink{font: 11px Helvetica,Arial, sans-serif; margin:40px 0px 8px 0px; padding:0px; color:#999;}
.permalink a {opacity:0.5;filter:alpha(opacity=50); }
.permalink a.retweet { vertical-align:0px; font-size:10px;padding:2px; opacity:0.5;filter:alpha(opacity=50);}
.permalink a:hover { opacity:1.0;filter:alpha(opacity=100); }
a.retweet span { color: #FFF; background: #94CC3D; margin-left: 2px; border: 1px solid #43A52A; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px; }
a.vert { display: block; text-align: center; font-size: 16px; float: left; margin: 0px 4px 4px 4px; };
a.retweet strong.vert { display: block; margin-bottom: 4px; background: #F5F5F5; border: 1px solid #EEE; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 3px; }
a.retweet span.vert { display: block; font-size: 12px; margin-left: 0px; }

h1,h2,h3,h4,h5,h6,.newslist, .button, #wrapper .comments_form .formbutton {font-family:Helvetica, sans-serif;}

h1{font-size:32px; letter-spacing:-2px; line-height:36px;font-weight:normal;}
h2 {
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -1px;
}
h3{font-size:16px;margin-top:15px;}
.h3-color{background:#F94C12; padding:10px 15px;color:#fff;margin-top:40px;display:block;}
.post_title, .articleintro h3{margin-bottom:15px;}

.clear{line-height:1px; display:block; clear:both; font-size:1px;}
p{margin:10px 0px 15px;}
a {
    color: #205e8c;
    text-decoration: none;
}
a:hover {
    
    text-decoration: underline;
}

ul, ol{margin:20px;padding-left:20px;}
#content li ul, #content li, ol{margin-top:5px;}
.button, #wrapper .comments_form .formbutton {
    background: #F94C12;
    font-weight: bold;
    color: #FFF !important;
    text-decoration: none;
    line-height: 14px;
    padding: 5px 25px;
    width: auto;
    display: block;
    text-align: center;
    margin-top: -15px;
    margin-bottom: 15px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.button:hover{background:#e54101;}

#maincontent .button{float:left; clear:both;margin-top:0px;}
.cta{-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background:#eee;
    padding:5px 20px;
    border:1px solid #ccc;
}
.example_table{
margin:20px;
width:auto;
background-color:#eee;}

.example_table td{
padding:5px; 
border:1px solid #ccc;
border-collapse:collapse;
}
.ad{margin-bottom:10px;}
#maincontent blockquote{margin:20px;
width:auto;
background-color:#eee;
padding:10px 20px; -moz-border-radius: 10px;
    -webkit-border-radius: 10px;}

#maincontent img{
    margin:15px 0px;

}
#wrapper {
    margin: 0px auto;
    width: 980px;
    position: relative;
}
#header {
    height: 366px;
    position: relative;
    background: url(../images/header-background.jpg) no-repeat  110px 0px;
}
#logo {
    width:159px;
    background:#fff;
    float:left;
    height:366px;
    position:relative;
}
#logo .logo{
    position:absolute;
    top: 293px;
}
#logo .follow {
    font-family: Helvetica, sans-serif;
    color: #CCC;
    font-weight: bold;
    letter-spacing: normal;
    padding-top: 10px;
}
#logo .follow span {
    display: block;
    float: left;
    width: auto;
    line-height: 30px;
    height: 30px;
    margin-right: 10px;
    padding-left: 10px;
    
}
#logo .follow img{
    margin-right: 10px;
}
/* #logo .follow a{
    opacity:0.3;
     filter:alpha(opacity=30); 
}
#logo .follow a:hover{
    opacity:1;
     filter:alpha(opacity=100);
}*/
#promo{
    float:right;
    position:relative;
    width:800px;
    height:304px;
    color: #ddd;
    font-family:Helvetica, sans-serif;
}
#promo ul,#promo  ol{margin:0px; padding:0px;}
#promo .item {
    position: absolute;
    width: 600px;
    height: 231px;
    left: 90px;
    top: 70px;
    /* background:#0b121c url(../images/sidebar-item-bg.gif) no-repeat left top; */
}
#promo .item .itemcta{
    float:right;
    padding-top:10px;
    width:127px;
    text-align:center;
}
#promo .item .itemlogo{
    display:block;
    margin-bottom:20px;
   }
#promo .item .button{
    display:block;
    clear:both;
    margin-top:20px;

}
#promo .item .itemdesc {
    margin-left: 0px;
    float: left;
}
#promo .item .itemdesc ul {
    margin-left: 30px;
    margin-top: 10px;
    color:#999;
}
#promo .item .itemdesc p{color:#999;}
#promo .item .itemdesc .featurebullets {
    margin-left:13px;
    margin-top: 10px;
    line-height:24px;
    font-size:12px;
    width:375px;
}
#promo .item .itemdesc .featurebullets li{
    float:left;
    width:185px;
}
#promo .item .itemdesc h1 {
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 30px;
}
#promo .item .itemdesc h2 {
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
}
#header .newslist{
    clear:right;
    list-style:none;
    text-transform:uppercase;
    font-size:14px;
    font-weight:bold;
    margin: 0px 0px 0px 218px;
    padding: 23px 0px 0px;
}
#header .newslist li{
    float:left;
    margin-right: 20px;
    margin-left: 20px;
}
#header .newslist li a{
    color:#fff;
    text-decoration: none;
}
#header .newslist li a:hover, #header .newslist .selectednav a{
    color:#F94C12;
    padding-bottom:22px;
    text-decoration:none;
    background:url(../images/selectednav.gif) no-repeat bottom center;
}
#about {
    font-size: 12px;
    line-height: 20px;
    color: #0B121B;
    background: transparent url(../images/about-bg.png) repeat-x left top;
    margin: 1px 0px 0px 1px;
    border-left:4px solid #666;
    height: 84px;
    padding-top: 25px;
    padding-right: 20px;
    padding-left: 20px;
    position: absolute;
    width: 920px;
    display: none;
    z-index:1000;
}
#content {
    padding-top: 20px;
    position: relative;
}
#maincontent {
    float: left;
    width: 610px;
    overflow:hidden;
    
}
.articleintro{border-bottom:1px dotted #666;padding-bottom:20px; margin-bottom:20px;overflow:auto;}
#sidebar {
    font-family:Helvetica, sans-serif;
    color: #888;
    float: right;
    width: 300px;
}
#sidebar .quick-links {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size:11px;
    line-height:16px;
}
#sidebar .olderposts, #sidebar .newerposts{
    font-size:10px;
    text-transform:uppercase;
    padding:10px 0px 10px 25px;
}

#sidebar .sidebar-item .quick-links li {
   padding-left:25px;
}
.sidebar-item .quick-links .selectedsidebar {
    background:url(../images/selectedsidebar.png) no-repeat center left;
}
.sidebar-item .quick-links .selectedsidebar a{
    color:#F94C12;
}
#sidebar .quick-links li a {
    padding-bottom: 10px;
    display: block;
    padding-top: 7px;
    border-bottom: 1px dotted #666;
}
.item a{color:#F94C12;}
.sidebar-item a{color:#000;}

.sidebar-item{
position:relative; 
padding:25px 28px 25px 0px; 
background:#ddd url(../images/recent-posts-bg.gif) no-repeat top left; /* #0b121c */
-moz-border-radius-bottomright:15px;
-webkit-border-bottom-right-radius:15px;
-moz-border-radius-topleft:15px;
-webkit-border-top-left-radius:15px;
text-align:left;
}
.sidebar-item .introtext{padding-left:25px;color:#FFFFFF;
margin-bottom:35px;
margin-top:0;
padding-left:25px;}
.sidebar-item-nobg{
position:relative; 
padding:25px 28px; 
border-bottom:1px dotted #666;

}
.sidebar-item-corner{
position:absolute; 
background:#fff; 
width:12px; 
height:12px; 
display:block; 
top:0px; 
left:0px; 
}
#footer {
    color: #999;
    background: #0B121B;
    padding: 20px 20px 20px 0px;
    clear: both;
    float: none;
    margin-top: 20px;
}
#footer .column-wide {
    float: left;
    width: 580px;
    padding-left: 20px;
}
#about .abouttext {
    float: left;
    margin-left: 70px;
    width: 650px;
    margin-right: 40px;
}
#about .socialmedia {
    display: block;
    float: left;
    margin-right: 20px;
}
.introtext {
    font-size: 18px;
    font-weight: bold;
}   
/* COMMENTS */
.comments_form {clear:both;padding-top:5px;}
.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; margin-right:10px; }
.comments_form .showcommentform .contactme{background:url(newsight/z-images/email.png) no-repeat left center; padding-left:26px; margin-left:10px; }
.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;background: #F94C12;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    line-height: 14px;
    padding: 5px 25px;
    width: auto;
    display: block;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;}
.comments_box {
margin-bottom:10px;
padding-bottom:20px;
margin-top:15px;
background:#ddd;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;}
.comments_box h3{background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
font-size:23px;
letter-spacing:-1px;
line-height:13px;
margin:0;
padding:15px 10px 0;
text-transform:uppercase; }
.comments_box .comment{padding:5px; border-bottom:1px dotted #dadada; margin:10px 20px 1px 10px; font-size:11px; line-height:14px;background:#FDFDFB;}
.comments_box .comment h4{font-size:11px; } 
.comments_box .comment p{margin-bottom:10px;margin-top:3px;}
.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;}
.comments_box .commentreply{text-align:right; padding-right:10px;} 
.comments_box code{white-space:pre;overflow:auto; display:block; width:570px;}
#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:20px;}   

/*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:169px;}  
.breadcrumbs{font-size:10px;margin-bottom:25px; clear:both; opacity:0.6; filter:alpha(opacity=60); }  
.breadcrumbs a:hover{filter:alpha(opacity=100); opacity:1.0;} 
/*CALENDAR STYLES*/
.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;}   
/*PUSHUP*/
#pushup {
  position: fixed;
  top: 10px;
  right: 10px;
  margin: 0;
  padding: 4px;
  background: #ffffc6;
  border: 1px solid #b0dfc8;
  z-index: 9999;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}
* html #pushup {
  position: absolute;
  top: expression(_pushupIETop = 10 + (document.documentElement.scrollTop || 0) + 'px');
}
#pushup * {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.withReminder { padding-bottom: 6px; }
#pushup a {
  outline-style: none;
  text-decoration: none;
}

#pushup .pushup_messageLink {
  float: left;
  position: relative;
  color: #4293cd;
  font-size: 12px;
  cursor: pointer;
}

#pushup .pushup_icon {
  position: relative;
  float: left;
  height: 22px;
  width: 22px;
  margin-right: 5px;
  overflow: hidden;
  vertical-align: middle;
}

#pushup .pushup_message {
  position: relative;
  float: left;
  margin-right: 3px;
  line-height: 22px;
  vertical-align: middle;
}

#pushup .pushup_reminder {
  float: left;
  clear: both;
  font-size: 10px;
  color: #84a2ac;
  margin-left: 27px;
  cursor: pointer;
}

#pushup .pushup_messageLink:hover,
#pushup .pushup_reminder:hover { text-decoration: underline; } 
/*END PUSHUP*/  

/* CSS BOX MODEL */
#box_model{
    position:relative;
    width:375px;
    height:700px;
    margin-left:100px;
}
.cssbox-margin {
    background: url(uploaded/cssbox/css-box-model.png) no-repeat left top;
    height: 393px;
    width: 373px;
    position: absolute;
    z-index: 100;
}
.cssbox-border {
    background: url(uploaded/cssbox/css-box-model.png) no-repeat -50px -390px;
    height: 280px;
    width: 264px;
    position: absolute;
    z-index: 101;
    top: 45px;
    left: 54px;
}
.cssbox-padding {
    background: url(uploaded/cssbox/css-box-model.png) no-repeat -80px -680px;
    height: 220px;
    width: 203px;
    position: absolute;
    z-index: 102;
    top: 79px;
    left: 85px;
}
.cssbox-content {
    background: url(uploaded/cssbox/css-box-model.png) no-repeat -105px -895px;
    height: 168px;
    width: 157px;
    position: absolute;
    z-index: 103;
    top: 98px;
    left: 108px;
}
.cssbox-properties {
    position: absolute;
    top: 480px;
    background: url(uploaded/cssbox/css-box-model.png) no-repeat left bottom;
    height: 175px;
    width: 370px;
}
.cssbox-properties ul {
    list-style: none;
    font: bold 14px/18px "Courier New", Courier, monospace;
    color: #501f0a;
    margin: 0px;
    padding: 0px;
    display: block;
    width: 256px;
    height: 150px;
    position: absolute;
    z-index: 110;
    left: 59px;
    top: 1px;
}
.cssbox-properties ul li {
    margin: 0px;
    padding: 0px;
    color: #D54811;
}
.cssbox-properties ul div {
    border-bottom: 2px dotted #fac9b4;
    margin: 0px;
    padding: 5px 0px 5px 10px;
    
    display:block;
    clear:both;
}
.cssbox-properties  li span {
    display: block;
    float: left;
    width: 120px;
    color: #501F0A;
}
.cssbox-description {
    position: absolute;
    height: 85px;
    width: 373px;
    top: 394px;
    font-family: "Courier New", Courier, monospace;
    color: #501f0a;
}
.cssbox-description div {
    display: none;
}
.cssbox-description strong {
    color: #D54811;
}
/* END CSS BOX MODEL */