/*
Theme Name : peterloecker
Author URI : http://www.black-kiwi.at
*/

/*


01 CSS RESET
02 BASIC LAYOUT
03 CONTAINER
04 TYPOGRAPHY


*/



/*  _______________________________________

	01 CSS RESET
    _______________________________________  */



html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
body{line-height:1; color:black; background:white}
ol, ul{list-style:none}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, 
q:before, q:after{content:""}
blockquote, q{quotes:""""}


/*  _______________________________________

	02 BASIC LAYOUT
    _______________________________________  */
    
* {
margin:0;
padding:0;
}

html,body {
height:100%;
width:100%;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400;
}

img {
border-style:none;
}

body {
	background-color: #d3d3d3;
	font-size: 0.9em;
	font-family: 'Share-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#2d2d2d;
	line-height:1.4em;
	margin: 0;
	padding: 0;
}

a:link {color:#2d2d2d; text-decoration:none;}
a:visited {color:#2d2d2d; text-decoration:none}
#menu a:active {color: #000; text-decoration:none; padding-right: 6px;}
#menu a:hover {color: #000; text-decoration:none; padding-right: 6px;}

.sixpx {
	height: 6px;
	width: 234px;
	background-color: #2d2d2d;
	margin-top: 8px;
}

.twopx {
	height: 2px;
	width: 474px;
	background-color: #2d2d2d;
}

.space {
	height: 80px;
	width: 80px;
}

.space2 {
	height: 162px;
	width: 80px;
}

td {
	padding-right: 16px;
}

/*  _______________________________________

	03 CONTAINER
    _______________________________________  */
    
#top_stripe {
	margin-top: 0;
	margin-bottom: 136px;
	height: 8px;
	width: 100%;
	background-color: #2d2d2d;
}

#wrap {
	width: 100%;
	height: 100%;
}
    
#container {
	width: 960px;
	height: 100%;
	margin: 0 auto;
}

#left {
	width: 240px;
	height: 100%;
	float: left;
}

#menu {
	position: fixed;
	top: 244px;
}
#menu ul {list-style-type: none;}
#menu li a { padding-left: 7px;}
#menu li.selected { background:url(images/menu_hover.png) left top no-repeat; background-position:0 50%;}
#menu a { text-decoration: none; }

#right {
	margin-top: 100px;
	width: 720px;
	height: 100%;
	float: right;
}

.quarter {
	width: 240px;
	float: left;
}

.twoquarter {
	width: 480px;
	float: right;
}

#work {
	margin: 64px 0;
	width: 720px;
}

#co-works {
	margin: 64px 0;
	width: 720px;
}

#paintings {
	margin: 64px 0;
	width: 720px;
}

.work_container {
	margin-top: 32px;
	width: 720px;
	height: 200px;
}

.copyright {
	width: 480px;
	float: right;
	font-size: 0.9em;
	padding-bottom: 8px;
}

/*  _______________________________________

	04 TYPOGRAPHY
    _______________________________________  */

h1 {
	font-size: 1.6em;
	line-height: 1em;
	display: inline;
	margin: 0;
}
h2 {
	font-size: 1.3em;
	line-height: 1em;
	display: inline;
}

@font-face {
    font-family: 'Share-Regular';
    src: url('fonts/Share-Regular-webfont.eot');
    src: url('fonts/Share-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Share-Regular-webfont.woff') format('woff'),
         url('fonts/Share-Regular-webfont.ttf') format('truetype'),
         url('fonts/Share-Regular-webfont.svg#Share-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}