/*  
Theme Name: Black Gate
Description: Wordpress Theme for the Black Gate website
Version: 1.0
Author: Leo Grin
Author URI: http://www.leogrin.com
*/

* {margin: 0; padding: 0;}
html { height: 100%; }
body { min-width:779px; max-width: 100%; font-family: arial, "lucida console", sans-serif; font-size: 100%; text-align: justify; background-color: #000000; height: 100%; }
#page { width: 100%; margin-left: auto; margin-right: auto; padding: 0px; background:#6F6151; }
#wrap { width: 100%; margin-left: auto; margin-right: auto; padding: 0; background:#000000; }
#art { width: 100%; margin-left: auto; margin-right: auto; padding: 0; background:#000000 url(images/banner.jpg) no-repeat top left; color: #00AAAA; }

#head { position: relative; height: 265px; margin: 0; padding: 0; color: #000000 }
#title { padding: 0px 0 0 0; font-family: "Book Antiqua", Georgia, Serif; font-size: 1.9em; text-align: center; color: #ff9900; background-color: transparent }
#title a:link { color: #00CCCC; text-decoration: underline; background-color: transparent; font-weight: bold; }
#title a:visited { color: #ffffff; text-decoration: underline; background-color: transparent; font-weight: bold; }
#title a:hover { color: #ffffff; background-color: transparent; font-weight: bold; }
#desc { padding: 0px 20px 0px 20px; text-align: center; font-style: italic; }

#left { position: absolute; top: 420px; left: 0px; width: 217px; padding-bottom: 0px; background: transparent url(images/sidebar_middle.jpg) repeat-y top left; color: #ff9900; text-align: center; font-size: 0.9em; font-family: arial, "lucida console", sans-serif; }
#left h2 { margin: 0px; padding: 0px 0px 3px 0px; font-family: "Book Antiqua", Georgia, Serif; font-size: 1.2em; text-transform:uppercase; background-color: transparent; color: #6F6151 }
#left a:link { color: #00CCCC; background-color: transparent; font-weight: bold; text-decoration: underline; }
#left a:visited { color: #ffffff; background-color: transparent; font-weight: bold; text-decoration: underline; }
#left a:hover { color: #ffffff; background-color: transparent; font-weight: bold; }
#left ul { padding-right: 5px; }

/* bullet list items on sidebar */
#left ul li { list-style-type: none; margin-bottom: 2px; padding-left: 0px; padding-right: 0px; padding-bottom: 10px; }

/* individual list items on sidebar */
#left ul ul li { list-style-type: none; background: transparent; color: #ff9900; margin-right: 2px; margin-left: 12px; padding-left: 0px; padding-bottom: 3px; font-weight: bold;
	font-size: 0.8em;
}

#left ul.children { margin: 10px 0 0 0px; padding: 0px 0px 0px 0px; }
#left ul.children li { margin: 0px 0px 5px; padding: 0;
	font-size: 1em;
}
#left menu { width: 0px; margin: 0px; padding: 0px 0px 0px 0px; text-align:center; }
#left faves { width: 0px; margin: 0px; padding: 0px 0px 0px 0px; text-align:center; }
#left graphic { margin: 0px; padding: 0 0px 0 0px; }

#search {position: absolute; top: 335px; left: 35px; height: 20px; background: transparent }
#sigil {position: absolute; top: 375px; left: 30px; height: 43px; background: transparent }

#lefttext {margin-bottom: 20px; padding-top: 10px; padding-left: 12px; padding-right: 10px; text-align: left; font-size: 0.9em; background: transparent; color: #ff9900; }

#sidebartext {margin-bottom: 3px; padding-top: 10px; padding-left: 12px; padding-right: 10px; text-align: center; font-size: 0.8em; font-weight: bold; background: transparent; color: #ff9900; }

#content { margin-left: 240px; margin-top: 10px; padding: 0px 30px 0px 0px; }
#content .post { margin: 0px; padding: 0px 0px 10px 0px; line-height: 20px; background: transparent url(images/sword_divider2.jpg) no-repeat bottom center; }
#content .post p {
	text-indent: 0px; 
	padding: 0px 0px 15px 0px; 
/*	clear: both; */
}
#content .post blockquote { padding-top: 0px; padding-bottom: 0px; margin-bottom: 15px; }
#content .post blockquote p { text-indent: 0; padding: 5px 5px 5px 5px; border-left: 2px solid #83745D; border-right: 2px solid #83745D; }
#content ul { margin: 0px; padding: 0 5px 20px 40px;
	list-style-type: square;
	list-style-position: inside;
}

/* bullet list items */
#content li {  color: #ffffff; margin: 0px 5px 0px 5px; padding: 0px 5px 5px 0px;
}

#content ol { margin: 0px; padding: 10px 5px 10px 40px; }
#content ol li {  color: #ffffff; margin: 0px 5px 0px 5px; padding: 0px 5px 5px 0px; }

.productsummary { margin-top: 0px; margin-bottom: 20px; }


#commentlist { margin: 0px; padding: 0px; }
#commentlist li { list-style-type: none; margin: 10px 0px 10px 0px; padding: 5px 15px 0px 15px; border: 1px solid #83745D; background-color: #000000; color: #00AAAA; }
#commentlist p { margin: 0px; padding: 10px 5px; }
#commentlist .commentmeta { font-weight: bold; margin-bottom: 10px; }
#commentlist .alt { background-color: #000000; border-color: #020201; color: #00AAAA; }
#commentlist blockquote { background-color: #000000; border: 1px solid #83745D; color: #ffffff; }
#commentlist .alt blockquote { border-color: #020201; }
#commentform p { margin: 10px 0px 0px 0px; padding: 0px; }
#commentform textarea { width: 350px; }

