@import url("dev.css");

body {
    margin : 0;
    padding : 0;
    background-color : #1e1e1e;
    font-family : Arial, Verdana, sans-serif;
    font-size : 11px;
    line-height : 1.4;
    color : #1e1e1e;
}

h2 {
    font-family : Georgia, Times, "Times New Roman", serif;
    font-weight : bold;
}
a:link, a:visited {
    color : #1e1e1e;
    text-decoration : none;
}
a:hover, a:focus {
    color : #0095D5;
}
a:active {
    color : #084D82;
}


img {
    border : none;
}

div.footercredit {
    position: absolute;
	left: 20px;
}

#my728 {
	margin : 20px 0 0 20px;
    width : 950px;
}

#wrap {
    margin : 20px 0 0 20px;
    width : 950px;
    background : #ffffff url(../_/i/div-col.gif) repeat-y 640px top;
}

#masthead {
    background-color : #ffffff;
}
#masthead #mh-util { /* Foo obviously needs to be renamed */
    position : relative;
    height : 100px;
    border-bottom : 1px solid #7D7D7D;
    color : #0095D5;
	z-index: 100;
}
#masthead h1 {
    margin : 0;
    line-height : 0;
}

#search {
    position : absolute;
    left : 265px;
    bottom : 30px;
    line-height : 1.0;
}
#search .form-row {
    margin-top : 5px;
}
#search #search-text {
    width : 175px;
}
#search #search-button {
    vertical-align : baseline;
}

#search .search_button {
	background: transparent url(../_/i/bttn_go.gif) 0px 5px no-repeat; 
	border: 0; 
	font-size: 0px;
	color: white;
	cursor: pointer; 
	outline: 0;
	width: 40px;
}

#search .ie_search_button {
	background: transparent url(../_/i/bttn_go.gif) 0px 5px no-repeat; 
	border: 0; 
	color: white;
	cursor: pointer; 
	outline: 0;
	width: 30px;
}

#sub-links {
    position : absolute;
    right : 10px;
    top : 10px;
    text-align : right;
}
#sub-links p {
    margin-top : 0;
    line-height : 1.454;
}
#sub-links a:link, #sub-links a:visited {
    text-decoration : underline;
} 
#sub-links a:hover, #sub-links a:focus, #sub-links a:active {
    text-decoration : none;
}



#content {
    clear : both;
    border-top : 1px solid #7D7D7D;
}

/* FEATURED */
/* 
The background trickery for this section
is overly involved at the moment, and 
images will be consolidated once markup finalized.
*/
#ac-picks {
    clear : left;
    border-bottom : 1px solid #7D7D7D;
    background : #E3E3E3 url(../_/i/bg_daily-pick-rules.gif) repeat-y left top;
}
#ac-picks td {
    background : transparent url(../_/i/bg_adc-stripe.gif) repeat-y left top;
}
#ac-picks h2 {
    margin : 0;
    font-size : 11px;
    line-height : 1.454;
}
#ac-picks .item .topicon {
    margin-right : 5px;
    vertical-align : baseline;
}
#ac-picks .dek {
    margin : 0 0 1em 0;
}
#ac-picks #ac-daily-picks {
    width : 621px;
	min-height: 240px;
    padding-left : 20px;
    background : transparent url(../_/i/bg_adc-top_work.gif) no-repeat left top;
    display: none;
}
#ac-picks #ac-daily-picks .item {
    float : left;
    width : 30%;
    padding : 13px 10px 0 10px;
}
#ac-picks #ac-daily-picks .item .hed-img {
    display : block;
    margin-bottom : 10px;
}

#ac-picks #ac-latest {
    padding : 13px 10px 0 30px;
    background : transparent url(../_/i/bg_adc-latest.gif) no-repeat left top;
    display: none;
}

