* {
 margin: 0px;
 padding: 0px;
}
body, html { height: 100%; }
body {
 background: #2c2419 url(images/bg.jpg) top center no-repeat;
 color: #aaa;
 font-family: helvetica, arial, sans-serif;
}
a {
 color: #FFEA00;
 outline: none;
 text-decoration: none;
}
a:hover { color: #fff; }
#pagewrapper {
 margin: 0 auto;
 width: 940px;
 height: auto;
 padding: 0px 10px 20px 10px;
}
#header {
 height: 120px;
 background: url(images/logo.png) bottom left no-repeat;
 margin: 0px 0px 20px 25px;
}
#sidebar {
 width: 350px;
 float: right;
 margin: 0 0px 20px 10px;
 padding-right: 30px;
}
#content {
 width: 540px;
 float: left;
 margin: 0px 0px 20px 10px;
}
#mono {
 width: 940px;
 text-align:center;
}
/* Navbar */
.navbar {
 width: 940px;
 height: 47px;
 background: url(images/navbar.png) no-repeat;
 margin: 0px 0px 30px 0px;
}
.lavaLampWithImage {
 position: relative;
 height: 32px;
 width: 710px;
 padding: 8px 15px 15px 15px;
 overflow: hidden;
 float: left;
}
.lavaLampWithImage li {
 float: left;
 list-style: none;
}
.lavaLampWithImage li.back {
 background: url("images/lava.png") no-repeat right -30px;
 width: 9px;
 height: 30px;
 z-index: 8;
 position: absolute;
}
.lavaLampWithImage li.back .left {
 background: url("images/lava.png") no-repeat top left;
 height: 30px;
 margin-right: 9px; /* 7px is the width of the rounded shape */
}
.lavaLampWithImage li a {
 font: bold 14px arial;
 text-decoration: none;
 color: #fff;
 outline: none;
 text-align: center;
 text-shadow: #000000 -1px -1px 0;
 top: 7px;
 text-transform: uppercase;
 letter-spacing: 0;
 z-index: 10;
 display: block;
 float: left;
 height: 30px;
 position: relative;
 overflow: hidden;
 margin: auto 10px;
 border: none;
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited { border: none; }
.icons {
 float: right;
 display: inline;
 list-style: none;
 margin: 10px 20px 0px 0px;
}
.icons li {
 float: right;
 display: inline;
 list-style: none;
 width: 26px;
 height: 26px;
 position: relative;
 margin: 0px 2px;
}
.icons li a {
 display: block;
 width: 26px;
 height: 26px;
 border: none;
}
.icons .facebook { background: url(images/social.png); }
.icons .facebook:hover { background: url(images/social.png) 0px -29px; }
.icons .heart { background: url(images/social.png) -32px 0px; }
.icons .heart:hover { background: url(images/social.png) -32px -29px; }
.icons .rss { background: url(images/social.png) -64px 0px; }
.icons .rss:hover { background: url(images/social.png) -64px -29px; }
.icons .twitter { background: url(images/social.png) -95px 0px; }
.icons .twitter:hover { background: url(images/social.png) -95px -29px; }
/* post */
.post {
 line-height: 24px;
 width: 540px;
 font-size: 12px;
}
.post h2 {
 color: #990000;
 font-size: 24px;
 font-weight:bold;
 margin: 10px 0px 5px 0px;
 clear: both;
 text-shadow: #000000 -1px -1px 0;
}
.post h2 a:link, .post h2 a:visited, .post h2 a {
 color: #f21b8b;
 width: 532px;
}
.post .date {
 background:url(images/date.gif) center left no-repeat;
 padding: 0px 0px 0px 20px;
 font-size: 12px;
 margin: 0px 0px 10px 0px;
}
.post p {
 font-size: 11px;
 line-height: 19px;
 text-align:right;
 text-shadow: #111 1px 1px 0;
 color: #fff;
}
.post p img {
 float:left;
 width: 212px;
 margin-left: 2px;
 margin-right: 10px;
 padding: 3px;
 background: #333333;
 border: 1px solid #000000;
}
.post a:link, .post a:visited {
 color:#ffea00;
 font-weight:bold;
}
.post .meta {
 border: none;
 background: #000;
 font-size: 10px;
 line-height: 1.63em;
 text-transform: uppercase;
 color: #aaa;
 padding: 5px 8px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 margin: 10px 0px 20px 0px;
 width: 524px;
 float: left;
 opacity:0.7;
 filter:alpha(opacity=70);
}
.post meta a:link, .post meta a:visited { color: #CCCCCC; }
.post .meta span {
 float: left;
 width: 200px;
}
.post .meta em {
 float: right;
 font-style:normal;
}
.post ul { padding: 20px; }
.post ul li {
 font-size: 12px;
 line-height: 1.4em;
 margin-bottom: 0.8em;
 color: #aaa;
 list-style:none;
 text-shadow: #111 1px 1px 0;
 padding-left: 15px;
 background: url(images/bullet.png) no-repeat 0 .5em;
}
.post blockquote {
 margin: 10px;
 background: url(images/bquote.gif) top left no-repeat;
 padding: 0px 10px 0px 30px;
 font-size: 12px;
 color: #c4c4c4;
}
.post blockquote p {
 background: url(images/bquotep.gif) bottom right no-repeat;
 padding: 0px 20px 0px 0px;
}
.post .more-link {
 background: url(images/readmore.gif) center right no-repeat;
 padding: 0px 20px 0px 0px;
 display: block;
 border: none;
 text-align: right;
}
.post img.alignleft {
 float: left;
 margin: 5px 10px 5px 0px;
 padding: 4px;
}
.post img.alignright {
 float: right;
 margin: 5px 0px 5px 10px;
 padding: 4px;
}
.post img:hover { }
.post p br {
 height: 1px;
 overflow: hidden;
 display:block;
}
.post .singlemeta {
 border: none;
 background: #333;
 font-size: 10px;
 line-height: 1.63em;
 text-transform: uppercase;
 color: #aaa;
 padding: 5px 8px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 margin: 10px 0px 20px 0px;
 width: 524px;
 float: left;
}
.singlemeta ul {
 float: left;
 list-style: none;
 width: 520px;
 margin: 0px;
 padding: 0px;
}
.singlemeta ul li {
 float: right;
 display: inline;
 list-style: none;
 width: 16px;
 height: 16px;
 margin: 0px 2px;
 padding: 0px;
 background-image:none;
}
.singlemeta .share {
 float: left;
 width: 200px;
 font-size: 10px;
 line-height: 1.63em;
 text-shadow: none;
}
.singlemeta .facebook { background: url(images/social-icons.gif); }
.singlemeta .facebook:hover { background: url(images/social-icons.gif) 0px -17px; }
.singlemeta .su { background: url(images/social-icons.gif) -17px 0px; }
.singlemeta .su:hover { background: url(images/social-icons.gif) -17px -17px; }
.singlemeta .red { background: url(images/social-icons.gif) -34px 0px; }
.singlemeta .red:hover { background: url(images/social-icons.gif) -34px -17px; }
.singlemeta .digg { background: url(images/social-icons.gif) -51px 0px; }
.singlemeta .digg:hover { background: url(images/social-icons.gif) -51px -17px; }
.singlemeta .del { background: url(images/social-icons.gif) -68px 0px; }
.singlemeta .del:hover { background: url(images/social-icons.gif) -68px -17px; }
.singlemeta li a {
 display: block;
 width: 16px;
 height: 16px;
 border: none;
}
/* Portfolio */
.portfolio-image {
 width: 200px;
 height: 100px;
 float: left;
 background: #232323;
 margin: 10px 10px 40px 0px;
 padding: 8px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
}
.portfolio-image img:hover { border: none; }
.portfolio-image:hover { background: #2c2c2c; }
.post .port-more-link {
 background: url(images/readmore.gif) center right no-repeat;
 display: block;
 border: none;
 font-size: 10px;
 line-height: 1.63em;
 text-transform: uppercase;
 float: right;
 padding: 0px 20px 0px 0px;
 margin: 10px 0px;
}
/* PageNav */
#pagenav {
 clear: both;
 border: none;
 font-size: 10px;
 line-height: 1.63em;
 text-transform: uppercase;
 color: #aaa;
 padding: 2px 0px;
 margin: 20px 0px;
 width: 540px;
 height: 20px;
 font-weight:bold;
}
#pagenav .alignleft {
 border: none;
 background: #232323;
 font-size: 10px;
 line-height: 1.63em;
 text-transform: uppercase;
 text-align:center;
 color: #aaa;
 padding: 2px 0px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 width: 120px;
 float: left;
}
#pagenav .alignright {
 border: none;
 background: #232323;
 font-size: 10px;
 line-height: 1.63em;
 text-transform: uppercase;
 text-align:center;
 color: #aaa;
 padding: 2px 0px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 width: 120px;
 float: right;
}
#pagenav .alignleft:hover, #pagenav .alignright:hover { background: #2c2c2c; }
/* Sidebar & Widgets */
#sidebar h2 {
 font-size: 20px;
 margin: 10px 0px 10px 0px;
 color: #ffea00;
 text-shadow: #000000 -1px -1px 0;
 width: 350px;
 display: block;
 float: left;
}
#sidebar ul {
 list-style:none;
 width: 360px;
 font-size: 12px;
 padding-left: 10px;
}
#sidebar ul li {
 padding-bottom: 10px;
 color: #fefefe;
 text-shadow: #111 1px 1px 0;
}
#sidebar li a, #sidebar li a:link, #sidebar li a:visited { color: #eaeaea; }
#sidebar li a:hover { color: #000; text-shadow: none; }
#sidebar ul li ul li { padding-bottom: 0px; }
.widget table { width: 360px; }
.flickr_badge_image a {
 display: block;
 width: 75px;
 height: 75px;
 background: #000;
 padding: 1px;
 border: 3px solid #9a9a9a;
 float: left;
 margin: 0 7px 20px 0;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
}
.flickr_badge_image a:hover { border-color: #ccc; }
.flickr_badge_image img { border: 0; }
li.widget {
 float: left;
 width: 360px;
 font-size: 14px;
}
li.widget li {
 float: left;
 line-height: 1.6em;
}
ul#twitter_update_list { }
ul#twitter_update_list li {
 font-size: 12px;
 line-height: 1.4em;
 margin-bottom: 1.2em;
 color: #aaa;
 list-style:none;
 width: 345px;
 float: left;
 text-shadow: #111 1px 1px 0;
 padding-left: 15px;
 background: url(images/bullet-blue.png) no-repeat 0 .5em;
}
li.widget_categories li {
 width: 160px;
 float: left;
 background: url(images/bullet.png) no-repeat 0 .5em;
 padding-left: 15px;
}
li.widget_archive li {
 width: 160px;
 float: left;
 background: url(images/bullet.png) no-repeat 0 .5em;
 padding-left: 15px;
}
li.widget_recent_comments li {
 width: 345px;
 background: url(images/comment.gif) no-repeat 0 .5em;
 padding-left: 15px;
}
.textwidget {
 float: left;
 width: 360px;
 line-height: 1.4em;
}
/* Comments */
#comments ol {
 margin: 0px 0px 0px 20px;
 width: 520px;
}
#comments ol li {
 list-style: decimal;
 font-family: helvetica, arial, sans-serif;
 font-size: 15px;
 padding: 15px 15px 1px 15px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 font-weight: bold;
 color: #444;
 float: left;
 width: 490px;
 text-shadow: #111 1px 1px 0;
 margin-bottom: 1.5em;
 list-style-position:outside;
}
#comments ol li.alt { background: #151515; }
#comments ol li.author_comment { background: #af2222; }
#comments ol li .commentmeta { margin: 0px 0px 10px 0px; }
#comments ol li .avatar {
 border: 2px solid #333;
 padding: 1px;
 background: #000;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 vertical-align: middle;
 margin-right: 5px;
}
#comments ol li .author {
 text-shadow: #111 1px 1px 0;
 font-weight: normal;
 color: #666;
}
#comments ol li .author cite {
 text-shadow: #111 1px 1px 0;
 font-weight: bold;
 font-style: normal;
 color: #fff;
}
#comments ol li p {
 font-family: verdana, sans-serif;
 font-size: 12px;
 line-height: 20px;
 margin-bottom: 15px;
 font-weight:normal;
 color: #ccc;
}
/* Comment Form */
#commentform {
 background: #222;
 float: left;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 width: 500px;
 padding: 10px 20px;
 overflow:hidden;
}
#commentform label {
 color: #fff;
 font-weight:bold;
}
#commentform label small {
 color: #666;
 font-weight:normal;
}
.inputAligner {
 width:155px;
 float:left;
 height: 65px;
 margin-right:10px;
 margin-top: 10px;
 font-size: 12px;
}
.inputBox {
 border:1px solid #333;
 background: #151515;
 width:150px;
 height:19px;
 padding:7px 0px 0px 7px;
 font-size:1em;
 color:#8a827c;
 margin: 10px 0px 0px 0px;
}
.formBox {
 border:1px solid #333;
 background: #151515;
 width:480px;
 height:120px;
 padding:7px 0px 0px 7px;
 font-size:1em;
 color:#8a827c;
 overflow: auto;
}
.submitBox {
 border:1px solid #000;
 background: #af2222;
 color:#f0f0f0;
 width:150px;
 height:30px;
 padding:4px 0px 4px 0px;
 font-size:0.8em;
 text-shadow: #631313 1px 1px 0;
 font-weight:bold;
}
/* Footer */
#footer {
 clear: both;
 height: 45px;
 background: #101010;
 border-top: 1px solid #1a1a1a;
 font-size: 12px;
 color: #333333;
 margin: 20px 0px 0px 0px;
}
#footer-wrap {
 margin: 0 auto;
 width: 940px;
 height: 30px;
 padding: 15px 10px 0px 10px;
}
#footer-wrap p { float: left; }
#footer-wrap span { float: right; }
#pagewrapper #sidebar .widget widget_archive .thumbs2 li {
 list-style: none;
 background:none;
}
.thumbs { padding-left: 0px; }
#pagewrapper #sidebar li .thumbs2 img {
 display:inline;
 float:left;
 padding: 1px;
 background: #333333;
 border: 1px solid #000000;
}
.thumbs ul {
 margin-left: 0px;
 padding-left: 0px;
}
.more1 {
 font-size: 15px;
 margin-top: -15px;
 margin-bottom: 5px;
 margin-left:0px;
}
.thumbs img {
 border: solid 1px;
 color: #555;
}
.thumbs li {
 display:inline;
 margin-right:0px;
}
#pagewrapper #content .post img {
border:2px solid;
display:inline;
float:right;
margin:5px 5px 5px 15px;
width:300px;
}
.butt {
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
  border: none;
 background: #000;
  padding: 5px 8px;
  white-space:nowrap;
  padding-right: 18px;
  width: 65px;
  margin-left:120px;
  text-align: left;
   opacity:0.9;
 filter:alpha(opacity=90);
  margin-top: 20px;
  display:block;
}