@charset "UTF-8";
/* CSS Document */


body{
	background: url(../images/back_grad.jpg) #000 center repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	font-size:12px;
	line-height:16px;
}
p, h1, h2 ,h3, h4, h5{
	text-transform: lowercase;
}

a{
	color:#823630;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

#masthead{
	background:url(../images/bauhaus_header.jpg) top no-repeat;
	height:185px;
}

#masthead h1{
	text-indent:-9999px;
	overflow:hidden;
}

#outerWrapper{
	background:url(../images/bg_left_sidebar.jpg) 1px repeat-y;
}

#outerWrapper2{
	background:url(../images/bg_right_sidebar.jpg) 1px repeat-y;
}
#outerWrapper3{
	background:url(../images/bg_left_small_sidebar.jpg) 1px repeat-y;
}

#navWrapperBulletin{
	position:relative;
}
#blog #wrapper, #shop #wrapper{
	position:relative;
	background:url(../images/gropius.jpg) no-repeat bottom right;
}

body#bulletin{
	/*background:url(../images/bg_board.jpg) no-repeat top center #000000 !important;*/
	background:#000000;
}


/****nav******/

#nav{
	background:url(../images/nav_bg.png) repeat-x;
	padding-left:238px;
	width:702px;
	/*height:26px;*/
}	

#nav ul{
	margin:0px 0px 16px;
}

#nav ul li{
	float:left;
	padding-top:6px;
	padding-bottom:4px;
}

#nav ul li a{
	font-size:18px;
	text-transform:uppercase;
	color:#b7b7b6;
	text-decoration:none;
	padding: 4px 35px 4px 20px;
}

#nav ul li a:hover, #home #aboutLink, #blog #blogLink, #shop #shopLink, #bulletin #bulletinLink{
	background:#231F20 url(../images/nav_square.png) no-repeat 95% 55%;
	color:#FFF;
}

h2.pageTitle{
	color:#231f20;
	font-size:30px;
	margin:12px 0 17px;
}

#shop h2.pageTitle{
	margin-bottom:8px;
}
	




/********left side*********/

#leftSide{
	background: url(../images/bg_left_sidebar_lines.jpg) no-repeat top;
	margin-left:0px;
	padding-left:10px;
}

#rightSide{
	background: url(../images/bg_right_sidebar_lines.jpg) no-repeat top right;
}



#linkList{
	margin-top:30px;
	padding-right:15px;
}	

dl{
	margin-bottom:30px;
	padding-bottom:10px;
	
}

dt{
	font-size:14px;
	font-weight:bold;
	padding-bottom:8px;
	letter-spacing:-.05em;
	background:url(../images/list_bg_top.png) bottom left	 no-repeat;
}

dd{
	background: url(../images/list_bg.png) repeat-y;
	padding-right:5px;
}


dd.last{
	padding-bottom:10px;
}	

dd, dd a{
	color:#b7b6b6;
	text-align:right;
}

#leftSide dd a:hover{
	color:#FFF;
}


/*********main*********/
#home #main{
	background:url(../images/shadow_bg.png) 0px 340px repeat-x;
	margin-left:7px;
	width:753px;
	padding-bottom:30px;
}

#mainText{
	background:url(../images/circle_main.jpg) 553px 0px no-repeat;
	padding-bottom:35px;
}

#gallery{
	background:url(../images/brushed_bg.jpg);
	position:relative;
	height:340px;
}


#gallery img{
	width:722px;
	height:310px;
	margin:15px;
	position:absolute;
	border:1px solid #777777;
	background:#777777;
}

#mainText h3{
	color:#424242;
	font-size:30px;
	margin-top:30px;
	margin-bottom:8px;
}
/********blog*********/

#blog #main, #shop #main{
	background:url(../images/circle_blog.jpg) top left no-repeat;
}

#blog #rightSide, #shop #rightSide{
	margin-bottom:280px;
	padding-bottom:30px;
}

.byline{
	color:#5b5a5a;
	font-size:10px;
	margin-top:30px;
	float:left;
}
.post{
	border-bottom:1px solid #6a665a;
	padding-bottom:20px;
	margin-bottom:38px;
}

.post p {
	margin-bottom:1em;
}

