/* tuscaloosalive.com   |   screen.css   |   6/23/09 */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none; } 

/* remember to define focus styles! */:focus { outline: 0; } 

/* remember to highlight inserts somehow! */ins { text-decoration: none; }

del { text-decoration: line-through; } 

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0; }

body {
	background: #393939 url(images/bg.jpg) top left repeat;
	font: 62.5% Arial, Helvetica, sans-serif; 
	color: #333; 
	text-align: center; 
	margin: 0; 
	padding: 0;
	}
	
#wrap {
	width: 940px; 
	text-align: left; 
	margin: 0 auto; 
	background-color: #fff;
	position: relative;
	padding: 0 10px 30px 10px;
	}
	
a#logo {
	position: absolute;	
	top: 20px;
	left: 6px;
	width: 165px;
	height: 157px;
	background: transparent url(images/logo.png) 0 0 no-repeat;
	}
	
.print-logo { display: none; }
	
#nav {
	float: left;
	width: 765px;
	background: url(images/top-line.jpg) 0 51px no-repeat;
	padding: 0 0 10px 19px;
	margin-left: 168px;
	}
	
* + html #nav { width: 780px; }
	
* html #nav { 
	margin-left: 84px;
	width: 775px; 
	}
	
#nav li {
	list-style: none;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	float: left;
	margin: 0;
	padding: 0;
	}
	
#nav li a {
	color: #333;
	text-decoration: none;
	padding: 40px 7px 10px 7px;
	float: left;
	}
	
#nav li a:visited { color: #333; }

#nav li a:hover {
	color: #fff;
	background: #3b0c06 url(images/nav-bg.jpg) 0 0 repeat-x;
	}
	
#nav li a.active {
	color: #fff;
	background: #3b0c06 url(images/nav-bg.jpg) 0 0 repeat-x;
	}
	
#billboard{
	width: 640px;
	float: left;
	}
	
#pics {
	width: 640px;
	height: 307px;
	position: absolute;
	top: 0;
	left: 0;
	}
	
#pics li { list-style: none; }

#top-magnets {
	float: left;
	width: 280px;
	background: #ccc url(images/top-magnet-bg.jpg) 0 0 repeat-x;
	padding: 0 10px 7px 10px;
	}
	
* html #top-magnets {
	float: left;
	width: 270px;
	background: #ccc url(images/top-magnet-bg.jpg) 0 0 repeat-x;
	padding: 0 0 7px 10px;
	}
	
#top-magnets a {
	display: block;
	width: 279px;
	height: 65px;
	border: #666 solid 1px;
	text-indent: -9999em;
	margin-top: 8px;
	}
	
* html #top-magnets a { width: 272px; }
	
#top-magnets a.forum { background: url(images/top-magnet-01.jpg) 0 0 no-repeat; }
#top-magnets a:hover.forum { background: url(images/top-magnet-01.jpg) -279px 0 no-repeat; }

#top-magnets a.blog { background: url(images/top-magnet-02.jpg) 0 0 no-repeat; }
#top-magnets a:hover.blog { background: url(images/top-magnet-02.jpg) -279px 0 no-repeat; }

#top-magnets a.gameday { background: url(images/top-magnet-03.jpg) 0 0 no-repeat; }
#top-magnets a:hover.gameday { background: url(images/top-magnet-03.jpg) -279px 0 no-repeat; }

#top-magnets a.twitter { background: url(images/top-magnet-04.jpg) 0 0 no-repeat; }
#top-magnets a:hover.twitter { background: url(images/top-magnet-04.jpg) -279px 0 no-repeat; }

#weather {
	width:932px;
	height: 44px;
	padding: 10px 10px 0 0;
	background: url(images/weather-bg.jpg) 0 0 no-repeat;
	color: #fff;
	clear: both;
	text-align: right;
	margin: 0;
	} 
	
#weather p { font-size: 14px; }

#weather a {
	color: #fff;
	font-size: 9px;
	margin-left: 20px;
	}
	
#weather a:visited { color: #fff; }

#weather a:hover { color: #ccc; }

#content {
	width: 870px;
	background: url(images/content-bg.jpg) 0 0 repeat-y;
	margin-left: 24px;
	padding: 0 15px 20px 15px;
	}
	
#main {
	float: left;
	width: 585px;
	margin-right: 17px;
	}
	
