/*
Theme Name: Hybrid Custom
Theme URI: http://link-to-your-site.com
Description: One off build for Stony Brook University School of Journalism
Version: 0.1
Author: Roman Foxman
Author URI: http://www.romanfoxman.com
Tags: Hybrid, Two column, Conference
Template: hybrid
*/

/* Get base CSS */
@import url('21px-sb.css');

/* Get plugins CSS */
@import url('plugins.css');

/* Get drop-downs CSS */
@import url('drop-downs.css');

/* Get default CSS */
@import url('screen-sb.css');

/* Make sure theme clears WP.org theme repository checklist */

.alignright {}
.alignleft {}
.alignnone {}
.aligncenter {}
.avatar {}
.wp-caption {}
.gallery {}
.wp-smiley {}

body { 
 height:100%;
 margin:0 auto;
 min-width:1000px;
 background-image:url(images/bg_content.gif);
 background-position:center top;
 background-repeat:repeat-y;
 background-color:#fff;
  }
#top-background {
 background: url(images/bg.gif) repeat-x scroll 0 59px white;
 height: 264px;
 padding-top: 0!important;
 margin:0 auto;
 clear:both!important;
 }
#top-container {
 overflow:hidden;
 width:960px;
 height:90px;
 margin:0 auto;
 }
#sb-br-univer{
 float:left;
 overflow:hidden;
 width:220px;
 height:32px;
 padding:27px 0 0 0;
 overflow:hidden;
 }
#utility-before-header{
 float:right;
 overflow:hidden;
 padding:34px 0 0 0;
 position:relative; right: -8px;
 }
* html #utility-before-header{
 float:right!important;
 overflow:hidden;
 padding:34px 0 0 0;
 position:relative; left: 206px;
 }
#utility-before-header h3 { 
 font-weight:bold; color:#3377AA; 
 position: relative; top: -1px;
 line-height: 16px;
 }
#utility-before-header a { font-weight:bold; }
#utility-before-header .widget-bookmarks { height: 24px; }

#the-center-login{
 width:960px;
 height:31px;
 margin:0 auto;
 overflow:hidden;
 clear:both!important;
 }
#the-centre-for-news{
 float:left;
 width:386px;
 position: relative; top: 5px;
 overflow:hidden;
 }
* html #the-centre-for-news{ position: relative; top: 7px; }
#top-login{ 
 color: #e5e5e5; 
 line-height:32px;
 text-align:right;
 }
#top-login a{ color: #fff; font: bold 11px Arial, Helvetica, sans-serif }
#header-container{
 width:960px;
 height:136px;
 margin:0 auto;
 }
#header{ 
 height:104px;
 width:960px;
 margin:0 auto;
 overflow:hidden;
 }
#header-picture-bgd{
 float:left;
 overflow:hidden;
 height:104px;
 }
.year-link-layer{
 height:37px;
 margin-bottom:19px;
 overflow:hidden;
 width:566px;
 clear:both;
 float:none;
 }
.year-link-layer a{
 overflow:hidden;
 display:block;
 float:left;
 width:164px;
 height:37px;
 color:#efefef!important;
 text-transform:uppercase;
 font: bold 13px/37px Trebuchet MS, Arial, Helvetica, sans-serif;
 text-decoration:none;
 text-indent: -9999px;
 }
.header-year-button09{ background:url(images/marh09.jpg) no-repeat 0 0; }
.header-year-button09:hover{ background:url(images/marh09.jpg) no-repeat 0 -37px; } 
.header-year-button11{ background:url(images/marh11.jpg) no-repeat 0 0; }
.header-year-button11:hover{ background:url(images/marh11.jpg) no-repeat 0 -37px; }
.year-link-layer .year09 .active{ background:url(images/marh09.jpg) no-repeat 0 -37px; }
.year-link-layer .year11 .active{ background:url(images/marh11.jpg) no-repeat 0 -37px; }    

.head-title {
    clear: both;
    height: 24px;
    overflow: hidden;
    width: 650px;
}
.head-sponsors{
 float:right;
 overflow:hidden;
 width:134px;
 height:69px;
 position: relative; top: 15px;
 }

#body-container {
 margin: -39px auto 0!important;
 width: 960px;
} 
/* ------------ navigation ------------------ */
a > .sf-sub-indicator { display:none!important; }
.sf-sub-indicator {	display:none!important; }

