/**************************************
hello.


***************************************
BEGIN GLOBAL STYLES 
***************************************/

body{
	color: #666;
	font-family: helvetica, arial, sans;
	font-size: 12px;
	line-height: 20px;
	height: 720px;
}

a{
	text-decoration: none;
	color: #666;
}

a:hover{
	color: #111;
}

h1{ color: #000; font-size: 21px; text-transform:capitalize; }
h2{ color: #fff; font-size: 18px; }
h3{ color: #333; font-size: 18px; }
h4{ color: #333; font-size: 15px; }




/**************************************
BEGIN FIXED MASTHEAD AND MENU COLUMN
***************************************/

#sidebar_bg, #sidebar{
	position: fixed;
	text-align: center;
	width: 270px;
	padding: 50px;
	min-height: 750px;
}

#sidebar_bg{
	background: #ffffff;
	opacity: 0.82;
	
}

#sidebar{
	z-index: 5;
}

#logo{
	height:30px;
	margin-bottom: 38px;
}


/*-------------main menu-------------*/


#menu_link{
	cursor: pointer;
	color: #666; 
	font-size: 9px; 
	height: 17px;
	width: 230px;
	margin: 0 auto;
	text-transform:uppercase;
	display: block;
	vertical-align: bottom;
	border-bottom: solid 1px #ddd;
	
}


#menu{
	width:190px;
	margin: 0 auto;
	padding:20px;
	background: #fff;
	border-top: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
	text-align: left;
	height: 82px;
	line-height: 27px;
	position: absolute;
	top: 135px;
	left: 70px;
	z-index: 25;
}

#menu_left_col{ 
	float: left;
	width: 85px;
	padding-left:5px;
	margin-right: 35px;
}

#menu_right_col{
	float: left;
	width: 65px; 
}

.selected{
	color: #000;
}

#menu a{ font-size: 16px; }
#menu a:hover{ color: #111; }


/*------------sub menu--------------*/

#submenu_title{
	margin-top: 68px;
}
#submenu_items{
	margin-top: 55px;
}

#submenu_text{
	margin: 0 auto;
	margin-top: 55px;
	width: 120px;
	line-height: 17px;
}

#phpMessage{
	margin: 20px;
	width: auto;
	padding: 20px;
	color: #333;
	font-size: 15px;
	background: #ddd;
}



/*------------ misc.--------------*/



#slide_control{
	position: absolute;
	left: 371px;
	top: 690px;
	width: 58px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	z-index: 10;
	
}

#prev{
	float: left;
	height: 9px;
	width: 18px;
	background-image: url("http://www.lumpcreative.com/katrin_schnabl/images/globals/arrow_left.png");
	background-repeat: no-repeat;
	background-position: top right;


	

}

#next{
	float: right;
	height: 9px;
	width: 18px;
	background-image: url("http://www.lumpcreative.com/katrin_schnabl/images/globals/arrow_right.png");
	background-repeat: no-repeat;
	background-position: top right;


}

#next:hover, #prev:hover{
	background-position: 0 -9px;

}

#coppyright{
	position: absolute;
	margin: 0 117px;
	padding-top: 6px;
	text-transform:capitalize;
	font-size: 10px;
	z-index: 11;
	width:136px;
	top: 674px;
	left:0px;
	border-top: 1px solid #ddd;
	
}


/**************************************
BEGIN IMAGE AND TEXT AREA
***************************************/

#container{
	padding-top: 135px;
	height: 550px;
	float: left;
	
} 

#scroll_gallery{
	width: 13000px;
	background-color: #fff;
	padding: 0 10px 0 370px;
	float: left;
}
#no_scroll_gallery{
	background-color: #fff;
	padding: 0 10px 0 370px;
	float: left;
	font-family: trebuchet ms, sans;
	font-size: 12px;
	line-height: 19px;
	overflow: hidden;
}

.link_space{

	height: 440px;
	text-align:center;
	padding: 50px;
	background: #eeeeee;
	float: left;
}

.link_space li{
	width: 270px;
}

.state_space{
	width: 290px;
	height: 440px;
	text-align:center;
	padding: 50px;
	background: #eeeeee;
	float: left;
}


#creds li{
	margin-bottom: 20px;
}
#creds a{
	text-decoration: underline;
}

#walltext{
	float: left;
	color: #fff;
	width: 249px;
	height: 400px;
	border-left: 1px solid #fff;
	background: #222222;
	text-align: center;
	padding: 70px 60px;
	font-family: trebuchet ms, sans;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}

#walltext_title{
	margin-bottom:59px;
}

#project_date{
	margin-top:12px;
	color: #aaa;
	text-transform:uppercase;
	font-size:11px;
	font-family: helvetica, arial, sans;
	letter-spacing: 1px;
	line-height: 15px;
}

#walltext_copy{
	margin-bottom: 20px;
}
#walltext_credits, #walltext_link{
	margin-bottom:20px;
	color: #aaa;
	text-transform:uppercase;
	font-size:9px;
	line-height: 13px;
	font-family: helvetica, arial, sans;
	letter-spacing: 1px;
}

#walltext_link:hover,#walltext_credits:hover{
	color: white;
}

.thumbnail{
	float: left;
}
/**************************************
BEGIN JOURNAL 
***************************************/
#journal_submenu{
	margin-top: 68px;
}
#journal_submenu h1 img{
	margin-bottom: -3px;
}
#subscribe{
	font-size: 10px;
}
#journal_area{
	background-color: #fff;
	padding: 0 10px 0 370px;
	float: left;
	width: 550px;
	font-size: 13px;
	line-height: 18px;
}

#journal_area h2{
	border-top: solid 1px #ddd;
	color: #666;
	padding: 15px 0 6px 0;
	font-size:28px;
}
#journal_area h2:hover{
	
}

.posted{
	margin-bottom: 35px;
}

.journal_entry{
	margin-bottom: 15px;
}
.journal_image{
	margin-bottom: 10px;
}

.pagecount{
	border-top: solid 1px #ddd;
	padding: 10px 0 54px 0;
}

.comments_head{
	padding: 12px 0 13px 0;
	border-top: solid 1px #ddd;
}

.com_posted{
	padding: 10px 0 20px 0;
	border-top: solid 1px #ddd;
}
.comment_body{
	margin-bottom: 20px;
}

.submit_button{
	margin: 10px 0 54px 0;
}


/**************************************
BEGIN EMAIL FORM 
***************************************/
#contact_form{
	margin-top: 72px;
}

.contact_input{
	margin-bottom: 8px;
}

#contact_name, #contact_email, #contact_subject{

}

#contact_message{
	margin-bottom:5px;
}

#honeypot{
	display:none;
}


/**************************************
BEGIN FIXED QUOTE AREA
***************************************/


#quotespace{
	
	background: #fff;
	
	position: fixed;
	padding:10px;
	top:40px;
	right:0px;
	padding-right:50px;
	max-width: 540px;
	text-align: left;
}

#q1{
	float: left;
	
}
#quote{
	margin: 4px 0 0 7px; 
}


#q2{ margin-left: 3px; }

#cite{
	text-align: right;
	font-size: 11px;
	margin: 4px 10px 0 0;
	text-transform:capitalize;
}