/*
Theme Name: Dean Randazzo Theme
Theme URI: http://www.deanrandazzocancerfoundation.com/
Description: 
Version: 1.0
Author: Ken Rossi
Author URI: http://evolvestudios.com

*/


/* ------------------------------------------------------
Structure
------------------------------------------------------ */
html{background: #171717;}
body{font-family: Arial; font-size: 12px; color: white; margin: 0 auto; background: url(img/dean_body_bg.jpg) repeat-y top center; }
div#background-container { width: 100%; background: url(img/dean_main_bg.jpg) no-repeat top center; }
div#main-container{ width: 940px;  margin: 0 auto; }
div.content, ul#footer-nav li, ul.nav li{float: left;}
p, ol, ul {line-height:1.6;}




div#main-content, div#aside{margin-top: 20px;}

/* ------------------------------------------------------
Common Elements
------------------------------------------------------ */
h2, h2 a{font-size: 22px; color: #951002; font-weight: normal; line-height: 1;}
.sponsor-container{}
a{text-decoration: none; color: white;}
.tagline{font-size: 14px; }
.tagline a{border-bottom: 1px solid white; font-size: 13px;  }
.sponsor_logos{float:left; padding-right: 21px;}
.action{float: right; -moz-border-radius: 15px; -webkit-border-radius:15px; background: #7a0c01; padding: 3px 10px; line-height: 1; margin-top: 10px; font-weight: bold; }
div.section{background-repeat: no-repeat; background-position: left bottom; background-image : url(img/dean_about_bottom.png); width: 620px;  padding-bottom: 10px;}
div.section-top{background-repeat: no-repeat; height: 10px; width: 620px; background: url(img/dean_box-top_bg.png);}
div.section-inner{background-repeat: repeat-y;  min-height: 200px; padding: 10px 15px 15px 15px; background: url(img/dean_box_bg.png) ;}
    /* ------------------------------------------------------
Content
------------------------------------------------------ */
div#header{padding: 10px 0 15px 10px;}
div#header h1{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
     src='../img/dean_logo_img.png', sizingMethod='scale');
background-image: url(img/dean_logo_img.png);  width: 349px; height: 92px; text-indent: -9999px;}


/* ------------------------------------------
Navigation
------------------------------------------ */
ul#nav {font-family: Helvetica; font-stretch: condensed; text-transform: uppercase; padding: 10px 0 0 18px; background: url(img/dean_nav_ul.png) no-repeat;  width: 939px; height: 47px; margin: 12px 0 4px 0; z-index:999; }
ul#nav a {display: block;}
ul#nav li {padding-right: 27px; height:47px; padding-top:4px; float:left; line-height:17px;}
ul#nav li:last-child { padding-left: 17px; padding-right: 0; }
ul#nav li a { vertical-align: middle; font-size: 16px; }

div#banner{height: 421px; position: relative; }
div#bannerSub{height: 278px; position: relative;}

ul#slide-nav{padding-bottom: 5px; top: 250px; left: 795px;  position: absolute;  }
li.box_number{width: 31px; height: 31px; background: url(img/dean_article_box_bg.png) no-repeat; vertical-align: middle; text-align: center; margin-right: 4px; z-index: 200;}
li.box_number a{font-size: 18px; display: block; height: 31px; width: 31px; z-index: 100;  }
h2.slide_news{width: 376px; height: 98px; background: url(img/dean_slide_news.png) no-repeat; position: absolute; top: 315px; left: 16px; color: white; font-size: 48px; padding: 2px 30px; text-indent: -9999px; }
div#slide-info{ width: 537px; height: 98px; background: url(img/dean_slide_story_bg.png) no-repeat; position: absolute; top: 315px; left: 394px;}
div#slide-info h3{font-size: 14pt; padding: 16px 0 0 30px; font-weight: normal;}
div#slide-info h3 + p{ padding: 2px 0 0 30px; font-size: 12pt;}
div#slide-info h3 + p + p {padding: 15px 0 0 30px;}

/* ------------------------------------------
Drop down Navigation
------------------------------------------ */
ul#nav li ul{padding: 0; margin: 0px;}
ul#nav li ul {position: absolute;width: 15em;left: -999em;padding-top: 1px; margin-top: 12px;  text-transform:none;}
ul#nav li:hover ul, ul#nav li.sfhover ul {left: auto; z-index:1000; color: #9fb32d; 	}
ul#nav li ul li {
    background:url(img/dean_dropdown_bg.png);			
	line-height:18px;	
	width:13em;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 3px;
	height: 25px;
}
ul#nav li:hover, ul#nav li.hover {
    position: static;
	
}
ul#nav li ul li:hover{ background:url(img/dean_dropdownOVR_bg.png);	}
ul#nav li ul li a:hover{ color:#FFF;}
ul#nav li ul ul {
	margin: -20px 0 0 14em;
}
ul#nav li:hover ul ul, ul#nav li.sfhover ul ul {
	left: -999em;
}
ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul {
	left: auto;
}
ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li.sfhover ul ul, ul#nav li.sfhover ul ul ul {
	left: -999em;
}
ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul, ul#nav li li li.sfhover ul {
	left: auto;
} 
ul#nav ul li:last-child { padding-left: 15px; padding-right: 15px;}

