/*
Theme Name: Orquidea
Theme URI: http://sixsix8.com
Description: Wordpresss theme for Orquideafashion.com
Version: 1.0
Author: S.Preston
Author URI: http://sixsix8.com
Tags: sixsix8
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

p { font-size:12px; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; line-height:18px; margin-bottom:2em;}
h3 { width:170px; font-size:16px;}

body { background:url(images/bg.jpg) no-repeat top center #7e7593; font-size:12px; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;}
#wrap { margin:0 auto; width:960px;}
#header { height:125px; width:960px; text-align:center; position:relative}
#main {background:url(images/wrapper_bg.jpg) no-repeat top center; width:960px; height:491px;}
#leftside { width:170px; height:474px; display:block; float:left; position:relative}
#content { width:340px; height:474px;background:url(images/content_bg.jpg) no-repeat top right #fff; display:block; float: left;}
#rightside { width:450px; height:474px; display:block; float:left}
#footer { clear:both; height:190px; width:960px;}

/*-- HEADER --*/
#header h1 a{width:200px; height:110px; display:block; background:url(images/orquidea_logo.jpg) no-repeat top left; text-indent:-10000px; outline:none; margin:0 auto;}

#great_finds {position:absolute; right:0; top:117px;}

.mainnav { width:960px; height:26px; background:url(images/topnav_bg.jpg) no-repeat;}
* html .mainnav {width:960px; w\idth:959px;}
.mainnav ul { margin-left:210px;}
.mainnav li.page_item { display:block; float:left;}
.mainnav li.page_item a span{ display:none;}
.mainnav li a{ height:26px; display: block; outline:none; text-indent:-10000px;}
* html .mainnav a, * html .mainnav a:visited {height:26px; h\eight:26px;}

.mainnav li.page-item-12 a { background:url(images/topnav_bg.jpg) no-repeat; height:26px; width:65px; background-position: -205px 0;}
.mainnav li.page-item-15 a { background:url(images/topnav_bg.jpg) no-repeat; height:26px; width:117px; background-position: -272px 0;}
.mainnav li.page-item-25 a { background:url(images/topnav_bg.jpg) no-repeat; height:26px; width:114px; background-position: -392px 0;}
.mainnav li.page-item-34 a { background:url(images/topnav_bg.jpg) no-repeat; height:26px; width:72px; background-position: -509px 0;}
.mainnav li.page-item-6 a { background:url(images/topnav_bg.jpg) no-repeat; height:26px; width:70px; background-position: -583px 0;}
.mainnav li.page-item-21 a { background:url(images/topnav_bg.jpg) no-repeat; height:26px; width:84px; background-position: -655px 0;}

.mainnav li.page-item-12 a:hover { background:url(images/topnav_bg.jpg) no-repeat; height:26px; width:65px; background-position: -205px -26px;}
.mainnav li.page-item-15 a:hover { background:url(images/topnav_bg.jpg) no-repeat; height:26px; width:117px; background-position: -272px -26px;}
.mainnav li.page-item-25 a:hover { background:url(images/topnav_bg.jpg) no-repeat; height:26px; width:114px; background-position: -392px -26px;}
.mainnav li.page-item-34 a:hover { background:url(images/topnav_bg.jpg) no-repeat; height:26px; width:72px; background-position: -509px -26px;}
.mainnav li.page-item-6 a:hover { background:url(images/topnav_bg.jpg) no-repeat; height:26px; width:70px; background-position: -583px -26px;}
.mainnav li.page-item-21 a:hover { background:url(images/topnav_bg.jpg) no-repeat; height:26px; width:84px; background-position: -655px -26px;}

/*-- PAGES --*/

