body {font-family: Georgia, "Times New Roman", Times, serif;background-color: #f7f7f5;color: #8d8d8d;background-image: url(images/paper.png);}
*, * focus {	outline: none;	margin: 0;	padding: 0;}

/* Links */
a {color: #9f9f9f;text-decoration: underline;}
a:hover {color: #fdca00;}
a:visited:hover {color: #fdca00;}
a:visited {color: #777777;}
.page-wrap {margin-right: auto;margin-left: auto;width: 960px;}
/* Header */
#header {display: block;margin-bottom: 50px;width: 960px;height: 270px;}
#header-head {background-repeat: no-repeat;width: 200px;float: left;height: 270px;background-image: url(images/header.png);}
#header-bubble {background-repeat: no-repeat;background-position: -200px;width: 621px;float: right;height: 270px;background-image: url(images/header.png);}
/* Menu */
#menu {padding-left: 10px;float: left;width: 170px;}
#menu ul, #footer ul {padding: 0px;margin: 0px;list-style-type: none;}

#menu h1 {padding-bottom: 15px;font-weight: bold;font-size: 1.7em;font-family: Helvetica, Verdana, Arial, sans-serif;}
#menu h1 a {position: relative;color: #bcbbba;text-decoration: none;}

#menu h1 a:hover {text-decoration: none;color: #fdca00;}
#menu h2 {padding-bottom: 10px;padding-left: 15px;font-size: 1.3em;}
#menu h2 a {position: relative;color: #bcbbba;text-decoration: none;}	
#menu .current-page-blog #menu-blog{color: #7d7d7c;}
#menu .current-page-article #menu-article{color: #7d7d7c;}
#menu .current-page-illustration #menu-illustration{color: #7d7d7c;}
#menu .current-page-sketch #menu-sketch{color: #7d7d7c;}
#menu .current-page-logo #menu-logo{color: #7d7d7c;}
#menu .current-page-webdesign #menu-webdesign{color: #7d7d7c;}
#menu .current-page-manga #menu-manga{color: #7d7d7c;}
#menu .current-page-contact #menu-contact{color: #7d7d7c;}
#menu .current-page-about #menu-about{color: #7d7d7c;}
#menu .current-page-portfolio #menu-portfolio{color: #7d7d7c;}

#menu h2 a:hover {text-decoration: none;color: #fdca00;}
/* search box */
#searchForm {font-size: 20px;width: 170px;position: relative;padding-bottom: 30px;background-image: url(images/field1.png);background-repeat: no-repeat;}
fieldset {padding: 0px;margin: 0px;border-style: none;}
#searchBox {padding-top: 10px;padding-right: 10px;width: 125px;background-color: transparent;border-style: none;font-size: 20px;color: #818181;font-family: Helvetica, Verdana, Arial, sans-serif;}
#searchSubmit {margin-right: 5px;margin-left: 8px;margin-top: 10px;clear: both;float: left;border-style: none;}

/*Content*/
#content {width: 570px;margin-left: 390px;}
#content h1 {padding-bottom: 15px;padding-top: 5px;font-weight: bold;color: #818181;font-size: 2em;font-family: Helvetica, Verdana, Arial, sans-serif;}
#content h2 {color: #959595;font-size: 1.5em;padding-top: 30px;padding-bottom: 15px;}
#content .picture-info h2 {padding-left: 0px;padding-top: 0px;}
h1 a {position: relative;color: #818181;text-decoration: none;}
h1 a:visited {position: relative;color: #818181;text-decoration: none;}
h1 a:hover {text-decoration: none;color: #fdca00;}
h2 a {position: relative;color: #959595;text-decoration: none;}
h2 a:visited {position: relative;color: #959595;text-decoration: none;}
h2 a:hover {text-decoration: none;color: #fdca00;}
h2 {font-weight: bold;color: #959595;font-family: Helvetica, Verdana, Arial, sans-serif;}
h3 {color: #959595;font-family: Helvetica, Verdana, Arial, sans-serif;}

/* Dates */
.date{background-color:#b2dfff;color:#f7f7f5;position:relative;height:70px;width:85px;background-repeat:no-repeat;background-image:url(images/buble.png)}
.day{font-size:0;float:left;height:35px;width:40px;background-image:url(images/dates.png);margin:0 4px 4px 0}
.day-1{background-position:0 0}
.day-2{background-position:0 -35px}
.day-3{background-position:0 -70px}
.day-4{background-position:0 -105px}
.day-5{background-position:0 -140px}
.day-6{background-position:0 -175px}
.day-7{background-position:0 -210px}
.day-8{background-position:0 -245px}
.day-9{background-position:0 -280px}
.day-10{background-position:0 -315px}
.day-11{background-position:0 -350px}
.day-12{background-position:0 -385px}
.day-13{background-position:0 -420px}
.day-14{background-position:0 -455px}
.day-15{background-position:0 -490px}
.day-16{background-position:0 -525px}
.day-17{background-position:0 -560px}
.day-18{background-position:0 -595px}
.day-19{background-position:0 -630px}
.day-20{background-position:0 -665px}
.day-21{background-position:0 -700px}
.day-22{background-position:0 -735px}
.day-23{background-position:0 -770px}
.day-24{background-position:0 -805px}
.day-25{background-position:0 -840px}
.day-26{background-position:0 -875px}
.day-27{background-position:0 -910px} 
.day-28{background-position:0 -945px}
.day-29{background-position:0 -980px}
.day-30{background-position:0 -1015px}
.day-31{background-position:0 -1050px}
.month{	width: 15px;height: 35px;font-size: 0px;float: left;background-image: url(images/dates.png);}
.month-Jan{background-position:-41px 0}
.month-Feb{background-position:-41px -35px}
.month-Mar {background-position: -41px -70px;}
.month-Apr {background-position: -41px -105px;}
.month-May {background-position: -41px -140px;}
.month-Jun{background-position:-41px -175px}
.month-Jul{background-position:-41px -210px}
.month-Aug{background-position:-41px -245px}
.month-Sep{background-position:-41px -280px} 
.month-Oct{background-position:-41px -315px}
.month-Nov{background-position:-41px -350px}
.month-Dec{background-position:-41px -385px}
.year{height:20px;width:60px;background-image:url(images/dates.png);font-size:0;display:inline;float:left;margin:0 4px 4px 0}
.year-2003{background-position:1px -1085px}
.year-2004{background-position:1px -1106px}
.year-2005{background-position:1px -1127px}
.year-2006{background-position:1px -1148px}
.year-2007{background-position:1px -1169px}
.year-2008{background-position:1px -1189px}
.year-2009{background-position:1px -1210px}
.year-2010{background-position:1px -1230px}
.year-2011{background-position:1px -1251px}
.year-2012{background-position:1px -1272px}
.year-2013{background-position:1px -1293px}
.year-2014{background-position:1px -1314px}
.year-2015{background-position:1px -1335px}
/* Metadata*/
.postmetadata {padding-bottom: 50px;font-size: 0.8em;display: block;list-style-type: none;}
.postmetadata li {background-repeat: repeat-y;background-position: right 0px;background-image: url(images/trait-small.png);padding-right: 13px;list-style-type: none;display: inline;}
.postmetadata .tags a {font-style: italic;}
.metadata-category {color: #797979;}
.metadata-category a {color: #797979;}

/* Content*/
.readMore {padding-right: 5px;margin-top: 10px;padding-top: 5px;text-align: left;padding-bottom: 5px;font-size: 1.1em;font-family: Helvetica, Verdana, Arial, sans-serif;font-weight: bold;}
.readMore a, .readMore a:visited {color: #959595;}
.readMore a:hover {color: #fdca00;}
p {padding-bottom: 10px;}
.date {margin-left: -90px;float: left;}
.title-part {float: left;}
.post-info-pipe {background-repeat: no-repeat;color: #f7f7f5;font-size: 0pt;height: 30px;background-image: url(images/trait.png);}
.and {margin-top: -5px;color: #f7f7f5;float: left;position: relative;background-image: url(images/and.png);height: 50px;width: 50px;background-repeat: no-repeat;font-size: 0pt;}
.post {margin-bottom: 50px;position: relative;}

.picture-holder {width: 100px;float: left;display: inline;}
.picture-thumb {border-style: none;float: right;display: inline;}
/*shadow on thumb */
.picture-thumb { -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; background: #fff;}
@-moz-document url-prefix() { .content { border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; } } /* FF2 */
.picture-thumb { *border: 1px solid; *border-color: #e5e5e5 #dbdbdb #d2d2d2; } /* IEs */
.picture-thumb:nth-child(1n) { border: none; } /* reset for smart browsers */
.picture-info {background-position: 0 0;padding-left: 20px;min-height: 120px;margin-left: 100px;background-repeat: no-repeat;background-image: url(images/trait.png);}
.picture-info label {color: #959595;}
.picture-info .tags {margin-bottom: 20px;}

#footer {background-color: #666666;position: relative;color: #bcbcbc;margin-top: 10px;width: 100%;background-image: url(images/paperBlack.png);}
#footer .picture-thumb {border-right-width: 1px;border-bottom-width: 1px;border-right-color: #454545;border-bottom-color: #454545;border-right-style: solid;border-bottom-style: solid;float: left;}
#footer-border {margin-bottom: 10px;height: 6px;width: 100%;background-repeat: repeat-x;background-image: url(images/border.png);}
#footer-side {float: left;width: 300px;}
#footer-main {float: right;width: 580px;}
#footer #rights {font-size: 0.8em;padding-top: 10px;color: #959595;text-align: center;clear: both;}
#footer h2 {color: #959595;padding-bottom: 15px;font-size: 1.3em;}
#footer-navi a {font-weight: bold;display: inline;color: #959595;font-size: 1em;font-family: Helvetica, Verdana, Arial, sans-serif;}
#footer-navi a:hover {text-decoration: none;display: inline;color: #f9c837;}
#footer h3 {color: #bcbcbc;padding-bottom: 15px;font-size: 1.1em;}
#footer li {list-style-type: circle;}
#footer-navi {margin-bottom: 20px;text-align: center;}

#pages-navigation {clear: both;padding-top: 50px;list-style-type: none;margin-left: 220px;}
#pages-navigation ul {width: 400px;list-style-type: none;}
.current-pageNumber {background-repeat: no-repeat;color: #7d7d7c;margin-right: 5px;margin-left: 5px;padding-top: 3px;background-position: 0 0px;margin-bottom: 10px;height: 30px;text-align: center;width: 30px;float: left;background-image: url(images/pagination.png);}
.pageNumber {float: left;background-repeat: no-repeat;color: #bcbbba;margin-right: 5px;margin-left: 5px;padding-top: 3px;background-position: 0 -33px;margin-bottom: 10px;height: 30px;text-align: center;width: 30px;background-image: url(images/pagination.png);}
#pages-bottom {clear: both;}
#page-previous {margin-top: -40px;float: left;background-repeat: no-repeat;margin-left: -90px;height: 50px;width: 90px;font-size: 0pt;color: #f7f7f5;background-position: -30px 0px;background-image: url(images/pagination.png);}
#page-next {margin-top: -40px;float: right;background-repeat: no-repeat;margin-right: -90px;height: 50px;width: 90px;font-size: 0pt;color: #f7f7f5;background-position: -120px 0px;background-image: url(images/pagination.png);}
.pageNumber:hover {background-position: 0 0px;color: #f9c837;}
.pageNumber:visited:hover {background-position: 0 0px;color: #f9c837;}
.pageNumber:visited {color: #bcbbba;background-position: 0 -66px;}
#page-next:hover {background-position: -120px -50px;}
#page-previous:hover {background-position: -30px -50px;}

#contactForm textarea {font-family: Helvetica, Verdana, Arial, sans-serif;margin-top: 20px;border-width: 1px;border-style: solid;color: #bcbcbc;font-size: 20px;width: 220px;background-color: transparent;}
#contactForm {padding-left: 20px;width: 300px;float: right;}
#contactForm .contactMessage {font-size: 20px;color: #999999;padding: 5px;border-style: none;height: 160px;width: 219px;background-position: 0 -70px;background-image: url(images/contact.png);background-repeat: no-repeat;}
#contactForm .contactFields {background-image: url(images/contact.png);margin-top: 20px;color: #999999;font-size: 20px;padding: 5px;border-style: none;height: 20px;width: 219px;background-repeat: no-repeat;border-style: none;background-position: 0 -40px;}
#contactForm label {width: 64px;float: right;font-size: 0pt;color: #f7f7f5;}
#contactName-label {background-position: -228px 0px;background-repeat: no-repeat;background-image: url(images/contact.png);width: 64px;height: 32px;}
#contactEmail-label {background-position: -228px -32px;background-repeat: no-repeat;background-image: url(images/contact.png);width: 64px;height: 32px;}
#contactWebsite-label {background-position: -228px -64px;background-repeat: no-repeat;background-image: url(images/contact.png);width: 64px;height: 32px;}
#contactMessage-label {background-position: -228px -96px;background-repeat: no-repeat;background-image: url(images/contact.png);width: 64px;height: 54px;}
.contactSubmit {margin-top: 20px;border-style: none;font-size: 0pt;color: #f7f7f5;background-position: -292px -0px;background-repeat: no-repeat;background-image: url(images/contact.png);width: 181px;height: 46px;float:left;}
.contactSubmit:hover {background-position: -292px -46px;}	
.add-comment {padding-bottom: 20px;}

#commentForm textarea {font-family: Helvetica, Verdana, Arial, sans-serif;margin-top: 20px;border-width: 1px;border-style: solid;color: #bcbcbc;font-size: 20px;width: 220px;background-color: transparent;float:left;}
#commentForm {width: 570px;float: left;}
#commentForm .commentMessage {font-size: 20px;color: #999999;padding: 5px;border-style: none;height: 160px;width: 482px;background-position: 0 -241px;background-image: url(images/contact.png);background-repeat: no-repeat;}
#commentForm .commentFields {background-image: url(images/contact.png);margin-top: 20px;color: #999999;font-size: 20px;padding: 5px;border-style: none;height: 20px;width: 219px;background-repeat: no-repeat;border-style: none;background-position: 0 -40px;float:left;clear:left;}
#commentForm label {width: 64px;float: right;font-size: 0pt;color: #f7f7f5;float:left;}
#commentAuthor-label {background-position: -228px 0px;background-repeat: no-repeat;background-image: url(images/contact.png);width: 64px;height: 32px;}
#commentEmail-label {background-position: -228px -32px;background-repeat: no-repeat;background-image: url(images/contact.png);width: 64px;height: 32px;}
#commentWebsite-label {background-position: -228px -64px;background-repeat: no-repeat;background-image: url(images/contact.png);width: 64px;height: 32px;}
#commentMessage-label {background-position: -228px -96px;background-repeat: no-repeat;background-image: url(images/contact.png);width: 64px;height: 54px;}
.commentSubmit {margin-top: 20px;border-style: none;font-size: 0pt;color: #f7f7f5;background-position: -292px -92px;background-repeat: no-repeat;background-image: url(images/contact.png);width: 181px;height: 46px;float:left;}
.commentSubmit:hover {background-position: -292px -138px;}


.full-picture {margin-bottom: 20px;margin-left: -80px;}
.full-picture { -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; background: #fff; }
.full-picture { *border: 1px solid; *border-color: #e5e5e5 #dbdbdb #d2d2d2; } /* IEs */
.full-picture:nth-child(1n) { border: none; } /* reset for smart browsers */
.commentlist {	margin-bottom: 30px;	list-style-type: none;}
.avatar { -webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; background: #fff; }
@-moz-document url-prefix() { .content { border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2;  } } /* FF2 */
.avatar { *border: 1px solid; *border-color: #e5e5e5 #dbdbdb #d2d2d2; } /* IEs */
.avatar:nth-child(1n) { border: none; } /* reset for smart browsers */

.avatar{	left: 118px;	position: relative;	display: block;	margin-bottom: 5px;	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);}
.commentlist li {margin-bottom: 20px;margin-top: 10px;padding-top: 15px;padding-left: 30px;margin-left: -25px;min-height: 70px;background-position: 0 -70px;background-repeat: no-repeat;background-image: url(images/buble.png);}
.comment-author {	position: relative;	float: left;	text-align: right;	margin-left: -185px;	width: 150px;}
.comment-author cite {	margin-top: 20px;	clear: both;}
.comment-meta {	margin-left: 15px;	font-size: 0.8em;}
.moderationText {	margin-left: 15px;	text-align: center;	color: #6a6a6a;	font-size: 1.2em;}