ul#nav li.current_page_item, ul#nav li.current_page_parent{background:url(img/dean_redarrow.png) no-repeat center bottom;}
ul#nav li ul li.current_page_item, ul#nav li ul li.current_page_parent{background:url(img/dean_dropdown_bg.png);}


/* ------------------------------------------
Main-Content
------------------------------------------ */
div#main-content{width: 620px; position: relative;}


div.article{width: 570px; padding: 20px 0 0 15px;}
div.article img{padding: 0px 0; }
div.article p {margin-top:10px; margin-bottom:15px;}
div.article .tagline{margin-top:0px;}
div.article .moretext{font-weight:800;}

/* ------------------------------------------
POST
------------------------------------------ */
div.post{margin-top:-15px;}

div.post alignleft, alignleft{float:left;}
div.post li img{margin:15px 15px 10px 0; float:left;}
div.post li {display: table-row;}
div.post li h4{margin-top:0px;}

div.headline{background: url(img/dean_article_h2.png) no-repeat; width: 575px; height: 75px; position:relative; left: -66px; padding: 10px 0 0 55px;}

/* ------------------------------------------
Aside
------------------------------------------ */
div#join, div#youtube, ul#related-videos, ul#links, div#twitter, div#rss{overflow: hidden;}

div#aside{width: 305px; margin-left: 15px; background-image: url(img/dean_aside_bottom.png);}
div#aside div.section-inner{background-image: url(img/dean_aside_bg.png); background-repeat: repeat-y; padding-bottom: 0; width: 275px; overflow: hidden; }
div#aside div.section-top{background-image: url(img/dean_aside_top.png); width: 305px;}

div.aside-icon{ padding: 0 0 10px 40px; background: no-repeat;}

div#join div.aside-icon{background-image: url(img/dean_ribbon-icon_img.png);}

div.sub-section{ border-bottom: 1px solid #323232; padding-bottom: 10px; margin-bottom: 10px; width: 275px;}

/* ------------------------------------------
Youtube
------------------------------------------ */
ul#related-videos li{padding: 10px 0 0 0; float: left;}
ul#related-videos img.thumbnail, div.video-info { float: left; display: block; }
div.video-info { margin-left: 10px; width: 180px;  }
div.video-title{ color: #951002; padding-bottom: 5px;}
.video-desc{line-height: 1;}

/* ------------------------------------------
Twitter
------------------------------------------ */
div#twitter-1 div.aside-icon{background-image: url(img/dean_twitter-icon_img.png);}
p.twitter-message{padding-bottom: 25px;}
li.twitter-item{padding-bottom: 25px; }

/* ------------------------------------------
Rss
------------------------------------------ */

div#rss div.aside-icon{background-image: url(img/dean_rss-icon_img.png);}

/* ------------------------------------------
Links
------------------------------------------ */
div.bottom-section{border: none;}
ul#links{width: 300px; padding-top: 15px;}
ul#links li{ padding-right: 5px; float: left; }
ul#links a{text-indent: -9999px; height: 52px; display: block; }
a#link-facebook{background: url(img/dean_facebook-banner_bg.jpg); width: 132px; }
a#link-twitter{background: url(img/dean_twitter-banner_bg.jpg); width: 142px;}
/* ------------------------------------------
Footer
------------------------------------------ */
div#footer{clear: both; padding-top: 15px;}

ul#footer-nav{background: url(img/dean_footer_nav_bg.png) no-repeat; width: 942px; height: 49px; padding: 17px 0 0 0}
ul#footer-nav li{padding: 0 25px 0 25px; border-left: 1px solid #6d6d6d; vertical-align: middle;}
ul#footer-nav li:first-child{border: none;}
ul#footer-nav a{font-size: 9pt; color: #6d6d6d;}

ul#footer-nav a.action{color: white; padding: 3px 16px; margin-top: 0px; }
ul#contact-info{margin: 0 auto; width: 820px; padding-bottom: 30px;}
ul#contact-info li{ float: left; font-size: 8pt; padding: 0 5px 0 10px; background: url(img/dean_dot_bg.png) no-repeat left center; }
ul#contact-info li:first-child{background: none;}



/* ------------------------------------------
	SLIDER
------------------------------------------ */
.slider-wrap								{ width: 940px; position: absolute; top: 87px; left: 40px; }			
.stripViewer .panelContainer 
.panel ul									{   }
.stripViewer								{ position: relative; overflow: hidden; width: 940px; height: 421px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 940px;  }
.stripNavL, .stripNavR, .stripNav			{ display: none; }


.cross-link									{  }
.active-thumb 								{  }


#col1, #col2{width:280px; float:left; margin-left:15px; margin-top:20px;}
#col2{float:right;}
.adr, .tel, .eml{ margin:0px 0px 25px 0px;}
.vcard .type{font-weight: bold;}
.vcard {line-height:1.5em;}
/* ------------------------------------------------------
Contact
-------------------------------------------------------*/



ul#form-inputs {
	width: 260px; 
}

ul#form-inputs li {
	margin-bottom:20px; 
}