.head-search{
 width:960px;
 height:30px;
 position:absolute!important;
 top:194px;
 z-index:99!important;
 }
.header-nav-menu{
 float:left;
 height:30px;
 }
* + html .header-nav-menu{
 float:left;
 height:30px;
 width:710px;
 overflow:hidden;
 }
.header-nav-menu ul {
 line-height: 1;
 list-style: none outside none;
 margin: 0;
 padding: 0;
}
* html .header-nav-menu ul { padding-top:1px; }
* + html .header-nav-menu ul { padding-top:1px; }
.header-nav-menu ul li {
 margin: 0!important;
 padding: 0;
 float: left;
 position: relative;
 display:block;
}
.header-nav-menu ul li a {
 color: #fff;
 float: left;
 padding:0 12px;
 background-image:none;
 display:block;
 line-height:30px;
}
.header-nav-menu ul li a:hover { background-color:#555c5e; }

.header-nav-menu ul ul {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 3px solid #555C5E;
    border-left: 1px solid #555C5E;
    border-right: 3px solid #555C5E;
    width: 220px;
    float: none;
	clear:both!important;
	margin-left: 13px;
	position:absolute!important;
	top:31px;
	left: -13px;
	z-index:9999!important;
	}
.header-nav-menu ul ul li {
    background: none repeat scroll 0 0 #fff;
    float: none;
	clear:both!important;
    position: relative;
	border-bottom: 1px solid #eee!important;
}
* + html .header-nav-menu ul ul li {
    background: none repeat scroll 0 0 transparent;
    float: none;
	clear:both!important;
    position: relative;
	border-bottom: none!important;
	border-top: 1px solid #eee!important;
}
.header-nav-menu ul ul a {
    border-left: 1px solid #fff;
    border-top:none!important;
    padding:0;
	margin-top:0!important;
    text-decoration: none;
    color: #3377AA;
    font-weight: bold;
    text-decoration: none;
	display:block;
	width:195px;
	padding:7px 12px 9px 12px!important;
	line-height:17px!important;
}
.header-nav-menu ul ul a:hover{
    text-decoration:underline;
	background-color:#eee; 
}
.sf-menu ul a, .sf-menu ul a:visited {
    color: #3377AA!important;
}
/* ---------- search ----------- */
#head-search{ 
 height:31px;
 width:960px;
 margin:0 auto;
 overflow:hidden;
 }
#utility-after-header{
 background:url(images/bg_search_rereat.gif) repeat-x 0 0;
 background-color:transparent!important;
 height:27px;
 width:234px;
 overflow:hidden;
 float:right; 
 }
#utility-after-header .widget-search {
 background-color:transparent!important;
 background: url(images/bg_search_r.gif) no-repeat 100% 0;
 height: 27px;
}
#utility-after-header .widget-inside{
 background:url(images/bg_search_l.gif) no-repeat 0 0;
 background-color:transparent!important;
 padding:0 0 0 11px!important;
 height:27px;
 }
#utility-after-header .search-form input {
 margin:0;
 padding:0;
 overflow:hidden;
 }
#utility-after-header input.search-text {
 width:120px;
 height:17px;
 border:1px solid #b4bec1;
 margin:0 2px 0 9px;
}
#utility-after-header input.button {
 margin-right:9px;
 height:19px;
 width:32px;
 overflow:hidden;
 text-align:center;
 font:11px;
 vertical-align:top;
 position: relative; top: 1px;
 cursor:pointer!important;
 }
#utility-after-header form span{
 color:#6d797c;
 font: bold 13px Arial, Helvetica, sans-serif;
 }
/* ---------- slides ------------ */
#home-container{
 height:346px;
 width:960px;
 overflow:hidden;
 }
.home-layer .home-left {
 padding: 17px;
 width:600px; 
 border-top: 1px solid #b6bcbd;
 height:296px;
 overflow:hidden;
 background:#fff url(images/bg-c.gif) no-repeat 0 0;
}
#slides {
    background:#900 url(images/bg-slides.jpg) repeat-x 0 0!important;
    height:286px;
	border-left: 1px solid #cc7f7f;
	border-right: 1px solid #cc7f7f;
    margin: 0;
    overflow: hidden;
    padding: 5px;
}
#slides .slides_container {
    background: none repeat scroll 0 0 white;
	background-color:#fff!important;
    float:left;
    overflow:hidden;
    padding:5px!important;
	width:377px;
	height:275px;
	position:relative;
}
#slides .slides_container div img{
 width:377px;
 height:274px;
 overflow:hidden;
 position:absolute;
 top:0;
 left:0;
 z-index:1;
 cursor:pointer!important;
 }
