/* Background Gradient */
body{
background: #eaeced url(../images/1.gif) 0px no-repeat scroll;
background-position: 50% 0%; 
}

/* Link-Arrow */

#content p a, .footer-right p a{
background: url(../images/link_1_a.gif) no-repeat 0px 50%;}

















/* RSS-Icon */
#rss a{background: url(../images/rss.png) 0 0 }
#rss a:hover{background: url(../images/rss.png) 0 16px}

/*--------------------------------------------------------
--------------------------------------------------------*/

/*   Global reset etc.   */
* {font-size: 100.01%; margin: 0; padding: 0; border: 0}
html {font-size: 62.5%;}
a {text-decoration: none}


/*--------------------------------------------------------
--------------------------------------------------------*/


body { 
  border-top: 3em solid #333
  font-size: 12px;
  line-height: 19px;
  font-family: Arial, sans-serif;
  height:100%;
}


/*   Container And Head  */
#container {margin: 0 auto; width: 820px}
#head {padding: 6em 0 0 0}
#head h1, h2 {
	font: 2em/1.2em Arial, sans-serif; Helvetica, Geneva;
	font-weight: normal;
	padding: .7em 0
}
#head h1 a, a:hover, a:active, a:visited {color: #333}

#header {
background: transparent url(../../images/logo.gif) no-repeat center 4px;
height: 38px;
margin: 0 0 19px 11px;
}

#header a{ 
	display:block;
	width:205px;
	height:48px;
	margin:auto; 
	text-align:center;
}





















/*--------------------------------------------------------
--------------------------------------------------------*/

#menu_wrapper{
	margin:0 auto;
	background: #fff url(../../images/main_nav.gif) no-repeat;
	height: 16px;
	width: 600px;
	position:relative;
}
#menu_wrapper li, #menu_wrapper a {
	height: 16px; 
	display: block;
}

#menu {
  margin: 0 auto 10px auto;
  padding: 22px;
	background-color: #fff;
}

#menu_wrapper ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
#menu_wrapper li{
	position: absolute; 
	top: 0;
	list-style: none;
}
#menu_wrapper ul li {
	padding: 0;
	margin: 0;
	float: left;
}





























.blog_nav {left: 0; width: 60px;}
.illustration_nav {left: 76px; width: 145px;}
.sketchbook_nav {left: 240px; width: 140px;}
.about_nav {left: 400px; width: 85px;}
.contact_nav {left: 510px; width: 90px;}


.blog_nav a:hover {
    background: transparent url(../../images/main_nav.gif)
    0 -16px no-repeat;}
.homepage .blog_nav a {
    background: transparent url(../../images/main_nav.gif)
    0 -16px no-repeat;}


.illustration_nav a:hover {
    background: transparent url(../../images/main_nav.gif)
    -76px -16px no-repeat;}
.projects .illustration_nav a, .detail .illustration_nav a {
    background: transparent url(../../images/main_nav.gif)
    -76px -16px no-repeat;}


.sketchbook_nav a:hover {
    background: transparent url(../../images/main_nav.gif)
    -240px -16px no-repeat;}
.studio-info .sketchbook_nav a {
    background: transparent url(../../images/main_nav.gif)
    -240px -16px no-repeat;}


.about_nav a:hover {
    background: transparent url(../../images/main_nav.gif)
    -400px -16px no-repeat;}
.contact .about_nav a {
    background: transparent url(../../images/main_nav.gif)
    -400px -16px no-repeat;}


.contact_nav a:hover {
    background: transparent url(../../images/main_nav.gif)
    -510px -16px no-repeat;}
.contact .contact_nav a {
    background: transparent url(../../images/main_nav.gif)
    -510px -16px no-repeat;}


#menu_wrapper ul li a {
	display: block;
	padding: 0 15px;
	color: #a3a29b;
	text-decoration: none;
	line-height: 19px;
}












/*--------------------------------------------------------
--------------------------------------------------------*/


/*   Right Side (Content, Comments, Contact Form)   */

#content p, #content ul, #content ol, .search, input, textarea, label, .footer-right p
{font: 1.3em Arial, "Lucida Grande", Lucida, sans-serif; color: #999}

#content {
width: 600px;
clear: both;
padding: 2em 11em 2em 11em;
background: #ffffff;


}
#content p {margin: 1em 0}
#content p strong {color: #666; font-weight: normal}
#content p code {font: 1em Arial, Courier, mono}
#content abbr, #content acronym {font-style: normal; border-bottom: dotted 1px #666; cursor: help;}
#content blockquote {
	padding: 0 0 0 2em; margin: 0 2em 0 0;
	border-left: 1px solid #ccc}
#content ul, #content ol {
	list-style-position: inside;
	margin: .5em 1em
	}
	#content ul {list-style-type: circle}
	#content ol {list-style-type: upper-roman}



