body {

	background:#121111;
	margin: 0px;
	padding: 0px;
	
	}

html, body {min-height: 100%;margin-bottom: 0;}



/* holder styles */

#holder {
	width: 1108px;
	text-align: left;
	margin: 0 auto 0 auto;
	height: auto;
}

#holdermain {
	width: 1108px;
	text-align: left;
    background:url(images/mbackinside.jpg) repeat-y;
	margin: 0 auto 0 auto;
	height: 652px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#holderinside {
	width: 1108px;
	text-align: left;
    background:url(images/mbackinside.jpg) repeat-y;
	margin: 0 auto 0 auto;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}


#innerholder {
	width: 1108px;
	margin: 0 0px 0 0px;
	position: relative;   /* reference point for absolute position */
}




/* front main styles */

#header {
	height:264px;
	width: 1108px;
	background: url(images/mtopheader.jpg) no-repeat;
	text-align: left;
	margin: 0 auto 0 auto;
}


#left-box-front {
	float:left;
	margin-top: 32px;
	margin-left: 60px;
	width:460px;
	height: auto;
}

#left-box-frontin {
	background: url(images/mhello.jpg) no-repeat;
	float:left;
	width:452px;
	height:107px;
	margin-bottom:15px;
}

#left-box-text {
	float:left;
	width:425px;
	height:auto;
	margin-left:20px;
	margin-bottom:20px;
}

#left-box-textsmall {
	float:left;
	width:420px;
	height:auto;
	margin-left:20px;
	margin-bottom:15px;
}


#left-box-view {
	float:left;
	width:452px;
	height:89px;

}

#left-box-view a {float: left; width: 452px; height: 89px; background: url(images/mviewdouble.jpg) 0 0 no-repeat;}
#left-box-view a:hover {background-position: 0 -89px;}
#left-box-view a:active {background-position: 0 -89px;}


#left-box-shop {
	float:left;
	width:452px;
	height:auto;
}



/* front rotation photos */



#main-box-front {
	background: url(images/mphotoback.jpg) no-repeat;
	height:436px;
	width: 473px;
	float:left;
	margin-top: 25px;
	margin-left: 28px;
}




/* tweet styles */


#main-box-tweet {
	background: url(images/mtwitback.jpg) no-repeat;
	height:164px;
	width: 473px;
	float:left;
	margin-top: 5px;
	margin-left: 0px;
}

#main-box-tweetin {
	height:110px;
	width:433px;
	float:left;
	margin-top: 35px;
	margin-left: 20px;
}

#main-box-tweetbird {
	float:left;
	margin-top: 5px;
	margin-left: 10px;
	height: 103px;
}

#main-box-tweets {
	height:auto;
	width:275px;
	float:left;
	margin-top: 22px;
	margin-left: 12px;
}


#twitter_update_list a {
	color: #666666;
}

#twitter_update_list li {
	list-style-type: none;
	font: 10px Helvetica, Arial, sans-serif;  
}

#twitter_update_list span {
	font: 13px Georgia, "Times New Roman", Times, serif;
	color: #1F1E1A;
	line-height: 18px;
	background: #E0DADA;
}

#twitter_update_list span a {
	display: inline;
	color: #eb6207;
}

#twitter_update_list span a:link {
	text-decoration: underline;
	color: #eb6207;
}

#twitter_update_list span a:active {
	text-decoration: underline;
	color: #eb6207;
}

#twitter_update_list span a:hover {
	text-decoration: underline;
	color: #666666;
}



/* paragraph styles */


h1 {
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: normal;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0;
	line-height: 38px;


}




p {

	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 18px;
	color: #E6C29F;
	line-height: 26px;
	text-align: left;
	margin-bottom: 0;
	padding-left: 0;

}


