/*
Theme Name: RVCA
Theme URI: http://www.rvca.com
Description: the theme of RVCA.
Version: 3.0
Author: CHANSON
Author URI: http://www.rvca.com/
Tags: grey, white, three columns
*/
html, body {
	margin: 0;
	padding: 0; }
 
body {
	background-color: #F0F0F0; /*	background:#FFFFFF url(images/stripe.png) repeat scroll 0 0; */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #7F817F; /*	background-color: #E6E6E6; */ }
 
.clear { clear: both; }
 
/* Begin Typography Style ************************************************** */
p { margin: 1em 0; }
 
a img { border: none; }
 
a {
	color: #7F817F;
	text-decoration: none; }
 
	a:hover {
		color: #000;
		text-decoration: line-through; }
 
/* Begin Structure ************************************************** */
#page {
	width: 960px;
	margin: 0 auto; }
 
#content {
	width: 470px;
	margin: 0 10px 0 0;
	float: left; }
 
#left-sidebar {
	width: 470px;
	float: left; }
 
#right-sidebar {
	width: 200px;
	float: right; }
 
#footer { width: 960px; }
 
/* Begin Header ************************************************** */
#header {
	position: relative;
	margin: 10px 0; }
 
#headerimg {
	width: 290px;
	height: 65px;
	background-color: #000000; }
 
	#headerimg h1 {
		margin: 0;
		padding: 8px 5px; }
 
		#headerimg h1 a {
			display: block;
			text-indent: -10000px;
			background: url(images/rvca_logo.jpg) no-repeat top left;
			width: 230px;
			height: 50px; }
 
#nav {
	background-color: #000;
	position: absolute;
	left: 300px;
	top: 0;
	width: 660px;
	height: 65px; }
 
.description { display: none; }
 
#nav ul {
	margin: 0 0 0 10px;
	padding: 0 0 0 15px; }
 
	#nav ul li {
		display: inline;
		line-height: 68px;
		margin: 0 20px 0 0;
		font-size: 12px;
		font-weight: bold; }
 
		#nav ul li a { color: #fff; }
 
			#nav ul li a:hover {
				color: #333;
				text-decoration: line-through; }
 
#nav a.twitter, #nav a.rss, #nav a.facebook {
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -10000px;
	top: 24px; }
 
#nav a.twitter {
	background: url(images/twitter-icon.jpg) no-repeat top left;
	left: 625px; }
 
#nav a.rss {
	background: url(images/rss-icon.jpg) no-repeat top left;
	left: 625px; }
	
#nav a.facebook {
	background: url(images/facebook-icon.jpg) no-repeat top left;
	left: 600px;
}
 
/* Begin Content ************************************************** */
.post {
	width: 440px;
	padding: 15px;
	margin: 0 0 30px;
	background-color: #FFF;
	position: relative; }
 
.featured .post {
	width: 720px;
}