.postHead, .postHead a{
	font-size:21px;
	color:#424242;
	text-decoration:none;
	margin-bottom:18px;
}

.postHead a:hover{
	text-decoration:underline;
}

.postPic{
	background:#eeede7;
	text-align:center;
}

.postDetailPic img{
	border:5px solid #eeede7;
	margin:10px auto;
}

.postPic img{
	width:200px;
	margin:8px auto;
}

.postText{
	float:left;
}

#gropius{
	background:url(../images/gropius.jpg) no-repeat;
	position:absolute;
	bottom:0px;
	right:0px;
	width:187px;
	height:279px;
}


.bookmarkBtn{
	float:right;
	display:inline;
	margin-top:28px;
}

.backLink{
	float:right;
	margin-top:10px;
}
/************shop************/

.viewBtn{
	padding:20px 0px 0px 0px;
}



.productBox{
	border-bottom:1px solid #69685e;
	padding-bottom:20px;
	margin-bottom:35px;
}


.productBox select{
	float:left;
}
.productBox table{
	float:left;
	margin-right:20px
}

.productBox a:hover img{
	border:10px solid #823630;
	border-bottom:0;
}

.productBox a{
	text-decoration:none;
}

.productBox a:hover h3{
	background:#823630;
	color:#eeede7;
}

img.productImg {
	width:200px;
	height:200px;
	border:10px solid #eeede7;
	border-bottom:0;
}

img.descripImg{
	border:5px solid #823630;
	width:300px;
	height:300px;
	margin:10px;
}

.productDescription p{
	margin-left:10px;
	margin-bottom:20px;
}

#shop #main

.disclaimer{
	background:#000000;
	color:#FFFFFF;
	float:left;
	font-size:10px;
	padding-right:40px;
	padding-left:2px;
	margin-bottom:12px;
}

.productName{
	background: #DEDEDE;
	padding-bottom:4px;
	padding-top:4px;
	font-size:14px;
	color:#231F20;
	padding-left:10px;
	font-weight:normal;
}

p.price{
	float:left;
	margin-bottom:8px;
}


div.productDescription{
	position:absolute;
	top:10%;
	left:35%;
	width:330px;
	background:#eeede7;
	z-index:3;
	border:1px solid #333;
}



a.productClose{
	display:block;
	background:#666666;
	color:#eeede7;
	padding:3px 5px;
	margin-top:15px;
	text-align:right;
}

.productDescription .productName{
	background:#666666;
	padding: 5px 10px;
	color:#eeede7;
	font-size:21px;
}

.productDescription p.price, .productDescription td{
	color:#823630;
	font-size:18px;
}

.buyBtn{
	float:right;
	margin-right:8px;
}	

#overlay{
	background:black;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
}

/***********bulletin********/

div.imgZone{
	width:380px;
	text-align:center;
	margin-bottom:40px;
}

div#bulletinContainer{
	height:665px;
}

body#bulletin #footer{
	/*position:absolute;*/
	bottom:0px;
}

#homeLink{
	background: url(../images/board_logo.png) no-repeat;
	position:absolute;
	top:0;
	left:5px;
}

#homeLink a{
	display:block;
	height:29px;
	width:150px;
	text-indent:-9999px;
}
#bulletinBG1{
	background:url(../images/bulletin_bg_wall.jpg) no-repeat top center #000000;
	padding:50px 0 40px;
	height:665px;
}
#bulletinBG2{
	background:url(../images/bulletin_bg_pole.jpg) no-repeat top center #000000;
	padding:50px 0 40px;
	height:665px;
}
a#electroMore{
	width:90px;
	height:55px;
	display:block;
	position:absolute;
	top:450px;
	left:410px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/electro_more.png) no-repeat;
}

a#graffitiBack{
	width:75px;
	height:35px;
	display:block;
	position:absolute;
	top:450px;
	left:410px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/graffiti_back.png) no-repeat;
}

/*********footer******/

#footer{
	background:url(../images/bg_footer.jpg) repeat-x #333333;
	padding-bottom:40px;
}

#bulletin #footer{
	background:none;
}

#bulletin #footer p{
	background:#000000;
}

#footer p{
	color:#5b5a5a;
	font-size:11px;
	margin-top:12px;
}