/* 
Better 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: #242122 url(../images/bodybg.jpg) repeat-x left top;
    font: 11px/16px Arial, Helvetica, sans-serif;
    color: #333;
}
a {
    color: #0095D1;
}
p {
    margin: 0px 0px 10px;
}

h2, h1 {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    letter-spacing: -1px;
}
ul, ol{margin:10px 0px 10px 40px; padding:0px;}
.googlemap{float:right;width:208px; height:208px; overflow:hidden;}
.googlemap iframe{border:2px solid #c1d72e;}
.location{float:left;width:350px;height:140px; background:url(../images/left-bracket-tall.gif)no-repeat top left; padding:10px 0px 10px 30px;}
.clear {
    font-size: 1px;
    line-height: 1px;
    display: block;
    margin: 0px;
    padding: 0px;
    clear: both;
    float: none;
}
#container {
    background: url(../images/containerbg.gif) no-repeat 0px 270px;
    margin: 0px auto;
    width: 990px;
}
#wrapper {
    margin: 0px auto;
    width: 915px;
    position: relative;
    padding-top: 40px;
    z-index: auto;
}
#header {
    position: absolute;
    height: 71px;
    width: 585px;
    left: 300px;
    top: 0px;
    z-index: 100;
}
#header ul{margin:0px; padding:0px;display:block;}
#header ul li {
    float: left;
    list-style: none;
    margin: 0px 6px 0px 0px;
    padding: 0px;
    display:block;
}
#header ul li a img {
    border-style: none;
}
#sidebar {
    float: left;
    width: 254px;
    margin: 0px;
    padding: 0px;
}
#content {
    background: url(../images/boxbackground.gif) repeat-y left top;
    float: right;
    width: 650px;
    position: relative;
}
#blog{float:left; width:390px;padding:0px 10px; }
#topics{float:right;  width:170px;margin-right:10px;background:url(../uploaded/othergraphics/topics.gif) no-repeat 72px 0px; padding-top:40px;}
#maincontent {
    padding: 50px 30px 40px;
}
#savetowin {
    text-align: center;
    margin-bottom: 20px;
}
#quickcash {
    text-align: center;
    margin-bottom: 20px;
}
.articleintro{padding:20px 0px 10px 0px;}
/*background:url(../uploaded/othergraphics/topics.gif) no-repeat 0px 0px;*/
.categorynav{width:150px;  margin:0px 0px 10px 10px; padding:10px;list-style:none;border:3px solid #00bce4;-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.categorynav li{padding:5px 0px;}
.page-devider {
    background: url(../images/h1-bg.gif) no-repeat center bottom;
    text-align: center;
    border-style: none;
    display: block;
    margin: 0px 0px 20px 8px;
    padding: 0px 0px 10px;
    width:580px;
}
.categorytitle{color:#c1d72e;font-size:14px;line-height:20px;}
.headline-image {
    text-align: center;
    margin: 0px auto;
    display: block;
    border-style: none;
    padding-bottom:10px;
}
.permalink{color:#aaa; margin:0px;}
.permalink a{color:#36caea;}
.story {
    background:none; 
    padding-left:35px; 
    width:510px;
    margin-top:20px;
    margin-left:25px;
}
.tip {
    background: url(../images/tip-brackets.gif) no-repeat 7px 0px;
    margin: 20px 0px 10px;
    padding: 3px 35px 5px 60px;
    position: relative;
    z-index: auto;
    width:500px;
}
.tip-number {
    position: absolute;
    top: 0px;
    left: 20px;
}
.tip-video {
    position: absolute;
    top: 34px;
    left: 21px;
}
.question{
    background:url(images/question.gif) no-repeat top left;
    font-weight:bold;
    padding:3px 20px 10px 40px;
    font-size:13px;
}
.answer{
    background:url(images/answer.gif) no-repeat top left;
    padding:3px 20px 30px 40px;
}
.idea{margin:10px 0px 0px 110px;}
.alphabeth{text-align:center; padding:10px 0px; font-size:14px; border-bottom:3px solid #BBD02C;}
.alphabeth a{padding:0px 3px;text-decoration:none;}
.alphabeth a:hover{color:#333;}
#video {
    background: url(../images/previewbox.gif) no-repeat top left;
    margin: 20px 0px 0px;
    padding: 0px;
    height: 272px;
    width: 254px;
}
#video .video-one {
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    display: block;
    width: 210px;
    margin: 0px auto;
    background: url(../images/right-bracket-video.gif) no-repeat 18px 5px;
    height: 20px;
    padding-top: 5px;
    padding-left: 4px;
}
#video .video-one span {
    color: #C1D82F;
    font-weight: normal;
    padding-right: 10px;
}
#video #videobox {
    height: 160px;
    width: 235px;
    margin: 16px auto 0px;
    background: #211F1E;
}
#video #videocta {
    margin-top: 15px;
    display: block;
    margin-bottom: 50px;
    padding-left: 10px;
}
#video #videocta a {
    color: #C1D82F;
    text-decoration: none;
    background: url(../images/arrow-darkbg.gif) no-repeat left center;
    display: block;
    padding-left: 10px;
}
#video .buttons{padding:0px; margin:0px;}
#video .buttons li {
    list-style: none;
    float: left;
    margin-top: 6px;
    margin-right: 8px;
}
#video .buttons {
    padding-left: 10px;
}
#footer {
    color: #9B9595;
    margin: 20px 0px;
    padding: 10px;
    clear: both;
    float: none;
    text-align: center;
} 
#idealogin{width:250px; margin:10px auto;}
#idealogin input{border:1px solid #c1d72e;padding:3px;margin:3px 0px;} 
#idealogin label{float:left;width:60px; height:26px;margin-right:20px;} 
#idealogin #loginbutton{ width:126px; height:30px;border:none;} /*background:url(../images/login-button.gif)no-repeat center center;*/
/*#idealogin #usernamelabel{background:url(../images/label-username.gif) no-repeat center left;}
#idealogin #passwordlabel{background:url(../images/label-password.gif) no-repeat center left;}*/
.odd{background-color:#F0F6D4;}

.marketingnav{list-style:none; padding:0px 0px 10px 0px;margin:30px 0px 0px 20px;}
.marketingnav li{float:left;padding-bottom:10px;}
.marketingnav li a{display:block; padding:5px 10px;font-weight:bold;}

/* COMMENTS */
.comments_form {clear:both;padding-top:5px;}
.comments_form .showcommentform a{font-size:11px;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: #00bce4;
    font-weight: bold;
    
    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:10px;
margin-top:15px;
}
.comments_box h3{
color:#C1D72E;
background:#fff none repeat scroll 0 0;
border-bottom:1px dotted #C1D72E;  
font-size:12px;
letter-spacing:-1px;
line-height:13px;
margin:0;
padding:15px 10px 0px 0px;
text-transform:uppercase; }
.comments_box .comment{padding:5px; border-bottom:1px dotted #dadada; margin:10px 10px 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;} 
#math_guard_answer{border:1px solid #666; margin:2px 5px; padding:3px;} 
.olderposts{float:left; white-space:nowrap;}
.newerposts{float:right; white-space:nowrap;}

/*PUSHUP WEB*/
#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; }


/*VIDEO CONTEST*/
.vote-error{
    color:#C30;
    font-weight:bold;
    padding:8px 0px;
}

.contest-video{
    padding:10px 0px;
    border-bottom:1px dotted #ddd;
    margin-bottom:10px;
}

.vote-link-container{
    padding:10px 0px 0px;
}

.submit-button{
    color:#fff;
    font-weight:bold;
    padding:3px 10px;
    background:#0095D1;
    margin-top:20px;
}