@base_color: #222222;

@bg-color: #ffffff;

@body-color: #ffffff;

@link_color: #1a647d;

@hover_color: #1d9ccb;

@default_fontsize: 12px;

@default_margin: 15px 0px;

@leftcolumn_width: 170px;

@leftcolumn_padding: 0px;

@leftcolumn_display: inline;

@middlecolumn_width: 506px;

@middlecolumn_padding: 0px;

@middlecolumn_display: inline;

@rightcolumn_width: 320px;

@rightcolumn_padding: 0px;

@rightcolumn_display: inline;

@gallerycolumn_width: 676px;

@widecolumn_width: 827px;

@highlight: #ef1921;

@highlight_hover: #b2181e;

@dotted_border: dotted 1px #bbbbbb;

@solid_border: solid 1px #cacaca;




#global-nav {
	text-align:left;
	padding: 0px 5px;
	color: #ebebeb;
	margin: 0px;
	background-color: #000000;
	}	
	
.global-nav, 
.global-nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	}

.global-nav {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	z-index: 100;
	position: relative;
	}	
	
.global-nav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
.global-nav li a,
.global-nav li a:link,
.global-nav li a:active,
.global-nav li a:visited {
	display: block;
	color: #ebebeb;
	font-size: 11px;
	padding: 5px 9px;
	text-transform: none;
	text-decoration: none;
	}

.global-nav li a:hover {
	background: #ef1921;
	color: #ffffff;	
	}
	
#global-nav-one li:hover a, 
#global-nav-one li.sfHover a {
	background: #ef1921;
	color: #ffffff;	
	background-image: url('//cache.thephoenix.com/i/Nav/global-arrow-on.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
	}

#global-nav-one li a {
	background-image: url('//cache.thephoenix.com/i/Nav/global-arrow-off.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px; 
	}

#global-nav-one li:hover ul a, 
#global-nav-one li.sfHover ul a {
	background: #ffffff;
	color: #000000;	
	}

#global-nav-one li:hover ul a:hover, 
#global-nav-one li.sfHover ul a:hover {
	background: #efefef;
	text-decoration:underline;
	}

.global-nav ul {
	list-style: none;
	margin: 0px;
	width: 140px;
	position: absolute;
	top: -999em;
	left: 0px;
	}
	
.global-nav li:hover ul,
.global-nav li.sfHover ul {
	top: 22px;
	}
	
.global-nav ul li {
	border: 0px;
	float: none;
	}
	
.global-nav ul a {
	border: 0px solid #000000;
	border-bottom: 0px;
	padding-right: 20px;
	width: 116px;
	white-space: nowrap;
	}
	
.global-nav ul a:hover {
	background: #cccccc;
	color: #000000;
	}

#global-nohover {
	list-style-type: none;
	font-size: 11px;
	color: #999999;
	padding: 5px 0 0 0;
	}
	
#global-nohover li {
	display:inline;
	}
	
#global-nohover li a,
#global-right a {
	color:#ebebeb;
	text-decoration:none;
	}
	
#global-nohover li a:hover,
#global-right a:hover {
	text-decoration:underline;
	}

#global-right {
	float: right; 
	font-size: 11px; 
	margin: 5px 5px 0 0; 
	color: #999999;
	}


/*~  Global Reset Styles
----------------------------------------------------------------------*/
* { 
	margin:0px;
	padding:0px;
	}

body {
	margin:0px;
	font-family:Arial, Sans-Serif;
	font-size: @default_fontsize;
	text-align:center;
	color: @base_color;
	background:#ffffff url(//cache.thephoenix.com/i/Nav/body-bg.gif);
	}

a { 
	color: @link_color;
	text-decoration:none;
	}
 
a:hover {
	color: @hover_color;
	text-decoration:underline;
	}
 
a img {
	border:0px;
	}
 
p {
	color: @base_color;
	margin: @default_margin;
	}

ul, ol {
	margin:10px 20px;
	}

h1 {
	color: @base_color;
	font-size: 28px;
	margin: 15px 0;
	} 
	
h2 {
	color: @base_color;
	font-size: 22px;
	margin: 10px 0;
	}

h3 {
	color: @base_color;
	font-size: 18px;
	margin: 10px 0;
	}

