/* CSS */

/* Color Specs ******************/
/* Taupe			#F7EAB6		*/
/* Light Taupe		#F1ECD6		*/
/* Headline Taupe		#A3928B		*/
/* Nav Grey			#B9B6A5		*/
/* Nav Text			#6C6B59		*/
/* Yellow			#EBC639		*/
/* Orange			#F06C33		*/
/* Red				#B45038		*/
/* Brown			#7F655D		*/

/* Base Selectors //////////////*/

* {
	margin: 0;
	padding: 0;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	background-color: transparent;
}

body { background: #963a15 url(../images/bg-body.gif) top left repeat-y; }

body.bb { background: #963a15 url(../images/bg-body-bb.gif) top left repeat-y; }

a {
	text-decoration: none;
	color: #7f655d;
	cursor: pointer;
	border: 0;
}

a:hover { text-decoration: underline }

/* Form Fields ///////////////////*/

#textfield {
	border: 1px solid #8d4f28;
	background: #fff;
	padding: 8px;
}

#textfield:focus {
	background: #ffe;
}

#textarea {
	margin-bottom: 10px;
	font-size: 8px;
}

.hide {
	display: none;
}

h1 {
	position: relative;
	top: 0;
	left: 0;
	height: 91px;
	width: 740px;
	text-indent: -9999px; 
}

h1 a {
	display: block;
	height: 91px;
}

img { border: 0; }

/* Shared Classes ////////////*/

.small { font-size: 9px; }
.left { float: left; }
.right { float: right; }

/* Clearing Classes ////////*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearleft:after { clear: left; }
.clearright:after { clear: right; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* Header CSS 
# div#header background image needs to be redefined inline for 
# each new section.
*/

div#header {
	background: transparent url(none) top repeat-x;
	height: 91px;
	width: 1000px;
}

div#header-advert {
	position: absolute;
	top: 0;
	left: 648px;
	width: 342px;
	padding: 15px 0;
}

div#header-advert img {
	float: right;
	margin-right: 10px;
}

/* End Header CSS */

/* Global Navigation CSS */

div#top-nav {
	height: 18px;
	width: 1000px;
	background: #ebc639 url(../images/top-nav-tagline.gif) 0 no-repeat;
	border-bottom: 5px solid #fff;
}

div#top-nav ul {
	position: relative;
	top: 0;
	left: 415px;
	width: 585px;
	height: 18px;
}

div#top-nav ul li {
	list-style: none;
	position: absolute;
	top: 0;
}

div#top-nav ul li, 
div#top-nav a {
	height: 18px;
	display: block;
}

div#top-nav ul li a	{
	text-indent: -9999px;
}

ul#top-login {
	background: url(../images/new_top_nav_login.gif);
}

ul#top-logout {
	background: url(../images/new_top_nav_logout.gif);
}

li#top1 {left: 0; width: 83px;}
li#top2 {left: 84px; width: 74px;}
li#top3 {left: 158px; width: 90px;}
li#top4 {left: 248px; width: 82px;}
li#top5 {left: 330px; width: 100px;}
li#top6 {left: 430px; width: 56px;}
li#top7 {left: 486px; width: 74px;}
li#top8 {left: 550px; width: 24px;}

ul#top-login li#top1 a:hover {background: transparent url(../images/new_top_nav_login.gif) 0 -18px no-repeat;}
ul#top-login li#top2 a:hover {background: transparent url(../images/new_top_nav_login.gif) -84px -18px no-repeat;}
ul#top-login li#top3 a:hover {background: transparent url(../images/new_top_nav_login.gif) -158px -18px no-repeat;}
ul#top-login li#top4 a:hover {background: transparent url(../images/new_top_nav_login.gif) -248px -18px no-repeat;}
ul#top-login li#top5 a:hover {background: transparent url(../images/new_top_nav_login.gif) -330px -18px no-repeat;}
ul#top-login li#top6 a:hover {background: transparent url(../images/new_top_nav_login.gif) -430px -18px no-repeat;}
ul#top-login li#top7 a:hover {background: transparent url(../images/new_top_nav_login.gif) -486px -18px no-repeat;}
ul#top-login li#top8 a:hover {background: transparent url(../images/new_top_nav_login.gif) -550px -18px no-repeat;}

