/*

Theme Name: Wordsteel

Theme URI: http://wordpressthemes.oscaralcala.com/wordsteel

Description: Wordsteel is a dark and elegant Wordpress theme

Version: 1.1

Author: Oscar Alcala

Author URI: http://oscaralcala.com/

Tags: fixed width, two columns, widgets, black, silver, grey



	Theme made for sale exclusively on Theme Forest

	http://www.themeforest.com



*/



/**************************************************************

				BACKGROUND AND MAIN STRUCTURE

**************************************************************/



body {

	margin: 0;

	padding: 0;

	font-family: "Helvetica", "Arial", "Verdana", "Sans-Serif";

	font-size: 12px;

	color: #a3a3a3;

	text-align: center;

	background-image: url('images/bg_main.jpg');

	background-repeat: repeat-y;

	background-position: top center;

	background-color: #000;

}



#container {

	margin: 0 auto;

	width: 1024px;

	text-align: left;

	background-image: url('images/bg_top.jpg');

	background-repeat: no-repeat;

	background-position: top center;

}



/**************************************************************

							MENU

**************************************************************/



#menu {

	width: 100%;

	height: 43px;

	background-color: #323232;

	background-image: url('images/menu_bg.png');

	background-repeat: repeat-x;

	text-align: left;

}



#menu ul {

	width: 974px;

	height: 39px;

	display: block;

	margin: 0 auto;

	padding-left: 70px;

}



#menu ul li {

	float: left;

	display: block;

	margin-right: 20px;

	_display: inline;

}



#menu ul li a {

	display: block;

	height: 39px;

	line-height: 39px;

	color: #d0d0d0;

	text-decoration: none;

	font-size: 14px;

	position: relative;

	_display: inline;

}



#menu ul li a:hover {

	text-decoration: underline;

}



/**************************************************************

							HEADER

**************************************************************/



#header {

	width: 100%;

	margin: 0;

}



/* LOGO */



#logo {

	float: left;

	margin: 25px 0 0 70px;

	_display: inline;

}



#logo a {

	display: block;

	width: 251px;

	height: 48px;

	text-decoration: none;

	text-indent: -9999px;

	font-size: 0.1px;

	background-image: url('images/logo.png');

}





/**************************************************************

							CONTENT

**************************************************************/



#content_wrapper {

	width: 1024px;

	background-image: url('images/bg_footer.jpg');

	background-repeat: no-repeat;

	background-position: bottom center;

}



#content {

	display: block;

	width: 545px;

	float: left;

	margin: 42px 0 0 66px;

	text-align: left;

	_display: inline;

}



/* POSTS */



.post {

	width: 525px;

	background-image: url('images/entrybackground.png');

	margin: 0 0 0 10px;

}



.post hr, .page hr {

	background-image: url('images/hr_bg.png');

	background-repeat: repeat-x;

	width: 100%;

	height: 3px;

	display: block;

	margin: 5px 0 7px 0;

	border: 0;

}



.single {

	margin-top: 53px !important;

}



/* DATE AND TAGS */



.date {

	background-image: url('images/date_icon.png');

	float: left;

	color: #d4d4d4;

	line-height: 15px;

}



.tags {

	background-image: url('images/tag_icon.png');

	float: right;

	color: #686868;

	margin-top: 2px;

}



.date, .tags {

	font-size: 10px;

	height: 12px;

	display: block;

	text-transform: uppercase;

	background-repeat: no-repeat;

	padding-left: 18px;

}



.date a {

	color: #d4d4d4;

	text-decoration: none;

	position: relative;

}



.tags a {

	color: #686868;

	text-decoration: none;

}



/* POST TITLE */



.title {

	margin: 0;

	padding: 0;

}



.title a {

	font-size: 20px;

	color: #e4e4e4;

	text-decoration: none;

	display: block;

	font-weight: normal;

}



/* POST TEXT */



.entry {

	width: 525px;

	padding-bottom: 15px;

	margin-top: 10px;

}



.entry p {

	line-height: 16px;

	margin: 0 0 15px 0;

}



.entry a {

	color: #86aed0;

	text-decoration: none;

}



.entry a:hover {

	color: #fff;

}



.entry li {

	margin-bottom: 6px;

}