h4 {
	color: @base_color;
	font-size: 14px;
	margin: 5px 0;
	}

h5 {
	color: @base_color;
	font-size: 12px;
	margin: 5px 0;
	}

blockquote { 
	margin: 20px 40px;
	}

hr {
	border:0px;
	border-top:dotted 1px #999;
	height:1px;
	display:block;
	margin:12px 0px;
	padding:0px;
	}


/*~  Global Classes
----------------------------------------------------------------------*/

.clr {
	clear:both;
	height:0px;
	}

a.highlight {
	color: @highlight;
	}

a:hover.highlight {
	color: @highlight_hover;
	}
	
ul.defaultlist { 
	margin:10px 0px;		
	font-size:11px;
	line-height:16px;
	list-style-type:none;
		li {
			margin:10px 0px;
			}
	}

a.title {
	font-size:14px;
	font-family:georgia;
	font-weight:bold;
	} 

a.title2 {
	font-size:12px;
	font-family:georgia;
	font-weight:bold;
	line-height:18px;
	} 


/*~  Main Layout
----------------------------------------------------------------------*/	

#container {
	margin:0px auto;
	width:1000px;
	padding:0 10px; 
	text-align:left;
	background-color: @body-color;
	}

#header {
	height:90px;
	width:970px;
	padding:10px 0px 10px 30px; 
	}

#top-content-bar {
	width:1000px;
	height:auto;
	margin:0px;
	display:block;
		img {
			margin:1px 0 0 0;
			border:0px;
			}
		a {
			display:block;
			height:50px;
			overflow:hidden;
			text-decoration:none;
			}
	}

#main-column {
	padding:5px 0px;
	border-right:solid 1px #fff;
	border-left:solid 1px #fff; 
	}

#left-column,
#middle-column,
#right-column,
#gallery-column,
#wide-column,
#right-column-wide {
	float:left; 
	} 
	
#left-column {
	width: @leftcolumn_width;
	border-right: @solid_border; 
	padding: @leftcolumn_padding;
	display: @leftcolumn_display;
	}

#middle-column {
	width: @middlecolumn_width;
	padding: @middlecolumn_padding;
	display: @middlecolumn_display; 
	}

#right-column {
	width: @rightcolumn_width;
	border-left: @solid_border; 
	padding: @rightcolumn_padding;
	display: @rightcolumn_display;
	}

#gallery-column {
	width: @gallerycolumn_width;
	padding: 0px; 
	}

#wide-column  {
	width: @widecolumn_width;
	padding: 0px;   
	}
	
#right-column-wide {
	width: @leftcolumn_width;
	border-left: @solid_border; 
	padding: @leftcolumn_padding;
	display: @leftcolumn_display;
	}

#footer {
	clear:both;
	text-align:center;
	padding:10px 0 15px 0;
	margin:0px 0 0 0;
	background:#000000 url(//cache.thephoenix.com/i/Nav/footer-bg.gif) repeat-x top;
	border-top:1px solid #000;
	}
	
.column-padding {
	padding: 5px 10px;
	}

#nav-breaking-news{
	width: 940px;
	height: 25px;
	padding: 5px 30px 0 30px;
	color: #fff;
	background-color: #F01823;
	overflow: hidden;
	vertical-align: middle;
	.prefix {
		color: #fff;
		font-size: 10px;
		padding: 0px;
	}
	.header {
		font-size: 18px;
		color: #fff;
		font-weight: bold;
	}
	.subhead {
		font-size: 18px;
		color: #fff;
		font-weight: normal;
	}
	a {
		padding-left: 30px;
	}
}


/*~  Header Elements
----------------------------------------------------------------------*/

img#logo {
	margin:20px 0 0 0px;
	}

#top-ad {
	float:right;
	width:728px;
	height:90px;
	overflow:hidden;
	}


/*~  Navigation Bar
----------------------------------------------------------------------*/

#nav {
	height:30px;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
	background:#ffffff url(//cache.thephoenix.com/i/Nav/mainnav-bg.jpg) repeat-x;
		ul {
			list-style-type:none;
			margin:4px 0 0 0;
				li {
					display:inline;
					margin:0px 6px;
					}
			}
	}

