/*
Theme Name: Coastal City
Theme URI: http://coastalcityclothing.com
Description: Coastal City theme.
Author: Chris Ozenne & Justin Kellner @ Collapse Design [www.collapsedesign.com]

http://www.collapsedesign.com
*/


*{ padding:0px; margin:0px; }
body {
	background-image:url('../images/bg.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
	background-color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:100%
}
p {
	font-size:0.6875em;
}
a img {border:0px;}
a:focus{outline:none;}
#flash {border:1px solid black;width:707px}
#container{
	position:absolute;
	top:0px;
	left:50%;
	width:1002px;
	margin-left:-501px;
}
#nav{
	margin-bottom:10px;	
	margin-top:30px;

	overflow:hidden;
}
#nav ul {
	list-style:none;
        padding:0px;
        margin:0px;
}
#nav ul li {
	display:inline;	
	padding:0px;
        margin:0px;
}
#nav ul li a{
	display:block;
	float:left;
	height:69px;
	background-image:url('../images/nav-sprite.png');
	background-repeat:no-repeat;
}
#nav ul li a span{
	display:none;	
}
#nav-home {
	width:64px;
	background-position:0px 0px;
}
#nav-shop{
	width:118px;
	background-position:-64px 0px;
}
#nav-shop-active{
	width:118px;
	background-position:-64px -69px;
}
#nav-collection{
	width:118px;
	background-position:-183px 0px;
}
#nav-retailers{
	width:102px	;
	background-position:-302px 0px;
}
#nav-media{
	width:66px;
	background-position:-405px 0px;
}
#nav-citylife{
	width:86px;
	background-position:-472px 0px;
}
#nav-about{
	width:68px;
	background-position:-557px 0px;
}
#nav-contact{
	width:80px;
	background-position:-627px 0px;
}

#left{
	position:relative;
	float:left;
	width:718px;
}
#right{
	position:relative;
	float:right;
	width:280px;
}
#blog-header{
	width:715px;
	border:1px solid #000;	
}

.entry-container{
	margin-top:20px;
}
.entry-top-1 {
	background-image:url('../images/blog-entry-top.png');
	background-repeat:no-repeat;
	width:717px;
	height:18px;
	margin:0px;
}
.entry-top-2 {
	background-image:url('../images/blog-entry-top-alt.png');
	background-repeat:no-repeat;
	width:717px;
	height:18px;
	margin:0px;
}
.entry-content{
	background-color:#fff;	
	padding:0px;
	margin:0px;
	border-top:0px;
	width:715px;
	border-bottom:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
}
.entry-content p {
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	padding-bottom:20px;
	margin:0px;
}
.entry-content h1 {
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:10px;
	margin:0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.125em;
	letter-spacing:-0.05em;
}
.entry-content h1 a {
	text-decoration:none;
	color:#000;
}
.entry-content h1 a:hover{
	text-decoration:underline;	
}
#featured-products img{
	position:absolute;	
	z-index:10;
}
#featured-products{
	height:34px;
	width:100%;
}
#right-product{
	margin-top:-10px;
}
#promotions-banner{
	position:absolute;
	z-index:5;
}
#twitter{
	margin-top:50px;
}
#promotions{
	margin-top:50px;	
}
#twitter-content{
	background-color:#fff;
	margin-right:4px;
	margin-left:11px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}
#official-blog{
	position:absolute;
	background-image:url('../images/official-blog.png');
	left:50%;
	margin-left:-552px;
	top:550px;
	width:160px;
	height:137px;
}
#older-entries{
	margin:20px;	
}
#collapse-design {
	margin-top:50px;	
}
.buy-now {
	text-decoration:none;	
}
.buy-now:hover {
	text-decoration:underline;
}

#respond h3{
	margin-left:20px;	

	font-family:Helvetica, Arial, sans-serif;
	font-size:1.125em;
	letter-spacing:-0.05em;
	
}
#comments{
	margin-left:20px;
	margin-bottom:20px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.125em;
	letter-spacing:-0.05em;	
}
.comment-meta{
	font-size:11px;
}
.comment-meta a{
	color:#000;
}
.comment-body p {
	margin-top:5px;
	font-size:14px;
}
#respond textarea {
	width:678px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	padding:2px;
}
#respond input{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;

	border:1px solid black;
}
.commentlist{
	width:600px;
	margin-left:40px;
}
#contact-email{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	color:#000;
	text-decoration:none;
}
#contact-email:hover{
	text-decoration:underline;	
}
.codearea{
	border:1px solid #777;
	font-size:11px;
	width:100%;
	height:50px;
	color:#777;
	padding:2px;
}
.codearea:hover{
	color:#000;
	border:1px solid #000;
}

/* Begin jquery boxes */
.boxgrid{ 
	width: 265px; 
	height: 270px;
	overflow: hidden; 
	position: relative; 
	background-repeat:no-repeat;
	margin-left:10px;
}
	.boxgrid a{
		color:#fff;
		text-decoration:none;
	}
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}
	.boxgrid p{ 
	    padding-top:9px;
		padding-right:20px;
		color:#fff; 
		font-family:Helvetica,Arial,sans-serif;
		text-align:right;
		font-weight:bold;
		text-transform:uppercase;
		font-size:10.5pt;
	}
	.boxgrid .price {
		color:#7df0e1;
	}
.boxcaption{ 
	position: absolute; 
	margin-left:0px;

	background: #000; 
	height: 200px; 
	width: 265px;

	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.caption .boxcaption {
	top: 220px;
	left: 0px;
}
h3 a{}

/* End jquery boxes*/
