/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
@charset "UTF-8";
/* CSS Document */
* { padding:0px; margin:0px; text-align:left; }
/*html{overflow: -moz-scrollbars-vertical;}*/
html, body {}
body {font-size: 62.5%; /* Resets 1em to 10px */ font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background: #fff; color: #333;}
a {color:#0f0f0f; text-decoration:none;}
a:hover {color:#C71D46;}
a:active {outline: none;}
:focus{ -moz-outline-style: none;}
img {border:0px;}


#page {width:100%; margin:auto; max-width:1680px; min-width:920px;  width: expression(this.scrollWidth <= "100" ? "920" : "100%");height: expression(this.scrollHeight <= "100" ? "100%" : "100%");}

#wrapAll {top:0px;overflow:hidden;width:100%; margin:auto; max-width:1680px;min-width:920px;  width: expression(this.scrollWidth <= "100" ? "920" : "100%");height: expression(this.scrollHeight <= "100" ? "100%" : "100%"); }
#wrapAll ul, #page ul { margin: 0; padding:0; width: 1680px; position: relative; top: 0; left: 0;}                      
#wrapAll ul li, #page ul li {list-style:none; float:left;  margin-right: 0px;/*column*/}

div.menu {float: left; width:850px}

#navHome {position: absolute; z-index:100; top:260px;left: 50%; width: 800px; margin-left: -200px; }
.logo {width:402px; height: 146px; left:25%; top: 180px;  position:absolute;  z-index: 100; margin-left: -200px}
.logo_top {width:200px; height: 146px; float:left; margin: 10px 0 0 40px}

#navHome ul.navi, #navProducts {float:left; width: 500px; font:1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform: uppercase; letter-spacing:.1em}
ul.navi li {margin-left:20px; /*float:none*/}
ul.navi li  {color: #0f0f0f}


#navProducts {float:right; width: 450px; margin: 0; padding-top: 100px}
#navProducts ul.navi li { font-size: .8em; }

.shoppingCart {width:250px; font-size: 1.2em;color: #0f0f0f; float:right; }

/*------------------------------*/

.cosmeticBag_thumb {width:180px;height:180px; overflow:hidden; margin:0; padding:0}
.cosmeticBag_thumb:hover .homeText  {visibility:visible;}

.projectItem {padding:0; margin-right:20px;}
.homeText {height:180px;width:180px;position:absolute;visibility:hidden; text-align: center; margin-top: 20px; padding: 0 5px}
 
.homeText p, .homeText h3, .homeText {color:#0f0f0f;}
.homeText span.homeTitle {font-size: 1.5em; padding:0; text-transform: uppercase; text-align: center}
.homeText h3 {font-size:1.1em;line-height:1.8em; padding: 20px 0; text-align:center}
.homeText p {font-size:1.1em; letter-spacing:.1em;float:right; padding: 7px 8px 0 0; margin:0}
.homeText a {letter-spacing: normal}

.homeTeaser {height:235px;}
 .homeTeaser img.projectThumbnail{width:185px;height:auto;}
 .homeTeaser span.homeTitle {text-transform: uppercase;  padding-top:10px; background:#000; color:#fff}
 .homeTeaser p {font-size:.75em}

.storesText p, .storesText h3, .storesText {color:#0f0f0f;}
.storesText span.storesTitle {font-size: 1.25em; padding:0; text-align: center}
.storesText h3 {font-size:1.1em;line-height:1.8em; padding: 0; text-align:center; text-transform: uppercase}
.homeText p {font-size:1.1em; letter-spacing:.1em;float:right; padding: 7px 8px 0 0; margin:0}

.pic_designer {float:left; padding-right: 100px}


h2 {text-transform: uppercase; padding: 0 0 15px 45px; float:left}

#content {
margin: 0 auto;
font-size:1.3em;
	padding: 0;
	width: 1190px;
	text-align: left;
	overflow:hidden;	
	}

.mycolumn, .mycolumnPage, .mycolumnAbout, .mycolumnContact {
	background: #fff;
	float: left;
	padding: 30px 10px 0 0;
	margin-bottom: 30px;
	width: 850px;
	font-size: .8em;
}


.mycolumnPage {width: 680px; padding-left: 160px; font-size: 1em}
.mycolumnAbout {width: 800px; padding-left: 80px}
.mycolumnAbout p {font-size:1.25em; padding-bottom: 10px}
.mycolumnContact {width: 870px}
.mycolumnContact p{float: right; font-size:1.25em}

#sidebar {
	float: right;
	width: 200px;
	color:#0f0f0f;
padding-top:100px	}
	

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}

.widecolumn {
	float: left;
	padding-top: 50px ;
	margin: 0;
	width: 500px;
	}
	


.widecolumn .entry p {
	font-size: 1.05em;
	}
	
 .entry p {
	font-size: 1.05em;
	}


.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
	



#sidebar form {
	margin: 0;
	}















.post {
	margin: 30px 0 0 -120px; padding:0; 
	text-align: justify; 
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}

.clear {
	clear: both;
}




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */





/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

ul.stores {font-size:1.25em; float:left; clear: left }
li.storeName {display: inline; float: left;  text-transform:uppercase; padding-right: 50px; text-align: center; width: 150px}
ul.stores li ol  { width: 150px}
ul.stores li ol li { width: 150px;display: block; float: none; list-style: circle; text-transform:none; text-align: center}