/************************************************** L O R E M  I P S U M  **************************************************/
*,img { margin: 0; padding: 0; border:medium none;text-decoration:none;/* F O R   C H R O M E */}
*:focus {outline: none;/* R E M O V E   C H R O M E   O R A N G E   A N D   S A F A R I   B L U E */}

body {margin:0; padding:0;width:100%; height:100%;overflow: -moz-scrollbars-vertical;overflow-x: hidden; overflow-y: scroll;color: #333; font-size: 13px; font-family: Arial, Swiss, Helvetica, sans-serif;line-height:140%;}
a, img a, a img, li, li a, link, a:link,  :-moz-any-link { outline: none medium; -moz-outline-style:none; text-decoration:none; border-top-width: medium; border-right-style: none; border-right-width: medium; border-bottom-style: none; border-bottom-width: medium; border-left-style: none; border-left-width: medium; }
a, li, link, a:link {color: #660000;list-style-type:none;font-weight: bold;}
a:hover, li:hover, link:hover {text-decoration: none; color: #000;} a:visited {color:#666;}

/************************************************** F O N T S **************************************************/
@font-face{ font-family: LeviMarker; src: url(http://loremipsum.ro/fonts/LeviMarker.ttf) format("truetype"); }  
.marker {font-family: LeviMarker;}	 
h1, h2, h3, h4, h5, h6, pre, blockquote, fieldset, table, ul {text-align: left; text-decoration:none;}
h1 {color:#666666;font-size:25px;letter-spacing:-2px;}	h2 {text-transform: uppercase;}
h2.headline {font-size:20px;height:auto;padding:0; line-height:120%;z-index: -1;}

small, .small, #small, small p {font-weight: normal; font-size: 11px; line-height: 120%;}
.verysmall {font-size: 9px; line-height: 20px; letter-spacing:1px;}
.caps{text-transform:uppercase;}	.strong, strong {font-weight: bold;}

/************************************************** C L A S S **************************************************/
.important {color: #660000;}
.none {display: none;}
.block {display: block;}
.nobg {background: none;}
.nomargin {margin:0 !important;}
.noimg {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;	opacity: 0; display: block;background: transparent; text-indent: -9999px;}
.center {display: block; margin-left: auto; margin-right: auto;text-align: center;}
.left {float: left;}
.right {float: right;}
.absolute {position: absolute;}
.rounded, #catsearch select.postform {-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

.noborder {border: medium none; border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; }
.border {border:1px solid #CCC;}	.border a:hover, .border a:focus {border: 1px solid #660000;}
.shadowin, #catsearch select.postform {-moz-box-shadow:2px 2px 8px #333 inset;-webkit-box-shadow:2px 2px 8px #333 inset;box-shadow:2px 2px 8px #333 inset;}
.shadow {-moz-box-shadow: 4px 6px 8px rgba(0, 0, 0, 0.6);-webkit-box-shadow: 4px 6px 8px rgba(0, 0, 0, 0.6);box-shadow: 4px 6px 8px rgba(0, 0, 0, 0.6);}
.bevel {border-color:#666 #EEE #EEE #666;border-style:solid;border-width:1px;}
.emboss {text-shadow:1px 1px 1px #EEE;}
.default {cursor: default;}
.pointer {cursor: pointer;}
.rotate {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}

.clear {clear: both;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {/*display:inline-block;*/}/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix {/*display:block*/}/* End hide from IE-mac */
.button {padding: 8px 12px; cursor: pointer; font-size: 13px; font-weight: bold;background: #777;text-transform: uppercase;letter-spacing:0.05em;}
.button:hover, .button:focus  {background: #660000;color: #fff;}

.transparent a, .menu a, .alpha, #share img, .opac, #moreorless, #showhide, #process, #brandbook, #sb-nav-next, #sb-nav-previous, #sb-nav-close {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.transparent a:hover, .menu a:hover, .alpha:hover, #showhide:hover, #process:hover, #brandbook:hover, #share img:hover, #moreorless:hover, #sb-nav-next:hover, #sb-nav-previous:hover, #sb-nav-close:hover  {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;	opacity: 1;}

#iewarning {display:hidden;text-indent: -9999px;}

/************************************************** L A Y O U T **************************************************/
.heading, .menuheading {background:url(images/menu/showmenu.png) no-repeat scroll 0 0 transparent;color:#999999;cursor:pointer;float:right;font-size:13px;font-weight:bold;height:44px;padding:16px 0 0 23px;position:absolute;right:90px;top:0;width:77px;z-index:999;}
.heading:hover, .menuheading:hover {color: #FFF;}
#grandWrap, #mainWrap {width: 100%; margin: 0 auto;padding: 0px;}
#container {position:absolute;text-align:left;width:100%;z-index:2;}
#content {padding:0 0 20px 5px;width:1020px; margin:0 auto -10px;}

/************************************************** M E N U **************************************************/
#menuhome,#menuart, #menuphoto, #menublog {height:800px; margin:0 auto; position:relative; width:1200px; z-index:1;}
#menuhome {background:url(images/home/pocketknife.jpg) no-repeat scroll center 0 transparent; } 

/************************************************** H O M E P A G E **************************************************/
#sale, #me, #photocat, #paint, #sparks {-moz-background-size:auto auto;background: url("images/home/paper.png") 15px -35px no-repeat; height:420px;left:50%;margin-left:-370px;margin-top:-200px;position:fixed;top:50%;width:740px;-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; display:none;}
#sale, #sparks {z-index: 101;}
#modal { background:#000; width:100%; height:100%; position:fixed; top:0; left:0; z-index:100; display:none;}

/************************************************** S H O W / H I D E **************************************************/
#feedback, #slideback {background:url(images/menu/feedback.png); width:450px; height: 45px; position: absolute; z-index: 8;text-indent: -9999px; cursor: pointer;}
#feedback {background-position: 0 0;}
#slideback {background-position: 0 -45px;}
	
#hidepaint, #hidesale, #hideme, #hidephotocat, #hidesparks, #home a, #analysis a, #identity a, #guidelines a, #web a, #design a, #webdesign a, #print a, #other a, #work a, #otherwork a, #fontt a, #bird a, #photo a, #rss a, #rssdesign a, #loremipsum a, #google a, #designt a, #paragraph .button, #illustrations a, #photography a, #collage a, #art a, #webs a, #designs a, #arts a, #works a {position: absolute; background-image: url(images/menu/menu.png);background-color: transparent; z-index:2;text-indent: -9999px; cursor: pointer;}
#news a, #inactive, #blogt a, #blog a, #copy a, #levi a, #history a, #faq a, #photot a, #about a, #resources a, #categories a, #brandt a, #artt a, #paintings a, #design a, #logice a, #personal a, #readcv a, #moreabout a, #goup, #godown a {position: absolute; background-image: url(images/menu/menu.png);z-index:8;text-indent: -9999px; cursor: pointer;}
#inactive {cursor: default;}
#goup {background-position:-670px -30px;height:30px;width:30px;}
#godown a {background-position:-670px 0px;height:30px;width:30px;}
#home a {background-position:-600px -140px;height:40px;width:90px;}
#analysis a {background-position:-150px -100px;height:50px;width:130px;}
#identity a{background-position:-280px -100px;height:30px;width:120px;}
#guidelines a{background-position:-150px -150px;height:40px;width:150px;}
#loremipsum a {background-position:-500px -330px;height:30px;width:180px;}
#web a{background-position:-150px -270px;height:40px;width:70px;}
#design a{ background-position:-210px -270px;height:40px;width:110px;}
#webdesign a{ background-position:-150px -270px;height:40px;width:170px;}

#print a{background-position:-230px -230px;height:40px;width:90px;}
#other a {background-position:-320px -270px;height:40px;width:90px;}
#work a {background-position:-410px -270px;height:40px;width:90px;}
#otherwork a {background-position:-320px -270px;height:40px;width:180px;}
#art a {background-position:-400px -100px;height:40px;width:70px;}

#news a {background-position:-380px -230px;height:40px;width:90px;}
#inactive {background-position:-400px -60px;height:42px;width:105px;margin:550px 0 0 100px;}
#blog a {background-position:-150px -230px;height:40px;width:90px;}
#logice a{background-position:-400px -420px;height:30px;width:100px;}
#personal a{background-position:0 -400px;height:30px;width:120px;}

#copy a{ background-position:-450px -140px;height:40px;width:100px;}
#levi a{background-position:-370px -150px;height:40px;width:70px;}
#history a{background-position:-180px -540px;height:50px;width:130px;}
#photo a{background-position:-150px -190px;height:40px;width:180px;}
#categories a{background-position:-340px -310px;height:40px;width:160px;}
#about a{background-position:-330px -190px;height:40px;width:90px;}
#paintings a{background-position:-250px -60px;height:40px;width:150px;}
#collage a{background-position:0 -500px;height:40px;width:190px;}
#illustrations a {background-position:0 -540px;height:40px;width:180px;}
#photography a{background-position:-190px -500px;height:50px;width:170px;}
 
#faq a {background-position:-310px -230px;height:40px;width:70px; cursor: default;}
#bird a {background-position:-340px -350px;height:60px;width:150px;}
#rss a {background-position:-640px -180px;height:90px;width:60px;}
#rssdesign a {background-position:-300px -150px;height:40px;width:60px;}
#resources a {background-position:-500px -300px;height:30px;width:140px;}
#google a {background-position:0 -370px; height: 30px; width: 120px;}
#readcv a {background-position:-350px -500px; height: 40px; width: 300px;}
#moreabout a {background-position:-310px -550px; height: 40px; width: 390px;}

#webs a {background-position:-630px -360px; height: 20px; width: 40px;}
#designs a {background-position:-630px -380px; height: 20px; width: 70px;}
#arts a {background-position:-630px -400px; height: 20px; width: 40px;}
#works a {background-position:-630px -420px; height: 20px; width: 60px;}

#paragraph .button {background-position:-420px -190px; height: 40px; width: 80px;position: relative;margin-top:20px;border:medium none;}
#paragraph .button:focus, #paragraph .button:hover  {background:url(images/menu/menu.png) -420px -190px;outline: none medium; -moz-outline-style:none; }
/************************************************** B I G   T I T L E S **************************************************/
#brandt a {background-position:-530px -60px;height:60px;width:170px;}
#designt a {background-position:-250px 0;height:60px;width:200px;}
#photot a {background-position:-150px -310px;height:100px;width:190px;}
#artt a {background-position:-500px -180px;height:60px;width:110px;}
#blogt a {background-position:-500px -240px;height:60px;width:140px;}
#fontt a {background-position:-500px -360px;height:70px;width:130px;}

/************************************************** P O S T I T **************************************************/
#postit {background:url(images/menu/postit.png) 0 0 ; cursor: move; display:block; height:265px; margin:150px 0 0 50px; overflow:hidden; padding:20px 10px 55px 20px; position:fixed; width:270px; z-index:9;}
#postit p, #postit h2 {color:#333333; cursor:move; font-size: 16px; line-height:120%; text-transform:uppercase; width:240px;}
#postit .date, #postit .time {color: #666; margin-top:20px; cursor: move; }
#postit .time {background:transparent; font-size:11px;	font-weight:bold; padding-left: 10px; width:auto;}
#postit p {margin-top: 40px;}
#hidepostit a {	background-position:0 -340px; cursor:pointer; display:block; height:30px; margin-left:217px;	width:30px;}
#refresh a {background-position:-60px -340px;bottom:39px; cursor:pointer;height:30px; margin-left:205px; position:absolute; width:40px; text-indent:-9999px;}
#hidepostit a, #refresh a, #searchForm input#searchsubmit, #login, #register, #contact, #keywords  {background-image:url(images/menu/menu.png); text-indent: -9999px;}
label.hidden {display: none;}

/************************************************** I N D E X **************************************************/
#contentWrap {background:none repeat scroll 0 0 #FFF;float:left;padding:0;width:100%;}

/************************************************** F I N D F O R M **************************************************/
#searchForm {list-style-type:none;text-align:left;top:66px;width:220px;position: relative;}
#searchForm input#s, #catsearch select.postform {background:transparent; border:medium none;font-size:16px;padding:8px 12px;width:160px;}
#searchForm input#s:focus, #catsearch select.postform:focus {background:#FFF;}
#searchForm input#searchsubmit {background-position: -550px -140px; width:40px; height: 40px; text-indent: -9999px; cursor: pointer; position: absolute; right:0px;}
#catsearch {margin-bottom: 10px;z-index: 2;}
#cat .postform option {left: 5px;}

#findformcontainer{position:absolute; background:url(images/menu/contactbody.png) top no-repeat; left:auto; right:20px; z-index: 999;display: none;}
#findform{height:300px; width:390px;display:none;}
#findform fieldset{padding:5px;border:none;}      
#findform label{display:block;color:#ffc400;}      
#findform input[type=text]{background-color: transparent; border:solid 0px white; width:220px; margin-bottom:7px; height:30px;}  
#findform textarea{background-color: transparent; display:block; border:solid 0px white; width:220px; margin-bottom:5px; overflow:auto; }  
#findform input[type=submit]{background:url(images/menu/sendbutton.gif)no-repeat; border: none; margin-left: -15px; margin-top: 0px; cursor:pointer;}
#findform input[type=submit]:hover{background:url(images/menu/sendbutton.gif) 0 -41px; border: none; cursor:pointer;}
#openfind, #closefind{height:48px; width:390px; background:url(images/menu/contactbottom.png)no-repeat; cursor:pointer; position: absolute; right:0px; left: auto; }
#openfind:hover, #closefind:hover{height:48px; width:390px; background:url(images/menu/contactbottom.png) 0 -48px; }

/************************************************** S H O W / H I D E **************************************************/
#showhide {background:url(images/menu/menu.png) no-repeat -525px -30px;cursor:pointer;height:30px;margin-bottom:5px;position:relative;text-indent:-9999px;width:30px;}
#showhide.plus {background-position:-525px -30px ;}
#showhide.minus {background-position:-635px -30px;}

/************************************************** P H O T O **************************************************/
#bigbox {height:auto;}
#thumbbox {float:left; text-align:center;width:85px;margin:0 5px 5px 0;}
#thumbbox img {height:85px;width:85px;}
#thumbbox a {font-size: 12px}

#photocatbox {width:620px;}
#catbox {float:left; font-size:11px; font-weight:bold; margin:0 7px 3px 0; text-align:center; text-transform:uppercase; width:96px;}
#catbox a {color: #999; display: block;}
#catbox a:hover {color: #000;}
#catbox img {width:96px; height: 96px;}

/************************************************** M Y   C O M M E N T S **************************************************/
#mycommentform textarea {font-family:Arial,Swiss,Helvetica,sans-serif;font-size: 13px; padding:6px;overflow:auto;max-width:270px;
min-width:270px;}
.mycommentlist {width:270px;}
.mycommentlist li {color:#000;font-weight:normal;padding-top:7px;width:270px;overflow: hidden;}
.myauthor {margin-right: 6px}
.mycomment {width:250px;}
.myname, .mydate {margin-top:-3px;} .myname {font-size: 13px}

/************************************************** S H A R E **************************************************/
#share {height:50px;margin-right:-10px;margin-top:20px;text-indent:-9999px;width:300px;cursor:pointer;}
#share img {float:left;}

/************************************************** P R E V I E W **************************************************/
.preview {background:url(images/home/paper.png) no-repeat scroll 0 -4px transparent;height:350px;margin:-35px -35px -9px -45px; padding:45px; width:610px; z-index:999;}
.webpreview, .logopreview {background:url(images/design/webbody.png) repeat-y scroll 0 0 transparent;
margin-left:-5px;
padding:0 15px 0 5px;
}
.logopreview {background:url(images/design/card.png) no-repeat scroll 0 0 transparent;padding-left:18px;font-family:Lucida Grande, Arial, Swiss, Helvetica, san-serif; width:320px;}

/************************************************** N A V I G A T I O N **************************************************/
#navbar {width:100%;}
#previouspost {margin-left: 47%;}
#previouspost a, #nextpost a {display:block;height:30px;width:30px;margin-top: -20px;}
#previouspost a {background:url("images/previous.png") no-repeat 0 0 transparent;}
#nextpost a {background:url("images/next.png") no-repeat 0 0 transparent;}