#main-nav {
	margin: 0;
	padding: 0 0 0 2px;
	}
	
#sub-nav-list {
	color:#acacac;
	}

#main-nav li.nav-separator {
	margin:1px 0 0 0;
	padding:0px;
	}
	
#main-nav li.no-drop {
	margin-right:10px;
	}

#sub-nav-list li,	
#main-nav li {
	float: left;
	list-style: none;
	}

#main-nav li img {
	border:0px;
	vertical-align:baseline;
	margin:0 0 0 1px;
	padding:0px;
	}

#main-nav li a {
	display: block;
	background: transparent;
	padding:2px 1px 0px 1px;
	text-decoration: none;
	width: auto;
	color: #333333;
	white-space: nowrap;
	font-size:16px;
	height:16px;
	line-height:16px;
	font-weight:bold;
	letter-spacing:-1px;
	}

#main-nav li a.classifieds-link {
	color:#696969;
	}

#main-nav li a:hover {
	background: transparent;
	}
	
#main-nav li ul {
	background:#ffffff;
	margin: 8px 0 0 -8px;
	padding: 5px;
	position: absolute;
	z-index:900;
	visibility: hidden;
	border-top:dotted 1px #333333;
	border-bottom:solid 2px #555555;
	border-right:solid 2px #555555;
	border-left:solid 2px #555555;
	width:220px;
	-moz-box-shadow:2px 3px 5px #666666;
	}
	
#sub-nav-list li ul {
	background:#ffffff;
	margin: 7px 0 0 -9px;
	padding: 3px;
	position: absolute;
	z-index:900;
	visibility: hidden;
	border-top:dotted 1px #333333;
	border-bottom:solid 2px #555555;
	border-right:solid 2px #555555;
	border-left:solid 2px #555555;
	width:110px;
	-moz-box-shadow:2px 3px 5px #666666;
	}
		
#sub-nav-list li ul li,		
#main-nav li ul li {
	float: none;
	display: inline;
	padding:0px;
	margin:0px;
	}
	
#main-nav li ul li a {
	width: auto;
	background: #ffffff;
	font:normal 11px Arial;
	color:#000;
	padding:5px 5px;
	margin:0px;
	border-top:dotted 1px #333333;
	letter-spacing:0px;
	text-transform:none;
	width:111px;
	}
	
#main-nav .nav-drop-right {
	float:right;
	width:93px;
	border-left:solid 1px #d9d9d9;
	height:188px;
	
		a {
			font:normal 11px Arial;
			line-height:auto;
			height:auto;
			letter-spacing:0px;
			color:#0b6f8c;
			width:75px;
			white-space: normal;
			padding:0px;
			} 
			
		a:hover {
			text-decoration:underline;
			color:#0a4f63;
			}	
		
		span {
			font:bold 18px Arial;
			color:#fff;
			letter-spacing:-1px;
			}
			
		.nav-drop-sep {
			height:1px;
			border-top:dotted 1px #fff;
			margin:5px 0px;
			}
	}
	
#main-nav .nav-drop-right-ct {
	background-color:#b1d3da;
	margin:0 0 0 5px;
	padding:2px 5px;
	}

#main-nav .nav-drop-picks {
	height:80px;
		.nav-drop-right-ct {
			height:76px;
			}
	}	
	
#main-nav .nav-drop-news {
	height:188px;
		.nav-drop-right-ct {
			height:184px;
			}
	}
	
#main-nav .nav-drop-music {
	height:161px;
		.nav-drop-right-ct {
			height:157px;
			}
	}
	
#main-nav .nav-drop-movies {
	height:107px;
		.nav-drop-right-ct {
			height:103px;
			}
	}	

#main-nav .nav-drop-food {
	height:80px;
		.nav-drop-right-ct {
			height:76px;
			}
	}
	
#main-nav .nav-drop-arts {
	height:188px;
		.nav-drop-right-ct {
			height:184px;
			}
	}	

#main-nav .nav-drop-classifieds {
	height:107px;
		.nav-drop-right-ct {
			height:103px;
			}
	}	
	