/* TOP WORK */
#top-work {
    clear : left;
    border-bottom : 1px solid #7D7D7D;
    background-color : #e3e3e3;
}
#top-work td {
    background : transparent url(../_/i/bg_adc-stripe.gif) repeat-y left top;
}
#top-work .item .topicon {
    margin-right : 5px;
    vertical-align : baseline;
}
#top-work .item.featured {
    overflow : hidden;
    min-height : 225px;
    height: auto !important;
    height: 225px;
    width : 281px;
    padding : 10px 10px 30px 350px;
    background : transparent url(../_/i/bg_adc-top_work.gif) no-repeat left top;
}
#top-work .item.featured {
    position : relative;
}
#top-work .item.featured h2 {
    margin : 0;
    font-size : 24px;
    line-height : 1.25;
}
#top-work .item.featured h2 .topicon {
    position : static;
}
#top-work .item.featured p {
    margin : 0;
    font-size : 18px;
    line-height : 1.333;
}
#top-work .item.featured img {
    position : absolute;
    left : 30px;
    top : 10px;
}

#top-work #ac-latest {
    padding : 13px 10px 0 30px;
    background : transparent url(../_/i/bg_adc-latest.gif) no-repeat left top;
}
#top-work #ac-latest h2 {
    margin : 0;
    font-size : 11px;
    line-height : 1.454;
}
#top-work #ac-latest .dek {
    margin : 0 0 1em 0;
}
/* ----END TOP WORK */

/* MAIN CONTENT */
#main {
    overflow : hidden;
}
#alpha {
    float : left;
    display : inline;
    width : 640px;
    border-bottom : 1px solid #7d7d7d;
	border-right: 1px solid #7D7D7D;
}
#alpha-beta {
    float : left;
    display : inline;
    width : 950px;
    border-bottom : 1px solid #7d7d7d;
}
#beta {
    float : left;
    display : inline;
    margin-left: 0px;
    width : 309px;
    border-bottom: 1px solid #7d7d7d;
}

/* TOP STORIES */
#top-stories {
    background : transparent url(../_/i/bg_var-stripe.gif) repeat-y left top;
}
#top-stories .inner {
    padding : 0 10px 0 30px;
    background : transparent url(../_/i/bg_top-stories.gif) no-repeat left top;
}
#help {
    background : transparent url(../_/i/adcritic_help_bg.gif) repeat-y left top;
}
#rss {
    background : transparent url(../_/i/adcritic_help_bg.gif) repeat-y left top;
}
#help .inner {
	font-family : Georgia, Times, "Times New Roman", serif;
    font-size : 13px;
    line-height : 1.615;
    padding : 0 10px 0 50px;
    background : transparent url(../_/i/bg_adc-help.gif) no-repeat left top;
}
#rss .inner {
	font-family : Georgia, Times, "Times New Roman", serif;
    font-size : 13px;
    line-height : 1.615;
    padding : 0 10px 0 50px;
    background : transparent url(../_/i/bg_rss.gif) no-repeat left top;
}

#top-stories .item {
    position : relative;
    padding : 10px 0 20px 0;
}
/*
#top-stories .item img {
    position : absolute;
    left : 0;
    top : 10px;
}
*/

#top-stories .item img {
	float: left;
	width: 25%;
}

.article_header {
 	font-weight : bold;
    color : #F05245;
    text-transform : uppercase;
    letter-spacing : 1px;
    font-size : 11px;
    line-height : 1.5;	    
}
#top-stories .column {
	float: right;
	width: 73%;
    margin : 0 0 -5px 0;
}

#top-stories .column .title {
	font-weight : bold;
    color : #F05245;
    text-transform : uppercase;
    letter-spacing : 1px;
    font-size : 11px;
    line-height : 1.0;
}

.column a:link, .column a:visited {
    color : #F05245;
}
.column a:hover, .column a:focus {
    color : #0095D5;
}
.column a:active {
    color : #084D82;
}
#top-stories .column  h2 {
    margin : 10px 0 0 0;
}