/* METADATA */



.more-link {

	background-color: #7bcbf5;

	color: #fff !important;

	padding: 2px 6px;

	float: right;

	text-decoration: none;

}



.more-link:hover {

	background-color: #7bcbf5 !important;

	text-decoration: underline !important;

	

}



.post-edit-link {

	background-color: #454545;

	color: #fff !important;

	text-decoration: none;

	float: right;

}



.post-edit-link:hover {

	background-color: #90c747 !important;

	text-decoration: underline !important;

}



/* PAGE NAVIGATION */



.navigation {

	position: relative;

	top: -30px;

}



.navigation a {

	color: #a3a3a3;

}



.navigation a:hover {

	color: #fff;

}



.archive_hr {

	border: 0;

	background-color: transparent;

	width: 1px;

	height: 1px;

	margin-bottom: 5px

}



/**************************************************************

							FEATURES

**************************************************************/



#featured {

	display: block;

	width: 543px;

	height: 268px;

	background-image: url('images/featured_bg.png');

	background-repeat: no-repeat;

}



#slider {

	display: block;

	width: 525px;

	height: 250px;

	overflow: hidden;

	margin: 0;

	position: relative;

	top: 9px;

	left: 9px;

}



#sliderWrapper {

	width: 9999px;

	height: 250px;

	position: relative;

	margin: 0;

}



.sliderPostWrapper {

	display: block;

	width: 525px;

	height: 250px;

	float: left;

	overflow: hidden;

	margin: 0;

}



.sliderImg {

	width: 525px;

	height: 250px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}



.sliderImage {

	width: 525px;

	height: 250px;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

}



.sliderContent {

	width: 100%;

	height: 100px;

	background-color: #000;

	float: left;

	position: relative;

	display: block;

	/*top: -100px;*/

}



.sliderContent h3 {

	margin: 15px 25px 3px 25px;

	color: #fff;

	font-size: 16px;

	font-weight: normal;

}



.sliderContent p {

	color: #fff;

	margin: 0 25px 0 25px;

}



.sliderContent a {

	color: #8fc2ed;

	margin: 8px 0 0 0;

	position: relative;

	left: -25px;

	float: right;

	text-decoration: none;

}



.sliderControlLeft, .sliderControlRight {

	display: block;

	width: 30px;

	height: 33px;

	text-decoration: none;

	text-indent: -9999px;

	font-size: 0.1px;

	position: relative;

	_display: inline;

	_width: auto;

	_height: auto;

	_font-size: 12px;

	_text-indent: 0;

	_color: #8fc2ed;

}



.sliderControlLeft {

	float: left;

	top: -130px;

	left: 9px;

	background-image: url('images/slider_back.png');

	_float: right;

	_top: -10px;

	_left: -73px;

	_background: none;

}



.sliderControlRight {

	float: right;

	top: -130px;

	left: -9px;

	background-image: url('images/slider_next.png');

	_float: right;

	_top: -10px;

	_left: 23px;

	_background: none;

}





/**************************************************************

							SIDEBAR

**************************************************************/



#sidebar {

	display: block;

	width: 318px;

	float: left;

	margin: 42px 0 0 18px;

	_display: inline;

}



.sidebar-gallery {

	margin: 15px 0 0 0;

	text-align: center;

}



.sidebar-gallery img {

	border: 1px solid #5c5c5c;

	padding: 2px;

	margin: 0 6px 11px 0;

}



.sidebare-gallery .eor {

	margin-right: 0 !important;

}



/* WIDGETS */



.widget {

	float: left;

	display: block;

	width: 300px;

	text-align: left;

	margin: 0 0 45px 9px; 

	font-size: 13px;

	line-height: 16px;

}



.widget h2 {

	font-family: "Verdana", "Arial", "Sans-Serif";

	color: #e4e4e4;

	font-size: 20px;

	font-weight: normal;

}



.widget hr {

	background-image: url('images/hr_bg.png');

	background-repeat: repeat-x;

	width: 300px;

	height: 3px;

	display: block;

	margin: 7px 0;

	border: 0;

}



.widget a {

	color: #a3a3a3;

	text-decoration: none;

}



.widget a:hover {

	color: #fff;

}