.p a:link { color: #d4542f;text-decoration: none;}
.p a:visited { color: #fff;text-decoration: none;}
.p a:hover, #nav a:active, #nav a:focus { color: #fff; text-decoration: none;}




h2 {

	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 20px;
	color: #e6c29f;
	line-height: 28px;

}





h3 {

	font-family:  Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 24px;
	color: #fff;
	line-height: 28px;

}


.h3 a:link {color: #fff; text-decoration: none;}
.h3 a:visited {color: #ccc; text-decoration: none;}
.h3 a:hover, #nav a:active, #nav a:focus {color: #d4542f; text-decoration: none;}





h4 {

	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 18px;
	color: #fff;
	line-height: 20px;

}


.h4 a:link {color: #fff; text-decoration: none;}
.h4 a:visited {color: #ccc; text-decoration: none;}
.h4 a:hover, #nav a:active, #nav a:focus {color: #d4542f; text-decoration: none;}






h5 {

	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	line-height: 28px;

}


.h5 a:link {color: #000; text-decoration: none;}
.h5 a:visited {color: #000; text-decoration: none;}
.h5 a:hover, #nav a:active, #nav a:focus {color: #fff; text-decoration: none;}






h6 {

	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #11100E;
	line-height: 20px;

}


.h6 a:link {color: #11100E; text-decoration: none;}
.h6 a:visited {color: #11100E; text-decoration: none;}
.h6 a:hover, #nav a:active, #nav a:focus {color: #fff; text-decoration: none;}





hr {

border: thin dashed #CCCCCC;
}




/* top nav styles */


#top-navback {
	background: url(images/mtopnavback.jpg) no-repeat;
	float:right;
	margin-right: 30px;
	width:613px;
	height: 225px;
}

#top-nav {
	float:left; 
	margin-left: 3px;
	margin-top: 152px;
	width:510px;
	height: 37px;
}

#home-nav a {
	float: left;
	width: 77px;
	height: 37px;
	background: url(images/navigation/nav-home.jpg) 0 0 no-repeat;
	margin-right: 2px;
}

#home-nav a:hover {background-position: 0 -37px;}
#home-nav a:active {background-position: 0 -37px;}


#bio-nav a {
	float: left;
	width: 134px;
	height: 37px;
	background: url(images/navigation/nav-about.jpg) 0 0 no-repeat;
	margin-right: 2px;
}

#bio-nav a:hover {background-position: 0 -37px;}
#bio-nav a:active {background-position: 0 -37px;}


#work-nav a {
	float: left;
	width: 92px;
	height: 37px;
	background: url(images/navigation/nav-work.jpg) 0 0 no-repeat;
	margin-right: 2px;
}

#work-nav a:hover {background-position: 0 -37px;}
#work-nav a:active {background-position: 0 -37px;}


#blog-nav a {
	float: left;
	width: 74px;
	height: 37px;
	background: url(images/navigation/nav-blog.jpg) 0 0 no-repeat;
	margin-right: 2px;
}

#blog-nav a:hover {background-position: 0 -37px;}
#blog-nav a:active {background-position: 0 -37px;}


#contact-nav a {
	float: left;
	width: 123px;
	height: 37px;
	background: url(images/navigation/nav-contact.jpg) 0 0 no-repeat;
}

#contact-nav a:hover {background-position: 0 -37px;}
#contact-nav a:active {background-position: 0 -37px;}





/* content styles */


#content {
	float:left;
	padding: 20px 0px 0px 20px;
	width:600px;
	height: auto;
	}
	
	
#content-folio {
	float:left;
	padding: 20px 0px 0px 20px;
	width:620px;
	height: auto;
	}


#content-holderfolio {
	float:left;
	padding: 20px 0px 0px 100px;
	width:930px;
	height: auto;
	}

#content-holder {
	float:left;
	padding: 20px 0px 0px 100px;
	width:910px;
	height: auto;
	}
	
	
#left-boxcontent {
	float:left;
	margin-top: 0px;
	margin-left: 0px;
	width:230px;
	height: auto;
}


#right-boxinline {
	float:right;
	margin-top: 20px;
	margin-left: 30px;
	width:260px;
	height:260px;
}

#right-boxinthankyou {
	background: url(photos/crab.png) no-repeat;
	float:right;
	margin-top: 20px;
	margin-left: 30px;
	width:263px;
	height:124px;
}


#right-boxinlinecomic {
	background: url(photos/comicslana.jpg) no-repeat;
	float:right;
	margin-top: 20px;
	margin-left: 30px;
	margin-bottom: 15px;
	width:214px;
	height:197px;
}


#shop-links {
	float:left;
	width:250px;
	height:80px;
	margin-bottom:15px;
	margin-top: 15px;
}
	




/* Inside page Title styles */


#leftbar-inside {
	float:left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 20px;
	width:255px;
	height: auto;
}



#title-folio {
	background: url(images/titleheaders/title-folio.jpg) no-repeat;
	float:left;
	width:243px;
	height:80px;
	margin-bottom:15px;
}



/*
---------------- hover over text with block highlight
-------------------------------------------------------- */	
	