#top-stories .column  h2  a{
    color: #000;
}

#top-stories .column  h2  a:hover{
    color: #0095D5;
}

#top-stories .column .dek {
    margin-top : 0;
    text-transform:none;
    font-weight:normal;
    color:black;
}

#top-stories-featured .item {
    /*
	padding-left : 160px;
	*/
    min-height : 80px;
    height: auto !important;
    height: 80px;
    background : transparent url(../_/i/divider.gif) repeat-x left bottom;
    font-size : 13px;
}
#top-stories-featured h2 {
    font-size : 18px;
    line-height : 21px;
}

#top-stories-addl .item {
	padding : 10px 0 15px 90px;
    min-height : 130px;
    height: auto !important;
    height: 130px;
    background : transparent url(../_/i/divider.gif) repeat-x left top;
	
}

#top-stories-addl h2 {
    font-size : 14px;
    line-height : 18px;
    letter-spacing : -1px;
}


/* -END TOP STORIES */

/* TOP 20 */
#top-20 {
    background : #E3E3E3 url(../_/i/bg_adc-stripe.gif) repeat-y left top;
    border-top : 1px solid #7D7D7D;
}
#top-20 .inner {
    padding : 5px 10px 5px 25px;
    background : transparent url(../_/i/bg_home_adc-top_20.gif) no-repeat left top;
}
#top-20 .col {
    padding-right : 10px;
}
#top-20 h2 {
    margin : 0;
    font-size : 11px;
    line-height : 1.454;
}
#top-20 .index {
    margin-right : 0.5em;
    font-family : Arial, Verdana, sans-serif;
    color : #0095D5;
}
#top-20 p {
    margin : 0 0 1em 1.5em;
}
/* --END TOP 20 */

/* BROWSE */
#browse {
    background : #FFF url(../_/i/bg_browse-stripe.gif) repeat-y left top;        
}
.browse_table {
	border-top: 1px solid #7D7D7D;
	border-bottom: 1px solid #7D7D7D;
	width:100%;
}
#browse .inner {
    padding : 0px 0px 0px 20px;
    background : transparent url(../_/i/bg_browse_all.gif) no-repeat left 0px;
}

#browse .browse_ie_fix {
	padding : 0px 0px 0px 20px;
	background : transparent url(../_/i/bg_browse_all.gif) no-repeat left 30px;
}

#browse .col {
    padding-right : 10px;
}
#browse h2 {
    margin : 0;
    font-size : 11px;
    line-height : 1.454;
}
#browse .index {
    margin-right : 0.5em;
    font-family : Arial, Verdana, sans-serif;
    color : #0095D5;
}
#browse p {
    margin : 0 0 1em 1.5em;
}


/* JOBS */
#beta #jobs {
    border-top : 1px solid #7D7D7D;
    font-family : Arial, Verdana, sans-serif;
}
#beta #jobs .inner {
    padding : 0 10px 10px 30px;
}
#beta #jobs {
    background : #F4EAF4 url(../_/i/bg_jobs-stripe.gif) repeat-y left top;
}
#beta #jobs .inner {
    background : transparent url(../_/i/bg_jobs.gif) no-repeat left top;
}
#beta #jobs ul {
    margin : 10px 0 0 0;
    padding : 0;
    list-style-type : none;
}
#beta #jobs li {
    margin-bottom : 1em;
}
#beta #jobs h2 {
    margin : 0 0 0 0;
    font-family : Arial, Verdana, sans-serif;
    font-size : 11px;
    line-height : 1.454;
    font-weight : bold;
}
#beta #jobs p.desc {
    margin-top : 0;
}
/* --END JOBS */


