/* globals */
body{background:#000; font-family:Arial, Helvetica, sans-serif; font-size: 62.5%; margin-top:5px;}
*{margin:0; padding:0; border:none; list-style:none; outline:none;}
#wrapper{ width:940px; margin:0 auto;}
#content, #section, #helpBar, #footer{clear:both;}

/* navigation */
#nav{ float:left; background:url(images/nav-left.gif) no-repeat left; padding-left:134px; margin-top:18px;}
#nav ul{background:url(images/nav-right.gif) no-repeat right; padding-right:5px; float:right;}
#nav ul li{float:left; background:url(images/nav-li.gif) repeat-x bottom;}
#nav ul li a{font-size:1.2em; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#FFF; display:block; padding:.95em 1.8em; background:url(images/nav-li-divider.gif) no-repeat right;}
#nav ul li#videos a{background:none;}
#nav ul li:hover{background:url(images/nav-li-hover.gif) bottom;}

/* nav shadows */
.dropshadow {position: relative;  z-index:10;}
.ie .dropshadow {display:block;position: relative;  z-index:0 !important;}

/* logo */
#headerimg h1 a{ background:url(images/nav-logo.gif) no-repeat; display:block; height:95px; width: 95px; position:absolute; text-transform:capitalize; text-indent:-9999px; margin-left:22px;}

/* content */
#content{padding:10px 0; color:#fff;}
#breadcrumbs a,
#content a{color:#95e2ea; text-decoration:none;}
#breadcrumbs a:hover,
#content a:hover{text-decoration:underline;}
#breadcrumbs{ color:#fff; font: normal 12px arial;clear:both; padding-left:155px;}
#breadcrumbs a#hub{ display:block; background:url(images/btn-hub.gif); width:238px; height:20px; position:relative; text-indent:-9999px;}
ul.post-categories{padding-bottom:15px;}
ul.post-categories a{background:url(images/btn_more-related.gif) no-repeat; position:relative;display:block; text-indent:-9999px; width:191px; height:20px; clear:both;}
ul.post-categories a:hover{text;-decoration:none !important;}
#relatedContent h3{ font-size:1.5em}
#relatedContent .relatedLink{}

/* content article */
h1#question{ font: normal 3em arial; padding-bottom:15px; color:#95e2ea;}
#content.single{ background:url(images/article-bg.jpg) repeat-x bottom; padding:15px; overflow:auto; margin-bottom:10px;}
#content.single #vidInfo{ float:left; width:210px; padding-right:20px;}
#content.single #vidInfo p{padding-bottom:10px;}
#content.single #vidInfo h2{font-size:15px;}
#content.single #vidInfo p#videoPromo a{background:url(images/other-videos.jpg) no-repeat; width:196px; height:125px; display:block; text-indent:-9999px;}
p#crossLink{ font: normal 11px arial; color:#5a848d;}
p#crossLink a{color:#5a848d; text-decoration:underline;}

/* related videos */
#relatedPosts h3{font-size:1.5em; margin-bottom:2px;}
#relatedPosts .relatedLink{clear:both; margin-bottom:5px; overflow:auto; border-top: solid 1px #a0e0ea; padding-top:5px;}
#relatedPosts .relatedLink a{display:block; width:200px;}
#relatedPosts .relatedLink a img{width: 60px; float:left;}
#relatedPosts .relatedLink a span.relatedTitle{float:right; display:block; width:130px; font-size:11px; padding:3px;}

/*tag cloud and category list*/
.ie ul#categoryList{}

ul#categoryList{clear:both; padding-left:80px; position:relative; margin: 0 0 10px 0; background:url(images/bg_q-and-a.gif) repeat-y;}
ul#categoryList li{display:inline;}
ul#categoryList li a{font:bold 15px arial !important; color:#021117;}
ul#categoryList li ul.children {margin-bottom:5px;}
ul#categoryList li ul.children li a{font-size:11px !important; padding: 0 10px 0 0; color:#233d44; font-weight:normal !important;}
li#cat-item cat-item-5{ border-bottom: solid 1px #333;}

ul.wp-tag-cloud{clear:both; padding:3px; background: url(images/label_topics.gif) left #5a848d no-repeat; padding-left:130px; position:relative;margin: 0 0 10px 0;}
ul.wp-tag-cloud li{display:inline;}
ul.wp-tag-cloud li a{background:url(images/nav-li-divider.gif) repeat-y left; padding: 0 10px 0 12px; font-size:11px !important;}
ul.wp-tag-cloud{ border: solid 1px #45686f;}
p#postMetaData{font: normal 1.1em arial;}
#content.single .entry{ float:left; padding:0 20px 20px 0; width:420px;}
#content.single #relatedPosts{ float:left;}
p a.stico_default{display: block; height:22px; width:173px;background:url(images/btn_share.gif) no-repeat !Important; position:relative; text-indent:-9999px; padding:0;}
.navigation{clear:both; padding-top:5px;}
.navigation .prev{ float:left;}
.navigation .next{ float:right;}
.navigation .prev a{ display:block; width:118px; height:19px; background:url(images/btn_prev.gif) no-repeat top;position:relative; text-indent:-9999px;}
.navigation .next a{  display:block; width:118px; height:19px; background:url(images/btn_next.gif) no-repeat top;position:relative; text-indent:-9999px;}
p a.stico_default:hover, #breadcrumbs a:hover#hub,
.navigation a:hover{background-position:bottom !important;}

/*site intro */
#siteIntro{ background:url(images/site-intro-image.jpg) no-repeat right; padding:0 455px 0 15px; height:197px; margin-bottom:7px;}
#siteIntro h1{font: bold 2.8em "Arial Black", Arial, Helvetica, san-serif; text-transform:uppercase; color:#a0e0ea; padding:16px 0 0 0; letter-spacing: -0.06em;}
#siteIntro h1 strong{}
#siteIntro p{font-size:1.2em; color:#fff; line-height:1.3em; padding:5px 0;}
.ie #siteIntro h1{padding:5px 0 0 0;}
.ie #siteIntro p{padding:3px 0;}
.ie6 #siteIntro h1{padding:10px 0 0 0;}

/* sections */
h1.categoryTitle{font: bold 2.9em Arial, Helvetica, san-serif;  color:#FFF; margin-bottom:3px; letter-spacing:-0.06em; position:relative;}
h2.subTitle{ font: normal 1.2em arial; color:#fff; margin-bottom:10px;}
.postmetadata{color:#5f5f5f; padding-right:25px; height:30px;}
#section{background:url(images/section-outter-bg.gif) repeat-x #97d6df; overflow:auto; margin-bottom:10px;}
#section #sectionInner{ background:url(images/section-inner-bg.gif) repeat-x ; overflow:auto; padding:12px 20px; margin:5px;}
#section #sectionInner .post{ float:left; width:20%; margin-bottom:15px;}
#section #sectionInner .post h2 a{ font-size: 12px; }
#section #sectionInner .post a{color:#03182f; text-decoration:none;}
#section #sectionInner .post a:hover{ text-decoration:underline;}
#section #sectionOutter{background:url(images/section-outter-outter-bg.gif) repeat-x bottom; overflow:auto;}
.vidThumb a img{ border: solid 5px #24373d;}
.vidThumb a:hover img{ border: solid 5px #139cb0;}
.vidThumb .playBtn{background:url(images/play-button.gif) no-repeat; height:20px; width:20px; position:relative; margin-top:-20px; top:-20px; left: 138px;}
.vidThumb .playBtn span{ display:block;position:relative; text-indent:-9999px;}

.ie6 #section #sectionInner{margin-top:10px; border-top: solid 5px #2d4d50;}
.ie6 #helpBar { position:relative;}

.navigation .alignleft a, .navigation .alignright a{ padding:3px 5px; font: bold 14px arial; text-transform:uppercase; background:#0d263c; color:#fff !important;}

/* help bar */
#helpBar{ background:url(images/help-bar-bg.gif) #6d939e repeat-x bottom; padding: 10px 20px; font: bold 1.8em "Arial Black", Arial, Helvetica, san-serif; color:#FFF; text-transform:uppercase; clear:both;}
#helpBar span{ color:#a0e0ea; padding-left:20px;}
#helpBar strong{background:url(images/nav-li-divider.gif) no-repeat right; padding-right:30px; color:#fff;}

/* footer */
div#footer{background:url(images/footer-top-round.gif) top no-repeat #345057; margin-top:10px;  padding:20px; height:40px;}
ul#footerLinks{text-align:center;}
ul#footerLinks li{display:inline; text-align:center; padding:0 10px 0 8px; background:url(images/nav-li-divider.gif) right no-repeat;}
ul#footerLinks li.last{background:none;}
ul#footerLinks li a{color:#a7e7f4;}
div#footer div#mtvU{ float:left; text-indent:-9999px; display:block; background:url(images/mtvu-logo.gif) no-repeat; height:45px; width:55px;}
div#footer div#Ulifeline{ float:right;text-indent:-9999px; display:block; background:url(images/ulife-logo.gif) no-repeat; height:40px; width:105px;}

/* student profile page */
img.alignleft{float:left; padding: 10px 10px 0 0;}
.pagePost p{ font: normal 12px arial; color:#000; padding-bottom:10px; line-height:1.5em;}
.student{ border-bottom: solid 1px #81abb1; border-top: solid 1px #c3e8ee; padding:10px; }
.student h2{color:#000; font-size:2.0em;}
#sharethis_0{ display:none;}
h1.title{font: bold 2.8em "Arial Black", Arial, Helvetica, san-serif; margin-bottom:5px;}
ul#studentNav{margin-top:5px 0; padding-bottom:10px;}
ul#studentNav li{display:inline; text-transform:uppercase; padding: 0 20px; border-right: solid 1px #fff;}
ul#studentNav li a{color:#FFFFFF; font-size:12px;}