h2.post-title, h3.post-title, h2.widgettitle, .featured .post h2 {
	margin: 0 0 10px;
	padding: 0 0 5px;
	color: #fff;
	border-bottom: 1px dotted #7F847F; }

h2.categorytitle {
	margin: 0 0 10px;
	padding: 15px 0 0 15px;
	color: #fff;
	border-bottom: 1px dotted #7F847F;
	background-color: #141414; }
 
h2.post-title { font-size: 24px; }
 
.post ul {
	margin: 0;
	padding: 0;
	list-style: none; }
 
.entry-content {
	background-color: #FFF;
	border-bottom: 1px dotted #7F847F;
	padding: 0;
	margin: 10px 0; }
 
	.entry-content p {
		color: #7F817F;
		padding: 0 0 5px;
		margin: 0; }

.entry-content a {
	color: #000;
	text-decoration: line-through; }
 
.post a.scrollTarget {
	background: #FFFFFF url(images/up-arrow.jpg) no-repeat scroll 5px 4px;
	color: #BBBBBB;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0px;
	text-indent: -10000px;
	bottom: -18px;
	width: 20px; }
ul.postmetadata {
	background-color: #FFF;
	padding: 0; }
li.link {
	margin: 0 0 10px;
	padding: 5px;
	background-color: #141414; }
 
	li.link a {
		color: #FFF;
		font-size: 13px;
		font-style: italic;
		font-weight: bold; }
 
		li.link a:hover {
			color: #FFF;
			text-decoration: line-through; }
 
li.category {
	padding: 0;
	color: #7F817F;
	font-size: 12px; }
 
	li.category a {
		color: #333;
		font-style: italic; }
 
li.tags {
	padding: 0;
	color: #7F817F; }
 
li.comments a {
	left: -19px;
	top: 52px;
	position: absolute;
	padding: 1px 7px;
	background-color: #FFF;
	color: #aaa; /*	font-weight: bold; */
	font-size: 0.8em; }
 
.navigation {
	height: 15px;
	margin: 0 0 15px;
	}
 
.archive-page .navigation {
	float: left;
} 
.widecolumn .navigation {
	height: 15px;
	margin: 0 0 33px; }
 
.navigation .alignleft, .navigation .alignright { margin: 20px 0 0; }
 
.alignleft { float: left; }
 
.alignright { float: right; }
 
.alignleft, .alignright {
	background: #fff;
	position: relative;
	z-index: 100;
	margin: 20px 0 30px; }
 
p.sharing {
	margin: 10px 0 -5px;
	padding: 10px 0 0;
	border-top: 1px dotted #7F847F;
	text-align: left;
	color: #CCC; }
 
	p.sharing a { color: #CCC; }
 
/* Begin Sidebars ************************************************** */
/*
#left-sidebar {
	background-color: #FFF;
} */
#left-sidebar ul, #right-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0px; }
 
#left-sidebar ul li.widget {
	margin: 0 0 10px;
	background-color: #141414;
	padding: 15px;
	width: 450px; }
 
h3.widgettitle, h3.widgettitle a {
	margin: 0;
	font-family: Helvetica, Arial, sans-serif; }
 
#right-sidebar ul li.widget {
	background-color: #FFF;
	padding: 15px !important;
	margin: 0 0 10px; }
 
.textwidget p { margin: 0; }
 
li.widget ul { margin: 15px 0 0 !important; }
 
li.widget h3 a:hover { text-decoration: none; }
 
/* Begin Footer ************************************************** */
#footer {
	padding: 15px;
	margin: 30px 0;
	background: #fff;
	position: relative; 
	height: 70px;
}
 
	#footer p.credits, #footer p.copyright {
		color: #7F817F;
		margin: 0 0 10px;
		padding: 0; 
		position: absolute;
		top: 60px;	
	}
 
	#footer p.credits a { color: #7F817F; }

.footer-social {
	height: 24px;
	margin: 0;
}
	
.footer-social a.twitter, .footer-social a.rss, .footer-social a.facebook {
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -10000px;
	top: 24px; 
}
 
.footer-social a.twitter {
	background: url(images/vimco-icon.jpg) no-repeat top left;
	left: 920px; }
 
.footer-social a.rss {
	background: url(images/rss-icon.jpg) no-repeat top left;
	left: 950px; }
	
.footer-social a.facebook {
	background: url(images/facebook-icon.jpg) no-repeat top left;
	left: 895px;
}

.footer-logo {
	background: url(images/footer-logo.jpg) no-repeat top left;
	height: 50px;
	width: 538px;
	position: absolute;
	top: 10px;
	left: 3px;
}


/* Begin Homepage Relative Post ************************************************** */
.related-posts-imges {
	background-color: #FFF;
	float: right;
	margin: 0 0 30px;
	padding-top: 15px;
	position: relative; }
 
	.related-posts-imges p {
		color: #CCC;
		margin: 0 0 15px 0; }
 
	.related-posts-imges span {
		border-bottom: 1px dotted #333;
		color: #333;
		display: block;
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 15px 15px;
		padding: 0 0 7px; }
 
	.related-posts-imges ul {
		margin: 10px 0 0 0;
		padding: 0 0 10px 15px;
		width: 475px; }
 
		.related-posts-imges ul li {
			float: left;
			margin: 0 17px 10px 0;
			list-style: none; }
 
			.related-posts-imges ul li a img { border: 1px solid #3C3C3C; }
 
			.related-posts-imges ul li a:hover img { border: 1px solid #ec008c; }

 
/* Begin Similar Posts ************************************************** */
.similar-post { width: 430px; }
 
ul.similar-list {
	margin: 0;
	padding: 0;
	list-style: none; }
 
.similar-post h3 {
	margin: 10px 0 15px;
	color: #333; }
 
.similar-post ul.similar-list li { margin: 0 0 10px; }
 
.similar-post ul.similar-list li {
	padding: 15px;
	background: #fff;
	width: 400px; }
 
	.similar-post ul.similar-list li .similar-image {
		background: #FFFFFF none repeat scroll 0 0;
		float: left;
		height: 100px;
		margin: 0 20px 0 0;
		overflow: hidden;
		width: 100px; }
 
	.similar-post ul.similar-list li .similar-info {
		width: 275px;
		float: left; }
 
		.similar-post ul.similar-list li .similar-info h4 {
			border-bottom: 1px dotted #141414;
			font-size: 16px;
			margin: 0 0 10px; }
 
			.similar-post ul.similar-list li .similar-info h4 a {
				text-decoration: none;
				color: #141414; }
 
		.similar-post ul.similar-list li .similar-info p a {
			color: #646464;
			text-decoration: none; }
 
		.similar-post ul.similar-list li .similar-info p { margin: 0; }
 
/* Begin Paginator ************************************************** */
.paginator {
	margin: 10px 0 !important;
	width: 430px !important; }
 
.paginator_pages { margin: 0 !important; }
 
body.archive #paginator { display: none; }
 
/* Begin Featured Content Widget ************************************************** */
.feat-text { padding: 10px 0; }
 
	.feat-text p {
		line-height: 17px;
		margin: 0;
		color: #F0F0F0; }

	.feat-texted p {
		line-height: 17px;
		margin: 0;
		color: #F0F0F0; }


 
.feat-text a { color: #fff; }
 
	.feat-link a:hover {
		color: #F0F0F0;
		text-decoration: line-through; }
 
/* Begin Search Widget ************************************************** */
label.screen-reader-text { display: none; }
 
#s {
	background-color: #141414;
	border: 1px solid #3c3c3c;
	width: 140px;
	font-size: 11px;
	font-style: italic;
	color: #969696;
	padding-top: 2px;
	padding-bottom: 2px; /*	margin-top: 5px; */ }
 
#searchsubmit {
	background: transparent url(images/link_a.gif) no-repeat 10px 2px;
	width: 20px;
	border: none;
	text-indent: -1000px;
	cursor: pointer; }
 
/* Begin Search Page and 404 Error Page ************************************************** */
.search-page, .404-page { width: 750px !important; }
 
.search-page .post, .404-page .post { width: auto !important; }
 
.search-page h2.center, .404-page h2.center {
	color: #444444;
	font-size: 60px;
	letter-spacing: -3px;
	line-height: 60px;
	margin: 0; }
 
.search-results #paginator { display: none; }
 
/* Begin Archive Page ************************************************** */
.archive #page .archive-page {
	width: 750px;
	margin: 0;
	position: relative; }
 
	.archive #page .archive-page h2.pagetitle, .search-results #page #content h2.pagetitle {
		background: #fff;
		padding: 17px 15px 7px;
		margin: 0 0 10px 0 !important;
		border: none; }
 
	.archive #page .archive-page .post h3 a { color: #333; }
 
	.archive #page .archive-page .post {
		width: 340px;
		margin: 0 0 10px; }
 
		.archive #page .archive-page .post.even { float: left; }
 
		.archive #page .archive-page .post.odd {
			float: right;
			margin: 0 0 10px 0; }
 
	.archive #page .archive-page h2.post-title { margin: 10px 0 16px; }
 
	.archive #page .archive-page .post h3 { padding: 0; }
 
		.archive #page .archive-page .post h3 a:hover { text-decoration: none; }
 
	.archive #page .archive-page a.scrollTarget {
		background: #FFFFFF url(images/up-arrow.jpg) no-repeat scroll 5px 4px;
		color: #BBBBBB;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 0px;
		text-indent: -10000px;
		bottom: 22px;
		width: 20px; }
 
.archive #page .paginator, .search-results #page .paginator { width: 750px !important; }
 
/* Begin Search Page ************************************************** */
.search-results #page #content { width: 750px; }
 
	.search-results #page #content .post {
		width: auto;
		margin: 0 0 10px 0; }
 
		.search-results #page #content .post .entry { background: #fff; }
 
			.search-results #page #content .post .entry img {
				float: left;
				margin: 0 15px 0 0; }
 
		.search-results #page #content .post .postmetadata {
			float: left;
			padding: 0 15px 10px;
			width: 525px; }
 
			.search-results #page #content .post .postmetadata h3 {
				font-size: 16px;
				padding: 10px 0 0;
				margin: 0 0 10px;
				padding: 0 0 5px;
				color: #fff;
				border-bottom: 1px dotted #7F847F; }
 
				.search-results #page #content .post .postmetadata h3 a { color: #000; }
 