#slides .slides_container div .overlay{
 width:377px;
 height:68px;
 background:url(images/bg-wm.png) no-repeat 0 0;
 position:absolute;
 top:208px;
 left:0;
 z-index:2;
 }
#slides .slides_container div .overlay span{
 display:block;
 width:355px;
 height:55px;
 position: relative; top: 9px; left:13px;
 color:#dce2e6;
 font: normal 12px/16px Arial, Helvetica, sans-serif;
 }
#slides .slides_container div .overlay span a{
 color:#fff;
 font-weight:bold;
 text-decoration:none;
 }
#slides .slides_container div .overlay span a:hover{ text-decoration:underline; }  
#slides .navigation{
 width:197px;
 float:left;
 overflow:hidden;
 } 
#slides .navigation ul.pagination, #slides .navigation ul.pagination li{
 margin:0!important;
 padding:0;
 overflow:hidden;
 list-style-type:none;
 }
#slides .navigation ul.pagination li{
 width:197px;
 height:57px;
 background:url(images/bg-li-slides.gif) no-repeat 100% 100%;
 }  
#slides .navigation ul.pagination li.last{ background:none; } 
#slides .navigation ul.pagination li.current{
 height:58px;
 background:#fff url(images/bg-li-slides-activ.gif) no-repeat 0 100%;
 } 
#slides .navigation ul.pagination li a{
 display:block;
 width:177px;
 height:46px;
 padding:10px 10px 0 10px;
 color:#e5e5e5;
 font: bold 16px/18px Arial, Helvetica, sans-serif;
 text-decoration:none; 
 } 
#slides .navigation ul.pagination li a:hover, #slides .navigation ul.pagination li.current a{
 display:block;
 width:177px;
 height:46px;
 padding:10px 10px 0 10px;
 color:#6d797c;
 font: bold 16px/18px Arial, Helvetica, sans-serif;
 text-decoration:none;
 background-color:#fff;
 } 
.home-layer .home-right{
 color:#6d797c;
 font: normal 13px/22px Arial, Helvetica, sans-serif!important;
 float: right;
 height: 294px;
 padding: 18px;
 width: 285px;
 overflow:hidden;
 border-top: 1px solid #b6bcbd;
 background:#fff url(images/bg-c.gif) no-repeat 100% 0;
}
.home-layer .home-right h3{
 margin:0!important;
 padding:0 0 8px 0!important;
 overflow:hidden;
 }

/* ------------- page ---------------- */
#container{ margin-bottom:0!important; }
/*#body-container{ margin-bottom:-13px!important; }*/
#footer-container{ 
 height:2px;
 background-color:#fff;
 overflow:hidden; 
 }
* + html #home-container { margin: -5px 0 -10px 0; }
* html #home-container { margin: -5px 0 -10px 0; }
#home-tag-cloud h3{ margin: 0 14px 0 0!important; }
#home-tag-cloud a{
 font-size:14px!important;
 border-right: 1px solid #e8e8e8;
 padding-right:8px;
 margin-right:4px;
 }
.sessions ul li {
    background: url(images/bullet-light.gif) no-repeat scroll 0 5px transparent;
    padding-left: 11px;
} 
blockquote { 
 background: url(images/quotes.gif) no-repeat scroll 0 0 transparent;
 font-style:normal;
 color:#6d797c;
 font: normal 13px/24px Arial, Helvetica, sans-serif; 
 }
 
.quoted span{
 padding:0 3px;
 color:#eaeef0;
 } 
 
.ngg-gallery-thumbnail { margin-right:2px!important; }

.triple-column ul {
 margin: 0 0 21px 0;
}
.content ul li {
    background: url(images/bullet.gif) no-repeat scroll 0 9px transparent;
    height: 100%;
    overflow: hidden;
    padding-left: 9px;
	padding-bottom: 10px;
}
#secondary { margin-top: -5px!important; }

.widget ul li, .widget-inside ul li {
    background: url(images/bullet.gif) no-repeat scroll 0 9px transparent;
    padding-left: 11px;
}

/* ------------------- foma index ---------------------------- */
.triple-column2{
 padding:25px 0 0 0;
 clear:both!important;
 overflow:hidden;
 margin-bottom:25px;
 }