.widget ul {

	margin: 15px 0 0 3px;

	_list-style-type: circle;

}



.widget li {

	background-image: url('images/bullet_arrows.png');

	background-repeat: no-repeat;

	background-position: 0 4px;

	margin-bottom: 9px;

	line-height: 12px;

	padding-left: 15px;

	_background-image: none;

}



.widget_ad {

	width: 318px !important;

	height: 268px !important;

	background-image: url('images/ads_bg.png');

	background-repeat: no-repeat;

	margin: 0 0 16px 0 !important;

}



.widget_ad_code {

	margin: 9px;

}



.widget_video {

	background-image: url('images/icon_video.png');

	background-repeat: no-repeat;

}



.widget_flickr {

	background-image: url('images/icon_photos.png');

	background-repeat: no-repeat;

}



.widget_archivr {

	background-image: url('images/icon_archive.png');

	background-repeat: no-repeat;

	background-position: 0 -1px;

	padding-top: 1px;

}



.widget_searchr {

	background-image: url('images/icon_search.png');

	background-repeat: no-repeat;

	background-position: 0 -1px;

	padding-top: 1px;

}



.widget_popular {

	background-image: url('images/icon_popular.png');

	background-repeat: no-repeat;

	background-position: 0 -3px;

	padding-top: 3px;

}



.widget_popular ul {

	_list-style-type: circle;

}



.widget_popular li {

	background-image: url('images/bullet_popular.png');

	background-repeat: no-repeat;

	background-position: 0 2px;

	padding-left: 18px;

	line-height: 16px;

	margin-bottom: 12px;

	_background-image: none; 

}



.widget_flickr h2, .widget_video h2, .widget_popular h2, .widget_links h2, .widget_archivr h2, .widget_searchr h2 {

	margin-left: 30px;

}



/**************************************************************

							FOOTER

**************************************************************/



#footer_wrapper {

	width: 100%;

	height: 246px;

	background-image: url('images/footer.jpg');

	background-repeat: no-repeat;

	background-position: top center;

	color: #5d5d5d;

	text-align: center;

}



#footer {

	width: 933px;

	margin: 0 auto;

	text-align: left;

}



#footer .widget {

	width: 300px;

	height: 211px;

	display: block;

	float: left;

	margin: 35px 0 0 11px !important;

	_display: inline;

}



.widget_links {

	background-image: url('images/icon_friends.png');

	background-repeat: no-repeat;

}



.widget_archivr ul {

	_list-style-type: circle;

}



.widget_archivr li {

	width: 130px;

	float: left;

	display: block;

	_background-image: none;

}



#searchform {

	margin: 12px 0 0 20px;

}



#s {

	display: block;

	width: 232px;

	height: 25px;

	background-image: url('images/searchbox.png');

	background-repeat: no-repeat;

	background-color: transparent;

	border: 0;

	padding: 2px 4px;

	font-family: "Helvetica", "Arial", "Verdana", "Sans-Serif";

	font-size: 13px;

	line-height: 18px;

	color: #8d8d8d;

	float: left;

}



#searchsubmit {

	display: block;

	width: 24px;

	height: 25px;

	text-decoration: none;

	background-color: transparent;

	text-indent: -9999px;

	font-size: 0.1px;

	background-image: url('images/searchbutton.png');

	float: left;

	border: 0;

}



/**************************************************************

							STYLING

**************************************************************/



.alignleft {

	float: left;

	margin: 3px 10px 6px 0;

}



.withborder {

	border: 1px solid #5c5c5c;

	padding: 2px;

}



.alignright {

	float: right;

	margin: 3px 0 6px 10px;

}



.aligncenter {

	display: block;

	text-align: center;

	margin: 0 auto 15px auto;

}



.entry ul {

	list-style-type: circle;

	margin: 0 0 17px 28px;

}



.entry ol {

	list-style-type: decimal;

	margin: 0 0 17px 28px;

}



.entry blockquote {

	font-family: "Times", "Times New Roman", "Georgia", "Serif";

	font-size: 20px;

	line-height: 24px;

	font-style: italic;

}



.entry label {

	margin: 20px 0 5px 0;

	display: block;

}