ul#top-logout li#top1 a:hover {background: transparent url(../images/new_top_nav_logout.gif) 0 -18px no-repeat;}
ul#top-logout li#top2 a:hover {background: transparent url(../images/new_top_nav_logout.gif) -84px -18px no-repeat;}
ul#top-logout li#top3 a:hover {background: transparent url(../images/new_top_nav_logout.gif) -158px -18px no-repeat;}
ul#top-logout li#top4 a:hover {background: transparent url(../images/new_top_nav_logout.gif) -248px -18px no-repeat;}
ul#top-logout li#top5 a:hover {background: transparent url(../images/new_top_nav_logout.gif) -330px -18px no-repeat;}
ul#top-logout li#top6 a:hover {background: transparent url(../images/new_top_nav_logout.gif) -430px -18px no-repeat;}
ul#top-logout li#top7 a:hover {background: transparent url(../images/new_top_nav_logout.gif) -486px -18px no-repeat;}
ul#top-logout li#top8 a:hover {background: transparent url(../images/new_top_nav_logout.gif) -550px -18px no-repeat;}

/* End Global Navigation CSS */

/* New Navigation */

#left-col-main {
	left: 0;
	width: 175px;
	text-align: left;
	float: left;
	background: transparent;
}

#left-col-main h2 {
	width: 170px;
	height: 17px;
	line-height: 17px;
	text-indent: -9999px;
	border-bottom: 2px solid #ecc539;
	background-color: transparent;
	background-repeat: no-repeat;
}

#h-new-west-network { background-image: url("/images/headers/h-new-west-network.gif") }
#h-new-west-affiliates { background-image: url("/images/headers/h-new-west-affiliates.gif") }

/* Hardcoded Left Nav */

#left-col-main ul, #left-col-sub ul { list-style: none; }

#left-col-main ul li, #left-col-sub ul li {
	height: 17px;
	line-height: 17px;
	display: block;
}

#left-col-main ul li a, #left-col-sub ul li a {
	display: block;
	height: 16px;
	line-height: 16px;
	width: 170px;
	text-indent: -9999px;
	text-decoration: none;
	border-bottom: 1px solid #ecc539;
	background-color: transparent;
	background-repeat: no-repeat;
}

#left-col-main ul li a:hover, #left-col-sub ul li a:hover { background-position: -170px 0; }

#left-col-main ul div div { 
	position: relative; 
	width: 150px; 
	left: 171px
}

#left-col-main ul ul {
	position: absolute;
	top: -17px
}

#left-col-main ul ul li a {
	background-color: #f7edc5;
	border-color: #fff; 
	text-indent: 0; 
	padding-left: 4px; 
	font-size: 9px;
	color: #000;
}

#left-col-main ul ul li a:hover { 
	background-color: #fff8dc;
}

#left-col-sub .nav-brief {
	color: #333;
	font-size: 12px;
	padding: 5px;
}

.nav-block {
	margin-bottom: 10px;
}

.nav-block h2 {
	width: 170px;
	height: 17px;
	line-height: 17px;
	text-indent: -9999px;
	border-bottom: 2px solid #ecc539;
	background-color: transparent;
	background-repeat: no-repeat;
}

.nav-block ul { list-style: none; }

.nav-block ul li {
	height: 17px;
	line-height: 17px;
	display: block;
}

.nav-block ul li a {
	display: block;
	height: 16px;
	line-height: 16px;
	width: 170px;
	text-indent: -9999px;
	border-bottom: 1px solid #ecc539;
	background-color: transparent;
	background-repeat: no-repeat;
}

.nav-block ul li a:hover { background-position: -170px 0 }

.nav-block ul ul {
	position: absolute;
	width: 150px;
	font-size: 11px;
	left: 171px;
}

.nav-block ul ul li a { 
	background: #ecc539 url(none); 
	border-color: #fff; 
	text-indent: 0; 
	padding-left: 4px; 
	font-size: 9px;
	color: #000;
}

.nav-block ul ul li a:hover { 
	background: #dbb428;
	color: #fff;
	text-decoration: none;
}

/* Main Content Area CSS */

.content-advert {
	border: 1px dotted #999;
	border-width: 1px 0;
	padding: 5px 0;
	margin-bottom: 10px;
	text-align: center;
}

.h5-advert {
	font-weight: normal;
	font-size: 11px;
	color: #999;
	text-align: left;
	text-transform: lowercase;
}

.article {
	font-size: 12px;
	margin: 15px 0;
	display: block;
}

.article-bb {
	font-size: 12px;
	margin: 15px 0;
}

.article h1 {
	color: #7f655d;
	font-size: 32px;
	line-height: 25px;
	font-weight: normal;
	margin-bottom: 10px;
}

.article h2 {
	color: #7f655d;
	font-size: 21px;
	line-height: 25px;
	font-weight: normal;
	margin-bottom: 10px;
}

.article img {
	float: right;
	margin: 3px;
}

#feature {
	background: #f2f2e8;
	padding: 6px;
}

#feature p {
	font-size: 12px;
	margin-bottom: 7px;
}

#feature img {
	float: right;
	margin: 3px;
}

