body {
	background: #403b35;
	min-width: 800px;
	font-family: Verdana, Geneva, sans-serif;
}

#wrapper {
	width: 800px;
	margin: 0px auto;
}

/**
 ** Take this!
 **/
a img {
	border: 0px;
}

/**
 ** Various styles using inside the header.  Mostly these format
 ** the links in the top right of the page.
 **/
#header a, #footer a {
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	margin-right: 4px;
	color: #ff9900;
	text-decoration: none;
}

#header a.icon {
	padding-left: 18px;
	background-repeat: no-repeat;
	background-position: left center;
}

#header a.contact {
	background-image: url(/assets/layout/contact.jpg);
	margin-right: 0px;
}

#header a.login {
	background-image: url(/assets/layout/login.png);
}

#header a.register {
	background-image: url(/assets/layout/join.png);
}

#header a.faq {
	background-image: url(/assets/layout/faq.png);
}

#header a.msgs {
	background-image: url(/images/tpl_icon_new_message.gif);
}

#header a.nomsgs {
	background-image: url(/images/tpl_icon_message.gif);
}

#header a.logout {
	background-image: url(/images/logout.png);
}

#header a.admin {
	background-image: url(/images/admin.png);
}

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

#header .adblock {
	width: 472px;
	height: 64px;
	padding: 2px;
	border: 1px dashed #ff9900;
	text-align: left;
	margin-top: 7px; 
	color: #ff9900;
	text-align: center;
}

#footer {
	background-image: url(/assets/layout/footer_bg.png);
	background-position: top;
	background-repeat: no-repeat;
	padding: 14px 0px 10px 0px;
}

a.rss {
	padding-right: 18px;
	background-image: url(/assets/layout/rss_icon.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin-right: 0px;
}

/**
 ** Navigation styling, navigation is basically an unordered list
 ** with some pretty graphics on it.
 **/
#nav {
	clear: both;
	height: 30px;
	background-image: url(/assets/layout/nav_bg.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
}

#nav ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0px 14px 0px 14px;
	padding: 0px;
}

#nav li {
	display: block;
	float: left;
	height: 30px;
	padding: 0px 15px 0px 15px;
	text-align: center;
	background: url(/assets/layout/nav_line.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#nav a {
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

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

#nav li.active {
	display: block;
	background: #ffffff;
}

#nav li.active a {
	color: #666666;
	text-decoration: none;
}

#nav li.active a:hover {
	text-decoration: none;
}

/**
 ** Lots of stuff below here, basically all the formatting rules
 ** used in the content are of the site.  I will explain subsections
 ** as I make them.
 **/
#content {
	clear: both;
	color: #54504c;
	background: #ffffff;
	padding: 3px 15px;
	font-family: "Lucidia Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

#content h1 {
	font-variant: small-caps;
	margin: 0px;
}

#content h1.masthead {
	clear: both;
	font-size: 24px;
	padding: 8px 0px;
	font-weight: bold;
	color: #54504c;
}

#content h1.masthead strong {
	color: #000000;
}

.box-content h1 {
        font-size: 18px;
        font-weight: bold;
        color: #54504c;
        font-variant: small-caps;
        line-height: 23px;
        border-bottom: 1px solid #54504c;
        line-height: 1em;
        padding-top: 5px;
        margin: 0px 0px 5px 0px;
}

.box-content h1.noul {
	border-bottom: 0px;
}

#content div.bot {
	width: 245px;
}

/**
 ** Styles for the orange Feature Box on the home page
 **/
#feature {
	clear: both;
	width: 773px;
	margin: 0px auto;
	color: #ffffff;
}

#feature .lid {
	clear: both;
	width: 773px;
	height: 14px;
	margin: 0px auto;
	background-image: url(/assets/layout/feature_lid.png);
	background-repeat: no-repeat;
}

#feature .top {
	background-image: url(/assets/layout/feature_top.png);
	background-repeat: no-repeat
	background-size: 100%;
	height: 185px;
	margin: 0px;
	padding: 0px;
	padding-right: 15px;
	overflow: none;
}

#feature .top .icon {
	width: 254px;
	text-align: center;
	float: left;
	padding-top: 10px;
}

#feature .top .text h1 {
	color: #ffffff;
	font-weight: bold;
	margin: 0px 255px 0px 0px;
	padding: 15px 0px 0px 0px; 
	font-size: 26px;
	font-variant: normal;
}

#feature .top .text p {
	color: #ffffff;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	margin: 0px;
}

#feature .top .text p a img {
	vertical-align: middle;
}

