/**
 * COPYRIGHT NOTICE
 * This software is copyright ?2004 Stolen Inc. and licensed for use by 
 * distribution from Stolen Inc. only. This source code may not be redistibuted
 * without written consent from the above mentioned entity.
 * 
 * @author Jessey White-Cinis <j[at]stolen.la>
 * @version 1.0
 * @date 2004-06-30
 * @package gnn
 */

/* custom declarations :::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#wrapper {
	margin: 0;
	padding-left: 10px;
	text-align: left;
	width: 945px;
}

#framework {
    float: left;
    width: 760px;
}

#left {
    display: block;
    float: left;
    width: 180px;
}

#left .mod {
	float: left;
	width: 180px;
	border-bottom: 1px solid #000000;
	margin-bottom: 5px;
}

#left .mod input {
    margin: 0px;
    padding: 0px;
    padding-top: 1px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    color: #000000;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-size: 9px;
    height: 16px;
}

#left .mod a {
    color: #000000;
}

#left .mod p {
	float: left;
	display: block;
	padding: 5px;
}

#left #google { border-top: 1px solid #000000; }
#left #ad-bg { padding: 0px; margin: 0px; border-top: 1px solid #000000; }
#left #ad-true_lies { padding: 0px; margin: 0px;}
#left #ad-store { padding: 0px; margin: 0px; border-top: 1px solid #000000; }


#left #ad-true_lies b, #left #ad-store b {
    font-size: 11px; line-height: 15px;
}

#logo {
    width: 180px;
    height: 106px;
    background: url("/images/logo_box.gif") no-repeat;
}

#menu {
	margin-top: 4px;
	width: 180px;
}

#menu td {
	padding-top: 2px;
	padding-bottom: 2px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-size: 9px;
    line-height: 11px;
    color: #000000;
    border-bottom: 1px solid #999999;
}

#menu a:link {
    color: #A8001C;
    text-decoration: none;
}

#menu a:visited {
    color: #A8001C;
    text-decoration: none;
}

#menu a:hover {
    text-decoration: underline;
}

#menu #th {
    border-bottom: 1px solid #000000;

}


#menu #icon {
	text-align: left;
	width: 10px;
	padding-right: 5px;
}

#menu #page {
	text-align: left;
	padding-right: 5px;
	font-weight: bold;
}

#menu #th #page, #menu #th #new, #menu #th #total   {
	font-size:9px;
	font-weight:normal;
}

#menu #th #page   {
	text-indent: 16px;
}

#menu #new {
	text-align: center;
    border-left: 1px solid #999999;
}

#menu #total {
	text-align: center;
    border-left: 1px solid #999999;

}


#content {
    display: block;
    float: left;
    width: 550px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 40px;
}

#page_id { 
    clear: both;
	display: block;
	width: 180px;
	height: 106px;
	margin-bottom: 15px;
	background-color: #000000;
	background-image: url(../images/bg_id.gif);
	background-repeat: no-repeat;
}

#page_id h1{
	display: block;
	padding-left: 15px;
	padding-top: 60px;
	font-family: Helvetica, Arial, Verdana, Geneva, Sans-Serif;
    font-size: 42px;
	font-weight: bold;
	color: #ffffff;
}

#footer {
    width: 760px;
    height: 18px;
    padding: 2px;
    margin-top: 1px;
    background-color: #32342F;
}

#trail {
	display: block;
	clear: both;
	padding-top: 5px;
	padding-bottom: 10px;
	font-family: Helvetica, Arial, Verdana, Geneva, Sans-Serif;
    font-size: 18px;
	font-weight: bold;
	color: #A90220;
}

/* CONTENT :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#header {
	width: 550px;
	border-bottom: 1px solid #000000;
	margin-bottom: 8px;
}

#header #date {
    margin: 0px;
    padding: 0px;
    padding-bottom: 2px;
    padding-top: 2px;
    /* border-bottom: 1px solid #000000; */
    font-family: Helvetica, Arial, Verdana, Geneva, Sans-Serif;
    font-style: normal;
    font-size: 9px;
    color: #666666;
}

#image {
	clear: both;
	width: 180px;
    margin: 0px;
    padding: 0px;
}

#image img {
    float: left;
    clear: both;
}