#feature_controls,
div.article_controls {
	display: block;
	background: #e1e1d8;
	padding: 4px 6px;
	font-size: 11px;
	margin: 0 0 6px 0;
}

#featured-image {
	width: 468px;
	overflow: hidden;
}

#featured-image h3 {
	font-size: 13px;
	font-weight: bold;
	color: #666;
	margin: 0;
}

#featured-image img {
	display: block;
	margin: 5px auto;
}

#featured-image p {
	font-size: 12px;
	padding: 4px 0;
}

div#content h2 {
	color: #7f655d;
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 4px;
}

#feature h4,
.article h4 {
	font-size: 11px;
	font-weight: bold;
	color: #ef6d1c;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.article p { margin-bottom: 10px; }

#feature a,
#featured-image a,
.article a { border-bottom: 1px dotted #7f655d; }

#feature a:hover,
#featured-image a:hover,
.article a:hover { border-bottom-style: solid; text-decoration: none }

#feature a.head, .feature a.head:hover,
.article a.head, .article a.head:hover {
	color: #000;
	border: 0;
	font-weight: bold;
}

#feature a.head:hover,
.article a.head:hover { text-decoration: underline }

#feature ul,
.article ul {
	font-size: 12px;
	margin-left: 1em;
}

#feature blockquote,
.article blockquote { margin: 0 30px; }

a.more {
	color: #ef6d1c;
	font-size: 11px;
	border: 0;
}

a.more:hover { color: #7f655d; }

.article short-post-img { float: right; padding: 8px 0 5px 10px }

.image-caption {
	color: #B45038;
	font-size: 8pt;
	margin-top: 5px;
}

.photo-credit {
	font-size: 8pt;
	padding: 5px;
}

.article-footer {
	font-size: 11px;
	margin-top: 5px;
	border-top: 1px solid #ccc;
	padding: 2px 5px;
}

.footer-widgets {
	margin-top: 7px;
}

#flickr-links {
	padding-bottom: 5px;
	text-align: center;
	height: 12px;
	list-style: none;
}

#flickr-links li {
	width: 33.3%;
	float: left;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	text-align: center;
}

#flickr-links li:first-child {
	text-align: left;
}

#flickr-links li:last-child {
	text-align: right;
}

#flickr-links li a { color: #666 }

#flickr-thumbs img { border: 1px solid #666 }

.blogvert {
	font-size: 12px;
	line-height: 15px;
	margin: 15px 0;
	background: #ddd;
	padding: 5px;
}

.blogvert h3 {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.blogvert h4 {
	font-size: 13px;
	font-weight: bold;
}

.blogvert h4 a { color: #000; }

.blogvert img { float: right; padding: 8px 0 5px 10px }

.blogvert .article-footer { border-top: 1px solid #999; padding: 2px 0; }

#content h3 {
	font-size: 13px;
	color: #7f655d;
	margin: 6px 0;
}


.comment {
	width: 468px;
	font-size: 13px;
	line-height: 15px;
	overflow: hidden;
}

.row1 {
	background: #faf7eb;
}

.row2 {
	background: #faf8f1;
}

.comment small {
	font-size: 11px;
	display: block;
	color: #666;
}

#comment_form {
	margin-bottom: 20px;
}

#comment_form textarea {
	width: 465px;
	font-size: 13px;
}

#comment_form p {
	font-size: 13px;
	margin-bottom: 10px;
}

#comment_form .submit {
	border: 1px solid #7f655d;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 6px;
	background: #f7eab6;
	color: #7f655d;
	cursor: pointer;
}

/* End Main Content Column CSS */

/* left column */

#left-col .sidebox .textfield { width: 149px; }

#left-col .adv-search { display: block; float: left; line-height: 24px; font-size: 9px }

#local-sites { margin: 0 5px 10px 5px; padding: 5px 0; background: #ebc639; text-align: center }

#local-sites h4 { 
	width: 159px;
	height: 12px;
	background: transparent url(../images/h4-local-sites.gif) no-repeat;
	margin: 0 auto;
	text-indent: -9999px;
}

#local-sites p { font-size: 11px; margin-bottom: 5px }

#local-sites select { width: 155px; background: #fff; font-size: 11px }

.leftbox { margin: 0 5px 10px 5px; }

.leftbox * { margin: 0 auto; border: 0 }

.left-section { margin: 0 5px 10px 0; }

.left-section * {
	font-size: 11px;
	line-height: 13px;
}

.left-section h2 {
	text-transform: uppercase;
	color: #fff;
	background: #953b14;
	padding: 2px 3px;
	font-weight: normal;
}

.left-section h3 {
	background: #faecc4;
	padding: 2px 3px;
	border: 2px solid #ebc639;
	border-width: 2px 0 0 0;
}

