/*  
Theme Name: Student Magazine
Theme URI: http://www.daleanthony.com
Description: SBL Online - Student Magazine WordPress Theme.
Author: Dale-Anthony
Author URI: http://www.daleanthony.com
*/

#spg-cont img{margin-left: 25px;}

/* CSS RESET */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, blockquote, th, td, img { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }
* a { position:relative }
a { outline:none }
a img { border:none }


/* BODY STYLES */
body { color: #29506B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
p { font-size: 11px; line-height: 16px; margin-bottom: 18px; }


/* GENERAL LAYOUT */

#block1 { margin-top: 10px; float: left; width: 240px; margin-right: 5px; margin-lefT: 5px; }
#block2 { margin-top: 10px; float: left; width: 240px; margin-right: 15px; margin-lefT: 15px; }
#block3 { margin-top: 10px; float: left; width: 220px; margin-right: 5px; margin-lefT: 5px; }


/* STUDENT MAGAZINE NAV */
.navigation { height: 15px; padding: 5px; float: right;}
.navi {background-color: #0f1e27; padding: 5px; margin-left: 1px; float: left; color: white;}
.navi a:link {text-decoration: none; color: #FFFFFF;}
.navi a:visited {text-decoration: none; color: #FFFFFF;}
.navi a:active {text-decoration: none; color: #FFFFFF;}
.navi a:hover {text-decoration: none; color: #669933;}


/* HEADING STYLES */
h1 {background-image: url(images/h2bg.jpg); background-repeat: repeat-x; margin-left: 1px; margin-right: 1px; padding: 4px; background-color: #2a526d; font-style: normal; font-weight: normal; font-size: 18px; color: white; border-width: 1px; border-style: solid; border-color: #003366;}

h3 {width: 233px; background-color: #6287A2; padding: 3px; font-size: 11px; margin: 0px; }
h4 { float: left; clear: both; margin-left: 1px; margin-right: 1px; margin-top: 10px; margin-bottom: 6px; padding: 4px; background-color: #2a526d; font-style: normal; font-weight: normal; font-size: 12px; color: white; background-image: url(images/h2bg.jpg); background-repeat: repeat-x; border-width: 1px; border-style: solid; border-color: #003366;}

h2 a{color: white; text-decoration: none; font-weight: normal;}

h2 {color: white; float: left; margin-left: 1px; margin-right: 1px; margin-top: 10px; padding: 4px; background-color: #2a526d; font-style: normal; font-weight: normal; font-size: 18px;  background-image: url(images/h2bg.jpg); background-repeat: repeat-x; border-width: 1px; border-style: solid; border-color: #003366;}

h5 {font-size: 18px; font-weight: normal; margin-bottom: 10px; margin-top: 15px; }

/* LINKS HEADINGS */
.linkshead{display:block }
.linkshead *{display:block; height:1px; overflow:hidden; font-size:.01em; background:#377384 }
.linkshead1{margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #a9c2ca; border-right:1px solid #a9c2ca; background:#6996a2 }
.linkshead2{margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #ebf1f2; border-right:1px solid #ebf1f2; background:#5d8d9b }
.linkshead3{margin-left:1px; margin-right:1px; border-left:1px solid #5d8d9b; border-right:1px solid #5d8d9b; }
.linkshead4{border-left:1px solid #a9c2ca; border-right:1px solid #a9c2ca; }
.linkshead5{border-left:1px solid #6996a2; border-right:1px solid #6996a2 }
.linksheadfg{background:#377384 }


/* LAYOUT */
#sm-head { float: left; background-image: url(images/sm_head.jpg); background-repeat: repeat-x; width: 100%; height: 86px; }
#page-container { height: 500px; background-image: url(images/page-bg.jpg); background-position: center top; background-repeat: repeat-x; float: left; width: 100%; }
#header-container, #content-container { padding: 10px; margin-right: auto; margin-left: auto; width: 750px; }
#index-container { height: 390px; background-image: url(images/index-image.jpg); background-position: center top; background-repeat: no-repeat; padding: 10px; margin-right: auto; margin-left: auto; width: 750px; }

#minipost { color: #99cccc; margin-top: 10px; clear: right; float: right; }

.newsul {float: left; margin-top: 10px; margin-bottom: 20px;}



#stuffblock { margin-top: 10px; width: 680px; margin-right: auto; margin-left: auto; }
.reviewsli { float: left; }
.reviewsli img { margin-right: 1px; margin-left: 1px; margin-top: 2px; padding: 0px; float: left; }
.blockcontent { float: left; }
.blockcontentpad { margin-top: 5px; margin-bottom: 5px; float: left; }
.more { margin-right: 1px; margin-left: 1px; margin-top: 2px; padding: 3px; float: left; clear: both; background-color: #003366; color: white; }
.more a{ color: white; text-decoration: none; }
input { margin-right: 5px; margin-bottom: 3px; margin-top: 3px; }
form { margin-top: 6px; }

#indexright { margin-top: 10px; float: right; width: 220px; }




/* MISC */

.post-image {background-color: #6287A2; padding: 2px; margin: 0px;  }









.rating1 {margin-bottom: 10px; padding: 0px; line-height: 0px;}
.rating2 {margin-bottom: 0px; padding: 0px; line-height: 0px;}


.new {width: 240px; float: left;  margin:0px; padding: 0px; padding-bottom: 7px; margin-bottom: 7px; border-bottom-width: 1px; border-bottom-color: #6287A2; border-bottom-style: solid; margin-left: 1px; margin-right: 1px; font-size: 10px;}

.newul {margin-top: 5px; margin-right: 2px; margin-left: 0px; margin-bottom: 10px; padding: 0px; }

.new a:link, .new a:link a:active, .new a:link a:hover, .new a:visited {color: #346486; text-decoration: none;} 

.newright { color: #666666; float: right; clear: both;}
.newright a:link, .newright a:active, .newright a:hover, .newright a:visited {color: #666666; text-decoration: none; }

#reviewleft p{float: left}
#reviewleft1 {float: left}
#reviewleft2 {float: left}
#reviewleft3 {float: left; margin-top: 5px; }

.cposttextarea {width: 200px; border-style: solid; border-width: 1px; border-color: #999999; padding: 2px; font-size: 11px; margin-top: 2px; margin-bottom: 8px;}
#commentpost {width: 740px; margin-top: 8px; float: left;}

.PSR_container {margin: 0px; padding: 0px; width: 94px; height: 20px;}
.PSR_stars {margin: 0px; padding: 0px; width: 94px; height: 20px;}


#comment-container {width: 750px; float: left;}
#comment-say  {width: 750px; float: left; margin-top: 5px;}
.comment-content {float: left; width: 720px; margin-top: 10px; padding: 15px; background-image: url(images/commentbg.jpg); background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #999999;}

.commentbox {width: 409px; height: 150px; font-size: 11px; padding: 4px; border-style: solid; border-width: 1px; border-color: #999999; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif;}

.tvul {margin-top: 8px;}
.tvimage {margin-top: 2px; margin-left: 1px;}

#homepoll {margin-top: 10px;}
.pollq {font-size: 10px; font-weight: bold;}
.pollul {margin-top: 10px; margin-bottom: 10px; font-size: 10px;}
.pollli {margin-bottom: 2px;}
.polllires {margin-bottom: 8px;}

#page-entry {float: left; margin-top: 10px; width: 748px; margin-left: 1px; }
#page-entry img{}
#page-entry img {padding: 1px; 	border-width: 4px; border-style: solid; border-color: #003366; background-color: #ffffff;}


.linkli {border-bottom-color: #6287A2; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 8px; margin-bottom: 8px; float: left; width: 752px; margin-left: 2px; margin-right: 2px;}
.linkli a{width: 130px; color: #29506B; font-weight: bold; float: left; text-decoration: none;}
.linkli a:active{color: #29506B; float: left; text-decoration: none;}
.linkli a:hover{color: #29506B; float: left; text-decoration: underline;}
.linkli a:visited{color: #29506B; float: left; text-decoration: none;}
.linklides {font-weight: normal; text-align: right; color: #666666; float: left;}

.linkheadlink {font-size: 20px; float: left; height: 22px; margin-left: 45px; margin-right: 45px;}



#reviewinfo {width: 210px; float: right; margin-top: 55px; margin-left: 20px; padding: 15px; border-width: 1px; border-color: #003366; border-style: solid; }

#reviewleft { width: 470px; float: left; margin-top: 15px; }

ul.nav {margin: 0px; padding: 0px;}

#centre{width: 750px; margin-left: auto; margin-right: auto; height: 25px; }

.nav li {font-size: 11px; color: #666666; list-style-type: none; float: left; padding-right: 11px; padding-left: 12px; margin: 0px; background-image: url(images/navdiv.jpg); background-repeat: no-repeat; padding-top: 5px; padding-bottom: 0px; height: 21px; text-align: left;}
.nav li a {color: #FFFFFF; text-decoration: none; }
.nav li a:hover {color: #FFFFFF; text-decoration: none; }



#headercontainer {background-image: url(images/headbg.jpg); background-repeat: repeat-x; width: 100%; margin: 0px; clear: both; display: block; }


#headerblock {width: 750px; margin-right: auto; margin-left: auto; height: 102px; }

#logoblock {width: 375px; float: left; padding-top: 14px; }
#infoblock {width: 375px; float: left; font-size: 11px; text-align: right; padding-top: 18px; color: #1A5166; }
#navigationcontainer {background-image: url(images/navbg.jpg); background-repeat: repeat-x; margin: 0px; padding: 0px; height: 25px; width: 100%; }


#indexleft { margin-top: 10px; width: 241px; float: left; }