div#leftside_home { width:250px; height:474px; display:block; float:left; position:relative; z-index:1000;}
div#content_home { width:710px; height:474px; display:block; float:right; position:relative;}
div#content_collections { width:790px; height:470px; display:block; float:right; position:relative; background:url(images/content_bg.jpg) no-repeat top right #fff;}
	div#collectionalbums {margin:10px auto; width:650px;}
	ul.thumbalbum { width:100%;}
	ul.thumbalbum li { margin:10px; width:300px; height:100px; float:left; border:2px solid #fff}

/**LEFT**/
div#floatlogo {position:absolute; left:90px; top:170px; z-index:1000;}
div#pageorquidea {position:absolute; top:80px; left:10px; width:191px;}
div.post h2 { margin-bottom:16px;}
div#submenu { position:absolute; top:325px; left:10px}
	div#submenu li { margin-bottom:4px; }
	div#submenu a { color:#aaa; text-decoration:none; padding-left:10px;}
	div#submenu a:hover, div#submenu{ color:#ccc }


div#floatlogo_home {position:absolute; left:180px; top:170px; z-index:1000;}
div#pagewelcome {position:absolute; top:80px; left:25px; width:191px;}

/**RIGHT**/
div.pageimg_the-store {background:url(images/pageimg_Collections.jpg) no-repeat top right;}
div.pageimg_around-west-vancouver {background:url(images/pageimg_westvan.jpg) no-repeat top right;}
div.pageimg_our-philosophy {background:url(images/pageimg_our-philosophy.jpg) no-repeat top right;}
div.pageimg_maureen-westwick {background:url(images/pageimg_maureen.jpg) no-repeat top right;}
div.pageimg_contact {background:url(images/pageimg_contact.jpg) no-repeat top right;}
div.pageimg_sunday-brunch-with-the-girls {background:url(images/pageimg_sunday-brunch-with-the-girls.jpg) no-repeat top right;}

	div.scrollholder { position: relative; width:300px; margin:10px 5px 10px 20px; height:454px;
		overflow: auto; z-index: 1; 
		scrollbar-3dlight-color:#0d1300;scrollbar-arrow-color:#999999;scrollbar-darkshadow-color:#0d1300;scrollbar-face-color:#0d1300;scrollbar-highlight-color:#999999;scrollbar-shadow-color:#999999;scrollbar-track-color:#0d1300;}
	div.scroll { position: absolute; left: 0; top: 0; width: 95%; z-index: 2; }
	/* <Scroll> */
	div.track { position: relative; float:right; top: 0; width: 11px; height: 99%; font-size: 0; z-index: 3; background:url(images/scroll_bg.png) #fff; border:1px solid #ccc;}
	div.drag_bar { position: absolute; width: 100%; height: 5px; cursor: pointer; z-index: 4; background: yellow; background:url(images/scrollbar_bg.png) #000 center;}  

/* promo scroll */
	div.promopost { padding:10px; border:1px solid #ccc; margin-left:20px; margin-bottom:10px;}
	div.scrollholder { position: relative; width:300px; margin:10px 5px 10px 20px; height:400px;
		overflow: auto; z-index: 1; 
		scrollbar-3dlight-color:#0d1300;scrollbar-arrow-color:#999999;scrollbar-darkshadow-color:#0d1300;scrollbar-face-color:#0d1300;scrollbar-highlight-color:#999999;scrollbar-shadow-color:#999999;scrollbar-track-color:#0d1300;}
	div.scrollholderp { position: relative; width:700px; margin:10px 5px 10px 20px; height:400px;
		overflow: auto; z-index: 1; 
		scrollbar-3dlight-color:#0d1300;scrollbar-arrow-color:#999999;scrollbar-darkshadow-color:#0d1300;scrollbar-face-color:#0d1300;scrollbar-highlight-color:#999999;scrollbar-shadow-color:#999999;scrollbar-track-color:#0d1300;}

	div.track { position: relative; float:right; top: 0; width: 11px; height: 99%; font-size: 0; z-index: 3; background:url(images/scroll_bg.png) #fff; border:1px solid #ccc;}
	div.drag_bar { position: absolute; width: 100%; height: 5px; cursor: pointer; z-index: 4; background: yellow; background:url(images/scrollbar_bg.png) #000 center;}  


/**FOOTER**/
div#prefooter { margin: 20px auto; width:478px; height:20px;}
div#footercontainer {margin-top:35px; width:860px; margin-left:100px;}
div.footerbox { float:left; width:170px; border-left:1px solid #333; color:#333; font-size:10px;}
div.footerbox h4 {padding-left:10px; margin-bottom:8px; font-weight:bold}
div.footerbox p,div.footerbox li {padding-left:12px; color:#333; font-size:11px; line-height:1.25em; margin-bottom:0}
div.footerbox li { float:left; padding-right:12px;}
div.footerbox li.page-item-12,
div.footerbox li.page-item-25,
div.footerbox li.page-item-6 { } 
div.footerbox a { color:#333; text-decoration:none;}
div.footerbox a:hover { text-decoration:underline;}
div#copyright { margin:50px auto 0 auto; clear:both; font-size:10px; color:#333; width:300px;}

div.wpcf7 { background-color:#CCC; width:95%; overflow:hidden}
div.wpcf7 input { width:225px; border:none; padding:2px; margin:0 auto;}
div.wpcf7 textarea {width:235px; height:100px; border:none; margin-bottom:5px;}
div.wpcf7 p { margin:0 0 0 15px; color:#333; font-size:11px;}
div.wpcf7 p.submit input { width:235px; margin-bottom:10px;}
div.wpcf7-response-output {	margin: 2em 0.5em 1em; padding: 0.2em 1em; }