/*
Theme Name: Starcraft
Theme URI: 
Description: Design by Fez and Aden
Version: 1.0
Author: Fez and Aden
Author URI: http://dev.fezj.net
Tags: fixed width, right sidebar, two columns, valid XHTML, widgets
*/
body
{
	margin: 0 auto;
	padding: 0;
	background-color: #000000;
	background-image: url('images/bg.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top center;
	color:#CCC;
	font-family:'Lucida Sans',Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.2em;
	margin:0
}


/* New Header */

#header-logo{
margin-left:auto;
margin-right:auto;
width:1000px;
height:177px;
}

#left-space{
float:left;
width:277px;
}

#right-space{
float:left;
width:267px;
}

#logo-main {
	background: url('images/starcraft_logo.png') no-repeat;
	padding: 0;
	margin: 0 auto;
	width: 456px;
	height: 177px;
}

#logo-main h1{
	margin: 0;
	text-indent: -9999px;
	width: 456px;
	height: 177px;
}

#buttons{
margin-left:auto;
margin-right:auto;
width:1000px;
height:51px;
}

#buttn-left{
float:left;
width:106px;
height:51px;
}

#buttn-mid{
float:left;
width:110px;
height:51px;
}

#buttn-right{
float:left;
width:116px;
height:51px;
}

#blog-btn{
float:left;
width:328px;
height:51px;
}

#blog-btn a{
float:left;
width:328px;
height:51px;
background: url(images/blog_btn.png);
}

#blog-btn a:hover{
width:328px;
height:51px;
background: url(images/blog_btn_hover.png);
}

#forum-btn{
float:left;
width:340px;
height:51px;
}

#forum-btn a{
float:left;
width:340px;
height:51px;
background: url(images/forums_btn.png);
}

#forum-btn a:hover{
width:340px;
height:51px;
background: url(images/forums_btn_hover.png);
}
/* End Of New Header */

#headerimg {
	background: url('images/header.png') no-repeat;
	padding: 0;
	margin: 0 auto;
	width: 548px;
	height: 250px;
}

#headerimg h1{
	margin: 0;
	text-indent: -9999px;
	width: 548px;
	height: 184px;
}

#main,#footer {
width:930px;
}

#main {
background:url(images/main.png) repeat top right;
border-bottom:5x solid #000;
margin-left:auto;
margin-right:auto;
}

#topmenu {
background:url(images/tile.png) repeat top right;
border-bottom:3px solid #e0dede;
height:auto;
padding:6px;
text-align:left;
text-transform:uppercase;
}

#topmenu ul {
height:auto;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto;
padding:inherit;
}

#topmenu li {
display:inline;
margin:0 3px;
}

#topmenu a,#sidebar a,#sidebar a:visited {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:none;
color:#e0dede;
font:bold 1.1em "Trebuchet MS", Tahoma, Arial;
padding:3px 10px;
text-decoration:none;
}

#topmenu a:hover,#post-cat a:hover  {
background-color:#2B2B2B;
}

a {
color:#CCC;
text-decoration:none;
}

a:visited {
color:#CCC;
text-decoration:none;
}

a:hover {
color:#FFF;
text-decoration:underline;
}

p {
margin:0;
padding:5px 0;
}

h1,h2,h3,h4 {
font-family:"Trebuchet MS", Tahoma, Arial;
font-weight:400;
}

.entry h1 {
color:#FFF;
font-size:1.5em;
padding-bottom:8px;
border-bottom: 3px solid;
border-color: #CCC;
}

h1 a,h1 a:visited {
color:#D1D1D1;
text-decoration:none;
}

h1 a:hover {
color:#eeeeee;
text-decoration:none;
}

h2 {
border-bottom:2px solid #CCC;
color:#FFF;
font-size:1.3em;
letter-spacing:1px;
margin:5px 0 2px;
padding-bottom:6px;
}

h2 a,h2 a:visited {
color:#D1D1D1;
text-decoration:none;
}

h2 a:hover {
color:#eeeeee;
text-decoration:none;
}

h3 {
border-bottom:1px solid #CCCCCC;
color:#FFF;
font-size:1.2em;
line-height:25px;
margin-bottom:10px;
margin-top:5px;
}

h4 {
color:#FFF;
font-size:1.1em;
margin:10px 0 5px;
}

/* content area */
#content {
color:#CCC;
float:left;
overflow:hidden;
padding:0 20px 30px;
width:580px;
line-height:170%;
}

.entry {
clear:both;
padding-top:10px;
padding-left:15px;
padding-right:15px;
padding-bottom: 20px;
border-bottom: solid #131313 1px;
}

.entry h2{
margin-top: 10px;
}