/* Begin Archive & Categories Widget ************************************************** */
li.widget_archive ul { display: none; }
 
li.widget_categories ul { display: none; }
 
li.widget_categories h3 a, li.widget_archive h3 a {
	background: url(images/down-arrow.jpg) no-repeat right 5px;
	display: block; }
 
/* Begin Comments ************************************************** */
#respond h3 { color: #333; }
 
#commentform input[type=text], #commentform textarea {
	border: 1px solid #CCC;
	padding: 5px;
	margin: 0 10px 0 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px; }
 
#commentform input[type=text] { width: 200px; }
 
#commentform textarea { width: 420px; }
 
#commentform label { font-size: 12px; }
 
.post-comments-list .navigation { display: none; }
 
.commentlist {
	padding: 10px 20px 30px 30px;
	background: #FFF; }
 
	.commentlist li {
		border-bottom: 1px dotted #141414;
		padding: 10px 0 0; }
 
.comment-author, .comment-author cite a { color: #333; }
 
h3#comments { color: #141414; }
 
#submit {
	background-color: #FFF;
	border: 1px solid #CCCCCC;
	color: #141414;
	cursor: pointer;
	margin: 10px 0 0;
	padding: 7px 5px; }
 
.post-comments-list { margin: 50px 0 0; }
 
#respond { margin: 25px 0 0; }
 
/* Begin Submit Form ************************************************** */
.submit-content { background: url(images/submit-here.png) no-repeat top left; }
 
#top-sidebar {
	background: #141414;
	padding: 10px 30px 20px;
	margin: 0 0 10px;
	display: none;
	position: relative; }
 
	#top-sidebar p { color: #666; }
 
	#top-sidebar .widget {
		float: right;
		width: 495px;
		position: absolute;
		right: 10px;
		top: 30px; }
 