.content_textform {
	font:normal 18px Georgia, "Times New Roman", Times, serif; color:#333333;line-height:26px;
	text-align: left;
}
.content_textform a:link {color: #333333;text-decoration: none;}
.content_textform a:visited {color: #333333;text-decoration: none;}
.content_textform a:hover, #nav a:active, #nav a:focus {color: #333333; background: #d4542f;text-decoration: none;}



.content_textnav {
	font: 14px Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-align: left;
	line-height: 20px;
}
.content_textnav a:link {color: #ffffff; text-decoration: none;}
.content_textnav a:visited {color: #ffffff; text-decoration: none;}
.content_textnav a:hover, #nav a:active, #nav a:focus {color: #990000;text-decoration: none;}


.content_textfolio {
	font:normal 15px Georgia, "Times New Roman", Times, serif;text-align: left;
	color:#666666;
	text-align: left;
	line-height: 20px;
}
.content_textfolio a:link {color: #666666; background: #d4542f;text-decoration: none;}
.content_textfolio a:visited {color: #666666; background: #d4542f;text-decoration: none;}
.content_textfolio a:hover, #nav a:active, #nav a:focus {color: #ffffff; background: #d4542f;text-decoration: none;}


.content_textfoliosm {
	font:normal 11px Georgia, "Times New Roman", Times, serif;text-align: left;
	color:#666666;
	text-align: left;
	line-height: 20px;
}



.content_textfoliolink {
	font: 12px Helvetica, Arial, sans-serif;
	color:#ffffff;
	text-align: left;
	line-height: 20px;
}
.content_textfoliolink a:link {color: #ffffff; background: #d4542f;text-decoration: none; padding: 3px 6px 3px 6px;}
.content_textfoliolink a:visited {color: #ffffff; background: #d4542f;text-decoration: none;padding: 3px 6px 3px 6px;}
.content_textfoliolink a:hover, #nav a:active, #nav a:focus {color: #d4542f; background: #ffffff;text-decoration: none;padding: 3px 6px 3px 6px;}







/* List Styles for Site */

iframe {float: right; margin-top: -150px;} 





/* footer styles */

#footer {background: url(images/mfooterback.jpg) no-repeat; height: 378px; margin: 0px auto; padding: 0px; width: 1108px;}


#footerclear {float: right; height:60px; width: 600px; text-align: left; margin-top: 20px; margin-right:120px;}

#footerinside {height:350px; width: 974px; text-align: left;margin: 0 auto 0 auto; padding-top:10px;}


#left-box-footer1 {
	float:left;
	margin-top: 30px;
	margin-left: 40px;
	width:250px;
	height: auto;
}

#left-box-footer3 {
	float:left;
	margin-top: 30px;
	margin-left: 20px;
	width: 250px;
	height: auto;
}


#left-box-footer2 {
	float:left;
	margin-top: 30px;
	margin-left: 20px;
	width:230px;
	height: auto;
}


#left-footer-copyright {
	background: url(images/mboxcopyright.jpg) no-repeat;
	float:left;
	margin-top: 0px;
	margin-left: 0px;
	width:235px;
	height: 37px;
}



#left-footer-keep {
	background: url(images/mboxkeepup.jpg) no-repeat;
	float:left;
	margin-top: 0px;
	margin-left: 0px;
	width:235px;
	height: 37px;
	
}



#left-footer-links {
	background: url(images/mboxfolio.jpg) no-repeat;
	float:left;
	margin-top: 0px;
	margin-left: 0px;
	width:235px;
	height: 37px;
}


#left-footer-text {
	float:left;
	margin-top: 25px;
	margin-left: 10px;
	width:233px;
	line-height: 18px;
	height: 100%;
}



#footer-socmediabox {
	float:left;
	margin-top: 25px;
	margin-left: 10px;
	width:230px;
	line-height: 18px;
	height: auto;
}




#left-footer-textkeep {
	float:left;
	margin-top: 10px;
	margin-left: 10px;
	width:230px;
	line-height: 18px;
	height: auto;
}



#left-footer-textkeep ul {

	list-style-type: none;
	margin: 0;
	padding: 0;
	
	
	}
	
#left-footer-textkeep li {
	
	list-style-type: none;
	margin: 0;
	padding: 0;
	
	
	}



#social-group {
	
	float:left;
	margin: 10px 0 0 0;
	text-align: left;
	width: 190px;
	height: auto;

}

 


/* misc styles */