/* MP3 */
#beta #mp3 {
    border-top : 1px solid #7D7D7D;
    font-family : georgia, serif;
}
#beta #mp3 .inner {
    padding : 0 10px 10px 30px;
}
#beta #mp3 {
    background : #FFFFFF url(../_/i/bg_mp3-stripe.gif) repeat-y left top;
}
#beta #mp3 .inner {
    background : transparent url(../_/i/bg_mp3.gif) no-repeat left top;
}
#beta #mp3 ul {
    margin : 10px 0 0 0;
    padding : 0;
    list-style-type : none;
}
#beta #mp3 li {
    margin-bottom : 1em;
}
#beta #mp3 h2 {
    margin : 0 0 0 0;
    font-family : georgia, serif;
    font-size : 18px;
    line-height : 1.454;
    font-weight : bold;
}
#beta #mp3 p.desc {
    margin-top : 0;
}
#beta #mp3 #mp3-sponsor {
	text-align:right;
}
#beta #mp3 #mp3-sponsor img {
	vertical-align:baseline;
}
/* --END MP3 */




/* RESOURCES */
#beta #resources {
    border-top : 10px solid #1e1e1e;
    border-bottom : 10px solid #1e1e1e;
    border-left : 9px solid #1e1e1e;
    padding-bottom : 10px;
    font-family : Arial, Verdana, sans-serif;
}
#beta #resources .inner {
    padding-left : 10px;
}
#beta #resources h2 {
    margin : 10px 0 0 0;
    font-family : Arial, Verdana, sans-serif;
    font-size : 14px;
    line-height : normal;
    font-weight : normal;
}
#beta #resources ul {
    margin : 10px 0 0 0;
    padding : 0;
    list-style-type : none;
}
#beta #resources li {
    margin-bottom : 1em;
}
#beta #resources li h2 {
    margin : 0 0 0 0;
    font-family : Arial, Verdana, sans-serif;
    font-size : 11px;
    line-height : 1.454;
    font-weight : bold;
}
#beta #resources p.desc {
    margin-top : 0;
}
/* --END RESOURCES */

/* MOST E-MAILED */
#beta #most-mailed {
	border-top: 1px solid #7d7d7d;
    background : #E1251C url(../_/i/bg_most-emailed.gif) top left no-repeat;
}
#beta #most-mailed .inner {
   background : #FDEDEC;
   padding: 10px 10px 10px 10px;
   margin-left: 20px;
}
#most-mailed h2 {
    margin: 0 0 10px 0;
    font-size : 11px;
    line-height : 1.454;
}
#most-mailed .index {
    margin-right : 0.5em;
    font-family : Arial, Verdana, sans-serif;
    color : #0095D5;
}
/* --END MOST E-MAILED */

/* Playlist */
#beta #playlist {
    border-top : 1px solid #7D7D7D;
    background : #FDEDEC url(../_/i/bg_var-stripe.gif) repeat-y left top;
}
#beta #playlist .inner {
    padding : 10px 10px 10px 30px;
    background : transparent url(../_/i/bg_playlist.gif) no-repeat left top;
}
#playlist h2 {
    margin : 0 0 10px 0;
    font-size : 11px;
    line-height : 1.454;
}
/* --END Playlist */

/* ADVANCED SEARCH */
#adv-search {
    background : #FDEDEC url(../_/i/bg_var-stripe.gif) repeat-y left top;
	height: 1%;
}
#adv-search .inner {
    background : transparent url(../_/i/bg_advanced_search.gif) no-repeat left top;
	height: 1%;
}
#adv-search .inner .inner {
    overflow : hidden;
    padding : 10px 10px 10px 30px;
    background : transparent url(../_/i/div-col.gif) repeat-y center top;
	height: 1%;
}

#adv-search form {
    width : 275px;
    float : left;
}
#adv-search #srch-news-stories {
    margin-right : 30px;
}

#adv-search h3 {
    font-size : 14px;
    font-weight : bold;
}

#adv-results {
    background : url(../_/i/search_results_bg.gif) repeat-y left top;
}
#adv-results .inner {
	background : transparent url(../_/i/search_results_bar.gif) no-repeat left top;
}