#caption {
    float: left;
    clear: both;
	margin: 0px;
	width: 180px;
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
    font-family: Verdana, Geneva, Arial, Sans-Serif;
    font-weight: normal;
    font-size: 9px;
    line-height: 11px;
    color: #ffffff;
	background-color: #000000;
}

#summary {
    margin: 0px;
    margin-bottom: 8px;
    width: 525px;
    padding: 10px;
    border-left: 5px solid #999999;
    background-image: url(/images/bg_lines_grey.gif);
    font-family: Verdana, Geneva, Arial, Sans-Serif;
    font-weight: normal;
    font-size: 11px;
    line-height: 17px;
    color: #000000;
}

#summary p {
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: Verdana, Helvetica, Arial, Geneva, Sans-Serif;
    font-weight: normal;
    font-size: 11px;
    line-height: 17px;
}

#video {
	width: 550px;
	height: 135px;
	padding-bottom: 8px;
	margin-bottom: 8px; 
	border-bottom: 1px solid #000000;
    font-family: Helvetica, Arial, Verdana, Geneva, Sans-Serif;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
}

#lnk {
    margin: 0px;
    margin-bottom: 8px;
    width: 530px;
    padding: 10px;
    background-color: #E6E6E6;
    font-family: Helvetica, Arial, Verdana, Geneva, Sans-Serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 15px;
    color: #000000;
}

#publisher {
    margin: 0px;
    margin-top: 8px;
    padding: 0px;
    padding-top: 14px;
    padding-bottom: 10px;
    border-top: 1px solid #000000;
    font-family: Helvetica, Arial, Verdana, Geneva, Sans-Serif;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
}

#byline {
    clear: both;
    padding: 0px;
    padding-bottom: 4px;
    padding-top: 2px;
    font-family: Verdana, Geneva, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 14px;
    color: #000000;
}

.byline_article {
    clear: both;
    margin: 0px;
    margin-top: 15px;
    padding: 0px;
    padding-bottom: 4px;
    padding-top: 2px;
	width: 180px;
	border-bottom: 1px dotted #000000;
    font-family: Helvetica, Arial, Verdana, Geneva, Sans-Serif;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    color: #000000;
}

#headline {
    margin: 0px;
    padding: 5px 0px;
    font-family: Helvetica, Arial, Verdana, Geneva, Sans-Serif;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
    color: #000000;
}

#desc {
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Helvetica, Arial, Verdana, Geneva, Sans-Serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
}

#posted_by {
    margin: 0px;
    padding: 0px;
    width: 550px;
    min-height: 55px;
    height: 55px;
    background-color: #000000;
    color: #ffffff;
}

#posted_by img {
    float: left;
    padding-right: 5px;
}

#posted_by p {
    padding: 5px;
    text-align: justify;
}

#posted_by a {
    color: #ffffff;
    text-decoration: underline;
}

#posted_by a:hover {
    color: #ffffff;
    text-decoration: none;
}

#related { clear: both; margin: 10px 0px; padding: 0px;}
#related h3 { border-bottom: 1px solid #000000; }
#related ul { padding: 0px 0px 0px 17px; }
#related li { 
    list-style-position: outside;
    font-family: Helvetica, Arial, Verdana, Sans-Serif;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

#related li #posted {
    color: #666666;
    font: 10px Verdana, Helvetica, Arial, Sans-Serif;
}



#yard_drop {
    margin: 10px 0px;
}


/*

#yard_drop a:link, #yard_drop a:visited, #yard_drop a:hover {
    color: #ffffff;
}

#yard_drop_view, #yard_drop_hide {
    padding: 4px 5px;
    font: 12px/14px Helvetica, Arial, Verdana, Geneva, Sans-Serif;
	font-weight: bold;
    background-color: #000000;
    width: 155px
}
*/


#yard_pub {
    width: 510px;
    height: 115px;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #A9001F;
    color: #ffffff;
}

#yard_pub p {
    color: #ffffff;
    padding: 0px;
    margin: 0px;
    width: auto;
    height: auto;
    font: 11px/18px Helvetica, Arial, Verdana, Geneva, Sans-Serif;
}

#yard_pub h2 {
    display: block;
    line-height: auto;
    color: #ffffff;
    padding: 0px;
    margin: 0px;
}