.logo {float: left; margin: 50px 0px 0px 55px; }
.up {float: left; margin: 300px 0px 0px 0px; }
.socmedia {float: left; padding: 5px 3px 5px 0px; }
.logoright {float: right; margin: 17px 44px 0px 0px; }
#brclear {clear: both;height:0;margin:0;font-size: 1px;line-height: 0px;}



/* photo hover on about page */


#navigation {
  list-style: none;
}

#navigation li {
  float: right;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
  height: 260px;
        position: relative;
        display: block;
        background: url(images/mitchup-box.jpg) 0 0 no-repeat;
}





/* individual navigation items */
#navigation a.home {
  background-position: 0 0;
  width: 254px;
}

#navigation .highlight a.home:hover,
#navigation a.home .hover {
  background-position: 0 -260px;
  width: 254px;
}




/*
---------------- GENERAL
-------------------------------------------------------- */	

* {
	margin: 0px;
	padding: 0px;
}


/*
---------------- hover over text with block highlight
-------------------------------------------------------- */	
	
#main_content a {
	color: #8F2D03;
}


#main_content a:hover {
	color: #4B1B1D;
	background: #FFFFFF;
	text-decoration: none;
}


/*
---------------- SIDENAV
-------------------------------------------------------- */	
	

.sidebox ul {
	padding: 0px 0px;
	margin-bottom: 5px;
	
	}
	
.sidebox li {
	list-style: url(none) none;
	border-bottom: 2px solid #746f6c;

	}
	
.sidebox h2 {
	color: #5F532A;
	font: normal 20px/28px Arial, Helvetica, sans-serif;
	letter-spacing: -0.1px;
	margin: 10px 18px 0px 18px;
	padding-bottom: 10px;
	
	}
	
.sidebox p {
	font: normal 13px/22px Arial, Helvetica, sans-serif;
	color: #554E31;
	padding-right: 18px;
	padding-left: 18px;
	margin-top: 10px;
	
	}
	
.sidebox a {
	background: url(images/bg.sidebox_state.jpg) repeat-y scroll center top;
	color: #e6c29f;
	font: normal 15px Arial, Helvetica, sans-serif;
	padding: 6px 8px 8px 40px;
	display: block;
	text-decoration: none;
	
	}
	
.sidebox a:hover {
	text-decoration: none;
	background: #f5e7be url(images/bg.sidebox_ahover.jpg) repeat-y scroll center top;
	color: #FF3300;
	
	}
	
.sidebox {
	width: 231px;
	float: left;
	margin: 0px 0px;
	padding-bottom: 0px;
	padding-top: 30px;
	
	}
	
	
	
	/*
---------------- SIDENAVINSIDE
-------------------------------------------------------- */	
	


.sideboxin ul {
	padding: 0px 0px;
	margin-bottom: 5px;
	
	}
	
.sideboxin li {
	list-style: url(none) none;
	border-bottom: 1px solid #272620;

	}
	
.sideboxin h2 {
	color: #5F532A;
	font: normal 20px/28px Arial, Helvetica, sans-serif;
	letter-spacing: -0.1px;
	margin: 10px 18px 0px 18px;
	padding-bottom: 10px;
	
	}
	
.sideboxin p {
	font: normal 13px/22px Arial, Helvetica, sans-serif;
	color: #554E31;
	padding-right: 18px;
	padding-left: 18px;
	margin-top: 10px;
	
	}
	
.sideboxin a {
	background: url(images/bg.sidebox_statein.jpg) repeat-y scroll center top;
	color: #cccccc;
	font: normal 15px Arial, Helvetica, sans-serif;
	padding: 6px 8px 8px 40px;
	display: block;
	text-decoration: none;
	
	}
	
.sideboxin a:hover {
	text-decoration: none;
	background: #f5e7be url(images/bg.sidebox_ahoverin.jpg) repeat-y scroll center top;
	color: #ffffff;
	}
	
.sideboxin {
	width: 231px;
	float: left;
	margin: 0px 0px;
	padding-bottom: 0px;
	padding-top: 20px;
	
	}
	




/* jquery innerfade style courtesy of jquery library and
	____________________________________________
		
		Gestaltung und XHTML-Programmierung
		
		+49 341 2 27 96 99
		www.medienfreunde.com
		____________________________________________ 
*/



/* Listen */


ul#portfolio li img {
	padding: 0px;
	color: #ffffff;
	
	}

ol,ul {list-style:none;}


/* jQuery lightBox plugin - Gallery style */

#gallery {
		padding: 0px;
		width: 630px;
	}