#sidebar {
	width: 245px;
	float: left;
	padding-left: 15px;
	}
	
.sm-leader {
	margin: 0 0 20px 60px;
	}
	
#main h2 {
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight: normal;
	color: #bb0100;
	border-bottom: #bb0100 solid 1px;
	width: 585px;
	margin-bottom: 10px;
	clear: both;
	}
	
.date { 
	font-size: 0.6em;
	float: right;
	font-weight: bold;
	margin-top: -15px;
	}
	
#content p {
	font-size: 1.2em;
	margin-bottom: 10px;
	}
	
	
#content div.post 
{
    padding-bottom: 20px;
	margin-bottom: 20px;
	}
	
#main a.more {
	font-size: 1.2em;
	color: #bb0100;
	text-decoration: underline;
	float: left;
	}
	
#main a:visited.more { color: #bb0100; }

#main a:hover.more { color: #333; }
	
a.bottom-magnet-01 {
	clear: both;
	float: left;
	display: block;
	width: 180px;
	height: 135px;
	background: url(images/bottom-magnet-01.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	margin: 30px 15px 0 0;
	}
	
a:hover.bottom-magnet-01 { background: url(images/bottom-magnet-01.jpg) -180px 0 no-repeat; }
	
a.bottom-magnet-02 {
	float: left;
	display: block;
	width: 180px;
	height: 135px;
	background: url(images/bottom-magnet-02.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	margin: 30px 15px 0 0;
	}
	
* + html a.bottom-magnet-02 { margin: 65px 15px 0 135px; }

* html a.bottom-magnet-02 { margin: 65px 15px 0 97px; }

a:hover.bottom-magnet-02 { background: url(images/bottom-magnet-02.jpg) -180px 0 no-repeat; }
	
a.bottom-magnet-03 {
	float: left;
	display: block;
	width: 180px;
	height: 135px;
	background: url(images/bottom-magnet-03.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	margin: 30px 0 0 0;
	}
	
* + html a.bottom-magnet-03 { margin: 65px 0 0 0; }

* html a.bottom-magnet-03 { margin: 65px 0 0 0; }
	
a:hover.bottom-magnet-03 { background: url(images/bottom-magnet-03.jpg) -180px 0 no-repeat; }

a.featured {
	display: block;
	width: 250px;
	height: 144px;
	background: url(images/featured-bg.png) 0 0 no-repeat;
	padding: 23px 0 0 8px;
	margin-bottom: 25px;
	}
	
a.featured img { border: #fff solid 2px; }

h3 {
	text-transform: uppercase;
	font-size: 1.4em;
	clear: both;
	}
	
#sidebar li {
	padding: 2px 10px 2px 0;
}
	
#sidebar li a {
	font-size: 1.2em;
	color: #bb0100;
	text-decoration: underline;
	background: url(images/arrow.png) 0 7px no-repeat;
	padding: 5px 5px 5px 20px;
}
	
* html #sidebar li a {
	background: url(images/arrow.png) 0 12px no-repeat;
	padding: 0 0 5px 20px;
	margin-top: 7px;
	}
	
#sidebar li a:visited { color: #bb0100; }

#sidebar li a:hover { color: #333; }
	
img.square-250 { margin-top: 25px; }
	
.clear { clear: both; }

.wrap-bottom {
	width: 958px;
	height: 178px;
	background: url(images/footer-bg.jpg) 0 0 no-repeat;
	margin-left: -8px;
	}
	
#e-news {
	float: left;
	width: 250px;
	margin: 70px 60px 0 50px;
	}
	
* html #e-news { margin: 70px 60px 0 30px; }
	
.wrap-bottom .title { margin-bottom: 10px; }
	
#e-news input {
	float: left;
	margin-right: 5px;
	}
	
#join-btn {
	display: block;
	width: 60px;
	height: 26px;
	background: url(images/join-btn.jpg) 0 0 no-repeat;
	border: #000 solid 1px;
	color: #fff;
	font-size: 1.7em;
	float: left;
	}
	
#follow-us {
	float: left;
	width: 250px;
	margin: 70px 60px 0 0;
	}
	
.facebook {
	display: block;
	width: 40px;
	height: 40px;
	background: url(images/facebook-icon.png) 0 0 no-repeat;
	text-indent: -9999em;
	float: left;
	margin-right: 8px;
	}
	
