﻿

/*-- WRAPPERS
------------------------------------------------------------------------*/
body {
	margin: 0;
	padding:0;
	font-size:14px;
	font-family:Helvetica, Arial, sans-serif;
	color:#646464;
}
#wrapper {
	width:608px;
	margin:0 auto;
	padding:0;
	background:url(../images/web/body_bkgrd.jpg) repeat-y top left;
}
#content_wrapper {
	width:578px;
	margin:0 auto;
	border-top:#646464 solid 8px;
	background:url(../images/web/header_shadow.jpg) no-repeat top left;
	padding:0;
}
/*-- 
------------------------------------------------------------------------*/



/*-- HEADER
------------------------------------------------------------------------*/
#hdr {
	width:540px;
	margin:25px auto 0 auto;
	position:relative;
}
#fd_logo {
	background:url(../images/web/finn_digital_logo.jpg) no-repeat top left;
	width:267px;
	height:52px;
	margin:0 0 25px 0;
	display:block;
}
.hs_logo {
	background:url(../images/web/hot_sheet.jpg) no-repeat top left;
	width:128px;
	height:36px;
	position:absolute;
	top:0;
	right:0px;
	display:block;
}
.hs_logo100 {
	background:url(../images/web/hot_sheet100.jpg) no-repeat top left;
	width:200px;
	height:59px;
	position:absolute;
	top:0;
	right:0px;
	display:block;
}
/*-- 
------------------------------------------------------------------------*/



/*-- TITLE
------------------------------------------------------------------------*/
#title {
	width:538px;
	margin:0 auto;
	padding:15px 0 30px 0;
	font-size:8pt;
	text-transform:uppercase;
	font-weight:bold;
	color:#646464;
}
#title_right {
	float: right;
	width:180px;
	text-align: right;
}
#title_left {
	float: left;
	width:250px;
}
#share_links {
    margin-top:5px;
}
#share_links span {
    display:block;
    float:left;
}


/*-- ITEM
------------------------------------------------------------------------*/
.item {
	border-top:#cbcbcb solid 1px;
	width:538px;
	margin:0 auto;
	padding:20px 0;
	font-size:16px;
	color:#646464;
	min-height:160px;
	clear: both;
}
.item h3 {
	font-size:16px;
	background:url(../images/shared/arrow.jpg) no-repeat 0 4px;
	padding-left:20px;
	margin:0 0 15px 0;
}


.item_img {
	width: 152px;
	float:left;
	margin:0 15px 0 0;
}
.alt .item_img {
	float:right;
	margin:0 0 0 0;
}

.item_content {
	float:left;
	width:370px;
}
    .item_content p {
	    padding:0;
	    margin:0 0 10px 0;
    }
    .item_content .item_link {
	    font-size:14px;
	    font-weight:bold;
	    text-transform:uppercase;
    }
    
    
/* Item Tags / Shares */ 

.item_tags,
.item_share {
    clear:both;
    padding:5px 0 0 0;
}

.item_tags span,
.item_share span {
    display:block;
    text-transform:uppercase;
    font-size:6pt;
    font-weight:bold;
}
.item_tags ul,
.item_share ul,
#share_links ul {
    margin:0;
    padding:0;
    list-style:none;
    font-size:9pt;
    text-decoration:none;
}
.item_tags ul li,
.item_share ul li,
#share_links ul li {
    float:left;
    padding:0 0 0 6px;
}

.item_tags ul a:link,
.item_tags ul a:visited {
    text-decoration:none;
}
.item_tags ul a:hover {
    text-decoration:underline;
    color:#999;
    
}
/*-- 
------------------------------------------------------------------------*/




/*-- FOOTER
------------------------------------------------------------------------*/
#footer {
	border-bottom:#646464 solid 8px;
	background:url(../images/web/footer_shadow.jpg) no-repeat bottom left;
	padding:0 0 8px 0;
}
#footer_content {
    width:540px;
	margin:0 auto;
	font-size:12px;
	border-top:#cbcbcb solid 1px;
}
#fd_sm {
	float:right;
	margin:60px 0 0 0;
}
#award {
	float:left;
	margin:30px 0 0 0;
}
    #award img {
	    float:left;
	    display:block;
    }
    #award span {
	    float:left;
	    display:block;
	    width:190px;
	    margin:32px 0 0 0;
    }
#footer_links {
    clear:both;
    padding:20px 0;
}
#footer_links p {
    padding:0;
    margin:5px 0;
}
/*-- 
------------------------------------------------------------------------*/




#banner {
	background-color:#646464;
	width:540px;
	margin:10px auto;
	color:#FFFFFF;
	font-family:Helvetica, Arial, sans-serif;
	padding:15px 0;
}
#banner p {
	width:520px;
	margin:12px auto;
	
}
/*-- GENERAL
------------------------------------------------------------------------*/

img {
	border:none;
}

a:link {
	color: #86b612;
}
a:visited {
	color: #86b612;
}
a:hover {
	color: #86b612;
}
a:active {
	color: #86b612;
}

.clear {
    font-size:0px;
    clear:both;
    height:0px;
}
/*-- 
------------------------------------------------------------------------*/