#feature .top .text ul {
	margin: 10px 0px 0px 254px;
}

#feature .top .text li {
	color: #ffffff;
	font-size: 1.2em;
}

#feature .top .text li a, #feature .top .text p a {
	color: #ffffff;
	text-decoration: underline;
}

#feature .bottom {
	clear: both;
	height: 82px;
	overflow: hidden;
}

#feature .bottom a {
	display: block;
	float: left;
}

/**
 ** Useful little one or two attribute classes we can throw in
 ** wherever to prevent using style attributes
 **/
.half {
	width: 50%;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

div.fright {
        float: right;
}

div.fleft {
        float: left;
}

div.centered {
        text-align: center;
}

.liteup:hover {
        background: #efefef;
}

.blk {
	display: block;
}


/**
 ** Left and write "sides" for the main content.
 **/
#content div.leftside {
	width: 417px;
	float: left;
	margin-right: 15px;
}

#content div.lvideo {
	width: 450px;
}

#content div.rightside {
	width: 320px;
	float: right;
}

#content div.rvideo {
	width: 287px;
}

#content a {
	/*color: #62bd5d;*/
	color: #64c95e;
	text-decoration: none;
}

#content a:hover {
	color: #90f58a;
}

#content a.nolink {
	color: #54504c;
}

/**
 ** Error and information box styles
 **/
.errorbox{
        color: #FF0000;
	background: #ffc0c0;
	border: 1px solid #ff0000;
/*
        font-weight: normal;
        font-size: 13px;
*/
        margin-top: 10px;
        margin-bottom: 15px;
        padding: 3px;
        text-align: left;
}

.errorbox h1 {
        display: block;
        color: #ff0000;
        text-align: left;
        font-variant: small-caps;
        font-size: 24px;
        height: 25px;
        line-height: normal;
        padding-left: 10px;
}

.errorbox ul {
        margin: 0px;
        padding: 10px 10px 0px 0px;
}

.errorbox li {
        margin: 0px 10px 0px 0px;
        padding: 0px;
        padding-left: 10px;
        list-style-position: inside;
}

#content .errorbox a {
	color: #ff0000;
	text-decoration: underline;
}

.msgbox{
        color: #00a000;
        font-family: "Lucida Sans Unicode",Arial,Helvetica,sans-serif;
        font-size: 19px;
        font-variant: small-caps;
        height: 25px;
        line-height: normal;
        width: 728px;
        margin-top: 10px;
        margin-bottom: 15px;
        padding: 3px;
        text-align: left;
        border-bottom: 1px solid #007f00;
}


/**
 ** Title and content styling used for pretty much everything
 ** our backend will want to display
 **/
.box-title {
	font-size: 22px;
	font-weight: bold;
	color: #54504c;
	font-variant: small-caps;
	line-height: 47px; 
}

.title-ul {
	border-bottom: 1px solid #54504c;
	line-height: 1em;
	padding-top: 5px;
	margin: 0px 0px 5px 0px;
}

.box-title img {
	vertical-align: middle;
}

div.box-title small {
        display: block;
        letter-spacing: normal;
        margin: 0;
        text-align: right;
        float:right;
	font-size: 15px;
        color: #5a5a5a;
        width: auto;
}

.box-content {
	margin-bottom: 4px;
}

p.big {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #54504c;
	line-height: 18px;
	margin-top: 0px;
}

p.tight {
	margin-top: 0px;
	margin-bottom: 0px;
}

/**
 ** Featured fundfindr.tv content
 **/
.fftv_thumb {
	float: left;
	width: 80px;
	margin: 0px 4px;
	text-align: center;
}

/**
 ** Pagination related styling
 **/
#paging {
	border-top: 1px solid #54504c;
	text-align: center;
}

#paging .pagingnav a {
	color: #54504c;
	font-size: 14px;
	padding: 2px;
}

#paging .pagingnav a:hover {
	text-decoration: underline;
}

#paging .pagingnav a.active {
	color: #ffffff;
	background: #54504c;
}

#paging .pagingnav a.active:hover {
	text-decoration: none;
}

/**
 ** CSS stylings used for forms and varions input widgets
 **/
dl.form dt {
        clear: both;
        float: left;
        text-align: right;
        width: 30%;
        margin-right: 4px;
}

dl.form dt.whole {
        width: 90%;
        text-align: center;
}

div.box-content div.formbox {
        margin: 0px;
}

div.box-content h1 small {
        float: right;
}

dl.form dd {
        margin-bottom: 3px;
        margin-left: 30%;
}

