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

/* Main UI */
html, body {
	margin: 0px;
	height:100%;
	width: 100%;
	background-image: url(../img/ui/bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #FFF;
}

h1 {
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

a {
	color: #FFF;
}

a:hover {
	color: #8cbdd9;
}

textarea {
	width: 100%;
	background-color: #6d547b;
}

input {
	width: 250px;
	border: 1px solid #2c1c35;
	background-color: #6d547b;
	font-size: 10px;
}

input[type="text"] {
	height: 15px;
}

input[type="submit"] {
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
	font-family: verdana;
	color: #FFF;
	width: auto;
	position: relative;
	border: 0px;
	cursor: pointer;
}

input[type="submit"]:hover {
	color: #AAA;
	margin-left: 10px;
}
/* Classes */

#main {
	margin-left: auto;
	margin-right: auto;
	width: 872px;
}

#logo {
	background-image: url(../img/ui/logo.png);
	background-repeat:no-repeat;
	width: 392px;
	height: 60px;
	position:relative;
	top: 45px;
}

#content{
	position:relative;
	top: 35px;
	left: -41px;
	margin-left:auto;
	margin-right:auto;
	width: 952px;
	height: 945px;
	background-image: url(../img/ui/bgcontent.png);
	background-repeat:no-repeat;
}

#menu {
	position: relative;
	top: 43px;
	left: 44px;
	width: 872px;
	height: 54px;
	background-image: url(../img/ui/menubg.png);
	background-repeat:no-repeat;
}

/* Menu */

#btn, #btnActive {
	float:left;
}

#btn:hover, #btnActive {
	background-image: url(../img/ui/btnon.png);
	background-repeat:repeat-x;
}

#sociallinks {
	text-align: right;
	float: right;
	height: 54px;
	margin-right: 40px;
}

#sociallinks img {
	padding-top: 13px;
}

/* Content */

#maincontent {
	position:relative;
	margin-left: auto;
	margin-right:auto;
	width: 802px;
	top: 70px;
	padding-bottom: 50px;
}

.post {
	border: 1px solid #1e2728;
	margin-bottom: 20px;
}

.postcontents {
	background-color: #52afda;
	background-image: url(../img/ui/boxbg.png);
	background-repeat: repeat-x;
	padding: 10px;
}

.postdetails {
	height: 12px;
	background-image: url(../img/ui/detailsbg.png);
	background-repeat: repeat-x;
	padding: 4px;
	padding-top: 6px;
	vertical-align:middle;
	font-size: 10px;
}

.postdate {
	float: left;
	font-weight: bold;
}

.comments {
	float: right;
	font-weight: bold;
}

.commentContainer {
	border: 1px solid #2c1c35;
	margin-bottom: 20px;
	background-color: #6d547b;
	background-image: url(../img/ui/commentsbg.png);
	background-repeat: repeat-x;
	padding: 10px;
}

.commentDetails {
	font-size: 10px;
	font-weight: bold;
}

#siimage {
	width: 250px;
	border: 1px solid #2c1c35;
	margin-bottom: 2px;
}

.overTxtLabel {
	color:#999;
	font-size: 10px;
	font-weight: bold;
}

.error {
	color: #CC0000;
	font-weight: bold;
}

/* Portfolio */

.pfentry {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-bottom: 20px;
}

.portfoliopreview{
	border: 1px solid #2c1c35;
	margin-right: 9px;
	margin-bottom: 9px;
 }

 .pfentrypreview {
 	font-size: 10px;
 	color: #777;
 }

.pfentryimg{
	width: 100%;
	text-align: center;
}

.pfentryimg img{
	border: 1px solid #1e2728;
}

.commentHasReplies{
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	width: 340px;
	position: relative;
	padding: 5px;
	top: 5px;
	background-color: #2c1c35;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}

.commentHasReplies:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.replyContainer {
	position: relative;
	top: 10px;
}

.commentSep {
	border: 0px;
	border-bottom: 1px solid #DDD;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	margin: 1px;
}

.wsjPaginate {
	text-align: center;
	width: 802px;
	font-weight: bold;
}

/* Social */

.twitterPost {
	margin-bottom: 5px;
}

.twitterPostDetails{
	font-weight: bold;
	font-size: 10px;
}

.picasathumb {
	height: 72px;
	width: 72px;
	margin-right: 4px;
	margin-bottom: 5px;
	float: left;
	border: 1px solid #1e2728;
}

.picasacontainer{
	height: 228px;
	text-align: center;
}
/* Footer */

#disclaimer {
	padding-top: 50px;
	color: #333;
	font-size: 10px;
	border: 1px solid
	width: 802px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-bottom: 20px;
}

#disclaimer a {
	color: #333;
}

/* Tips */

.tips {
	color: #FFF;
	width: 314px;
	z-index: 13000;
}

.tip-top {
	height: 10px;
	background-image: url(../img/ui/tttop.png);
	background-repeat: no-repeat;
}

.tip {
	background-image: url(../img/ui/ttbg.png);
	background-repeat: repeat;
	padding: 5px;
}

.tip-text {
	font-size: 10px;
}

.tip-title {
	font-size: 12px;
	font-weight: bold;
}


/* What's this then? */

#alucard {
	position: relative;
	top: 140px;
	left: 645px;
	background-image: url(../img/icons/alucard.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 223px;
	height: 47px;
	clear: both;
	margin-bottom: -47px;
	z-index: 5000;
	visibility: hidden;
}