/* 
	Q City Metro
	edreamz 2008
	Y. Perez
*/

body{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	background: #702915;
	color: #333;
}



a{color: #732a15;}

h1,h2,h3,h4,h5,h6{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000;
	font-weight: normal;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
	color: #000;
}

h2{font-size: 24px; line-height: 22px; padding-top: 4px; padding-bottom: 2px;}
h3{font-size: 22px; line-height: 20px; padding-top: 4px; padding-bottom: 2px;}
h4{font-size: 20px; line-height: 20px; padding-top: 4px; padding-bottom: 2px;}
h5{font-size: 18px; line-height: 18px; padding-top: 4px; padding-bottom: 2px;}
h6{font-size: 15px; line-height: 18px; padding-top: 4px; padding-bottom: 2px;}

.archive h1, .archive h2, .archive h3, .archive h4, .archive h5, .archive h6{background:#e8e8e8; padding: 3px;}

h5.archiveHeader{background: #fff; color: #702915; font-size: 18px; text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 2px 0; margin: 10px 0;}

ul.list li, .admin_content ul li, .boxed ul li{list-style-image: url(../images/icon_redtriangle.gif); line-height: 20px;}
ul.list a, .admin_content ul li a, .boxed ul li a{color: #111;}
.admin_content{font-size: 15px; line-height: 22px;}
.admin_content p{padding: 6px 0;}
.admin_content label{font-weight: bold; font-size: 12px;}

.icon_pdf{background: url(../images/icon_pdf.gif) no-repeat left center; padding-left: 22px;}

fieldset{background: #eee; border: 1px solid #ccc; margin: 8px 0;}
fieldset legend{font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; background: #702915; color: #fff; padding: 3px;}

.grey{background:#e8e8e8; padding: 3px;}
	div.grey p{line-height: 18px; font-size: 12px;;}

.right .list{margin-bottom: 0; padding-bottom: 0;}

#wrapper{background: #fff url(http://www.qcitymetro.com/images/structure/skyline-pattern.jpg) top left repeat-x;}

#content{width: 960px; margin: 0 auto; position: relative;}
#contentCnt.c{margin-top: 25px; padding:0;  }
	.shadow_tl{position: absolute; top: 182px; left: -45px;}
	.shadow_tr{position: absolute; top: 182px; right: -45px;}
	.shadow_bl{position: absolute; bottom: 0; left: -45px;}
	.shadow_br{position: absolute; bottom: 0; right: -45px;}	
	
#hd{padding-top: 20px; position: relative; height: 136px;}
	#hdad{position: absolute; right: 0; top: 20px; border: 3px solid #fff; padding: 0; background: #fff; /*width: 305px;*/ width: 188px;}
	#hdad div.stroke {border: 1px solid #aaa; padding: 2px;}
	#headerad{position: absolute; top: 45px; right: 0;}
	#navContainer{width: 990px; position: absolute; bottom: 0; left: 0;}

.rtauthorInfo{border-bottom: 1px solid #ccc; margin: -4px 0 0 4px; padding-bottom: 4px;}
.rtauthorInfo .read img{background: #fff; padding: 3px; border: 1px solid #ccc; margin: 0 5px 5px 0; float: left; width: 65px; height: 65px;}
.rtauthorInfo .desc{width: 160px; float: left; margin-left:10px;}
.rtauthorInfo h6, .rtauthorInfo h5{margin: 0; padding: 4px 0; font-size:16px;}
.rtauthorInfo .read{font-size: 11px;}

#sliderCnt{float: left; width: 643px; margin-top: 4px;}

.eventlist{margin: 0; padding: 0;}
.eventlist li{margin: 0; padding: 4px 0; list-style:none; font-size: 11px; color: #777; border-bottom: 1px solid #ccc;}
.eventlist li a{font-family: Georgia, "Times New Roman",serif; font-size: 13px;}
.eventlist li a:hover{color: #000; text-decoration:none;}

#featuredSlider{     
	margin-top: 6px;
	width:437px;  
	padding-left:160px;  
	position:relative;  
	height:240px;  
	background:#fff;  
}

#featuredSlider ul.ui-tabs-nav{  
     position:absolute;  
     top:0; left:0;  
     list-style:none;  
     padding:0; margin:0;  
     width:180px;
	 height: 240px;  
	 z-index: 9999;
 }  
 #featuredSlider ul.ui-tabs-nav li{  
     font-size:12px;  
     color:#666;  
	 
 }  
 #featuredSlider ul.ui-tabs-nav li span{  
     font-size:16px; 
	 font-family: Georgia, "Times New Roman", Times, serif;
     line-height:18px;  
 }  
 
#featuredSlider li.ui-tabs-nav-item a{/*On Hover Style*/
	display:block;
	height:70px;
	color:#555; 
	line-height:20px;
	overflow:hidden;
	padding: 5px 20px 5px 5px;
	background: url('/images/panelarrow.png') no-repeat 0 -161px;
}
#featuredSlider li.ui-tabs-nav-item a:hover{
	background:url('/images/panelarrow.png') no-repeat 0 -80px;
	text-decoration: none;
	color: #fff;
}
#featuredSlider li.ui-tabs-selected{ /*Selected tab style*/
	background:url('/images/panelarrow.png') -7px 0 no-repeat !important;
}
#featuredSlider ul.ui-tabs-nav li.ui-tabs-selected a{
	color: #fff;
	background: none;
}

#featuredSlider ul.ui-tabs-nav li.ui-tabs-selected a:hover{
	background: none;
}

#featuredSlider .ui-tabs-panel .info{
	position:absolute;
	bottom: 0; left:160px;
	height:70px;
	background: url('/uploads/panel/transparent.png');
	width: 470px;
	padding-left: 10px;
}

#featuredSlider .ui-tabs-panel .info.right{
	left: 450px;
	top: 0;
	height: 240px;
	width: 180px;
}

