* {

		margin: 0px;

		padding: 0px;

}

body, html {

		height: 100%;

}

body {

		background: #090909 url(images/bg.jpg) top center no-repeat;

		color: #aaa;

    	font-family: helvetica, arial, sans-serif;

}

a{

    color: #8ed6ff;

	outline: none;

    text-decoration: none;

    border-bottom: 1px solid #333;

}

a:hover{

    color: #fff;

    border-bottom: 1px solid #c00;

}



#pagewrapper {

		margin: 0 auto;

		width: 940px;

		height: auto;

		padding: 0px 10px 20px 10px;

}

#header {

		height: 200px;

		background: url(images/header.png) bottom left no-repeat;

		margin: 0px 0px 0px 0px;

}

	

#sidebar {

		width: 350px;

		float: left;

		margin: 0px 10px 20px 0px;

		padding-right: 30px;

		

}

#content {

		width: 540px;

		float: left;

		margin: 0px 0px 20px 10px;

}

#mono {

		width: 940px;

		text-align:center;

		padding: 80px 0px;

}

/* Navbar */

.navbar {

		width: 940px;

		height: 47px;

		background: url(images/navbar.gif) 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: 26px;

		width: 540px;

		font-size: 16px;

}

.post p 	{

		margin-bottom: 20px;

}

.post h2 {

		color: #fff;

		font-size: 24px;

		font-weight:bold;

		margin: 10px 0px 5px 0px;

		clear: both;

		text-shadow: #000000 -1px -1px 0;



}

.post h2 a{

		color: #fff;

}

.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 .meta{

    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;

}

.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 ol { 

	padding: 20px;

	margin-left: 20px;

}

.post ol li {

	font-size: 12px;

	line-height: 1.4em;

	margin-bottom: 0.8em;

	color: #aaa;

    text-shadow: #111 1px 1px 0;

	padding-left: 5px;

}

.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;

	border: 2px solid #333;

}

.post img.alignright {

	float: right;

	margin: 5px 0px 5px 10px;

	padding: 4px;

	border: 2px solid #333;

}

.post img {

	border: 1px solid #000;

}

.post img:hover {

	border: 1px solid #8ed6ff;

}

.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.png);

}

.singlemeta .facebook:hover {

		background: url(images/social-icons.png) 0px -17px;

}

.singlemeta .su {

		background: url(images/social-icons.png) -17px 0px;

}

.singlemeta .su:hover {

		background: url(images/social-icons.png) -17px -17px;

}

.singlemeta .red {

		background: url(images/social-icons.png) -34px 0px;

}

.singlemeta .red:hover {

		background: url(images/social-icons.png) -34px -17px;

}

.singlemeta .digg {

		background: url(images/social-icons.png) -51px 0px;

}

.singlemeta .digg:hover {

		background: url(images/social-icons.png) -51px -17px;

}

.singlemeta .del {

		background: url(images/social-icons.png) -68px 0px;

}

.singlemeta .del:hover {

		background: url(images/social-icons.png) -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 10px 10px 0px; color: #e5e5e5; text-shadow: #000000 -1px -1px 0; width: 350px; display: block; float: left; border-bottom: 1px solid #333;}

#sidebar ul { list-style:none; width: 360px;}

#sidebar ul li { padding-bottom: 10px;}

#sidebar ul li ul li{ padding-bottom: 0px;}

.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;

}



#calendar_wrap {

	float: left;

	width: 350px;

}

#wp-calendar {

	margin: 0 auto;

	width: 300px;

	line-height: 1.4em;

	text-align: center;

	font-size: 12px;

}

#wp-calendar caption {

	color: #8ed6ff;

	font-weight:bold;

	text-transform: uppercase;

	margin: 0px 0px 5px 0px;

}

thead>tr>th

{

   	text-align:center;

  	border-bottom:1px solid #232323;

	color: #af2222;

	font-weight:bold;

}

tbody>tr>td>a, tbody>tr>td>a:hover

{

	background-color: #af2222;

	text-align:center;

	display: block;

	width: 19px;

	height: 18px;

	padding: 1px 2px 1px 1px;

	-webkit-border-radius: 2px;

    -moz-border-radius: 2px;

	margin: 0 auto;

	border: none;

}

#wp-calendar tfoot>tr>td#prev

{

	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: 70px;

}

#wp-calendar tfoot>tr>td#next

{

	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: 70px;

}

.widget_search fieldset 	{ border:none; width: 360px; float: left;}

.widget_search fieldset legend { display: none;}

.inputSearch {border:1px solid #333; background: #151515; width:260px; height:19px; padding:4px 7px 4px 7px; font-size:1em; color:#8a827c; margin: 0px 0px 0px 0px;} 

.submitSearch {border:1px solid #000; background: #af2222; width:60px; height:30px; padding:4px 0px 4px 0px; font-size:0.8em; color:#f0f0f0; text-shadow: #631313 1px 1px 0; font-weight:bold;} 

/* Comments */

#comments h2 {

	color:#FFF;

	font-size: 24px;

	font-weight:bold;

	margin: 10px 0px 5px 0px;

	clear: both;

	text-shadow: #000000 -1px -1px 0;

}

#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.byuser{

    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;

}

#footer-wrap .toplink {

	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;

	display: block;

	width: 50px;

}

#footer-wrap .toplink:hover {

	border: none;

	background: #333;

}