#adv-results .inner .inner {
    overflow : hidden;
    padding : 10px 10px 10px 30px;
	background : transparent;
}
/* --END ADVANCED SEARCH */

/* NOT-SO-ADVANCED SEARCH */

#adv-results {
    background : url(../_/i/search_results_bg.gif) repeat-y left top;
}
#adv-results .inner {
	background : transparent url(../_/i/search_results_bar.gif) no-repeat left top;
}

#adv-results .inner .inner {
    overflow : hidden;
    padding : 10px 10px 10px 30px;
	background : transparent;
}
/* --END ADVANCED SEARCH */

#feature-results {
    background : url(../_/i/feature_results_bg.gif) repeat-y left top;
}
#feature-results .inner {
	background : transparent url(../_/i/feature_bar.gif) no-repeat left top;
}

#feature-results .inner .inner {
    overflow : hidden;
    padding : 10px 10px 10px 30px;
	background : transparent;
}

#my-creativity {
    background : url(../_/i/sidebar-color-mycreativity.gif) repeat-y left top;
}
#my-creativity .inner {
	background : transparent url(../_/i/sidebar-mycreativity.gif) no-repeat left top;
}

#my-creativity .inner .inner {
    overflow : hidden;
    padding : 10px 10px 10px 30px;
	background : transparent;
}

#footer {
    clear : both;
    padding : 10px 0;
    background-color : #000000;
}

.xx-small {
	margin-right: 5px;
}

.double-ads {
    overflow : hidden;
}
.double-ads div  {
   float : left;
   display : inline;
}
.double-ads div.spacer  {
    margin : 0 10px;
    width : 27px;
    height : 90px;
    background-color : #ffffff;
}

#nav-footer {
    margin-top : 10px;
    padding : 0 0 0 10px;
    background-color : #0095D5;
    color : #ffffff;
    font-weight : bold;
    line-height : 30px;
}
#nav-footer a:link, #nav-footer a:visited {
    color : #ffffff;
}
#nav-footer a:hover, #nav-footer a:focus, #nav-footer a:active {
    text-decoration : underline;
}

/* RIGHT RAIL */

#right_rail {
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #757575;
	background: #eee;
}

#right_rail h3 {
	margin-top: 0px;
}
/* END RIGHT RAIL */

/* ADS */
#ad-button2-top {
    position : absolute;
    left : 500px;
    top : 0;
    width : 120px;
    height : 60px;
    border-right : 10px solid #1e1e1e;
    border-bottom : 10px solid #1e1e1e;
    border-left : 10px solid #1e1e1e;
}

* html #ad-button2-top img {
	margin-bottom: -2px;
}	

#ad-beta1,
#ad-beta2 {
    padding : 10px 0 10px 9px;
    background-color : #000;
	border-bottom: 1px solid #7d7d7d;
}

#ad-beta1 h3 {
	margin-top: 0px;
}

/* Dashboard Affect CSS */
.darkenBackground {
	background-color: rgb(0, 0, 0);
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70; /* FireFox */
	filter: alpha(opacity=70); /* IE */
	z-index: 200;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
}
.darkenBackground2 {
	background-color: rgb(0, 0, 0);
	opacity: 0.1; /* Safari, Opera */
	-moz-opacity:0.10; /* FireFox */
	filter: alpha(opacity=10); /* IE */
	z-index: 200;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
}
.highZ {
	z-index: 10000;
	position:absolute;
	top: 120px;
	left: 30%;
	padding: 10px 10px 0 10px;
	background-color: #fff;
	border: 10px #000 solid;	
}
.highZ2{
	position:absolute; 
	left: 180px; 
	top: 610px;
	z-index: 10000;
	position:absolute;
	padding: 10px 10px 0 10px;
	background-color: #fff;
	border: 10px #000 solid;
}

