@charset "utf-8";
/* CSS Document */


body {font-family: Georgia, Times New Roman, Times, serif;font-size: 67%;color: #878787;background: #c2c6b4;margin:0px;}
#header {width:100%;height:140px;background:url(../img/wood-bg.jpg) repeat-x;}
#content {width:710px;margin:0px auto;padding:10px 0px;}
#logo {padding-top:30px;float:left;}
#logo span {font-size:3.1em;color:#7f0991;}
#menu {padding-top:36px;float:right;}
#menu a {display:block;padding:13px;background:url(../img/purple-menu-tint.png);float:left;font-size:1.6em;margin-left:10px;}
#menu a:hover {background:#000;}
a#active {background:#7f0991;}
#portfolio {width:730px;margin:0px auto;padding:10px 0px 10px 30px;}
#motto {background:#30312d;width:100%;margin:0px auto;}
#footer {width:100%;height:10px;background:url(../img/wood-bg.jpg) repeat-x;padding:10px 0px;}
span.white {color:#000;font-weight:bold;}
a {text-decoration:none;color:#fff;}
a:hover {background:#000;}


.box {width:212px;height:227px;float:left;background:url(../img/right-shadow.png) right 2px no-repeat;margin:20px 30px 20px 0px;}
#thumb {padding:2px 0px 0px 2px;position:relative;top:-55px;z-index:10;height:45px;}
#thumb img {border:0px;}
#tag {width:55px;height:55px;position:relative;top:0px;z-index:50;}
#info {width:192px;height:95px;margin-left:2px;background:url(../img/wood-bg.jpg) no-repeat;padding:5px 3px 0px 5px;}
.awards {font-size:0.8em;padding-top:5px;}
.awards img {padding-right:5px;}
.awards a:hover {background:#7f0991;}
#status {width:200px;height:15px;margin-left:2px;font-size:0.9em;}
#end {width:212px;height:10px;background:url(../img/bottom-shadow.png) 2px top no-repeat;}

h1 {margin:0px;padding:0px;font-size:1em;font-weight:normal;}
h2 {padding-top:3px;margin:0px;font-size:1.6em;font-weight:normal;}
h3 {padding-top:3px;margin:0px;font-size:1em;font-weight:normal;}
h4 {margin:0px;padding:0px;font-size:2em;font-weight:normal;line-height:0.5em;}
.date {padding-top:3px;margin:0px;font-size:0.8em;color:#fff;}

.online h2 {color:#7f0991;}
.online #status a {display:block;height:15px;padding-left:5px;background:#7f0991;}
.online #status a:hover {display:block;background:#000;}
.online #tag {background:url(../img/tag-online.png) no-repeat;}

.new h2 {color:#0097c9;}
.new #status a {display:block;height:15px;padding-left:5px;background:#0097c9;}
.new #status a:hover {display:block;background:#000;}
.new #status {width:200px;background:#0097c9;color:#000000;}
.new #status span {padding-left:5px;}
.new #tag {background:url(../img/tag-new.png) no-repeat;}

.offline h2 {color:#878787;}
.offline #status {width:195px;padding-left:5px;background:#000;}
.offline #tag {background:url(../img/tag-offline.png) no-repeat;}

#about {width:700px;margin:0px auto;padding:10px 0px 10px 0px;color:#000;}
#half {width:50%;float:left;}
#half em {font-style:normal;color:#eeece1;font-weight:bold;}
#about h2 {color:#7f0991;border-bottom:3px solid #eeece1;margin-right:20px;}
#cv {float:right;width:180px;font-size:0.9em;}

input, textarea {font-family: Georgia, Times New Roman, Times, serif;border:0px solid #eeece1;background:#eeece1;width:170px;}
textarea {font-size:1.2em;margin:0px;}
.button {background:#30312d;color:#fff;}