/* ---------------------------------------------------------- 
	markblasius.com - screen- styles  
	
	Mark Blasius - markblasius.com
	
	
	
	client: _self
	
	alle rechte vorbehalten — all rights reserved !
	
   ---------------------------------------------------------- */

body {
	padding-bottom: 30px;
	font-size: 12px;
	color: #282828;
	text-align: center;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

/* @group typo */

/*  typo  ---------------------------------------------------- */

h1 { font-size: 16px; }

#quote h1 {
	margin: 0;
	font-size: 28px;
	line-height: 39px;
	color: #282828;
	font-family: HelveticaNeue-Light, "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	letter-spacing: -0.020em;
}

h1 {  
	margin: 0 0 8px 0;
	font-size: 17px;
	color: #282828;
}

h2 {
	font-size: 14px;
	line-height: 17px;
	font-weight: normal;
	color: #383130;
}

#portfoliorowright h2, #recent h2 {
	margin: 0 0 5px 0;
	font-size: 16px;
	line-height: 21px;
}

#recent h2 { 
	margin-bottom: 3px;
	line-height: 18px; 
}

#resumerow h2 {
	margin: 0 0 2px 0;
	color: #282828;
	font-weight: normal;
}

#cbrow h2 {
	margin: 0 0 6px 0;
	color: #282828;
	font-weight: normal;
}

h3 {
	font-size: 13px;
	line-height: 17px;
	color: #282828;
}

#portfolio h3 { margin: 4px 3px 0 3px; }
.portfoliolisting h3 { margin: 4px 0 2px 0; }
ul#portfoliolisting h3 { font-size: 12px; }

p { line-height: 16px; }
#recent p { margin: 0 0 16px 0; }
#portfoliorowright p { margin: 0 0 12px 0; }
#kontaktlist p { margin: 0 0 8px 0; }

#recent p {
	font-size: 12px;
	line-height: 17px;
}

.portfoliolisting p {
	color: #999;
}

/* fix fuer line-height ie p a */
#resumeleft p { margin: 0 0 12px 0; }
#resumeright p { margin: 0 0 16px 0; }
#cbright p { margin: 0 0 8px 0; }

/* listen ... */
#resumeright ul#leistungen, #rowtwo ul#leistungen {
	margin: 0 0 6px 0!important;
	padding: 0;
	list-style-type: circle;
}

#resumeright ul#leistungen { margin-bottom: 12px !important; }
#resumeright ul#leistungen { width: 520px;	}

#resumeright ul#leistungen li {
	margin: 0 0 4px 14px;
	padding: 0 0 0 4px;
	float: none;
	line-height: 17px;
}

ul#wohin {
	margin: 8px 0 8px 14px;
	list-style-type: circle;
}

ul#wohin li { margin: 0 0 8px 0; }

/* essentials */
strong { font-weight: bold; }
em { font-style: italic; }

/* @end */

/* @group linkage */

/*  linkage ---- ---------------------------------------------- */

a:link {
	padding: 0;
	color: #a58930;
	border: 0;
	text-decoration: none;
}

a:visited {
	padding: 0;
	border: 0;
	text-decoration: none;
}

a:hover {
	padding: 0;
	color: #464343;
	border: 0;
	text-decoration: none;
}

a {
	padding: 0;
	color: #a58930;
	border: 0;
	text-decoration: none;
}

a:hover, a:focus {
	outline: none;
	padding: 0;
	color: #464343;
	border: 0;
	text-decoration: none;
}

#recent a, #recent a:link { color: #464343; }
#recent a:hover { color: #a58930; }

ul#portfoliolisting h3 a { color: #b1b1b1; }
ul#portfoliolisting h3 a:hover { color: #282828; }
.portfoliolisting h3 a { color: #282828; }
.portfoliolisting h3 a:hover { color: #282828; }

#copystart a, #copyportfolio a, #copyresume a, #copyportfoliosingle a { color: #282828; }

#copystart a:hover, #copyportfolio a:hover, #copyresume a:hover, 
#copyportfoliosingle a:hover { color: #a58930; }

a.thickbox {
	padding: 0 13px 0 0;
	background: url(/g/lupe_v85.png) no-repeat right center;
}

h1#carteblanche a { color: #282828; }
h1#carteblanche a:hover { color: #a58930; }

.cbpost h2 a { color: #282828;  }
.cbpost h2 a:hover { color: #a58930; }

/* @end */

/* @group forms */

/* forms ---------------------------------------------------- */

form { margin: 4px 0 0 0; }

fieldset { padding: 0; }

p#numbers a { 	margin-right: 8px; }
fieldset legend { display: none; }

form.zemContactForm input, form.zemContactForm textarea { 
	font-size: 14px;
	color: #282828;
	text-align: left; 
}

#resumeright form {
	margin: 15px 0 0 0;
}

#resumeright  form p {
	margin: 0 0 8px 0;
	padding: 0;
	line-height: 14px;
}

input, textarea {
	margin: 2px 0 0 0;
	color: #352a29;
	border: 0;
	background-color: #f3f3f3;
}

#Name, #E-Mail { width: 380px; }
#Nachricht { width: 520px; }

form.zemContactForm input.zemSubmit { 
	cursor: pointer; 
	text-align: center; 
	border: 0;
}

#resumeright label { color: #999; }

h2#zemError { padding-bottom: 8px; }

p#submit input {
	padding: 6px 9px;
	font-size: 11px;
	color: #999;
	border: 0;
}

/* @end */

/* @group layout */

/* @group mainlayout */

/*  main layout  ---------------------------------------------- */

#header { 
	height: 100px;
	width: 820px; 
}