.page-content{
padding-left: 15px;
padding-right: 15px;
border-right: solid #131313 5px;
border-left: solid #131313 5px;
border-bottom: solid #131313 5px;
padding-bottom: 20px;
background-color: #fbfbfb;
}

blockquote {
border-left:3px solid #eeeeee;
padding-left:15px;
}

blockquote blockquote {
border-left:7px solid #cc1433;
padding-left:10px;
}

.navigation {
clear:both;
padding:40px 0 0;
text-align:center;
}

.navigation a,.navigation a:visited {
color:#991f70;
}

.post {
clear:both;
width:560px;
margin: 20px auto 0 auto;
padding: 10px;
background: transparent;
}

.post small{
color: #ccc;
}

.post-single {
clear:both;
width:580px;
margin: 20px auto 0 auto;
}

#post-cat ul{
	height:auto;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:6px 6px 7px;
	padding:0;
}

#post-cat li{
	display:inline;
	margin:0;
}

.{
	margin: 0 0 0 3px;
}

#post-cat a {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:none;
color:#e0dede;
font:bold 0.9em "Trebuchet MS", Tahoma, Arial;
padding:3px;
text-decoration:none;
}

.post-title {
float:left;
margin-left:2px;
width: 535px;
background: transparent url(images/tile.png) repeat scroll right top;
padding: 5px 10px;
}

.post-title h3 {
color: #991f70;
}

.page-title {
float:left;
margin-left:10px;
width: 502px;
}

.post-content-none {
background:#131313;
display:block;
height:33px;
margin:0;
position:relative;
width:500px;
}

.post-info {
background:#131313;
font-family:"Trebuchet MS",Tahoma,Arial;
font-size:1.05em;
height:16px;
left:10px;
line-height:100%;
opacity:0.7;
padding:6px 5px 0;
position:absolute;
right:10px;
top:260px;
width:470px;
}

.post-info-none {
background:#131313;
font-family:"Trebuchet MS",Tahoma,Arial;
font-size:1.05em;
left:10px;
line-height:100%;
opacity:0.7;
padding:0 5px;
position:absolute;
right:10px;
top:10px;
width:470px;
}

.post-content .post-click,.post-content .post-click a,.post-content-none .post-click,.post-content-none .post-click a {
border:0;
color:#E0DEDE;
float:right;
font-family:"Trebuchet MS",Tahoma,Arial;
font-size:1em;
letter-spacing:-1px;
text-decoration:none;
font-weight: normal;
}

.post-content h2,.post-content h2 a,.post-content-none h2,.post-content-none h2 a {
border:0;
color:#E0DEDE;
float:left;
font-size:1.05em;
font-weight:700;
height:14px;
line-height:14px;
margin:0;
overflow:hidden;
padding:0;
width:390px;
}

.post-title h2, .post-title h2 a, .post-title h2 a:visited, .page-title h2, .page-title h2 a, .page-title h2 a:visited {
padding: 0 0 4px;
margin-top: 6px;
color:#e0dede;
width: auto;
}

.post-title h2, .page-title h2 {
	border-bottom: 3px solid #e0dede;
}

.post-content img,.post-content object {
	margin:10px;
}

.post-overlay {
	background:transparent url(images/post-overlay.png) repeat-x scroll right top;
	color:#F1F1F1;
	height:250px;
	left:330px;
	position:absolute;
	right:10px;
	top:10px;
	width:160px;
	visibility: hidden;
}

.post-overlay p {
	height:235px;
	line-height:1.35;
	margin:4px;
	overflow:hidden;
}

#post-header {
	background: #131313;
	color: #E0DEDE;
	font-family: "Trebuchet MS",Tahoma,Arial;
	padding:0;
	width: 580px;
}

#tweetmeme {
	float: right;
	padding: 5px;
}

/* comments area */
#comments,#respond {
border-bottom:1px dotted #CCC;
clear:both;
padding:10px 0 5px;
}

.commentlist {
line-height:130%;
margin:10px 0;
padding-left:20px;
}

.commentlist li {
padding:10px;
}

.commentlist .alt {
background:#f1fedb;
}

.commentlist cite {
color:#C60;
font-size:120%;
font-style:normal;
font-weight:700;
}

.commentlist cite a,.commentlist cite a:visited {
color:#C60;
}

.commentlist small {
display:block;
font-size:87%;
margin-bottom:5px;
}

#commentform {
font:110% Arial, Helvetica, sans-serif;
margin-top:10px;
}

#commentform p {
margin:0;
padding:6px 0;
}

#commentform label {
color:#131313;
font-size:87%;
}

#commentform input,#commentform textarea {
background:#f1f1f1;
border:1px solid #131313;
margin:3px 0 0;
padding:3px;
}

