/* 
	Grip Magazine CSS Definitions
	by YellowPencil.com
	April 2006
*/

/* Core HTML Defs */
body {background:#FFF;color:#000;margin:0;padding:0;text-align:center;font-size:100.01%;font-family:"Trebuchet MS", arial,helvetica,sans-serif;}

#contentForum {
	background.color:white;
}

h1, h2, h3, h4 {font-family:arial,helvetica,sans-serif;letter-spacing: -1px;margin:1.2em 0 .3em 0;color:#000;padding-bottom:.1em;}
h1 {font-size:1.9em;}
h2 {font-size:1.4em;}
h3 {font-size:1.25em;}
h4 {font-size:1.15em;}
h5 {font-size:1em;}
h6 {font-size:.9em;}

.hn span{font-size:1.4em;color:#fff; }
.main-head .hn span .item-info {font-size:1em;color:#fff; }
.main-foot .hn span .item-info {font-size:1em;color:#fff; }
.item-subject .hn span{font-size:1.4em;color:#0066CC; }
.permalink {font-size:.8em;color:#0066CC;}


a {color:#931010;text-decoration:none;padding:2px 4px;}
a:hover {color:#fff;padding:2px 4px;}
{color:#fff;background-color:#931010;padding:2px 4px;}
a img {border:0;}
#article-list a:hover {border:0px; background:none;}
#lightbox a:hover {border:0px; background:none;}
td .contentheading a:hover {background:none;}

.wrap {clear:both;font-size:.1em;line-height:.1em;}
/* Primary Layout Container Defs */

#page {width:760px;padding:10px 190px 10px 10px;margin:0 auto;text-align:left;background:#fff;font-size:76%;position:relative;align:center;}

#header {margin-bottom:10px;height:88px;position:relative;font-family:"Century Gothic",helvetica, arial, sans-serif;}

#content {position:relative;clear:both;padding:0 180px 30px 160px;}
* html #content {height:1%;}
body#home #content {padding:0;}
body#media #content {padding:0;}

#content-drawer {position:absolute;top:0;right:0;width:160px;padding:10px;background:#ccc url(../img/bg-drawer.jpg) repeat-y;color:#fff;}
#content-drawer h2{color:#FFF;}

.dn-whole {position:absolute;top:0;left:0;width:115px;margin:0;padding:0;list-style-type:none;font-family:arial,helvetica,sans-serif;font-size:1.2em;line-height:1.3em;letter-spacing:-1px;font-weight:bold;text-align:right;}
/* html #page-navigation {left:-160px;}*/
.dn-whole .dn-each {margin:0;padding:0;list-style-type:none;display:inline;}
.dn-whole .dn-each a {display:block;padding:5px;text-decoration:none;color:#931010;}
.dn-whole .dn-each a:hover {background-color:#666;color:#fff;}

#content #article-list {position:absolute;top:0;right:0;width:150px;line-height:1.2em;}
#article-list strong {display:block;font-size:1.2em;}
#article-list .date {margin:0;padding:0;font-size:1.2em;color:#999;font-weight:bold;}

#video-column {float:left;width:550px;}
#audio-column {float:left;width:200px;margin-left:10px;}
#video-column .caption, #audio-column .caption {background:#999;}
.video-item {padding-left:130px;margin:5px 0;}
.video-item img {float:left;margin-left:-130px;}

a.more, p.more a {display:block;background:#931010;color:#fff;padding:2px 4px;text-decoration:none;width:25%;text-align:center;}
a:hover.more, p.more a:hover {background:#999;}

/* Header Defs */

#header a {background:none;}
#logo { float:left;}
ul#mainlevel-main {float:left;margin:0;padding:10px;list-style-type:none;width:575px;text-align:center;font-size:18px;font-weight:bold;text-transform:uppercase;}
.nosub ul#mainlevel-main {padding: 25px 10px;}
ul#mainlevel-main li {display:inline;margin:0;padding:10px;}
ul#mainlevel-main li a {color:#666;text-decoration:none;}
ul#mainlevel-main li a:hover, ul#mainlevel-main li a.active {color:#931010;}

ul#mainlevel-meta {position:absolute;top:0;right:0;margin:0;padding:3px 12px;list-style-type:none;width:80px;text-align:right;}
ul#mainlevel-meta li {margin:0;padding:0;display:inline;}
ul#mainlevel-meta li a {display:block;padding:0 16px 0px 0;background: url(../img/bg-meta.gif) no-repeat right 5px;text-decoration:none;font-weight:900;color:#999;}
ul#mainlevel-meta li a:hover {color:#931010;}

ul#mainlevel-secondary {float:left;margin:0;padding:5px;list-style-type:none;width:450px;text-align:center;font-size:16px;font-weight:900;}
ul#mainlevel-secondary li {display:inline;margin:0;padding:0;}
ul#mainlevel-secondary li a {padding:2px 7px;text-decoration:none;color:#666;}
ul#mainlevel-secondary li a:hover, ul#mainlevel-secondary li a.active {background-color:#931010;color:#fff;}

ul#metanavigation {position:absolute;top:0;right:0;margin:0;padding:3px 12px;list-style-type:none;width:80px;text-align:right;}
ul#metanavigation li {margin:0;padding:0;display:inline;}
ul#metanavigation li a {display:block;padding:0 18px 5px 0;background: url(../img/bg-meta.gif) no-repeat right 5px;text-decoration:none;font-weight:900;color:#999;}
ul#metanavigation li a:hover {color:#931010;}

ul#sub-navigation {float:left;margin:0;padding:5px;list-style-type:none;width:550px;text-align:center;font-size:16px;font-weight:900;}
ul#sub-navigation li {display:inline;margin:0;padding:0;}
ul#sub-navigation li a {padding:2px 7px;text-decoration:none;color:#666;}
ul#sub-navigation li a:hover, ul#sub-navigation li a.active {background-color:#931010;color:#fff;}

/* Content Drawer Layout Defs */

#content-drawer {line-height:1.2em;}
#content-drawer a {color:#fff;}
#content-drawer a:hover {color:#ccc;}
#content-drawer a.morelink {display:block;background-color:#931010;color:#fff;padding:2px 4px;float:right;text-decoration:none;}

#content-drawer input.textfield {width:110px;height:30px;background:#fff url(../img/bg-input.jpg) no-repeat;color:#999;margin:2px;padding:0 10px;border:0;font-size:18px;font-weight:bold;line-height:30px;}
#content-drawer button.formbutton {width:78px;height:30px;text-align:center;background:#333 url(../img/bg-input-button.jpg) no-repeat;color:#fff;font-size:18px;line-height:30px;margin:2px;border:0;}
#content-drawer input.radiofield {float:left;display:block;height:28px;padding:0;margin:0;}
#content-drawer label.radiolabel {margin-left:30px;display:block;line-height:30px;font-size:18px;font-weight:bold;}

/* Home Template Layout Defs */

#feature-main {position:relative;width:560px;float:left;margin-bottom:10px;}
* html #feature-main {margin-bottom:0;}
#feature-main a.more {position:absolute;bottom:0;right:0;background:#fff;display:block;padding:3px 5px;background-color:#931010;color:#fff;text-decoration:none;}
* html #feature-main a.more {bottom:4px;}
#feature-main a:hover.more {background-color:#666;}

body#home .blog {width:160px;float:left;padding:0 10px 0 10px;line-height:1.1em;}
body#home .blog * {border:none;}
body#home .blog h2, body#home .blog h3, body#home .blog p {margin:0;padding:0 0 5px 0;}
body#home .blog .leading {padding:3px 0;}
body#home .blog h2 {color:#931010;}
body#home .blog .date {color:#999;}
body#home .blog h2.contentheading {color:#000;font-weight:bold;font-size:1.2em;}
body#home .blog .readmore a {width:80px; float:right; margin-bottom:5px;}

#mainlevel-categories, #mainlevel-extras {clear:both;margin:10px 0 0 0;padding:0;list-style-type:none;}
#mainlevel-categories li, #mainlevel-extras li {float:left;margin:0 10px 0 0;padding:0;}
#mainlevel-categories a, #mainlevel-extras a {padding:0;}

/* Footer Layout Defs */

#footer {clear:both;background:#fff;height:50px;font-family:"Century Gothic", arial, helvetica, sans-serif;font-weight:bold;text-transform:uppercase;text-align:right;}
#footer a {text-decoration:none;color:#999;padding:5px 10px;}
#footer a:hover {color:#000;background:none;padding:5px 10px;}

.thumbnail a:hover, .thumbnailleft a:hover, .thumbnailright a:hover {border:none; background:none; text-decoration:none;}
.thumbnailright, .thumbnailleft, .thumbnail{float:right; border:#CCCCCC 5px solid; padding-top:5px; margin:5px;}
.thumbnailright:hover, .thumbnailleft:hover, .thumbnail:hover{border:#931010 5px solid;}

ul#site-statements {float:left;margin:0 0 0 -10px;;padding:10px 0;width:40%;list-style-type:none;text-align:left;}
ul#site-statements li, ul#syndicate li {display:inline;}
ul#syndicate {margin:0 -10px 0 0;padding:10px;list-style-type:none;}
ul#syndicate a img {margin:0 6px -3px 0;}

/* Article Specific */
a.featureImageLink img { background-color:#fff;border:10px solid #fff;margin-left:-12px;}
a.featureImageLink:hover img {border:10px solid #666;}
.small {font-style:italic};

.floatRight {float:right;margin-right:15px;}

.componentheading {font-family:arial, helvetica, sans-serif;font-weight:bold; font-size:30px; color:#666;  border-bottom:#CCC solid 1px;}
.contentheading {font-family:arial, helvetica, sans-serif;font-weight:bold; font-size:18px;}

/* SITE MAP (Joomap Component) CSS */
.sitemap ul { list-style-type:none; font-size:18px;}
.sitemap ul li {padding-bottom:15px;}
.sitemap ul ul li {padding:0px;}
.level_0 li { background-image:url(../interact/img/noNewPost.gif); background-repeat:no-repeat; background-position:0px 3px;}
.level_0 li a {margin-left:15px;}
.sitemap ul ul {font-size:11px; margin-left:0px;}
.level_1 li { background-image:url(../images/siteMap/subArrow.jpg); background-repeat:no-repeat; background-position:center left; margin-left:-5px;}
.level_1 li a {margin-left:8px; color:#666;}
.level_1 li a:hover{color:#FFF;}


#fsRotator{ width:550px; float:left;}
#fpItems {width:auto; float:left;}