body#start #header { height: 120px; }

h1#mbcom a {
	margin: 0;
	padding: 0;
	display: block;
	width: 174px;
	height: 18px;
	text-indent: -99999px;
	text-decoration: none;
	position: relative;
	top: 60px;
	left: 0;
	border: 0;
	background-image: url(/g/mbcomlogo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

h1#mbcom a:hover { background-position: 0 -17px; }

#container {
	margin: 0 auto;
	width: 820px;
}

#fonealert { display: none; }

/* @end */

/* @group nav */

/* nav --------------------------------------------------- */

ul#frontnav {
	margin: 20px 0 20px 0;
	font-size: 13px;
	list-style-type: none;
}

ul#frontnav li { 	float: left; }

ul#frontnav li a {
	margin: 0;
	padding: 8px 0 32px 8px;
	width: 250px;
	display: block;
	color: #282828;
	border: 1px solid #e0e0e0;
}

ul#frontnav li a:hover {
	color: #282828;
	border: 1px solid #e0e0e0;
}

ul#frontnav #resume { margin: 0 20px; }

ul#nav {
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
	left: 0px;
	top: 40px;
	list-style: none;
}

#nav li {
	margin: 0 0 0 15px;
	float: left;
	font-size: 13px;
}

#nav li a { 	color: #282828; }

#nav a:hover {
	color: #a58930;
	border-bottom: none;
	background-image: none;
}

/* nav 01 02 03 ------------------------------------------ */

#navcontainer { /*border-top: 1px solid #e0e0e0;  */ }

ul#menu {
	margin: 0;
	padding: 30px 0 0 0;
	float: none;	
	list-style: none;
	/*border-bottom: 1px solid #e0e0e0;*/
}

#menu li {
	margin: 0 0 30px 0;
	float: left;
	width: 258px;
	font-size: 13px;
}

#menu li#resume { margin: 0 20px; }

#menu li a { 	
	color: #282828;
	text-indent: 34px;
	line-height: 32px;
	height: 30px;
	display: block; 
}

#menu li#arbeitsproben a { background: #fff url(/g/01.png) no-repeat 0 0; }
#menu li#resume a { background: #fff url(/g/02.png) no-repeat 0 0; }
#menu li#kontakt a { background: #fff url(/g/03.png) no-repeat 0 0; }

#menu li#arbeitsproben a:hover { background: #fff url(/g/01.png) no-repeat 0 -32px; }
#menu li#resume a:hover { background: #fff url(/g/02.png) no-repeat 0 -32px; }
#menu li#kontakt a:hover { background: #fff url(/g/03.png) no-repeat 0 -32px; }

body#ap #menu li#arbeitsproben a { background: #fff url(/g/01.png) no-repeat 0 -32px; }
body#re #menu li#resume a { background: #fff url(/g/02.png) no-repeat 0 -32px; }
body#ko li#kontakt a { background: #fff url(/g/03.png) no-repeat 0 -32px; }

body#tester #menu a:hover {
	color: #a58930;
	border-bottom: none;
	background-image: none;
}

/* @end */

/* @group slideshow */

/* slideshow  ----------------------------------------------- */

#recentslides { margin: 20px 0 0 0; }
#recentslides pre { display:none; }

#recentslides .slides { 
	width: 820px; 
	height: 306px; 
	overflow: hidden }

#recentslides .slides img { 
	width: 816px; 
	height: 304px; 
	border: 1px solid #e0e0e0;
}

#controls { 
	margin: 0 0 4px 0;
	height: 18px;
	text-align: right; 
}

#controls ul { 
	margin:  6px 4px 0 0;
	padding-right: 6px;
	float: right; 
}

#controls ul li { 
	margin: 0 0 0 6px;
	float: left;
}

#controls a {
 	text-decoration: none;
 	text-indent: -999999em;
}

a#previous, a#next {
	width: 6px;
	height: 9px;
	display: block;
}

a#previous { 	background: url(/g/previous.png) no-repeat left top; }
a#previous:hover { 	background: url(/g/previous_hover.png) no-repeat left top; }
a#next { background: url(/g/next.png) no-repeat left top; }
a#next:hover { background: url(/g/next_hover.png) no-repeat left top; }