dl.form dd input, input.forminp {
	padding: 2px;
	border: 1px solid #d3d3d3;
	width: 65%;
	color: #5a5a5a;
}
dl.form dd textarea, textarea.formtext {
	margin: 0 0 10px 0;
	padding: 2px;
	border: 1px solid #d3d3d3;
	width: 65%;
	height: 80px;
	color: #5a5a5a;
}

dl.form dd select, select.forminp {
	margin: 0;
	padding: 0px;
	border: 1px solid #d3d3d3;
	width: auto;
	color: #5a5a5a;
}

dl.form span.req, span.form_req {
	color: #ff0000;
	font-weight: bold;
	margin-right: 4px;
}

input.formfile {
	padding: 2px;
	border: 1px solid #d3d3d3;
	width: 90%;
	color: #5a5a5a;
}

input.widget {
        width: 16px;
	border: 0px;
}


/**
 ** Result block styles.  These undoubtedly get used more
 ** than anything else.
 **/
div.result {
        width: 49%;
        margin: 0px;
        padding: 3px 2px 4px 2px;
        display: block;
}

div.lined {
	border-top: 1px solid #cccccc;
}

div.find_result {
        margin: 2px 0px;
        padding: 1px;
        border: 1px solid #c1ebd1;
}

div.result div.left {
        float: left;
        margin-right: 3px;
        display: block;
}

div.result div.left img {
        border: 0px;
}

div.result div.data {
        line-height: 1.1em;
        margin-left: 124px;
}

div.result div.data h1, div.box-content h2, div.result div.data h1 a {
        font: normal 13px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-variant: none;
        padding: 0px;
        margin: 0px 0px 2px 0px;
        border-bottom: 0px;
}

div.result div.data h1.double {
        height: 32px;
        overflow: hidden;
        margin-bottom: 5px;
}

div.result div.data p {
        margin: 8px 0px;
        color: #5a5a5a;
}

div.result div.comment {
        margin-left: 64px;
}

div.btmline {
        border-bottom: 1px dashed #CCCCCC;
}


/**
 ** Search field stylings
 **/
#containersearch{
	margin-top: 8px;
	width: 100%;
}

#search {
	margin: 0px auto;
	width: 728px;
	text-align: center;
}

#search form p {
	margin: 0px;
	padding: 0px;
}

#search form input.text, #search form select {
	margin: 0 0 0 0;
	border: 1px solid #d3d3d3;
	background: #ffffff url(../images/tpl_input_bg.gif) no-repeat top left;
	font: normal 14px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #474038;
}

#search form input.text {
	width: 80%;
	padding: 3px;
}

#search form select {
	width: 130px;
	padding: 2px;
}

#search form input.button {
	margin: -5px 0 0 0;
	padding: 0px;
	vertical-align: middle;
}

/**
 ** Pitch page bookmark list
 **/
ul.bookmarks {
        list-style-image: none;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
}

ul.bookmarks li {
        list-style-type: none;
        display: block;
        float: left;
        width: 24px;
}

/**
 ** Styles for the AJAX rater
 **/
/**
 ** These are the styles for the ajax star rater
 **/
ul.rater {
        opacity: .75;
        filter: alpha(opacity=75);
        display: block;
        float: left;
        height: 16px;
        width: 80px;
        list-style-image: none;
        list-style-type: none;
        padding: 0px;
        margin: 0px;
}

ul.norate {
        opacity: 1;
        filter: alpha(opacity=100);
}

ul.norate:hover {
        opacity: 1;
        filter: alpha(opacity=100);
}

ul.rater:hover {
        opacity: 1;
        filter: alpha(opacity=100);
}

ul.rated:hover {
        opacity: 0.75;
        filter: alpha(opacity=75);
}

ul.rater li, ul.rated li {
        width: 16px;
        height: 16px;
        background-image: url(/images/tpl_icon_star_empty.gif);
        background-repeat: no-repeat;
        display: block;
        float: left;
}

ul.rater li.on, ul.rated {
        background-image: url(/images/tpl_icon_star_full.gif);
}

ul.rater {
        cursor: hand;
        cursor: pointer;
}

ul.rated {
        cursor: default;
}

ul.norate {
        cursor: default;
}

img.angel {
	margin-top: -2px;
	margin-left: 4px;
}

a.newmail {

    padding-left: 25px;

    background: transparent url(/images/tpl_icon_new_message.gif) no-repeat;

    font-weight:bold;

}

a.openedmail {

    padding-left: 25px;

    background: transparent url(/images/tpl_icon_message.gif) no-repeat;

}