.left-section li {
	border-bottom: 1px solid #ebc639;
}

.left-section li a {
	display: block;
	padding: 4px 6px;
	color: #444;
	background: #fff;
}

.left-section li a .bullet {
	color: #ebc639;
}

.left-section li a:hover {
	background: #ebc639;
	text-decoration: none;
}

.left-section li a:hover .bullet {
	color: #444;
}

/* right column(s) */

.sidebox {
	background: #f7eab6;
	margin: 0 5px 10px 5px;
}

.sidebox form {
	text-align: right;
	padding: 5px;
}

.sidebox form * {
	font-size: 11px;
	line-height: 13px
}

.sidebox form small a {
	font-size: 9px;
}

#search-header {
	height: 20px;
	background: url(../images/headers/h-search.gif) no-repeat;
	text-indent: -9999px;
}

#login-header {
	height: 20px;
	background: url(../images/headers/h-r-login-new.gif) left no-repeat;
	text-indent: -9999px;
}

#login-header a {
	margin-left: 55px;
	display: block;
	height: 17px;
	text-indent: -9999px;
}

.sidebox p {
	text-align: left;
	font-size: 11px;
	margin: 0 0 3px 0;
}

#rightside .sidebox .textfield {
	width: 144px;
}

.sidebox .submit {
	margin: 2px 0 0 0;
}

#rightside .side-ad {
	margin: 5px 0;
	text-align: center;
}

.wayback {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
}

/* CITY MAIN NEW */

#hot-topics { margin: 0 5px 10px 5px; }

#hot-topics * { font-size: 11px; }

#hot-topics h5 { 
	color: #b45038;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 1px }

#hot-topics h4 {
	background: transparent url(../images/h4-hot-topics.gif) no-repeat;
	width: 150px;
	height: 29px;
	text-indent: -9999px;
	margin-bottom: 5px
}

#hot-topics ul { list-style: none; margin: 0 0 10px 3px }

#hot-topics li,
#hot-topics p { margin-bottom: 5px }

#editor-bio {
	margin: 0 5px 10px 5px;
}

#editor-bio h3 {
	text-transform: uppercase;
	font-size: 9px;
	color: #b45038;
}

#editor-bio p {
	font-size: 10px;
	line-height: 12px;
	color: #666;
}

#editor-bio img {
	float: right;
	margin-right: 5px;
	border: 1px solid #666;
}

#media-gallery {
	margin: 0 5px 10px 5px;
	background: #000;
	padding: 0 0 4px 5px;
}

#media-gallery ul { 
	list-style: none;
	position: relative;
	margin-top: 2px;
}

#media-gallery ul li {
	display: block;
	width: 150px;
	height: 13px;
	line-height: 13px; 
}

#media-gallery ul li a {
	display: block;
	width: 150px;
	height: 13px;
	line-height: 13px;
}

#media-gallery ul li a#li-view { background: transparent url(../images/headers/li-view.gif) no-repeat; }
#media-gallery ul li a#li-listen { background: transparent url(../images/headers/li-listen.gif) no-repeat; }
#media-gallery ul li a#li-download { background: transparent url(../images/headers/li-download.gif) no-repeat; }

#media-gallery ul li a#li-view:hover { background-position: -150px 0; }
#media-gallery ul li a#li-listen:hover { background-position: -150px 0; }
#media-gallery ul li a#li-download:hover { background-position: -150px 0; }

#unfiltered-blog {
	background: #000;
	width: 160px;
	margin: 0 5px 3px;
}

#unfiltered-blog h3 {
	color: #ef6d1c;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	padding: 3px 9px 0px;
}

.callout {
	border: 1px solid #ebc639;
	margin: 10px 5px;
}

.callout * {
	font-size: 11px;
	line-height: 13px;
}

.callout h4, .callout h4 a {
	border-bottom: 1px solid #fc0;
	font-weight: bold;
	color: #b45038;
	padding: 3px 4px;
}

.callout ul {
	list-style: disc;
	margin-left: 15px;
	padding: 5px 5px 4px 3px;
	color: #744131;
}

.callout li { margin-bottom: 1px; }
.callout p { padding: 5px; }

div#footer {
	width: 980px;
	background: #fff;
	font-size: 11px;
	color: #999;
	padding: 5px;
	text-align: center;
	clear: both;
}

/* MISC Shit **************/

div#feed {}

div#feed img {
border: 0;
}

#conference-signup {
	width: 140px;
	margin: 0 5px 10px 5px;
	padding: 5px 10px;
	background: #EBC639;
	text-align: left;
	font-size: 13px;
}

#conference-signup .textfield {
	width: 135px;
	font-size: 11px;
	margin-bottom: 5px;
}