/* 
Sea Sea Pro
Homepage Specific Styles


Created By 
Rob Wright
www.boost-creative.co.uk
--------------------------------------------------------

	Community Area
	Latest gallery
	Latest forums
	News Preview
	Latest Products
	
*/


/*
Community Area
--------------------------------------------------------
*/

#community_area {
	background: #3F4040 url(../images/layout/home_community_background.png) repeat-x;
	height:246px;
	margin-top:20px;
	clear:both;
	width:778px;
	margin-left:-5px;
	position:relative;
	z-index:1;

}

#community_area h2 { 
	maring-top:5px;
	background: url(../images/layout/community_h2_background.png) no-repeat 0px 8px;
	height:36px;
	padding:9px 0px 2px 40px;
}

#community_area h2 a:hover{ color:#CCCCCC; }

#community_area #community_nav {
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 7px;
	width:155px;
	height:35px;
	background:url(../images/layout/community_nav_background.png) no-repeat;
	position:absolute;
	top:0px;
	right:0px;
}

#community_nav li {	float:left; margin-right:0.4px; }

#community_nav  a{
	width:75px;
	height:21px;
	background:url(../images/layout/nav/nav_backgorund.png) no-repeat;
	color:#FFF;
	display:block;
	text-transform:uppercase;
	padding-top:13px;
	text-align:center;
	font-size:9px;
}

#community_nav #gallery{ background-position:-86px 0px; }
#community_nav  #gallery:hover { background-position:-86px -47px ; }

#community_nav  #forum { background-position:-175px 0px; }
#community_nav  #forum:hover { background-position:-175px -47px ; }

#community_area p {	width:390px;  	color: #E9E9E9;}

#community_area h4 {
	padding-top:5px;
	position:absolute;
	width:748px;
	bottom:17px;
	border-top:1px dashed #c6c6c6;	color: #E9E9E9;
	background:url(../images/layout/community_login_button.png) no-repeat 105px 4px;
}

#community_area h4 a:hover { 	color:#CCCCCC; }

#community_area #community_info {
	width:380px;
	height:210px;
	position:absolute;
	top:55px;
	right:-30px;
	z-index:4;
}
/* Default */
#community_area #community_info img#preview {
	position:absolute;
	right:-15px;
	bottom:-10px;
}

#community_area #community_info ul {
	list-style:none;
	margin:15px 0px 0px;
}

#community_area #community_info ul#com_quick_links li { margin:0px 0px 15px;}

#community_area #community_info #com_quick_links li a{
	display:block;
	height:15px;
	width:296px;
	text-indent:-5000px;
}

#community_area #community_info #com_quick_links li a#photo_form { background: url(../images/layout/nav/com_photo_forum.png) no-repeat; } 
#community_area #community_info #com_quick_links li a#user_gallery{  background: url(../images/layout/nav/com_gallery_forum.png) no-repeat;} 
#community_area #community_info #com_quick_links li a#equip_talk { background: url(../images/layout/nav/com_equip_forum.png) no-repeat; } 
#community_area #community_info #com_quick_links li a#expert { background: url(../images/layout/nav/com_expert_forum.png) no-repeat; } 

/* latest gallery*/

#community_area #community_info #latest_gallery {
	margin-top:18px;
	margin-left:12px;
	padding:0px;
}
#community_area #community_info #latest_gallery li {
	float:left;
	margin:0px 2px 7px 0px;
}
#community_area #community_info #latest_gallery li a{
	display:block;
	position:relative;	
	z-index:5;
	border:2px solid #2f2f2f;
}
#community_area #community_info #latest_gallery li a:hover {
	z-index:14;
	border:2px solid #0c657e;
}

#community_area #community_info #latest_gallery li a img{	display:block; }

#community_area #community_info #latest_gallery li a span{
	display:none;	
	z-index:100;
}

#community_area #community_info #latest_gallery li a:hover span{
	display:block;
	font-size:10px;
	padding:5px;
	margin:0px auto;
	background: #2A2A2A;
	color: #CCCCCC;
	position:absolute;	
	width:65px;
	top:55px;
	left:-2px;
	z-index:100;
	border:2px solid #0c657e;
	border-top:1px solid #0c657e;
}



/* latest forums */

#community_area #community_info h3 {
	font-size:1.3em;
	width:318px;
	margin-top:13px;
	margin-left:14px;
	color:#CCCCCC;
}
#community_area #community_info #latest_forum {
	width:298px;
	margin-left:10px;
	padding:0px;	
	margin-top:5px;
}

#community_area #community_info #latest_forum li {
	margin-bottom:10px;
}

#community_area #community_info #latest_forum a {
	font-size:1.05em;
	padding-left:18px;
	margin-top:5px;
	display:block;
	background:url(../images/layout/forum_preview_avatar.png) no-repeat 0px 2px;
	color:#CCCCCC;
}

#community_area #community_info #latest_forum a:hover {
	color:#1a99bd;
}
#community_area #community_info #latest_forum a span{
	font-size:0.8em;
	color:#999999;
}

/*
News Preview
--------------------------------------------------------
*/


#news_preview p{
	width:238px;
	float:left;
	line-height:14px;
	margin:0px 0px 0px 15px;
} 

#news_preview p strong{
	font-size:1.2em;
	color:#666666;
	display:block;
}

#news_preview p span, #news_preview p a{
	display:block;
	font-weight:bold;
	padding:5px 0px;
	font-size:1.0em;
}


/*
Latest Products
--------------------------------------------------------
*/
#secondary_content {	margin-bottom:20px;}
#secondary_content #seasea_link { 
	margin:20px 0px 0px 17px;
	display:block;
}
#secondary_content #seasea_surplus_link { 
	margin:20px 0px 0px 17px;
	display:block;
}
#secondary_content #latest { margin:0px 15px 10px; }

#secondary_content #latest p {
	margin-left:0px;
	border-bottom:1px dashed #c6c6c6;
	padding-bottom:10px;
	position:relative;
	width:175px;
	padding-right:45px;
	margin-bottom:10px;
	line-height:15px;
}

#secondary_content #latest p strong, #secondary_content #latest p a { display:block; } 

#secondary_content #latest p strong {
	font-size:1.2em;
	color:#666666;
	margin-bottom:10px;
}

#secondary_content #latest p strong span { color:#3F3F3F; }

#secondary_content #latest p a {
	margin-top:10px;
	text-transform:uppercase;
	font-size:10px;
}

#secondary_content #latest img { 
	position:absolute; 
	top:0px;
	/*right:-60px;*/
	left: 240px;
}