.entry .inputtext {

	display: block;

	width: 447px;

	height: 16px;

	background-color: #0d0d0d;

	border: 1px Solid #1e1e1e;

	padding: 3px;

	font-family: "Helvetica", "Verdana", "Arial", "Sans-Serif";

	font-size: 14px;

	color: #848484;

}



.entry .inputarea {

	display: block;

	width: 447px;

	height: 115px;

	background-color: #0d0d0d;

	border: 1px Solid #1e1e1e;

	padding: 3px;

	font-family: "Helvetica", "Verdana", "Arial", "Sans-Serif";

	font-size: 14px;

	color: #848484;

}



/**************************************************************

							COMMENTS

**************************************************************/



#comments {

	display: block;

	width: 525px;

	background-image: url('images/commentsbackground.png');

	background-repeat: repeat-y;

	text-align: left;

	margin-left: 10px;

}



#comments h3, #reply h3 {

	font-size: 20px;

	color: #e4e4e4;

	display: block;

	font-weight: normal;

}



#comments hr, #reply hr {

	background-image: url('images/hr_bg.png');

	background-repeat: repeat-x;

	width: 100%;

	height: 3px;

	display: block;

	margin: 5px 0 7px 0;

	border: 0;

}



#comments_list {

	margin-top: 8px;

}



.comment {

	margin-bottom: 10px;

}



.avatar {

	float: left;

}



.comment_entry {

	width: 450px;

	float: left;

	display: block;

	margin-left: 8px;

}



.commentflair {

	float: left;

	position: relative;

	top: 8px;

	left: -1px;

}



.comment_text {

	width: 440px;

	display: block;

	padding: 10px;

	margin-left: 11px;

	background-color: #0b0b0b;

	border: 1px Solid #1e1e1e;

	color: #b3b3b3;

	font-weight: normal;

}



.comment_meta {

	font-size: 13px;

	font-weight: bold;

	display: block;

	margin-bottom: 8px;

}



.comment_date {

	font-size: 11px;

	font-weight: normal;

	font-style: italic;

	color: #717171;

	margin: 3px 10px 0 0;

	float: right;

}



#comments cite, #comments cite a {

	color: #d0e9ee;

	font-style: normal;

}



#comments cite a:hover {

	color: #fff;

}



.commentsbottom {

	margin-bottom: 20px;

}



/* REPLY BOX */



#reply {

	display: block;

	width: 525px;

	background-image: url('images/commentsbackground.png');

	background-repeat: repeat-y;

	text-align: left;

	margin-left: 10px;

}



#respond {

	width: 520px;

	float: left;

	display: block;

	margin: 10px 0 0 8px;

	padding-bottom: 15px;

}



#respond a {

	color: #86aed0;

	text-decoration: none;

}



#respond a:hover {

	color: #fff;

}



#comments_form {

	width: 500px;

	display: block;

	padding: 10px;

	margin-left: 11px;

}



#comments_form label {

	margin: 20px 0 5px 0;

	display: block;

}



#comments_form .inputtext {

	display: block;

	width: 447px;

	height: 16px;

	background-color: #0d0d0d;

	border: 1px Solid #1e1e1e;

	padding: 3px;

	font-family: "Helvetica", "Verdana", "Arial", "Sans-Serif";

	font-size: 14px;

	color: #848484;

}



#comments_form .inputarea {

	display: block;

	width: 447px;

	height: 115px;

	background-color: #0d0d0d;

	border: 1px Solid #1e1e1e;

	padding: 3px;

	font-family: "Helvetica", "Verdana", "Arial", "Sans-Serif";

	font-size: 14px;

	color: #848484;

}



#submit {

	display: block;

	width: 69px;

	height: 26px;

	text-decoration: none;

	text-indent: -9999px;

	font-size: 0.1px;

	background-image: url('images/form_send.png');

	background-repeat: no-repeat;

	background-color: transparent;

	border: 0;

	margin: 15px 0 0 385px;

}



/**************************************************************

							HELPERS

**************************************************************/



.warning {

	color: #de5858 !important;

}



.success {

	color: #c3e999 !important;

}



.clearer {

	width: 1px;

	height: 1px;

	clear: both;

	visibility: hidden;

	margin: 0;

}