.meta { margin: 0px 0px 0px 0px; padding: 0px 20px 5px 16px; font-size: 0.75em; font-weight: bold; color: #ff9900; }

.postmetadata { margin: 0px 0px 0px 0px; font-size: 0.75em; font-weight: bold; text-align: left; }

a:link { color: #00cccc; background-color: transparent; text-decoration: underline; font-weight: bold; }
a:visited { color: #ffffff; background-color: transparent; text-decoration: underline; font-weight: bold; }
a:hover { color: #ffffff;  text-decoration: underline; font-weight: bold; }

a.homeLink {
  cursor: pointer;
  display: block;
  float: left;
  text-decoration: none;
  width: 100%;
  height: 265px;
}

a.homeLink:hover {
  text-decoration: none;
}

blockquote { background-color: transparent; color: #ffffff; margin-left: 10%; margin-right: 10%; padding: 10px 20px 10px 30px; }
h1 { margin: 0px; padding: 5px 0 0px 0px; background: transparent; color:#ff9900;  font-size: 1.5em; font-family: "Book Antiqua", Georgia, Serif; line-height: 105%; text-align: left; }
h1 a { text-decoration: none; line-height: 110%; text-align: left; }
h1 a:link { color: #ff9900; background-color: transparent; font-weight: bold; text-decoration: none; }
h1 a:visited { color: #ff9900; background-color: transparent; font-weight: bold; text-decoration: none; }
h1 a:hover { color: #ffffff; background-color: transparent; font-weight: bold; text-decoration: underline; }
h2 { 
	font-family: "Book Antiqua", Georgia, Serif;
	background-color: transparent;
	color:#ff9900;
	font-size: 1.2em;
/*	margin-top: 15px; */ 
	margin-bottom: 15px;
} 
h2.float {
	float: left;
}
h3 { background-color: transparent; color:#ff9900; font-size: 1.1em; margin-top: 10px; margin-bottom: 10px; } 
h4 { background-color: transparent; color:#ff9900; font-size: 1.0em; } 
h5 { background-color: transparent; color:#ff9900; font-size: 0.9em; padding-bottom: 10px; } 
h6 { background-color: transparent; color:#ffffff; font-size: 0.8em; line-height: 120%; padding-bottom: 5px; } 

credit { font-style: normal; font-weight: normal; color: #ff9900; background-color: transparent; font-size: 0.9em; margin-bottom: 15px; } 

form {  }
form input { border: 1px solid #020201; background-color:#ffffff; }
form textarea { border: 1px solid #020201; background-color:#ffffff; }
form submit { border: 1px solid #020201; background-color:#ff9900; }

sidebartext {font-size: .9em; }



a img {border:0}
img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}
acronym { cursor: help; #A59279 }

.alignleft { 
	float:left; 
	margin-right: 15px; 
	margin-bottom: 10px; 
	font-size: 0.9em; 
	border: 1px solid #ff9900; 
}
.alignright { float:right; text-align: left; margin-left: 15px; margin-bottom: 10px; border: 1px solid #ff9900; }
.aligncenter { text-align: center; margin-bottom: 10px; border: 1px solid #ff9900; }
.alignnone { text-align: left; margin-left: 15px; margin-bottom: 10px; border: 1px solid #ff9900; }
.alignheader { border: 1px solid #ff9900; }



/* photocaption div */
/* <p class="captionleft" style="width: 300px"><img src="image.jpg">TYPE CAPTION HERE</p> */
/* do an inline define of the width! See above! */

.captionleft {
float: left;
margin-right: 5px;
margin-top: 2px;
font-size:80%;
font-weight: bold;
color: #ff9900;
line-height: 140%;
text-align: center;
}

.captionright {
float: right;
margin-left: 5px;
margin-top: 2px;
font-size:80%;
font-weight: bold;
color: #ff9900;
line-height: 140%;
text-align: center;
}

.captionheader {
float: right;
margin-top: 2px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 2px;
font-size:80%;
font-weight: bold;
color: #ff9900;
line-height: 140%;
text-align: center;
}

.footer { clear: both; position: relative; margin-left: 240px; height: 333px; width: auto; text-align: center; font-size: .9em; color: #ff9900; background:#000000 url(images/dragon_footer.jpg) no-repeat bottom center; }
.foottext {padding-top: 315px; background: transparent; }

 hr {
 border: 0;
 height: 1px;
 color: #ff9900;
 background-color: #ff9900;
 margin-top: 15px;
 margin-bottom: 15px;
}

table {
 margin-top: 5px;
 margin-bottom: 30px;
 color: #ff9900;
 border: 1px solid #6F6151;
 }

.clear {
 border: 0px;
 text-align: left;
 margin-top: 5px;
 margin-bottom: 30px;
 }

table.center {margin-left:auto; margin-right:auto;}

td {
 padding: 4px;
 text-align: center;
 border: 1px solid #6F6151;
 color: #00CCCC;
}

.clear2 {
 border: 0px;
 text-align: left;
 margin-top: 5px;
 padding-left: 10px;
 margin-bottom: 30px;
 }

floatClear {
	clear: both;
	float: none;
}

span.pageRef {
	color: #fff;
	text-align: right;
	font-style: italic;
	float: right;
	clear: both;
	margin: 0 100px 12px 0;
}

fieldset.cf_hidden {
	border: none;
}

form.cform textarea.area {
	width: 400px;
}

ol.cf-ol li {
	margin-bottom: 15px;
}

/* workaround the link spam hack for now */
.qwthya87ffzz_id {
	display: none;
}