.triple-column2 .column-content{
 background-color:#efefef;
 padding:25px;
 width:860px;
}
.triple-column2 .column-content h3{
 margin-bottom:25px;
}
.triple-column2 .idea-content{
 float:left;
 width:562px;
 border-right: 2px solid #dfdfdf;
 padding-right:20px;
 }
.triple-column2 .idea-content p{
 color:#6d797c;
 font: normal 12px/21px Arial, Helvetica, sans-serif;
 }
.triple-column2 .idea-content p:first-letter {
 font-size: 200%;
 font-weight:bold;
}
.triple-column2 .idea-content p.last{ text-align:right; }
.triple-column2 .idea-content p.last span{ font: bold 14px/18px Arial, Helvetica, sans-serif; }
.triple-column2 .idea-content p.last:first-letter {
 font-size: 100%;
}
.triple-column2 .contact-form{
 float:left;
 width:260px;
 } 
.wpcf7-form table{
 background-color:transparent;
 border: none;
 width:260px;
 margin:0;
 }
.wpcf7-form table tr {
 background: none repeat scroll 0 0 transparent;
 color: #000;
 font-weight:bold;
}
.wpcf7-form table td {
 border: none;
 padding:0 0 5px 0;
 vertical-align:middle;
}
.wpcf7-form table td.f-col{
 padding-left:19px;
 padding-right:8px;
 }
.wpcf7-form input {
 width:150px;
 height:17px;
 border:1px solid #bdc1c4;
 }
.wpcf7-form textarea {
 width:150px;
 height:53px;
 border:1px solid #bdc1c4;
 }
.wpcf7-form input.wpcf7-submit{
 width:59px;
 height:24px;
 background-color:#c00;
 color:#fff;
 border:none;
 cursor:pointer;
 text-align:center;
 text-transform:uppercase;
 vertical-align:top;
 }
.wpcf7-form input.wpcf7-submit:hover{ background-color:#f99; }
.wpcf7-form table td.s-col img{ display:none; }
.wpcf7-form table td.s-col span.wpcf7-not-valid-tip {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FF0000;
    font-size: 10pt;
    left: 0;
    padding: 2px;
    position: absolute;
    top: -4px;
    width: 185px;
    z-index: 100;
}
div.wpcf7-validation-errors {
    background-color: #fff;
    left: 107px;
    position: relative;
    top: -10px;
    width: 130px;
}
div.wpcf7-validation-errors {
    border: 2px solid #f00!important;
}
div.wpcf7-mail-sent-ng {
    border: 2px solid #f00!important;
}

div.wpcf7-response-output {
    margin: 0 0.5em 1em;
    padding: 0.2em 1em;
}
/* ------------------- menu-footer-menu ---------------------- */
.menu-footer-menu-container{
 width:710px;
 float:left;
 overflow:hidden;
 padding-left:7px;
 }
ul#menu-footer-menu, ul#menu-footer-menu li, ul#menu-footer-menu .sub-menu, ul#menu-footer-menu .sub-menu li{
 margin:0;
 padding:0;
 list-style-type:none;
 }
ul#menu-footer-menu li{
 float:left;
 width:212px;
 border-right: 2px solid #8e9597;
 padding:0 0 0 22px;
 }

#menu-footer-menu li a{
 color:#efefef!important;
 font: normal 14px/26px Arial, Helvetica, sans-serif;
 text-decoration:none;
 }
ul#menu-footer-menu li a:hover, ul#menu-footer-menu .sub-menu li a:hover{ text-decoration:underline; }

ul#menu-footer-menu .sub-menu{
 }
ul#menu-footer-menu .sub-menu li{
 width:210px;
 border-right: none;
 padding:0;
 }
ul#menu-footer-menu .sub-menu li a{
 color:#fff!important;
 font-size: 12px;
 font: normal 12px/18px Arial, Helvetica, sans-serif;
 letter-spacing: 1px; 
 text-decoration:none;
 background:url(images/bg-a-footer.gif) no-repeat 0 3px;
 padding-left:14px;
 }

#stony-brook{
 padding:0 0 0 20px;
 float:left;
 width:200px;
 color:#fff;
 font: normal 12px Arial, Helvetica, sans-serif;
 }

#footer-container{
 width:960px;
 margin:0 auto;
 }

div#shDisplay img#shTopImg {
    z-index:9999999!important; 
}