#yard_pub input {
    border: 0px;
    width: 54px;
    height: 18px;
    padding: 0px;
    margin: 0px;
}

#yard_score {
    display: block;
    float: right;
    width: 115px;
    height: 115px;
    background-color: #000000;
    font: 10px/14px Helvetica, Arial, Verdana, Geneva, Sans-Serif;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
}

#yard_score p {
    display: block;
    padding-top: 15px;
    vertical-align: middle;
}

#yard_score b {
    display: block;
    padding-top: 2px;
    font-size: 48px;
    line-height: 50px;
    color: #ffffff;
    font-weight: bold;
}

#yard_vote {
    display: block;
    padding-top: 10px;
}

#yard_vote p {
    display: inline;
    background-color: #000000;
    font-family: Helvetica, Arial, Verdana, Geneva, Sans-Serif;
    line-height: auto;
    color: #ffffff;
    padding-top: 4px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 3px;
    
}

#yard_wrap {
    clear: both;
}

#yard_votes_container {
    clear: both;
}

#yard_user_votes {
    width:165px;
    float: left;
    margin-bottom: 10px;
}

#yard_user_votes .yard_user_vote { 
    clear:both; 
    height: 30px; 
    background-image: url('/images/bg_lines_grey.gif'); 
    margin-bottom: 2px;
}

#yard_user_votes #pts { 
    float:left;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    margin-right: 5px;
    width:30px;
    height:30px;
    background-color:#A9001F;
}

#yard_user_votes #pts.pts0 {
    background-color: #000000;
}

#yard_user_votes #user {
    height: 30px;
    line-height: 30px;
}

#yard_suggestions {
    width: 360px;
    float: right;
    margin-bottom: 10px;
}

.yard_suggestion {
    padding: 0px;
    border-bottom: 1px dotted #000000;
}

.yard_suggestion #reply {
    font-family: Verdana, Helvetica, Arial, Geneva, Sans-Serif;
    font-size: 12px;
    line-height: 15px;
}

.yard_suggestion #reply p {
    display: block;
    width: 360px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
	font-family: Helvetica, Arial, Verdana, Geneva, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    color: #000000;
}

.yard_suggestion blockquote p {
    width: 340px;
}

.yard_suggestion #user {
    text-align: right;
    font-family: Verdana, Helvetica, Arial, Geneva, Sans-Serif;
    font-size: 12px;
    line-height: 20px;
}

#body {
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Verdana, Helvetica, Arial, Geneva, Sans-Serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
}

#body p {
    display: block;
    margin: 0px;
    padding: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: Verdana, Helvetica, Arial, Geneva, Sans-Serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
}

/*
#body:after {
	content: url('/images/end.gif');
}
*/

#body ul {
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
    padding-bottom: 8px;
}

#body li {
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Helvetica, Arial, Geneva, Sans-Serif;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #000000;
}

#use {
    clear: both;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    border-left: 5px solid #999999;
    background-image: url(/images/bg_lines_grey.gif);
    font-family: Verdana, Geneva, Arial, Sans-Serif;
    font-weight: normal;
    font-size: 9px;
    line-height: 15px;
    text-align: justify;
    color: #000000;
}

#pg {
	display: block;
	float: left;
	width: 360px;
}

#pg #prev,#count {
	float: left;
}

#pg #count {
	float: left;
	padding-left: 100px;
}

#pg #next {
	float: right;
}

/* CONTROL BAR :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#control {
    display: block;
    float: left;
    width: 180px;
}

#control a {
    font: inherit;
    color: #ffffff;
    text-decoration: underline;
}

#control a:hover {
    font: inherit;
	color:#fffff;
    text-decoration: none;
}

#control p {
    color: #ffffff;
    line-height: 14px;
}

#control input {
    width: 180px;
    height: 16px;
    border: none;
    font-size: 10px;
    margin:0;
    padding: 0px;
}

#control .btn_submit {
    width: 54px;
    height: 18px;
    padding: 0px;
    border: none;
    background: none;
}

#control #login {
    text-align: right;
}

#control .input_wrap {
    width: 180px;
    background-color: #ffffff;
    margin-bottom: 4px;
}

#control .module {
	float: left;
    width: 180px;
    padding-top: 6px;
}

#control table {
	width: 180px;
	border-bottom: 1px solid #ffffff;
}

#control tr {
	/* border-bottom: 1px dotted #ffffff;*/
}