#sub-nav-list li ul li a {
	width: auto;
	background: #ffffff;
	font:normal 10px Arial;
	color:#000;
	padding:6px 5px 8px 5px;
	display:block;
	margin:0px;
	border-top:dotted 1px #333333;
	letter-spacing:0px;
	text-transform:none;
	}	
	
#sub-nav-list li ul li a.no-border,
#main-nav li ul li a.no-border {
	border:0px;
	}
		
#main-nav li ul li a:hover {
	background: #eeeeee;
	text-decoration:underline;
	}
		
#sub-nav-list li ul li a:hover {
	background: #eeeeee;
	color:#000;
	text-decoration:underline;
	}
	
#sub-nav-list li a.no-underline:hover {
	text-decoration:none;
	}

#main-nav li ul li a.no-underline {
	font:bold 12px Arial;
	padding-left:4px;
	color:#fff;
	background-color:#b1d3da;
	border-top:solid 1px #8aa9b9;
	}

#main-nav li ul li a.no-underline:hover {
	background: #b1d3da;
	text-decoration:none;
	}

#sub-nav {
		height:auto;
		border-bottom:solid 1px #666666;
		font-size:10px;
		background-color:#ffffff;
		padding:5px 5px 3px 5px;
		height:16px;
					ul {
			list-style-type:none;
			margin:2px 0 0 0;
				li {
					display:inline;
					margin:0px 3px;
					line-height:11px;
					height:11px;
						a {
						font-size:10px;
						text-transform:uppercase;
						display:block;
						line-height:10px;
						height:10px;
						}
					}
			}
			a {
			display:block;
			white-space: nowrap;
				
				color:#000;
				
				}
			a:hover {
				text-decoration:underline;
				color:#666666;
			}
			a.highlight {
				color: @highlight;
				}

			a:hover.highlight {
				color: @highlight_hover;
				}
			img {
				vertical-align: middle;
				margin: -2px 5px 0 0;
			}
		 }
 
.phx-search { 
	float:right;
	border:solid 1px #999999;
	width:195px;
	background:#ffffff url(//cache.thephoenix.com/i/Nav/search_icon.gif) no-repeat scroll 4px center;
	margin:4px 4px 0 0;
	padding:3px 0 3px 18px;
	}

input.sitesearch {
	font-size:11px; 
	border:0px;
	width:190px;
	}

input.blur {
	color: #777777;
	}

input.sitesearchsubmit {
	float:right;
	margin:4px 5px 0 0;
	}

.ad-block {
	padding:2px 0 14px 0;
	border-top:solid 1px #d6d6d6;
	border-bottom:solid 1px #d6d6d6;
	color:#999999;
	font-size:10px;
	background-color:#ebebeb;
	text-align:center;
	}
	
	
	
	
/*~  Footer Elements
----------------------------------------------------------------------*/
	
#copyright {
	color:#f2f2f2;
	font-size:11px;
	padding:0 0 8px 0;
	margin:0 15px 10px 15px;
	border-bottom:dotted 1px #777;
	}
	
#footer ul {
	list-style-type:none;
	line-height:20px;
	margin:5px 0 0 0;
		li {
			display:inline;
				a {
					padding:0 5px 0 8px;
					font-size:11px;
					color:#e6e6e6;
					border-left:solid 1px #666;
					}
					a:hover{color: @highlight;}
			}
	}
	
#footer ul li a.first {
	border-left:0px;
	}

#footer-ad {
	font-size:10px;
	color:#777;
	margin: 15px 0 0 0;
	}

#gallery {
	position:relative;
	width:486px;
	text-align:left;
	height:280px;
	overflow:hidden;	
	 a {
		float:left;
		position:absolute;
		}
	 a img {
		border:none;
		width:486px;
		}
	a.show {
		z-index:500
		}
	.caption {
		z-index:600; 
		background-color:#000000; 
		color:#ffffff; 
		height:95px; 
		width:100%; 
		position:absolute;
		bottom:0;
		}
	.caption .content {
		margin:10px;
		}
	.caption .content h3 {
		margin:0;
		padding:0;
		font-size:22px;
		font-weight:normal;
		color:#1DCCEF;
		}
}


/*~  Article Styles
----------------------------------------------------------------------*/	

