@charset "utf-8";

/* 
//////////////////////////////
//	Mari Kasurinen			//
//	Copyright 2010			//
//	All rights reserved.	//
//	www.hauptstadthasen.de	//
//////////////////////////////
*/


body { 
font-family: Georgia, Times, serif; 
font-style:italic;
font-size: 12px;
line-height: 1.5em;
font-weight: regular;
color: #0a0a08;	
background-repeat: repeat-xy; 
background-position: center top;
background-image: url(i/layout/bg_pattern.gif); 
background-color:#cfeeff;
}



/* style features
----------------------------------------------------
*/

a:focus { outline: none;}

a:link, a:visited, a:active {
	color:#1f4e82; }


a:hover {
	color:#a82c2b; }




.img_news { border: 2px solid #fcfaf7; 
			float: left;
			margin-right: 10px;
			}

.welcome_text {   /* for the text between news box and menu */
font-family: Georgia, Times, serif;

line-height:normal;}

.big_text {   /* the big ones */
font-size: 18px;}

.faq_question {  
font-style:normal;
font-size: 14px;
color:#a62b2a;}


/* divs
-----------------------------------------------------------------------------------------
*/


div#container{
	width:1024px;
	display:block; 
	margin:0 auto; position:relative; overflow:hidden;
	background:url(i/layout/header_big.png) center top no-repeat;
	clear:both;  }

div#header{
	width:1024px;
	height: 362px;
	display:block; 
	margin:0 auto; position:relative; overflow:hidden;
	clear:both;  }

.logo{
	text-indent: -9999px;
	width:1024px;
	height: 260px;
	display:block; 
	margin:0 auto; position:relative; overflow:hidden;
		border: 0px solid white;
	clear:both;
}

a.logo {
	text-indent: -9999px;
	float: left;
	margin: 30px 0 0 300px;
	padding:0;
	height: 106px;
	width: 570px;
	overflow:hidden;
	background-color: none;
}


.social_media {
	width:1024px;
	height:105px;
	float: left;
	margin: 0px 0px 0px 0px; 
	background:url(i/layout/social_aus.png) center top no-repeat;
		border: 0px solid red;
	clear:both;}


.news_and_navi{
	width:1024px;
	height:340px;
	float: left;
	margin: 0; 
	border: 0px solid blue;
	clear:both;}
	
.news_box{
	width:300px;
	height:250px;
	float: left;
	margin: 60px 0 0 130px; 
		border: 0px solid black;
	clear:both;}
	
.news_post{
	width:300px;
	float: left;
	line-height: 1em;
	margin: 0 0 15px 0; 
		border: 0px solid blue;
	clear:both;}

.welcome{
	width:300px;
	height:250px;
	float: left;
	margin: 60px 0 0 70px; 
		border: 0px solid black;
}

.main{
	width:1024px;
	height: auto;
	padding: 0;
	background:url(i/layout/content_bg.png) center top repeat-y;
		border: 0px solid pink;
	clear:both;  }
	
.content{
	width:600px;
	height: auto;
	margin: 0 0 0 294px;
		border: 0px solid pink;
	clear:both;  }
	
.footer{
	width:1024px;
	height: 361px;
	margin: 0;
	background:url(i/layout/footer.png) center top no-repeat;
	clear:both;  }


/* social media menu------------------------------------------------------------ */


.media_menu	{
	width:600px;
	height:80px;
	float: left;
	margin: 15px 0px 0px 480px; 
		border: 0px solid red;
	clear:both;}

a.twitter {
	text-indent: -9999px;
	float: left;
	margin: 5px 0 0 0px;
	padding:0;
	height: 65px;
	width: 65px;
	overflow:hidden;
	background-color: none;
	border: 0px solid pink;
}

a.flickr {
	text-indent: -9999px;
	float: left;
	margin: 20px 0 0 0px;
	padding:0;
	height: 60px;
	width: 69px;
	overflow:hidden;
	background-color: none;
	border: 0px solid black;
}

a.facebook {
	text-indent: -9999px;
	float: left;
	margin: 0px 0 0 0px;
	padding:0;
	height: 55px;
	width: 70px;
	overflow:hidden;
	background-color: none;
	border: 0px solid pink;
}

a.deviantart {
	text-indent: -9999px;
	float: left;
	margin: 25px 0 0 5px;
	padding:0;
	height: 60px;
	width: 71px;
	overflow:hidden;
	background-color: none;
	border: 0px solid black;
}



/* navigation------------------------------------------------------------ */

.navigation{
float:left;
width: 91px;
height: 150px; 
margin: 0 0 0 80px; 
padding: 0;
border: 0px solid white;
}

.navcontainer ul{float: left;
margin: 0;
padding: 0px 0px 0px 0px;
list-style-type: none;  }

 
.navcontainer ul li {display: inline; height: 30px; }

 
.navcontainer ul li a {
float:left;
text-decoration: none;
display: block;
text-indent: -1700em; }

 
	
.home a  { width: 91px; height:30px; background: url(i/layout/nav_home.png) no-repeat top left }

.home a:hover{background-position: 0 -30px; }  
	
.home a.on{background-position: 0 -30px;}

.sculpting a  { width: 91px; height:30px; background: url(i/layout/nav_sculpting.png) no-repeat top left }

.sculpting a:hover{background-position: 0 -30px; }  
	
.sculpting a.on{background-position: 0 -30px;}

.painting a  { width: 91px; height:30px; background: url(i/layout/nav_painting.png) no-repeat top left }

.painting a:hover{background-position: 0 -30px; }  
	
.painting a.on{background-position: 0 -30px;}

.graphics a  { width: 91px; height:30px; background: url(i/layout/nav_graphics.png) no-repeat top left }

.graphics a:hover{background-position: 0 -30px; }  
	
.graphics a.on{background-position: 0 -30px;}

.contact a  { width: 91px; height:30px; background: url(i/layout/nav_contact.png) no-repeat top left }

.contact a:hover{background-position: 0 -30px; }  
	
.contact a.on{background-position: 0 -30px;}


	

/* gallery sculpting ------------------------------------------------------------ */

.gallery{width:700px}

.gallery ul{margin: 0; list-style-type: none;}

.gallery a {display: block; width:64px; height:64px; border:2px solid #cfeeff; float:left; margin:0 6px 10px 6px;}

.gallery a:hover {border-color:#f7d3e7;}

.gallery a img {border:0; margin:2px 2px 2px 2px;} 

.caption {font-size: 0.9em; padding-top: 0.2em ;}


/* gallery painting ------------------------------------------------------------ */

.gallery_painting{width:700px}

.gallery_painting ul{margin: 0; list-style-type: none;}

.gallery_painting a {display: block; width:104px; height:104px; border:2px solid #cfeeff; float:left; margin:0 0 40px 40px;}

.gallery_painting a:hover {border-color:#f7d3e7;}

.gallery_painting a img {border:0; margin:2px 2px 2px 2px;} 





/* IE CSS Hack by vbdesigns.de */

       * html #left { 
            margin-right: -3px; 
       } 

       * html #right { 
            margin-left: -3px; 
       } 
  
       * html #middle { 
            margin: 0 177px 0 177px;
            display:inline-block; 
       } 

       /* Ende IE CSS Hack by vbdesigns.de */