#featuredSlider .info p{
	margin: 5px 100px 5px 5px;
	font-family:Verdana; font-size:11px;
	line-height:15px; color:#f0f0f0;
}

#featuredSlider .info.right p{
	margin: 10px 10px 5px 5px;
}

#featuredSlider .info a{
	text-decoration:none;
	color:#fff;
}
#featuredSlider .info a:hover{
	text-decoration:underline;
}

#featuredSlider a.readmore{position: absolute; right: 10px; top: 10px;}

#featuredSlider .right a.readmore{top: 200px;}
 
.commentcount{display: block; font-size: 11px !important; font-family: Arial, sans-serif !important;}

#contentCnt{background: url(http://www.qcitymetro.com/images/contentCntBg.gif) repeat-y left top; margin-top: 25px;}
#contentCnt.full{background:#fff;}
.col308{float: left; width: 306px; padding: 5px 7px; margin-bottom: 10px;}
.col716{float: left; width: 626px; padding: 5px 7px; margin-bottom: 10px;}
.colFull{float: left; width: 946px; padding: 5px 7px; margin-bottom: 10px;}

.bottomDash{padding-bottom: 5px; background: url(http://www.qcitymetro.com/images/gold1px.gif) repeat-x left bottom; margin-bottom: 15px;}
.col308.right{padding: 5px 0; width: 315px; float: right;}

.story{margin-bottom: 15px;}
	.byline{color: #6c6c6c; font-size: 11px;}
	.story p{line-height: 15px;}
	.story p img{float: left; margin: 0 5px 5px 0;}
	.category{background: url(../images/gold1px.gif) repeat-x left top; display: block; color: #6d5c1c; font-size: 11px; padding: 2px 0;}
	div.category{margin: 10px 0 12px 0;}
	.category strong{background: url(../images/icon_redarrow.gif) no-repeat right center; padding-right: 7px;}
	
	 .category.red{background: #873118; padding: 3px; text-transform:uppercase; color: #E8E8E8; font-size: 14px; margin-bottom: 3px;}
	 .category.red strong{background: none;}
	.rightColumn .content{width: 303px; margin: 0 auto;}
	
.storyCnt h1, .storyCnt h2, .storyCnt h3, .storyCnt h4, .storyCnt h5, .storyCnt h6, .storyCnt p, .storyCnt .byline{margin-left: 0; padding-left: 0; padding-right: 5px;}
.storyCnt p{padding-bottom: 5px;}

.storyLeft{float: left; width: 125px;}
.storyRight{float: left; width: 500px;}
.storyRight.nophoto{width: 625px;}

.archive .storyCnt{min-height: 140px; padding-bottom: 20px;}
.archive .storyCnt .aux_links{margin-left: 425px; }
.archive .storyCnt .aux_links.hasvideo{margin-left: 390px; }

#featured .storyCnt{width: 295px; padding-left: 0; float: left; margin-right: 15px;}
#featured .slideshow{width: 304px; float: left; margin:10px 10px 10px 0;}
#featured .slideshow .storyCnt{float: none;}

.featured .storyCnt, div.slideshow{background: #d4d6da; border: 1px solid #bfc1c6;}
div.slideshow img{margin: 1px;}

.storyCnt .imgCnt{max-height: 190px; overflow: hidden; text-align: center;}

.aux_links{list-style:none; font-size: 10px; padding: 0; margin: 0 0 0 125px;}
.aux_links.hasvideo{margin-left: 70px;}
.aux_links li{float: left; margin-right: 4px;}
.aux_links a{font-weight: bold; background-repeat: no-repeat; background-position: left center;  padding: 4px 0 4px 20px; display: block;}
.aux_links .full a{background-image: url(../images/icon_article.gif); padding: 4px 5px 4px 18px;}
.aux_links .comments a{background-image: url(../images/icon_comments.gif)}
.aux_links .video a{background-image: url(../images/icon_video.gif); padding-left: 18px; padding-right: 5px;}
.aux_links .slideshow a{background-image: url(../images/icon_slideshow.gif); padding-left: 25px;}

.blogThumbs ul{margin: 0; padding: 0;}
.blogThumbs li{width: 70px; list-style:none; float: left; margin: 0 20px 0 0; padding: 0;}
.blogThumbs img{background: #fff; padding: 3px; border: 1px solid #ccc;}
.blogThumbs p{text-align: center; font-size: 10px;}

#catLinks{width: 645px; padding: 0; float: left;}
#catLinks .linkCat{width: 200px; padding: 0 5px; float: left; margin-bottom: 10px;}
#catLinks .linkCat ul{margin: 0; padding: 0;}
#catLinks .linkCat ul li{margin: 0; padding: 2px 0; list-style:none;}

div.slideshow .aux_links{margin-left: 4px;}

.ad{width: 300px; margin: 10px 0 10px 8px; max-width: 305px;}
.ad img{max-width: 305px;}
.inline-ad{margin: 8px 10px 5px 0; float: left;}
.ad728{text-align: center; padding: 4px 0; background: #e8e8e8; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}

.boxed{/*background: url(../images/boxed_bg.gif) no-repeat right bottom;*/ background: #fff; padding: 10px 0 15px 0; border-left: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd;}
.boxed ul{margin: 0 8px; padding: 0;}
.boxed ul li{list-style:none; border-bottom: 1px solid #ccc; padding: 4px 4px;}

.tabnav{margin: 0; padding: 0; list-style:none; font-size: 13px; font-weight:bold;}
.tabnav li{float: left; margin-right: 5px;}
.tabnav a{color: #6c6c6c; display: block; list-style:none; padding: 8px; font-size: 13px;}
.ui-tabs-hide{display: none;}  
.tabnav li.ui-tabs-selected a{color: #111; background: #fff; padding: 8px 12px;  border: 1px solid #cdcdcd; border-bottom: none; margin-bottom: -1px;}

.weather{width: 117px; float: right; padding-bottom: 10px; margin:4px 12px 0 0;}
.rightColumn .weather .content{text-align: center;  background: url(../images/weather_bg.gif) no-repeat left top; padding: 6px 0 12px 0; width: 115px;}
.weather p{margin: 0; padding: 0; width: 49%;}
.weather .temp{color: #558199; font-weight: bold; font-size: 32px; padding-top: 8px; letter-spacing: -1px;}
.weather .icon{text-align: left;}
.weather .condition{font-weight: bold; font-size: 11px;}

.login{float: right; width: 176px; }
	.login .content{background: #fff url(../images/login_bg.gif) no-repeat left top; border: 1px solid #fff; position: relative; padding: 5px 0 5px 3px;}
	.login #submit{margin-left: 4px; margin-top: 4px;}
	.loginLinks{font-size: 9px; padding: 6px; margin: 0; font-weight: normal; position: absolute; left: 75px; top: 48px;}

.photobox{float: right; margin: 0 0 8px 8px; font-size: 11px; color: #6c6c6c;}
.photobox p{margin: 0; padding: 0;}
.photobox ul, .photobox ul li, .socialicons, .socialicons li{list-style:none; list-style-image: none; display: inline; margin: 0; padding:0;}
.photobox li img{margin-bottom: -2px;}
.photobox ul.icons,.socialicons {float:right;}
.photobox ul.icons li,.socialicons li{padding-left:3px;}

.article-options-container { position: relative; width: 640px; }
.article-options { position: relative; top: 0; left: 320px; width: 300px; }
.article-options p{ margin: 0; padding: 0; }
.article-options ul, .article-options ul li, .socialicons, .socialicons li{list-style:none; list-style-image: none; display: inline; margin: 0; padding:0;}
.article-options li img{margin-bottom: -2px;}
.article-options ul.icons,.socialicons {float:right;}
.article-options ul.icons li,.socialicons li{padding-left:3px;}

.today{padding: 0 0 10px 0; font-size: 11px;}

#buzz{clear: both; margin-bottom: 10px;}
#buzz a{color: #732a15;font-weight:normal;font-family: Georgia,serif;font-size: 15px; line-height: 18px; padding-top: 4px; padding-bottom: 2px;}

.storyOptions{background: #eee; padding: 10px; border: 1px solid #ccc; margin: 10px 0;}
	.storyOptions a{width: 150px;}
	.storyOptions a.sendtofriend{float: right; text-align: right;}
	.storyOptions a.comment{float: left;}

#commenttable{border-top: 1px solid #c0c0c0; width: 100%;}
#commenttable td{border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0;}
#commenttable strong{color:#702915; }
#commenttable .posted{text-align: right;  font-size: 11px; padding: 5px; width: 15%;}
#commenttable .commentsdate{background: #d8cb97; text-align: right; font-size: 11px; display: block; padding: 3px 8px 3px 3px; color: #806e23;}
#commenttable .comment{padding: 6px;}


#gallery{width: 790px;}
#gallery .caption{float: right; width: 300px;}
#gallery #photo{float: left; width: 480px;}
#photo p{line-height: 16px; margin: 8px 0;}
.photo_paging a{font-weight: bold;}
.photo_paging{padding: 4px; background: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #7c7c7c; margin: 0 0 10px 0;}
.photo_paging ul{margin: 0; padding: 0;}
.photo_paging ul li{display: inline; margin: 0 5px 0 0; padding: 0;}

#commentForm, #stfForm{padding: 10px; font-size: 12px; clear: left; display:none;}
#commentForm textarea, #stfForm textarea{font-size: 12px;}

#stfForm .left, #stfForm .right{width: 250px; float: left;}

.contactLeft{width: 46%; float: left; padding-left: 10px;}
.contactRight{width: 46%; float: left; padding-top: 20px;}



.feed{width: 44%; float: left; padding:5px 10px 0 10px; background: #eee; border: 1px solid #ccc; margin: 6px;}
.admin_content .feed p{font-size: 12px; margin: 0; padding: 3px 8px 8px 0; line-height: 16px;}
.admin_content .feed h6{margin: 0; padding: 0;}
.icon_rss{background: url(../images/icon_rss.gif) no-repeat left center; padding-left: 20px;}

#footer{background: url(http://www.qcitymetro.com/images/footer_bg.gif) repeat-x left top; padding-top: 15px;}
#footer .footerarea{width: 960px; margin: 0 auto; color: #fff;}
#footer ul{list-style:none;}
#footer p{font-size: 10px; float: left; width: 308px; padding-bottom: 3px;}
#footer .topFtNav a{color: #fff; text-transform: uppercase;}
#footer .bottomFtNav a{color: #555; text-transform: uppercase;}
#footer .btNavCnt{background: #b39b43;float: right; width: 650px; text-align: right; margin-top: 6px;}
#footer .topFtNav{margin:6px 0 0 0; padding: 0; float: right; width: 650px; text-align: right;}
#footer .bottomFtNav li, #footer .topFtNav li{display: inline; padding: 0 10px;}
#footer .bottomFtNav{padding: 5px 0;}


#subNav { float: left; width: 570px; margin-top: 37px; text-align: left;}
	#subNav ul { padding-left: 20px; }
    #subNav li{ display: inline; padding-right: 10px; margin-right: 5px;}
    #subNav li.last{ border: none; }
    #subNav a{ color: #fff; font-size: 11px; text-transform: uppercase; font-weight: bold; }
    #subNav a:hover, #subNav a.selected {color: #ceb73d; text-decoration: none;}
	#subNav a.register {font-weight:bold; padding-right:8px; text-decoration:none;}

#topNav { float:right; width: 375px; margin-top:37px; filter:alpha(opacity=99); opacity:.99; text-align:right;}
	#topNav ul { padding-left: 0; }
    #topNav li{display: inline; border-right: 1px solid #fff; padding-right: 8px; margin-right: 5px;}
    #topNav li.last{border:none;}
    #topNav a{color: #fff; font-size: 11px;}
    #topNav a:hover, #topNav a.selected {color: #ceb73d; text-decoration: none;}
	#topNav a.register {font-weight:bold; padding-right:8px; text-decoration:none;}


/*MAIN NAVIGATION---------------*/


.dropdown{
	background: #702915;
	font-size: 11px;
	padding: 6px;
	width: 565px;
	position: absolute; 
	left:0px; 
	top: 22px;	
	display:none;
}
.dropdown a{color: #b19830;}

.dropdown ul{margin: 0 5px; padding: 0; list-style:none; width: 150px; float: left;}
.dropdown ul li{border-bottom: 1px solid #80451c; padding: 2px 0;}

	#nav {
		margin: 0;
		padding: 0;
		height: 24px;
		list-style: none;
		display: inline;
		overflow: hidden;
		}
	
	#nav li {
		margin: 0; 
		padding: 0;
		list-style: none;
		display: inline;
		}
	
	#nav a {
		float: left;
		padding: 24px 0 0 0;
		overflow: hidden;
		height: 0px; 
		}
		
	#nav a:hover {
		background-position: 0 -25px;
		}
	
	#nav a:active, #nav a.selected {
		background-position: 0 -25px;
		}

#home a  {
	width: 81px;
	background: url(/images/nav/button-home.jpg) top left no-repeat;
}

#news a  {
	width: 81px;
	background: url(/images/nav/button-news.jpg) top left no-repeat;
}

#faith a  {
	width: 80px;
	background: url(/images/nav/button-faith.jpg) top left no-repeat;
}

#living a  {
	width: 88px;
	background: url(/images/nav/button-living.jpg) top left no-repeat;
}

#health-fitness a  {
	width: 142px;
	background: url(/images/nav/button-healthfitness.jpg) top left no-repeat;
}

#blog a{
	width: 94px;
	background: url(/images/nav/nav_blogs.gif) top left no-repeat;
}

#job-search a  {
	width: 122px;
	background: url(/images/nav/button-jobsearch.jpg) top left no-repeat;
}

#sports a  {
	width: 103px;
	background: url(/images/nav/button-sports.jpg) top left no-repeat;
}

#memorials a  {
	width: 118px;
	background: url(/images/nav/button-memorials.jpg) top left no-repeat;
}

#submit a  {
	width: 84px;
	background: url(/images/nav/button-submit.jpg) top left no-repeat;
}

#classifieds a  {
	width: 128px;
	background: url(/images/nav/button-classifieds.jpg) top left no-repeat;
}

#shop a  {
	width: 68px;
	background: url(/images/nav/button-shop.jpg) top left no-repeat;
}

#health a  {
	width: 96px;
	background: url(/images/nav/button-health.jpg) top left no-repeat;
}


/* login form labels */
/**** login form labels **** */
form#login {
	position:relative;
}

div#username,
div#password {
	position:relative;
	margin: 3px 3px;
}


input#username-field,
input#password-field {
	width:125px;
	background: #fff;
	border: 0;
	border: 1px solid #d4d6da;
	padding: 3px; 
	font-size: 11px;
	color:#732a15;
}

label.overlabel {
	color:#732a15;
	font-size: 11px;
}
label.overlabel-apply {
	position:absolute;
	top:3px;
	left:5px;
	z-index:1;
	color:#732a15;
	font-size: 11px;
}

.article_top {
	margin-top: 6px;
	border-top: 1px solid #cccccc;
	padding-top: 2px;
	}