#commentform input {
width:130px;
}

#commentform textarea {
color:#131313;
height:115px;
width:470px;
}

#commentform textarea:focus,#commentform input[type="text"]:focus {
background:#fff;
border-color:#2398D4;
}

/*sidebar */
#sidebar {
color:#666;
float:right;
overflow:hidden;
padding:0 0 20px;
width:310px;
}

#sidebar h2,#sidebar .sidebartitle {
color:#E0DEDE;
margin:20px 0 8px;
}

/* */
#sidebar h2,#sidebar .sidebarsearch {
color:#E0DEDE;
letter-spacing:1px;
margin:20px 0 4px;
}

/*sidebar links*/
#sidebar a:hover {
background-color:#2B2B2B;
color:#e0dede;
text-decoration:none;
}

#sidebar ul li {
border:none;
list-style:none;
margin:0;
padding:0;
}

/* List */
#sidebar ul li ul {
margin:10px 10px 0;
padding:0;
}

#sidebar ul li ul li {
padding:4px 0 4px 10px;
}

/* Sub List */
#sidebar ul li ul li ul li {
border:medium none;
padding:4px 0 4px 10px;
}

.textwidget {
padding-top:5px;
}

/* Search */
#search-form {
margin:8px 0 0 10px;
}

#search-form br {
display:none;
}

#search-form #search {
background:#f1f1f1;
color:#131313;
font-weight:400;
height:20px;
margin-right:2px;
padding:4px 5px 0;
width:127px;
}

#search-form input {
background:#f1f1f1;
border:none;
color:#131313;
font:bold 12px Arial, Helvetica, sans-serif;
height:24px;
vertical-align:middle;
width:67px;
}

/* Footer */
#footer {
background:url(images/tile.png) repeat top right;
margin:0 auto;
padding:10px 0;
}

#footer-left,#footer-right,#footer-middle {
background:#131313;
width:310px;
}

#footer h2 {
color:#E0DEDE;
letter-spacing:1px;
margin:10px 10px 8px;
}

/* alignments */
img.alignleft,img[align="left"] {
float:left;
margin:2px 10px 5px 0;
}

img.alignright,img[align="right"] {
float:right;
margin:2px 0 5px 10px;
}

img.center,img[align="center"] {
display:block;
margin-left:auto;
margin-right:auto;
}

.center {
text-align:center;
}

hr.clear {
clear:both;
margin:0;
padding:0;
visibility:hidden;
}

/* Widgets */
.st-tag-cloud {
margin:10px 10px 8px;
width:250px;
}

#topmenu a:active,#sidebar a:active,#post-cat a:active {
background-color:#2B2B2B;
}

img {
border:none;
}

form,#sidebar ul {
margin:0;
padding:0 10px;
}

#clear,.clear {
clear:both;
}

#footer-right,.alignright {
float:right;
}

#footer-left,#footer-middle,.alignleft {
float:left;
}

.mini-add-comment {
float:right;
}

#blizzard h1, #starcraft h1{
text-indent: -9999px;
width: 150px;
height: 90px;
}

#blizzard {
background: url('images/blizzard.png') no-repeat;
width: 150px;
height: 90px;
float: left;
margin: 0px 10px;
}

#starcraft {
background: url('images/starcraft.png') no-repeat;
width: 150px;
height: 90px;
float: left;
margin: 0px 10px;
}

#copyright {
width: 400px;
padding-top:30px;
height: 60px;
float: left;
font-size: 11px;
margin: 0px 10px;
font:Trebuchet MS;
font-color: #EEEEEE;
text-align: center;
border-left: 1px dotted #ccc;
border-right: 1px dotted #ccc;
}

#footer-container{
padding-left:86px;
padding-top:20px;
border-top: 2px solid #ccc;
}


/* Preorder */

#preorders{
background:url(images/main.png) repeat top right;
width: 930px;
height: 180px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
}

#sc2preorder{
float:left;
width:154px;
height:180px;
padding-left:25px;
}

#sc2preorder a{
float:left;
width:154px;
height:180px;
background: url(images/sc2preorder.jpg) top center;
}

#sc2preorder a:hover{
width:154px;
height:180px;
background: url(images/st2preorder_over.jpg) top center;
}

#preordernow{
float:left;
width:143px;
height:180px;
background: url(images/preordernow.jpg) top center;
}


#sccpreorder{
float:left;
width:243px;
height:180px;
}

#sccpreorder a{
float:left;
width:243px;
height:180px;
background: url(images/scpreorder.jpg)top center;
}

#sccpreorder a:hover{
width:243px;
height:180px;
background: url(images/sccpreorder_over.jpg) top center;
}