@import url('reset.css');
@import url('default.css');

/* 
	Main CSS doc for vrse design inc. | Copyright 2009
	Created By Eli Dupuis. (http://www.elidupuis.com)
*/

/*
	Font-sizes. Browser default is 16px. Set body to 75%, which is equal to 12px and, therefore, 1em is 12px.
		9px		: 0.75em
		10px	: 0.8333em
		11px	: 0.9167em
		12px	: 1.0em
		13px	: 1.0833em
		14px	: 1.1667em
		15px	: 1.25em
		16px	: 1.3333em
		17px	: 1.4167em
		18px	: 1.5em
		19px	: 1.5833em
		20px	: 1.6667em
		21px	: 1.75em
		22px	: 1.8333em
		23px	: 1.9167em
		24px	: 2.0em
		25px	: 2.0833em
		26px	: 2.1667em
		27px	: 2.25em
		28px	: 2.3333em
		29px	: 2.4167em
		30px	: 2.5em
		31px	: 2.5833em
		32px	: 2.6667em
*/

/*
	Palette
	#c52434		pink
	#bed444		light blue
	#666		baige
*/


/*
**	=global
*****************************/
body					{ background:#1a1a1a url('../img/bg-body.jpg') repeat 0 0; color:#fff; } /*url('../img/bg-body-2.jpg') repeat center top*/

/* grid */
.wrap					{ margin:0 auto; padding:0 30px; position:relative; width:900px; }
.wrap:after				{ clear:both; content:'.'; display:block; visibility:hidden; height:0; }
.wrap					{ display:inline-block; }  /* for IE/Mac */
.wrap					{ display:block; }

p,li					{ line-height:1.5; }

p img					{ float:left; margin:0.25em 1.5em 1em 0; }

strong,b				{ color:#666; }

a						{ color:#86014f; }
a:hover					{ color:#dcdcdc; }

hr						{ border:0 dotted #86014f; border-top-width:1px; height:0; clear:both; margin:1.5em 0; }

blockquote					{ /*border:1px solid #666; border-width:1px 0;*/ margin:1.5em 1.5em 2em; padding:0; }
#main-content blockquote p	{ color:#666; font-size:1.4167em; margin-bottom:0.75em; line-height:1.333; }

/*
**	=branding
*****************************/
#branding .wrap			{ height:164px; }
#branding h1			{ margin:0; }
#logo					{ background:url('../img/logo-vrse.png') no-repeat 0 0; display:block; height:75px; text-indent:-9999em; width:220px; position:absolute; right:30px; top:21px; }
#main-testimonial		{ background-repeat:no-repeat; text-indent:-9999em; margin:0; height:80px; width:500px; position:absolute; top:30px; left:30px; }


/*
**	=nav
*****************************/
#nav					{ margin:0; position:absolute; right:30px; bottom:13px; }
#nav li					{ display:inline; }
#nav a					{ color:#fff; font-size:1.1667em; text-transform:lowercase; margin-left:2em; }
#nav a:hover			{ color:#bed444; }
#nav a.current			{ color:#bed444; }
#nav a.current:before	{ content:"["; }
#nav a.current:after	{ content:"]"; }


/*
**	=content
*****************************/

#content				{ padding-bottom:3em; }

/* =main-content */
#main-content			{ float:left; width:565px; }
.home #main-content h2,
#main-content h1		{ border-bottom:1px dotted #86014f; font-size:5em; font-style:normal; color:#fff; padding-bottom:0.25em; margin:0 0 0.5em; }
#main-content h1 a		{ color:#fff; }
#main-content h1 a:hover{ color:#dcdcdc; }
.home #main-content h3,
#main-content h2		{ color:#f4cd47; font-size:1.5em; font-style:italic; margin:1.5em 0 0.5em; }
#main-content h2 a		{ color:#f4cd47; }
#main-content h2 a:hover{ color:#dcdcdc; }

#main-content p			{ color:#fff; font-size:1.0833em; margin-bottom:1em; }


/* =sub-content */
#sub-content			{ float:right; width:275px; }
#sub-content h2			{ border-bottom:1px dashed #ccc; color:#bed444; font-size:2em; line-height:1.333; padding:0.5em 0 0.75em; }
#sub-content h2.sub		{ border-top:1px dashed #ccc; border-bottom:0; margin-top:1em; padding-top:1em; }
#sub-content h2 em		{ color:#fff; display:block; font-size:0.5em; font-style:normal; }

#sub-content p			{ color:#666; }
#sub-content li			{ color:#666; }
#sub-content img		{ margin-bottom:4px; }


#sub-content ul.grid	{ margin-top:-1em; }
.grid li				{ border-bottom:1px dashed #ccc; position:relative; padding:1em 0; min-height:89px; }
.grid li h3				{ color:#bed444; font-size:1.0833em; font-family:helvetica,arial,sans-serif; margin-bottom:0.25em; }
.grid li p				{ /*font-size:0.9167em; */line-height:1.3; }
.grid li h3,
.grid li p				{ margin-left:120px; }
.grid li img			{ position:absolute; top:1em; left:0; border:5px solid #000; }
.grid li a.more			{ position:absolute; bottom:0; right:0; background:#c52434; color:#f6edd0; font-size:0.8333em; padding:3px 6px; }
.grid li a.more:hover	{ background:#f6edd0; color:#c52434; }
.grid li a:hover img	{ border-color:#333; }


/*
**	=gallery, =main-img
*****************************/
#main-img				{ overflow:hidden; width:896px; }
#main-img,
#gallery				{ border:2px solid #000; margin-bottom:3em; }
#gallery				{ position:relative; overflow:hidden; }
#images					{ position:relative; background:#0d0d0d; }
#images .slide			{ height:425px !important; width:896px !important; }
#images .details		{ height:325px; width:265px; position:absolute; right:20px; top:55px; }
.details h2				{ border-bottom:1px dashed #fff; padding-bottom:1.5em; }
.details h2 em			{ color:#bed444; display:block; font:normal 1.833em/1.4167 georgia,serif; }
.details p				{ color:#666; }
#prev,#next				{ background:#c52434; color:#f6edd0; padding:3px 6px; position:absolute; bottom:19px; right:15px; z-index:99; }
#prev					{ right:68px; }


/*
**	=news
*****************************/
#news-list li			{ border-bottom:1px dotted #86014f; padding-bottom:1.5em; overflow:hidden; }
#news-list li.last		{ border:0; }
#news-list li:first-child h2	{ margin-top:0; }
#main-content p.meta	{ color:#666; margin-bottom:0; }
#archives li			{ margin-bottom:0.5em; }
#archives li a			{ color:#bed444; }

#content p.pagination	{ color:#666; }
#content p.pagination span	{ color:#fff; }


/*
**	=social
*****************************/
#social a				{ background:url('../img/bg-social.png') no-repeat 0 0; display:block; float:left; height:30px; width:30px; text-indent:-9999em; margin-right:8px; }
a#social-twitter		{ background-position:0 0; }
a#social-rss			{ background-position:-30px 0; }
a#social-share			{ background-position:-60px 0; }
a#social-twitter:hover	{ background-position:0 -30px; }
a#social-rss:hover		{ background-position:-30px -30px; }
a#social-share:hover	{ background-position:-60px -30px; }




/*
**	=store
*****************************/
#store li				{ padding-left:300px; position:relative; margin-bottom:0.5em; min-height:180px; }
#store li img			{ position:absolute; top:0; left:0; }
#store li p				{ color:#b4b3b3; margin-bottom:0.75em; }
#store li p.price		{ color:#bed444; }
#store li p.price em	{ font-size:1.1667em; font-style:normal; }
.lightbox-hook			{ background:#000; color:#fff; display:block; position:absolute; left:0; top:150px; height:20px; text-align:center; line-height:20px; width:20px; z-index:2; }


/*
**	=site-info
*****************************/
#site-info .wrap		{ border-top:1px dotted #777; color:#7d7c7c; font-size:0.9167em; padding-top:2em; text-transform:lowercase; }
#footer-nav				{ float:left; display:inline; margin:0 2em 0 180px; }
#footer-nav li			{ display:inline; margin-left:1em; }
#footer-nav a			{ color:#7d7c7c; }
#site-info p			{ float:left; }