.youtube {
	display: block;
	width: 40px;
	height: 40px;
	background: url(images/you-tube-icon.png) 0 0 no-repeat;
	text-indent: -9999em;
	float: left;
	margin-right: 8px;
	}
	
.twitter {
	display: block;
	width: 40px;
	height: 40px;
	background: url(images/twitter-icon.png) 0 0 no-repeat;
	text-indent: -9999em;
	float: left;
	margin-right: 8px;
	}
	
.rss {
	display: block;
	width: 40px;
	height: 40px;
	background: url(images/rss-icon.png) 0 0 no-repeat;
	text-indent: -9999em;
	float: left;
	}
	
#contact {
	float: left;
	width: 250px;
	margin: 70px 0 0 0;
	font-size: 1.1em;
	}
	
#contact p { color: #ccc; }

#contact a {
	color: #ccc;
	text-decoration: none;
	}
	
#contact a:visited { color: #ccc; }

#contact a:hover { text-decoration: underline; }
	
#footer {
	clear: both;
	width: 940px;
	padding: 10px 20px 10px 0px;
	font-size: 1.1em;
	color: #eee;
	text-align: left;
	margin: 0 auto;
	}
	
* html #footer {margin: 0; padding: 10px 0; }
	 
	
#footer.bottom { width: 920px; padding: 0 20px 10px 20px; }
	
#footer li {
	display: inline;
	padding: 0 5px;
	border-right: #fff solid 1px;
	}
	
#footer li.last { border-right: 0; }

#footer li a {
	color: #eee;
	text-decoration: none;
	}
	
#footer li a:visited { color: #eee; }

#footer li a:hover { text-decoration: underline; }

#copyright { margin-top: 8px; }

/*    INTERNAL CSS    */

.skyscraper { margin: 30px 0 30px 45px; }

a#live-music {
	background: url(images/live-music-icon.png) 0 0 no-repeat;
	display: block;
	width: 160px;
	height: 50px;
	margin-bottom: 20px;
	text-indent: -9999em;
	}
	
a:hover#live-music { background: url(images/live-music-icon.png) -161px 0 no-repeat; }
	
a#game-day {
	background: url(images/game-day-icon.png) 0 0 no-repeat;
	display: block;
	width: 155px;
	height: 50px;
	margin-bottom: 20px;
	text-indent: -9999em;
	clear: both;
	}
	
a:hover#game-day { background: url(images/game-day-icon.png) -156px 0 no-repeat; }
	
a#blog {
	background: url(images/blog-icon.png) 0 0 no-repeat;
	display: block;
	width: 110px;
	height: 50px;
	text-indent: -9999em;
	clear: both;
	}
	
a:hover#blog { background: url(images/blog-icon.png) -114px 0 no-repeat; }

#main a {
	color: #bb0100;
	text-decoration: underline;
	font-size: 1.2em;
	margin-bottom: 10px;
	}
	
/*============================================================================
                                                         Blog Engine Tweaks 
============================================================================*/
ul#recentPosts li span
{
    padding-left: 20px;
    display: block;
}

#main span.postinfo
{
    font-size: 1.2em;
    text-align: right;
    display: block;
    width: 100%;
}
/*----------------------------
					Comments
----------------------------*/

.comment {
	border: 1px solid silver;
	background-color: white;
	padding: 3px 10px;
	margin-bottom: 10px;
}

.comment .date {
	font-size: 10px;
	color: #666666;
	text-align: right;
	margin: 0;
	padding: 3px 0px;
	border-bottom: 1px dashed silver;
}

.comment .author {
	margin: 0;
	padding: 3px 0px;
	border-top: 1px dashed silver;
}

#addcomment, #comment
{
	font-size: 15px;
	letter-spacing:1px;
	font-weight: bold;
}

.comment .gravatar {
	float: left;
	margin: 5px 10px 5px 0;
}

.comment .gravatar img {
	height: 50px;
	width: 50px;
	border: 1px solid silver;
}

.comment .content {
	min-height: 50px;
	margin: 5px;
	margin-left: 60px;
	margin-top: 25px;
}

.comment cite{
	font-family: Monospace;
	font-style: normal;
}

.comment img.flag {
	position: relative;
	top: 2px;
}

/* Author Comment */
.self {
	background: #eedddd;
}