#control th {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	height: 15px;
}

#control td {
	color: #ffffff;
	border-bottom: 1px dotted #4B473E;
	line-height: 15px;
}

#control .c1 {
	text-align: left;
}

#control .c2 {
	border-left: 1px dotted #4B473E;
	text-align: center;
}

#control .c3 {
	border-left: 1px dotted #4B473E;
	text-align: center;
}

#control #user {
	display: block;
	width: 180px;
	height: 55px;
	border-bottom: 1px solid #ffffff;
}

#control #user #image {
	float: left;
	border: none;
	width: 82px;
	height: 55px;
	margin: 0px;
	padding: 0px;
}

#control #user #info {
	float: left;
	height: 45px;
	padding: 5px;
	font: inherit;
	color: #ffffff;
	line-height: 15px;
}

#control #user #info a {
	text-decoration:none;
}

#control #user #info a:hover {
	text-decoration:underline;
}

/* REUSEABLE CLASSES :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.body {
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
	font-family: Verdana, Helvetica, Arial, Geneva, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    color: #000000;
}

.body p {
    margin: 0px;
    padding: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
	font-family: Verdana, Helvetica, Arial, Geneva, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    color: #000000;
}

/*
.body:after {
	content: url('/images/end.gif');
}
*/



/* COMMENTS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#comments {
    clear: both;
    width: 550px;
    padding-top: 10px;
}

#comments h3 { border-bottom: 1px solid #000000; }

#comments #more {
    width: 550px;
    text-align: right;
    font: 11px/15px Verdana, Arial, Helvetica, Geneva, Sans-Serif;
    padding: 2px 0px;
}

.comment {
    clear: both;
    width: 550px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #000000;
    overflow: hidden;
}

.comment #user, .comment #date, .comment #reply {
    font: 11px/15px Verdana, Arial, Helvetica, Geneva, Sans-Serif;
}

.comment #reply {
    width: 540px;
    overflow: hidden;
}
/*
.comment p {
    display: block;
    width: 540px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
	font-family: Helvetica, Arial, Verdana, Geneva, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    color: #000000;
}
*/

.comment p {
    margin: 0px;
    padding: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
	font-family: Helvetica, Arial, Verdana, Geneva, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    color: #000000;
}

.comment blockquote p {
    width: 520px;
}

.comment #user {
    text-align: right;
}

.comment #usr_image_fl {
    float: left;
    padding-right: 5px;
}

#post textarea {
    height: 150px;
}

#post .errors {
    float: none;
    margin-top: 0px;
}



/* REUSEABLE ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.underline {
	border-bottom: 1px solid #000000;
	margin-bottom: 8px;
}

li.article  { list-style-image: url(/images/icn_article.gif);  }
li.headline { list-style-image: url(/images/icn_headline.gif); }
li.video    { list-style-image: url(/images/icn_video.gif); }
li.link     { list-style-image: url(/images/icn_link.gif); }
li.blog     { list-style-image: url(/images/icn_blog.gif); }
li.user     { list-style-image: url(/images/icn_user.gif); }
li.forum    { list-style-image: url(/images/icn_forum.gif); }
li.reply    { list-style-image: url(/images/icn_forum.gif); }


.none {
    display: none;
}

.block {
    display: block;
}


/* APPLICATION TABS :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.tabs {
	display: block;
	float: left;
	width: 550px;
	margin: 0px;
	padding: 0px;
	border-bottom: 6px solid #000000;
}

.tabs ul {
	margin: 0px;
	padding: 0px;
    list-style: none;
}

.tabs li {
	display: block;
	float: left;
	margin: 0px;
	margin-right: 10px;
	height: 14px;
	min-width: 98px;
	padding: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 2px;
	background-color: #AA0021;
	font-family: Helvetica, Arial, Verdana, Geneva, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
	color: #ffffff;
    list-style-type: none;
}

.tabs li.sel {
	background-color: #000000;
}

.tabs li a {
	font-family: Helvetica, Arial, Verdana, Geneva, Sans-Serif;
    font-size: 12px;
    font-weight: inherit;
	color: #ffffff;
	text-decoration: none;
}

.tabs li a:hover {
	font-weight: inherit;
	text-decoration: none;
}