#article {
	padding: 5px 10px;
	h1 {
		font:bold 24px Arial, sans-serif;
		letter-spacing:-1px;
		margin:0px;
		}
			
	h2 {
		font:normal 14px Arial;
		margin:3px 0px;
		color:#000000;
		}	
		
	p {
		line-height:22px;
		font-family:Arial, Trebuchet MS, Sans-Serif;
		font-size:14px;
		color:#000000;
		}
		
	img {
		border:0px;
		margin-bottom:3px;
		}
		
	ul {
		list-style-type:disc;
		margin:10px 0 10px 30px;
		}
	}
	
.byline {
	font-size:11px;
	margin:7px 0 5px 0;
	float:left;
	}
	
.cutlineText {
	color:#636363;
	font-size:11px;
	}

.comment-count {
	background:#ffffff url(//cache.thephoenix.com/i/Nav/CmntBg.jpg) no-repeat ;
	width:17px;
	height:14px;
	text-align:center;
	font-size: 10px;
	margin:7px 0 0 10px;
	float:left;
	}	

div#ArticleList {
	margin-bottom:10px;
	}

h1.article-list-header {
	font:normal 28px Georgia;
	border-bottom:solid 1px #999;
	padding:0 0 2px 0px;
	margin:0 0 15px 0;
	display:block;
	text-align:center;
	letter-spacing:-1px;
	}

.article-list-breadcrumb {
	
	margin:0px;
	display:none;
	text-align:left;
	font-size:11px;
	color:#666;
	}

.article-list-results {
	text-align:center;
	margin:3px 0 10px 0;
	font-size:11px;
	color:#666;
	}

.article-list-img {
	float:left;
	margin:7px 0 0 5px;
	}

.article-list-content {
	margin:0 0 0 72px;
	padding:0px 0px 0px 13px;
	} 
	
h3.article-list-title {
	font:normal 20px georgia;
	letter-spacing:-1px;
	margin:0 0 0px 0;
	padding:0px;
	
		a {color:#222;}
	}	

.article-list-teaser {
	display:block;
	margin:4px 0 0px 0;
	font:normal 14px arial;
	}

.article-list-byline{
	display:block;
	margin:3px 0 3px 2px;
	text-transform:uppercase;
	font:normal 11px arial;
	color:#666;
	}

p.article-list-preview {
	margin:5px 0 0 0;
	font-size:11px;
	line-height:16px;
	display:block;
	letter-spacing:0.05em;
	color:#333;
	}

.article-list-paging {
	text-align:center;
	margin:10px 0px;
	line-height:24px;
	a {padding:1px 4px;}
	a:hover {background-color:@hover_color;color:#fff;}
	}

/*~ Portal Styles
----------------------------------------------------------------------*/	

.WidgetHighlightContainer {
	height:262px;
	margin:188px 0 0;
	width:482px;
	overflow:hidden;
	cursor: pointer;
	}

.WidgetHighlightSubContainer {
	background-color:#000;
	height:65px;
	-moz-opacity:.80;
	filter:alpha(opacity=80);
	opacity:.80;
	padding:5px 5px 5px 10px;
	width:467px;
	cursor: pointer;
	}

div.mnu {
	-moz-opacity:.85;
	filter:alpha(opacity=85);
	opacity:.85;
	}

.WidgetHighlight {
	padding:3px 0 5px;
	width:460px;
	z-index:1;
	color:#fff;
	cursor: pointer;
	}

.WidgetHighlight a {
	color:#fff;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:22px;
	}

a.section-title {
	font-size:16px;
	font-family:georgia;
	font-weight:bold;
	letter-spacing:-1px;
	} 

a:hover.section-title {
	}

.TopSectionHighlight p {
	margin:0px;
	padding:5px 0px;
	font-size:12px;
	}

#SectionHighlights ul {
	background-color:#F7F7F7;
	background-image:url("//cache.thephoenix.com/i/Nav/gray_310.gif");
	list-style-type:none;
	list-style-image:url("//cache.thephoenix.com/i/Nav/listitem-red.gif");
	margin:0px;
	padding:3px 10px 3px 23px;
	}

#SectionHighlights li {
	margin:10px 0;
	}