.submit-content {
	float: left;
	width: 400px;
	height: 300px; }
 
div.widgetcform { position: relative; }
 
div.cf_info {
	position: absolute;
	top: 257px;
	left: 180px;
	color: #EB088D; }
 
form.cform fieldset {
	margin: 0;
	padding: 0;
	border: none; }
 
	form.cform fieldset legend { display: none; }
 
	form.cform fieldset ol.cf-ol {
		list-style: none;
		margin: 0;
		padding: 0; }
 
		form.cform fieldset ol.cf-ol li label { display: block; }
 
		form.cform fieldset ol.cf-ol li {
			width: 240px;
			float: left;
			margin: 0 0 10px; }
 
			form.cform fieldset ol.cf-ol li input {
				width: 213px;
				padding: 5px;
				border: 1px solid #444; }
 
				form.cform fieldset ol.cf-ol li input:focus, form.cform fieldset ol.cf-ol li textarea:focus { border: 1px solid #999; }
 
			form.cform fieldset ol.cf-ol li textarea {
				width: 453px;
				height: 100px;
				padding: 5px;
				border: 1px solid #444; }
 
			form.cform fieldset ol.cf-ol li textarea, form.cform fieldset ol.cf-ol li input {
				font-family: Helvetica, Arial, sans-serif;
				font-size: 12px; }
 
p.cf-sb {
	margin: 0;
	padding: 0; }
 
#sendbutton {
	background: #FFF;
	border: medium none;
	color: #333;
	cursor: pointer;
	padding: 5px 0;
	width: 70px; }
 
div.widgetcform h3, span.reqtxt, span.emailreqtxt, p.linklove { display: none; }
 
/* Begin About Us ************************************************** */
#about-page {
	display: none;
	background: #141414;
	padding: 30px 30px 20px;
	margin: 0 0 10px; }
 
	#about-page h2 { display: none; }
 
.about-title {
	background: url(images/abbbout.png) no-repeat 0px -15px;
	width: 425px;
	height: 200px;
	float: left; }
 
#about-page a { color: #EC008C; }
 
 /************************************************
*	HOME PAGE  									*
************************************************/
.bigthumb {
	position: relative;
	float: left;
	width: 106px;
	height: 99px;
	display: inline;
	margin: 0px;
	padding: 3px;
	}
.thumb {
	position: relative;
	float: left;
	width: 223px;
	height: 150px;
        background: #141414;
	display: inline;
	margin: 0px;
	}
.bigthumb img {
	width: 106px;
	height: 99px;
	margin-bottom: 5px;
	float: left;
	}	
.bigthumb a img {
	border: 2px solid #fff;
	}
.bigthumb a:hover img {
	border: 2px solid #7F817F;
	}
.thumb img {
	width: 223px;
	height: 150px;
	margin-bottom: 10px;
	float: left;
	}	
.thumb a img {
	border: 2px solid #fff;
	}	
.thumb a:hover img {
	border: 2px solid #7F817F;
	}
.title {
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-decoration:none;
	color:#666666;
	background:#fff;
	padding: 2px 5px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	font-size:11px;
	font-style:italic;
	line-height:1em;
	}

.bigtitle {
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-decoration:none;
	color:#666666;
	background:#fff;
	padding: 2px 5px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	font-size:12px;
	font-style:italic;
	line-height:1em;
	}

.bigthumb .title { display: none; }
.bigthumb:hover .title { display: block; }
.thumb .bigtitle { display: none; }
.thumb:hover .bigtitle { display: block; }

.anpthumb {width:450px;height:300px;margin:0px 0px 10px 0px;background-image:url("http://localhost:8888/RVCA/images/anp_hover.jpg");}
.anpthumb a, .mainthumb a:link, .mainthumb a:visited {display:block;}
.anpthumb img {width:100%;height:100%;border:0;}
.anpthumb a:hover img {visibility:hidden;}

.skatethumb {width:450px;height:300px;margin:0px 0px 10px 0px;background-image:url("http://localhost:8888/RVCA/images/skate_hover.jpg");}
.skatethumb a, .mainthumb a:link, .mainthumb a:visited {display:block;}
.skatethumb img {width:100%;height:100%;border:0;}
.skatethumb a:hover img {visibility:hidden;}

.surfthumb {width:450px;height:300px;margin:0px 0px 10px 0px;background-image:url("http://localhost:8888/RVCA/images/surf_hover.jpg");}
.surfthumb a, .mainthumb a:link, .mainthumb a:visited {display:block;}
.surfthumb img {width:100%;height:100%;border:0;}
.surfthumb a:hover img {visibility:hidden;}

.vathumb {width:450px;height:300px;margin:0px 0px 10px 0px;background-image:url("http://localhost:8888/RVCA/images/vasport_hover.jpg");}
.vathumb a, .mainthumb a:link, .mainthumb a:visited {display:block;}
.vathumb img {width:100%;height:100%;border:0;}
.vathumb a:hover img {visibility:hidden;}

.shopthumb {width:450px;height:300px;margin:0px 0px 10px 0px;background-image:url("http://localhost:8888/RVCA/images/retail_hover.jpg");}
.shopthumb a, .mainthumb a:link, .mainthumb a:visited {display:block;}
.shopthumb img {width:100%;height:100%;border:0;}
.shopthumb a:hover img {visibility:hidden;}