ul#form-inputs label {
	display: block; color: #951002;
}

div.field {
	border: 1px solid #404040;
	padding: 3px;
}

div.field input, div.field textarea {
	width: 248px;
	display: block;
	background-color: #e7e7e7;
	padding: 2px; 
}

div.field input {
	height: 16px;
}
 div.field textarea{border:none;}
div#submit {
	text-align: center;
	width: 260px;
}

input#submit-button {
	text-align: center;
	color: white;
	
	background: #7a0c01;
	 -moz-border-radius: 15px; -webkit-border-radius:15px;
	 padding: 3px 10px; line-height: 1; margin-top: 10px; font-weight: bold;
}

.action{float: right; -moz-border-radius: 15px; -webkit-border-radius:15px; background: #7a0c01; padding: 3px 10px; line-height: 1; margin-top: 10px; font-weight: bold; }
textarea#comments-questions {
	height: 200px;
}

.error {
	color: red;
}

/*- SideTabs -*/

.idTabs{
	font-size: 14px;
	float:left;
	margin: 0 0 0px 0;
}
.idTabs li{
	float:left;
	background:url(img/dean_tab_back.jpg) no-repeat;
	width:91px; height: 40px; 
}

.idTabs li a{
	
	color:#fff;
	font-weight:bold;
	padding:5px 0px;
	display: block;
	margin: 0 0px 0 0;
	text-align: center;
	
}
.idTabs li.last a{
	margin: 0
}
.idTabs li a:hover{background:url(img/dean_tab_back.jpg) no-repeat; line-height:22px;
}
.idTabs a.selected{
	background:url(img/dean_tab_back_ovr.jpg) no-repeat;
	text-decoration: none;
	width:91px; height: 30px; line-height:22px;
}
.idTabs a.selected:hover{
	background:url(img/dean_tab_back_ovr.jpg) no-repeat;}
	
.spacer.white{
	background: #ffffff;
	border: 1px solid #dedbd1;
	clear: both;
	margin: 0px;bar
}

*=== Styling Lists ===*/

/*- List1 -*/
.list1{
	padding: 0;
	padding: 15px;
        width: 275px;
}
.list1 li{
	background: url(images/ico-star-trans.png) no-repeat top left;
	margin: 0 0 8px;
	padding: 0 0 0 0px;
	clear: both;
	overflow:hidden;
	width: 275px;
}
.list1 li a{color:#951002;}
.list1 img{border:1px solid #4C4C4C; margin-top:3px;}

.list3 li{height:23px; background:#0D0D0D; text-decoration: none; line-height:22px; border:1px solid #222222; width:253px; padding: 0 10px}
.list3 li a{ color:#fff;}

/*========= VIDEO =========*/

.video, .vidtabs { margin: 0 0 10px 0;width: 275px; clear:both;}

/*- SideTabs -*/
.vidtabs .idTabs{font-size: 12px; margin: 10px 0 0 0;width:100%; float:none; display:block;}
.vidtabs .idTabs li{float:none; display: block; margin: 0 0 5px 0px; width:275px; background:none; height:30px;  
}
.vidtabs .idTabs li a{background:#0D0D0D; color:#c0c0c0; font-weight:bold; text-align: left; line-height:12px; 
height:20px; padding:10px 10px 0px 10px; border:1px solid #222222;}
.vidtabs .idTabs li.last a{margin: 0;}
.vidtabs .idTabs li a:hover,
.vidtabs .idTabs .selected{height:20px; background:#222222; text-decoration: none; line-height:12px; border:1px solid #7d7d7d; width:253px;}
/*#video .idTabs li{width:255px; height: 20px; }	*/


.articles{ -moz-border-radius: 15px; -webkit-border-radius:15px; background: #7a0c01; padding: 3px 10px; line-height: 1; margin-top: 10px; font-weight: bold; }

#previousNext{margin-top:70px; overflow:auto;}
#previousNext .right a, #previousNext .left a{background-color:#0D0D0D;  padding:10px; border:1px solid #333333; display:block;}
#previousNext .right{float: right; text-align: right;}
#previousNext .left{float:left;}
#previousNext .right a:hover, #previousNext .left a:hover{background-color:#333333;}