/* 
Theme Name: Ela Steel
Theme URL: http://elasteel.com/
Description: Art By Ela Steel
Author: Ela
Version: 0.9
 */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}


td {
	vertical-align: middle;
	padding: 10px;
}

#stholder .stbutton {
	display: block;
	height: 40px;
	
}
#stholder {
	display: block;
}
strong {
	font-weight: bold;
}

.hide{ display:none; }
.left{ float:left; display: inline; border: 0px solid green; width: 710px;}
.right{ float:right; }
.clr { clear: both; }
a img{ border:none; }


.fp_newsarea {
	width: 340px;
	border: 0px solid blue;
	margin-right: 10px;
	float: left;
}
.fp_artarea {
	width: 640px;
	border: 0px solid blue;
	float: right;
}

.fp_art {
	border: 0px solid green;
	margin-right: 5px;
	margin-bottom: 5px;
	
	float: left;
}

.post {
	border: 0px solid blue;
	padding: 5px;
	margin-bottom: 15px;
	padding-bottom: 20px;
	border-bottom: 4px dotted #ccc;
}

.art {
	text-align: center;	
}
.art img {
}

.art_info {
	width: 200px;
	margin: auto;
	text-align: left;
}

.art .postmeta {
	text-align: left;
}

.postmeta {
	margin-top: 10px;
	padding: 5px;
}


.postmeta p { display: inline;
	padding-bottom: 10px;
	}

img.thumbnail {
	margin-right: 20px;
	margin-bottom: 20px;
}

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
	color: #555;
	font-family: "Century Gothic", verdana;
	font-size: 65%;
	letter-spacing: 1px;
	background-color: #fff;
}


.wrapper {
	width: 980px;
	margin: auto;
	padding: 0;
	border: 0px solid yellow;
}

ul {
	line-height: 1.5em;
}
li {
	margin-left: 10px;
	margin-bottom: 6px;
}
.alignright {
	float: right;
	display: inline;
	padding-left: 15px;
	margin-bottom: 5px;

}

.alignleft {
	float: left;
	padding-right: 15px;
	display: inline;
	margin-bottom: 5px;
}

a {
	color: #C64D22;
}

h1 {
	font-size: 1.5em;
	margin-bottom: 10px;
}

h2 {
	font-size: 1.5em;
	margin-bottom: 7px;
}

p {
	line-height:1.6em;
	margin-bottom: 10px;
	
}

.light {
	color: #aaa;
}


blockquote{
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #CCC;
	color:#999;
}

pre {
	width:100%;
	padding:1em 0;
	overflow:auto;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header {
	min-height: 80px;
	margin-bottom: 20px;
	border-bottom: 6px solid #FFB401;
}

#header #logo {
	float: left;
	display: inline;
}



#header #links {
	list-style-type: none;
	float: right;
	margin: 0;
	margin-right: 0px;
	margin-top: 45px;
	border: 0px solid #ddd;
}

#header #links li {
	display: inline;
	margin-right: 20px;
}

#header #links a {
	font-size: 2.2em;
	color: #FEB500;
	text-decoration: none;
	padding: 3px;
}
#header #links a:hover {
	font-size: 2.2em;
	background-color: #FEB500;
	color: #fff;
	text-decoration: none;
	padding: 3px;
}

#header #wasp {
	margin-right: 0px;
	display: inline;
	float: left;
}


/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/
#footer {
	clear: both;
	margin-top: 30px;
	height: 120px;
	background-color: #FFB401;
	background-image: url(/images/dots_lowerbg.jpg);
	background-repeat: repeat-x;
}

#footer #contact {
	color: #fff;
	font-size: 1.4em;
	margin-top: 30px;
	float: left;
	display: inline;
}

#footer #rss {
	margin-top: 30px;
	float: left;
	display: inline;
	margin-right: 60px;
	margin-left: 10px;
}

#footer #sig {
	float: right;
	display: inline;
	margin-top: 5px;
}

#series_list {
	list-style-type: none;
	margin: 0;
	border: 0px solid red;
}

#series_list li {
	display: inline;
	margin: 0px;
	margin-right: 40px;
}

#series_list a {
	font-size: 2.3em;
	text-decoration: none;
}
#series_list a:hover {
	color: #FEB500;
}

.series_desc {
	font-size: 1.5em;
	margin-top: 10px;
	margin-bottom: 18px;
}

.current_series {
	color: #FEB500;
}

#sidebar {
	float: right;
	display: inline;
	/*background-color: #E1DFE0;*/
	min-height: 400px;
	width: 220px;
	margin-top: 10px;
	text-align: center;
	color: #555;
	border: 0px solid red;
}

#sidebar p {
	text-align: left;
	font-size: 1.2em;
	padding: 7px;
	padding-top: 0px;
}

#sidebar img {
	margin-top: 8px;
}

.sidebar_top {
	background-image:url(/images/sidebar_top.png);
	background-repeat: no-repeat;
	height: 31px;
	width: 220px;
	margin: 0;
	padding: 0px;
}

.sidebar_middle {
	background-image:url(/images/sidebar_middle.png);
	background-repeat: repeat-y;
	width: 220px;
}

.sidebar_bottom {
	overflow: hidden;
	margin-top: 10px;
}

.blogroll {
	margin-top: 15px;
	background-color: ffffff;
	width: 220px;
}

#bzzt {
	float: right;
	display: inline;
}
#side_feed {
	float: left;
	display: inline;
	margin-left: 50px;
	padding-top: 30px;
}


#fp_left_pane {
	float: left;
	width: 320px;
	margin-right: 60px;
}

#fp_right_pane {
	float: left;
	width: 320px;
}

.fp_story_small {
	width: 99%;
	border-bottom: 4px dotted #ccc;
	margin-bottom: 13px;
	padding-bottom: 12px;
}
.fp_story_small p {
	margin-top: 6px;
}