#content h3 {
	font: 2em/0em Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	padding:  0 0 15px 0;
	color: #666
	}
#content h4 {
	font: 1.4em/1em Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	padding: 1.5em 0 0 0;
	color: #666
	}	








































	#content h3 a, a:visited {color: #666}
	#content h3 a:hover, a:active {color: #111}
#content p a, .footer-right p a {
	color: #69c;
	padding: 0 0 0 12px;
	border-bottom: 1px dotted #fff
	}
	#content p a:hover, .footer-right p a:hover {color: #369; border-bottom: 1px dotted #369}
.article {padding: 0 0 2em 0}
.single-article {padding: 0 0 2em 0}
.comment {padding: 1em 0 0 0}
#content p.info {font: 1.0em/1.1em Arial, Helvetica, Geneva, sans-serif; color: #999; padding: 0 0 0 0}
























#content p.info2 {font: 12px Arial, Helvetica, Geneva, sans-serif; color: #999; padding: 0 0 0 0}






























/*--------------------------------------------------------
--------------------------------------------------------*/






/*   Left Side (Title, RSS, Menu, Sidebar)   */
#sidebar
{width: 19em; text-align: right; float: left; padding: 0 0 5em 0}


#rss a {
width: 16px; height: 16px;
display: table;
margin: 0 0 1em 0;
float: right
}






/*--------------------------------------------------------
--------------------------------------------------------*/





#footer {
margin: 1em auto;
width: 600px;
padding: 2em 11em 2em 11em;
background-color: #ffffff;
color: #0082aa;
height:30px;
}

#footer a, #footer a:visited {
	color: #313538;
	text-decoration: underline;
}




/*--------------------------------------------------------
--------------------------------------------------------*/





/*   Input Fields, Form Fields   */
.search,
input,
textarea {
width: 66%;
background-color: #f6f6f6;
border-top: 2px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;
padding: .2em 0
}
	input:focus,
	textarea:focus {
	color: #666;
	background-color: #fff;
	border-top: 2px solid #888
	}
.zemSubmit, .button {
width: 23%;
border: 2px outset #999;
background-color: #f6f6f6
}
label {
margin: 1em 0 .2em 0;
display: block
}
#txpCommentInputForm {padding: 2em 0 0 0}




























/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}






.lbLoading {
	background: #fff url("../js/css/loading.gif") no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url("../js/css/prevlabel.gif") no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url("../js/css/nextlabel.gif") no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url("../js/css/closelabel.gif") no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}




















/* THUMBNAILS */


#thumbnails img {
        border: 5px solid #ffffff;
        border-bottom: 5px solid #ffffff;
        margin: 2.2px;
}




#thumbnails2 img {
        border: 0px solid #ffffff;
        border-bottom: 0px solid #ffffff;
        margin: 2.2px;
}




#left {
float: left;
width: 380px;
}

#right {
float: left;
width: 320px;
}























#contentb p, #contentb ul, #contentb ol, .search, input, textarea, label, .footer-right p
{font: 1.3em Arial, "Lucida Grande", Lucida, sans-serif; color: #999}



}
#contentb p {margin: 1em 0}
#contentb p strong {color: #666; font-weight: normal}
#contentb p code {font: 1em Arial, Courier, mono}
#contentb abbr, #contentb acronym {font-style: normal; border-bottom: dotted 1px #666; cursor: help;}
#contentb blockquote {
	padding: 0 0 0 2em; margin: 0 2em 0 0;
	border-left: 1px solid #ccc}
#contentb ul, #contentb ol {
	list-style-position: inside;
	margin: .5em 1em
	}
	#content ul {list-style-type: circle}
	#content ol {list-style-type: upper-roman}



#contentb h3 {
	font: 2em/0em Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	padding:  0 0 15px 0;
	color: #666
	}
#contentb h4 {
	font: 1.4em/1em Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	padding: 1.5em 0 0 0;
	color: #666
	}	
	#content h3 a, a:visited {color: #666}
	#content h3 a:hover, a:active {color: #111}
#contentb p a, .footer-right p a {
	color: #69c;
	padding: 0 0 0 12px;
	border-bottom: 1px dotted #fff
	}
	#contentb p a:hover, .footer-right p a:hover {color: #369; border-bottom: 1px dotted #369}
.article {padding: 0 0 2em 0}
.single-article {padding: 0 0 2em 0}
.comment {padding: 1em 0 0 0}
#content p.info {font: 1.0em/1.1em Arial, Helvetica, Geneva, sans-serif; color: #999; padding: 0 0 0 0}


#contentb p.info2 {font: 12px Arial, Helvetica, Geneva, sans-serif; color: #999; padding: 0 0 0 0}




#contentb {
width: 800px;
clear: both;
padding: 2em 1em 2em 1em;
background: #ffffff;