/* rss page styles */
div.rss-header {
	padding:7px 0 7px 0;
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	text-align:center;
	font-weight:bold;
	background:#eee;
}
div.rss-entry {
	clear:all;
	height:25px;
	width:270px;
	display:table;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0 0 1px 0;
	border-bottom:1px dotted #000;
}
div.rss-entry div.rss-label {
	float:left;
	width:48px;
	white-space:nowrap;
}
div.rss-entry div.rss-feed {
	float:right;
	width:52px;
	text-align:right;
	white-space:nowrap;
}
div.rss-entry div.yahoo-label {
	float:left;
	width:109px;
}
div.rss-entry div.newsgator-label {
	float:left;
	width:100px;
}
div.rss-entry img {

}
div.rss-all {
	font-weight:bold;
	text-align:center;
	padding:0 0 1px 0;
	border-top:1px dotted #000;
}
div.rss-section {
	/*text-align:left;
	padding:3px;
	font-weight: normal;
	border:1px dotted #000;*/
}
div.rss-section a {
	font-size: 90%;
	padding: 2px 0 0 5px;
	text-decoration: none;
}
div.rss-section img {
	vertical-align:middle;
	padding:2px 2px 2px 0;
}

/* two-column group (structure) */

div.no-group {
	margin: 15px 0;
	padding: 12px 0;
	font-size: 90%;
}
div.group {
	margin: 15px 0;
	padding: 12px 0;
	font-size: 90%;
	background: url(/img/group-bg.gif) repeat-y 50% 0;
}
div.group:after, div.no-group:after { /* self-clear floats */
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.group-one {
	float: left;
	width: 270px;
}
div.group-two {
	float: right;
	width: 270px;
	margin: 0 0 0 15px;
}




#dhtmlgoodies_slidedown_menu li{
	padding-bottom:9px;
	margin-bottom:5px;
	list-style-type:none;
	position:relative;
	border-bottom: 1px solid #999;
}


#dhtmlgoodies_slidedown_menu li ul li{
	padding-bottom:0px;
	margin-bottom:0px;
	list-style-type:none;
	position:relative;
	border-bottom: none;
}

#dhtmlgoodies_slidedown_menu ul{
	margin:0px;
	padding:0px;
	position:relative;

}

#dhtmlgoodies_slidedown_menu div{
	margin-bottom:5px;
	padding-top:5px;
}
/* 	Layout CSS */
#dhtmlgoodies_slidedown_menu{		
	width:180px;	
}

/* All A tags - i.e menu items. */


#dhtmlgoodies_slidedown_menu ul li a{
			

}

#dhtmlgoodies_slidedown_menu ul li a:hover{
	color: #0095D5;

}

#dhtmlgoodies_slidedown_menu ul li ul li a{
	padding-left:10px;
	color: #000;
	text-decoration:none;	
	display:block;
	clear:both;
	width:170px;		

}

#dhtmlgoodies_slidedown_menu ul li ul li a:hover{
	padding-left:10px;
	color: #0095D5;
	text-decoration:none;	
	display:block;
	clear:both;
	width:170px;	
	padding-left:10px;

}

/*
A tags color: #0095D5;
*/
#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
	width: 165px;
	color: #000;
    font-family : Georgia, Times, "Times New Roman", serif;
    font-weight : bold;
    text-transform : uppercase;
    letter-spacing : 1px;
	margin-right: 10px;	
	height: 20px;	
	padding: 0px 0px 8px 0px;		
	overflow:hidden
	white-space:nowrap;
}	

/* End Dashboard effect css */


/*
#ad-beta1 {
    margin-bottom : 10px;
}
*/
/* -END ADS */

/*
#e1251c : red
#d20065 : magenta
#e07614 : orange
#fbc500 : yellow
#409930 : bright green
#97b323 : dull green
#f1f7d3 : light green
#209894 : aqua
#1e81cc : cornflower
#e1f2fa : baby blue
#7a177c : purple
#f0e4f1 : lavender
#1e1e1e : black
*/