.self .gravatar 
{
    clear: both;
	float: right;
}

.self .gravatar img {
	height: 50px;
	width: 50px;
	border: 1px solid silver;
}

.self .date {
	font-size: 10px;
	color: #666666;
	text-align: left;
	margin: 0;
	padding: 3px 0px;
	border-bottom: 1px dashed silver;
}

.self .content {
	min-height: 85px;
	margin: 5px;
	margin-right: 60px;
}

.self cite{
	font-family: Monospace;
	font-style: normal;
}

.self img.flag {
	position: relative;
	top: 2px;
}

.commentForm {
	padding: 5px;
}

.commentForm label {
	float: left;
	display: block;
	width: 80px;
	margin-top: 4px;
}

.commentForm input {
	width: 300px;
}

.commentForm textarea {
	width: 100%;
	height: 150px;
	border:1px solid silver;
}

#commentMenu{
	padding: 0;
	margin:0;
	clear:both;
}

#commentMenu li{
	float:left;
	border:1px solid silver;
	border-bottom: transparent;
	margin:0;
	list-style:none;
	margin-right:5px;
	padding: 3px 8px;	
	cursor:pointer;
	position:relative;
	top: 2px;
	background:#d8d8d8;
}

#commentMenu li.selected{
	background:white;
	border-bottom:1px solid white;
}

#commentPreview{
	display:none;
	clear:both;
	min-height: 150px;
}

.success {
	color: green;
	font-weight: bold;
}

.commentForm .bbcode {
    font-size:10px;
    float:right;
    position:relative;
    top:20px;
    padding: 3px;
}

.bbcode a {
    margin: 1px;
    padding: 1px 3px 1px 3px;
    background: #fff;
    border: 1px solid #ccc;
}

table.form
{

}
table.form tr td
{
    padding: 5px;
}
table.form tr td.label
{
    vertical-align: top;
    padding-right: 5px;
    font-weight: bold;
    font-size: 1.1em;
    text-align: right;  
}
div.thumbnail
{
    width: 110px;
    height: 110px;
    display: block;
    position: relative;
    float: left;
    background: #fff;
    border: 1px solid #aaa;
    margin: 5px;
}
div.thumbnail a
{
    position: absolute;
    bottom: 0px;
    right: 5px;   
}
div.thumbnail img
{
    position: absolute;
    top: 5px;
    left: 5px;   
}

.post li {
	font-size: 1.2em;	
	list-style-type:disc;        	
}

.post ul
{
    padding-left:15px;
}
/* Restaurant and Bar images */
#images
{
    width: 325px;
    text-align: center;
}
#image_nav
{
    margin-top: 4px;
}
li.image_nav_item
{
    padding: 2px;
    padding-bottom: 0px;
    display: inline-block;
    width: 100px;
    height: 75px;
    float: left;
    text-align: center;
}
li.image_nav_item a
{

}
li.image_nav_item a.activeslide img
{
    border: 1px solid #cc0000;
}

/* Restaurant Details Pages */
#restaurant_info div
{
    font-size: 1.2em;
    margin-bottom: 15px; 
}

/* Gameday */
#gameday-page{width:100%;}
#gameday-page a {	
	width: 146px;		
	text-indent: -9999em;	
	height:45px;
	}
	
#gameday-page li {
	list-style: none;	
	float: left;
	margin: 0;
	padding: 0;
	}	
	
#gameday-page li a {
	padding: 0px 0px 0px 0px;
	float: left;
	}
	

#gameday-page a.quad { background: url(images/quad-btn.png) 0 0 no-repeat; }
#gameday-page a:hover.quad { background: url(images/quad-btn.png) -145px 0 no-repeat; }

#gameday-page a.pictures { background: url(images/pictures-btn.png) 0 0 no-repeat; }
#gameday-page a:hover.pictures { background: url(images/pictures-btn.png) -145px 0 no-repeat; }

#gameday-page a.entertainment { background: url(images/entertainment-btn.png) 0 0 no-repeat; }
#gameday-page a:hover.entertainment { background: url(images/entertainment-btn.png) -145px 0 no-repeat; }

#gameday-page a.blog { background: url(images/blog-btn.png) 0 0 no-repeat; }
#gameday-page a:hover.blog { background: url(images/blog-btn.png) -145px 0 no-repeat; }