#SectionHighlights li a {
	font-weight:bold;
	}

#SectionHighlights {
	width:482px;
	padding:10px 0px; 
	}

.TopSectionHighlight {
	margin:3px 0 0 0;
	text-align:center;
	}

.TopSectionHighlightTitle {
	}

.TopSectionHighlightTitle a {
	color:#333;
	}

.TopSectionHighlightTitle a:hover {
	text-decoration:none;
	color:#000;
	}

.TopSectionHighlightTitle h3 {
	color:#333333;
	font:bold 20px Arial;
	letter-spacing:-1px;
	border-bottom:dotted 1px #666666;
	margin:2px 0 7px 0;
	}

.section-highlight {
	margin:10px 0px;
	}

img.highlight-image {
	width: 235px;
	}	

ul.highlight-list {
	margin:0 0 0 15px;
	padding:5px 0px;
	list-style-image:url(//cache.thephoenix.com/i/Nav/listitem-red.gif);
		li {
			padding:5px 0px;
			border-bottom: dotted 0px #999999;
				a {
					font:bold 12px Arial;
					}
			}
	}

.top-highlight {
	text-align:center;
	padding:7px 0 5px 0px;
	border-bottom: dotted 1px #999999;
	}

.highlight-footer {
	border-top: dotted 1px #999999;
	padding:5px 0 0 0;
	font:normal 11px arial;
	text-align:center;
	color:#444444;
	}

span.subtxt {
	font-size:11px;
	color:#222222;
	}

/*~ Default SideBar Styles
----------------------------------------------------------------------*/


	
/*~  SideBar Elements
----------------------------------------------------------------------*/
		

.sbHeader {
	font-size:14px;
	font-weight:bold;
	padding:6px 0px;
	text-transform:uppercase;
	}

.sbBody {
	padding:5px;
	}

.sbBody ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}

.sbBody li {
	margin:0;
	padding:0;
	}

.sbItem,
.sb-item {
	padding:0px 10px 10px 10px;
	border-bottom:solid 2px #d5d5d5;
	}	

ul.current-issue-list {
	float:left;
	width:195px;
	margin:0px;
	padding:0px;
		li {
			padding:2px 0 3px 0;
			border-bottom:@dotted_border;
				a { 
					font:normal 12px arial;
					}
			}
	}

img.current-cover {
	border:solid 1px #aeaeae;
	}

h3.sb-header {
	padding:3px 10px;
	margin:7px 0px;
	font-size:14px;
	text-transform:uppercase;
	}

h3.sb-header-bg {
	padding:10px 10px 7px 10px;
	font-size:14px;
	text-transform:uppercase;
	background-image:url(//cache.thephoenix.com/i/Nav/gray_310.gif);
	}

#most-commented ol,
#most-viewed ol,
#most-emailed ol {
	margin:0 0 0 15px;
	font-size:11px;
	}

#most-commented ol li,
#most-viewed ol li,
#most-emailed ol li {
	padding:6px 0px;
	border-bottom:@dotted_border;
		a {
			font:bold 11px Arial;
			}
	}

ul#promotions {

	li { 
		padding:5px 2px;
		border-bottom:@dotted_border;
			a {
				font:bold 11px arial;
				}
		}
 }

#left-column .foot {
	text-align:center;
	border-top:1px solid #dddddd;
	margin:18px 0 10px;
	}
	
#left-column .foot h5 {
	margin:-10px 0 0;
	font:12px Arial;
	}
	
#left-column .foot a {
	background:#ffffff;
	padding:0 6px;
	}

#left-column ul,
#right-column ul {
	list-style-type:none;
	margin:0px;
	}

ul#blogs-list {
	text-align:center;
		li {
			margin:0 0 7px 0px;
			}
		div {
			margin-top:3px;
			padding:0 0 7px 0;
			border-bottom:dotted 1px #acacac;
			font-size:11px;
			}
	}

ul#follow-list {
		
		li {
			display:inline;
			margin:0 7px 0 0;
			}
	}

ul#thing-to-do {
	clear:both;
	padding:7px 0 0 0;
		li {
			display:inline;
			margin:0 12px 0 0;
				a {
					font:bold 12px arial;
					}
			}

	}