/**
 * 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 p {
	float: left;
	display: block;
	padding: 5px;
}

#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;
}

#menu a {
    text-decoration: underline;
}

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

#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;
}

#menu #new {
	text-align: center;
}

#menu #total {
	text-align: right;
}


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

#page_id { 
    clear: both;
	display: block;
	width: 180px;
	height: 106px;
	margin-bottom: 15px;
	background-color: #000000;
}

#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 :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#left_col {
	float:left;
	width: 180px;
	padding-right: 10px;
	padding-top: 5px;
}

#left_col p {
	display: block;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px dotted #000000;
	width: 180px;
}

#left_col table {
	margin-bottom: 5px;
}

#right_col {
	float:left;
	width:360px;
	padding-top: 5px;
}

#right_col h1 {
	float:left;
	width: 360px;
	border-bottom: 1px dotted #000000;
	padding-top: 10px;
}

#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: 530px;
    padding: 10px;
    background-color: #E6E6E6;
    font-family: Verdana, Geneva, Arial, Sans-Serif;
    font-weight: normal;
    font-size: 9px;
    line-height: 15px;
    color: #000000;
}

#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;
    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;
}

#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;
}


#yard_pub {
    width: 510px;
    height: 115px;
    padding: 20px;
    margin-top: 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;
    
}

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

#use {
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background-color: #E6E6E6;
    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;
    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: right;
}

#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;
}


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

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

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

#friends div {
    float: left;
    padding: 0px;
    padding-right: 6px;
    padding-top: 4px;
    text-align: center;
	font-family: Helvetica, Arial, Verdana, Geneva, Sans-Serif;
    font-size: 9px;
    font-weight: normal;
}

#friends div.friend4 {
    padding-left: 1px;
    padding-right: 0px;
}

#friends img.is_friend {
    padding-bottom: 1px;
    border-bottom: 4px solid #A9001F; 
}

#friends img.not_friend {
    padding-bottom: 1px;
    border-bottom: 4px solid #CCCCCC; 
}


.blog {
	float: left;
	width: 360px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #000000;
}

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

.blog blockquote {
    display: block;
    padding: 0px;
    margin: 0px;
    padding-left: 30px;
}

.blog blockquote p {
    display: block;
    width: 330px;
    padding: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0px;
}

.blog blockquote br {
    display: none;
}

.blog div.date {
    display: block;
    clear: both;
    font-size: 10px;
    padding-bottom: 8px;
}

blog br {
    float: left;
    clear: right;
}

.blog div.rating {
    width: 350px;
    padding: 5px;
    text-align: right;
    vertical-align: middle;
    background-color: #E6E6E6;
    color: #9A9A9A;
}

.blog div.rating b {
    color: #A90021;
}

.blog div.rating div.vote {
    display: inline;
    position: relative;
    top: 2px;
    vertical-align: bottom;
    width: 50px;
    height: 10px;
}

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

.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;
}