/* @end */

/* @group recent */

/* recent  -------------------------------------------------- */

#recent { padding: 32px 0 16px 0; }

#recentleft, #recentmid, #recentright { 	width: 258px; }
#recentleft { 	float: left; }

#recentmid {
	margin: 0 20px;
	float: left;
}

#recentright { float: right; }
#recentleft img, #recentmid img, #recentright img { border: 1px solid #e0e0e0; }

#recenttwocolumn {
	width: 536px;
	float: right;
}

#recenttwocolumn span { 	margin: 0 6px; }

/* @end */

/* @group arbeitsproben übersicht */

/* arbeitsproben uebersicht ----------------------------------- */

ul#portfoliolisting { margin: 0 0 35px 0; }

ul#portfoliolisting li { 
	margin: 0 0 4px 0;
	width: 258px;
	border-bottom: 1px solid #e0e0e0;
	/*background: url(/g/navback_ap.png) no-repeat left bottom;*/
}

ul#portfoliolisting li a {
	margin: 0;
	padding: 4px 0;
	line-height: 16px;
	display: block;
}

ul#portfoliolisting li p, ul#portfoliolisting li h3 { padding: 0 6px 0 0; }
ul#portfoliolisting li h3 { margin: 0 0 4px 0; }

#portfolioleft, #portfoliomid, #portfolioright { width: 259px; }
#portfolioleft, #portfoliomid { float: left; }
#portfoliomid { margin: 0 20px; }
#portfolioright { float: right; }

.portfoliolisting {
	margin: 0 0 50px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e0e0e0;
}

.portfoliolisting img { border-top: 1px solid #e0e0e0;	}

/* @end */

/* @group arbeitsproben einzelansicht */

/* arbeitsproben  --------------------------------------------- */

#portfoliorow {
	padding: 32px 0 0 0;
	width: 820px;
	border-top: 1px solid #e0e0e0;
}

#portfoliorow img { border: 1px solid #e0e0e0; }
#portfoliorowleft, #portfoliorowright { padding-bottom: 20px; }

#portfoliorowleft {
	width: 260px;
	float: left;
}

#portfoliorowright {
	width: 540px;
	float: right;
}

#portfoliorowright img { margin: 0 0 10px 0; }

/* @end */

/* @group resume, kontakt */

/* resume -------------------------------------------------- */

#resumerow, #kontaktrow {
	padding: 32px 0;
	width: 820px;
	border-top: 1px solid #e0e0e0;
}

#resumeleft {
	width: 260px;
	float: left;
}

#resumeright {
	width: 540px;
	float: right;
}

/* kontakt */
#kontaktrow ul li { float: left; }
ul#kontaktlist { width: 820px; }

ul#kontaktlist li {
	margin: 0;
	padding: 0;
	display: inline;
	width: 260px;
}

li#kontaktcenter { margin: 0 36px; }
ul#kontaktlist li.last { text-align: right; } 
#kontaktrow ul#kontaktlist li img, #resumerow #resumeleft img
{ border: 1px solid #e0e0e0; } 

/* carteblanche --------------------------------------------- */

#cbrow {
	padding: 32px 0;
	width: 820px;
	border-top: 1px solid #e0e0e0;
}

#cbleft {
	width: 260px;
	float: left;
}

#cbright {
	width: 540px;
	float: right;
}

.cbpost { margin-bottom: 48px; }
.cbpost p.permlink { text-align: right; }

#carteblanche_archive_listing span { margin: 0 10px 0 0; }

#copy_cp { 
	margin: 32px 0 30px 280px; 
	border-bottom: 1px solid #e0e0e0;
}

#copy_cp p { text-align: right; }

/* @end */

/* @group footer */

/* tweets -------------------------------------------------- */

ul#twitter_update_list li { 	margin: 0 0 15px 0; }

#tweets { 
	margin: 10px 0 0 0; 
	text-align: right;
}

/* footer  -------------------------------------------------- */

#footer  {
	padding: 0;
	width: 820px;
	clear: both;
	color: #999999;
	border-top: 1px solid #e0e0e0;
	
}

#btn_essentials {
	margin: 0 0 0 800px;
	width: 12px;
	height: 9px;
	display: block;
	background: url(/g/essentials_handler.png) no-repeat left top;
}

#footer p { 
	width: 810px;
	padding: 8px 10px 8px 0;
	text-align: right;
	border-bottom: 1px solid #e0e0e0; 
	/*background-color: #e0e0e0;*/
}

/* @end */

/* @group copy

/* copy  --------------------------------------------------- */

#copystart, #copyportfolio, 
#copyresume, #copyportfoliosingle { margin: 32px 0 30px 280px; }

/* @end */

/* @end */

/* @group essentials */

/*  essentials  ----------------------------------------------- */

.cll { clear: left; }
.clb { clear: both; }

/* @end */