/*
Theme Name: Tears of Steel
Author: Francesco Siddi
Description: Thears of Steel custom made in a steel rainy day
Version: 1.0

*/



/* ----------------------------------------------------------	
 * 		#MANGO_01 some default styles 
 *		#MANGO_02 basic layout 
 * 		#MANGO_03 header
 * 		#MANGO_04 main content
 * 		#MANGO_05 comments
 * 		#MANGO_06 sidebar and widgets
 * 		#MANGO_07 footer
 * ----------------------------------------------------------	
*/



/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
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 {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


@import url(http://fonts.googleapis.com/css?family=Lato:400,700);
/*
font-family: 'Lato', sans-serif;
font-family: 'Gentium Basic', serif;
font-family: 'Alegreya SC', serif;
*/

/* #MANGO_01 some default styles */
/*--------------------------------------------------------------------------------- */

body {
	/*background:url(/wp-content/themes/tearsofsteel/images/background.jpg) no-repeat 50% 0 #f3f3f3;*/
	/*background: url('/wp-content/themes/tearsofsteel/images/bg-pink.jpg') repeat-x #7a98a3 0 bottom fixed;*/
	background: url('/wp-content/themes/tearsofsteel/images/bg-pink.jpg') #7a98a3 fixed;
	font-size:12px;
	line-height:18px;
	font-family: Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif;
}

img.alignright {
	clear:right;
	float:right;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:0;
	margin-top:0;
}

.alignright {
 	float:right;
}

img.alignleft {
	clear:left;
	float:left;
	margin-bottom:10px;
	margin-left:0;
	margin-right:10px;
	margin-top:0;
}

.alignleft {
 	float:left;
}

img.size-auto, img.size-large, img.size-full, img.size-medium, img.size-thumbnail, .attachment img {
	height:auto;
	max-width:100%;
	width:auto;
}



/* #MANGO_02 basic layout */
/*--------------------------------------------------------------------------------- */

div#shadow {
	width:950px;
	margin:0 auto;
	/*background: url(/wp-content/themes/tearsofsteel/images/shadow.png) no-repeat bottom left transparent;*/
	margin-bottom: 25px;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
}

div#page {
	width:950px;
	background-color: #1F1F1F;
	margin:0 auto;
	/*margin-top:50px;*/
}

div#main {
	padding-top:30px;
	border-top: 5px solid #333;
	width: 950px;
}

div#main {
	display: inline-block;
}


.span6 {
	width: 440px;
	float: left;
}

.span6.last {
	margin-left: 40px;
}

.clear {
	clear: both;
}


.blog_latest img {
	margin-top:15px;
}


/* #MANGO_03 header */
/*--------------------------------------------------------------------------------- */

header#branding {
	height:400px;
	position: relative;
	/*background: url(/wp-content/themes/tearsofsteel/images/header.jpg) no-repeat 0 0 #FFF;*/
}

header#branding.homepage {
	height: 609px;
}

#branding img.wp-post-image {
	margin-top: 150px;
}

a#logo {
	width:285px;
	height:150px;
	background: url('/wp-content/themes/tearsofsteel/images/logo.png') no-repeat;
	text-indent: -9999px;
	position: absolute;
	top:20px;
	left:25px;
	z-index: 999;
}


img#header_img {
	position: absolute;
	top:150px;
	left:0;
	z-index: 1;
}

#galleria {
	height: 458px;
	position: relative;
	top:150px;
	left:0;
	z-index: 1;
}

div#navigation {
	background-color: #1f1f1f;
	height:140px;
	width:950px;
	position: absolute;
	top:0px;
	left:0;
	border-bottom: 10px solid #333;
}

div#navigation .menu {
	margin-top: 100px;
	float: right;
	margin-right: 15px;
}

div#navigation li {
	display: inline;
}

div#navigation a {
	display: inline-block;
	height:30px;
	padding:0 15px;
	line-height:30px;
	color:#BBB;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	float:left;
	text-transform: uppercase;
}


div#navigation a:hover, div#navigation li.current_page_item a {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	color: #628BB4;
}

div#navigation .social {
	position: absolute;
	top: 15px;
	right: 30px;
}

div#navigation .social div {
	float: right;
}

#sc_fb, #sc_tw {
	margin-left: 15px;
}


div#navigation .social a {
	border-right: none;
	background: none;
	height: 24px;
	padding: 0;
	text-shadow: none;
}

div#navigation .social a:hover {
	background-color: none;
	cursor: pointer;
}

div#navigation .social a.facebook {
	margin-top: 3px;
	margin-right: 5px;
	background: url(/wp-content/themes/tearsofsteel/images/social/facebook.png);
	width: 24px;
}

div#navigation .social a.facebook:hover {
	background: url(/wp-content/themes/tearsofsteel/images/social/facebook_hover.png);
}

div#navigation .social a.googleplus {
	margin-top: 3px;
	margin-right: 5px;
	background: url(/wp-content/themes/tearsofsteel/images/social/googleplus.png);
	width: 24px;
}

div#navigation .social a.googleplus:hover {
	background: url(/wp-content/themes/tearsofsteel/images/social/googleplus_hover.png);
}

div#navigation .social a.rss {
	margin-top: 3px;
	margin-right: 5px;
	background: url(/wp-content/themes/tearsofsteel/images/social/rss.png);
	width: 24px;
}

div#navigation .social a.rss:hover {
	background: url(/wp-content/themes/tearsofsteel/images/social/rss_hover.png);
}

div#navigation .social a.twitter {
	margin-top: 3px;
	margin-right: 5px;
	background: url(/wp-content/themes/tearsofsteel/images/social/twitter.png);
	width: 24px;
}

div#navigation .social a.twitter:hover {
	background: url(/wp-content/themes/tearsofsteel/images/social/twitter_hover.png);
}


div#navigation .social a.youtube {
	margin-top: 3px;
	margin-right: 5px;
	background: url(/wp-content/themes/tearsofsteel/images/social/youtube.png);
	width: 24px;
}

div#navigation .social a.youtube:hover {
	background: url(/wp-content/themes/tearsofsteel/images/social/youtube_hover.png);
}

.nav { float:left; height:30px; }
.nav ul { list-style:none; position:relative; }
	.nav ul li { float:left; position:relative; display:block; font-size:12px; }		
	.nav ul li > a { color:#666; padding:0px 8px; line-height:40px; text-decoration:none; display:block;  }	
	.nav ul li.current-page-ancestor > a {color: #e2000f;}
	.nav ul li:hover > a { color:#d16f4e; }
	.nav ul li.current-menu-item > a { color:#d16f4e; }
	.nav ul li.current-menu-item > a:hover { color:#d16f4e; }
		.nav ul li ul { position:absolute; background:#DC0808; border-top:1px solid #e6e6e6; display:none; left:0px; top:30px;}
		.nav ul li ul li { width:100%; margin:0 0px 0 0; }
		.nav ul li ul li a { line-height:20px; padding:10px 0; margin:0 12px; color:#888; border-bottom:1px dotted #ddd;  } 
		.nav ul li ul li:last-child a { border:0px; } 		
		/* IE7 Fix */ 		
		.nav li:hover ul { display:block; }
		.nav ul li ul li ul { position:absolute; left:170px; top:-1px; display:none; visibility:hidden; }

div#navigation ul.sub-menu a {
	margin-left: 0px;
	border-right: 0px;
	margin-right: 0px;
}

/* #MANGO_04 main content */
/*--------------------------------------------------------------------------------- */

div#primary {
	width:570px;
	float:left;
}

div#primary-full {
	width:950px;
	float:left;
}


div#content article {
	margin-bottom:50px;
	clear:both;
	/*display: inline-block;*/
}

div#content a {
	/*color: #ba0e00;*/
	color: #fd7f3a;
	text-decoration: none;
}

div#content a:hover {
	text-decoration: underline;
} 

div#content a:visited {
} 

div#content ul, div#content ol {
	margin-left:40px;
	margin-bottom:1em;
}

div#content ul {
	list-style:disc;
}

div#content ol {
	list-style:decimal;
}

div#content article h1, 
div#content article h2, 
div#content article h3, 
div#content article h4, 
div#content article h5, 
div#content article h6 {
	font-family: 'Lato', sans-serif;
	margin:1em 0 0.5em 0;
}

div#content h1 {
	font-weight:bold;
	font-size:22px;
}

div#content h2 {
	font-size:18px;
}

div#content h3 {
	font-size:16px;
}

div#content h4 {
	font-size:14px;
}

div#content h5 {
	font-size:12px;
}

div#content h6 {
	font-size:11px;
}

div#content h1.page-title {
	margin-left:25px;
	margin-bottom:2em;
	color:#999999;
}

span.entry-date {
	line-height:25px;
	text-align: right;
	padding-right:10px;
	float:left;
}

div#content h1.entry-title {
	font-size:25px;
	color: #628BB4;
	text-transform: uppercase;
	margin:0 0 10px 30px;
	padding-top: 4px; 
}


#content h1.secondary {
	font-size: 25px;
	color: #628BB4;
	text-transform: uppercase;
	margin-left: 0px;
	font-weight: normal;
	margin-top: 4px;
}

body.blog div#content article h1.entry-title{
	font-size: 22px;
}

div#content article h1.entry-title a {
	color: #628bb4;
	text-decoration: none;
}

div#content article h1.entry-title a:hover {
	color: #8fa1b4;
	text-decoration: none;
}

div#content article h1.entry-title a:visited {

}

#homepage #content article h1.entry-title {
	margin-bottom: 10px;
	font-weight: normal;
}

#homepage h2 a{
	text-transform: uppercase;
	font-size: 12px;
}

div#content p.mango_meta {
	color:#999;
	font-size:11px;
	margin:10px 0 20px 30px;
}

div#content p.mango_meta a {
	color:#999;
}

div#content p.mango_meta a:hover, div#content p.mango_meta a:visited {
	color:#999;
}

div#content p.mango_meta span.comments-link {
	padding-left:1em;
}

#homepage .mango_meta {
	display: none;
}


div.entry-content , div.entry-summary{
	margin-left:30px;
	margin-right: 30px;
	color:#EEE;
}

div.entry-content p {
	margin-bottom:1em;
}

div#content .entry-content strong {
	font-weight: bold;
}

div#content .entry-content em {
	font-style: italic;
}


span.cat-links {
	float: right;
}

div#content span.cat-links a {
	color: #FD7F3A;
	text-decoration: none;
}

span.cat-links a:hover {
	text-decoration: underline;
}

div#content a.more-link {
	color:#FFF;
	background:url(/wp-content/themes/tearsofsteel/images/continue.gif) 85px 50% no-repeat #FD7F3A;
	text-transform: lowercase;
	text-decoration: none;
	padding:1px 10px 1px 5px;
	width:90px;
	text-align:center;
	float:right;
	border-radius: 2px;
}

div#content a.more-link:hover {
	background-color:#9F1A1A;
	text-decoration: none;
}

div#content a.more-link:visited {
	color:#FFF;
}

nav#nav-single {
	width:540px;
	margin:20px 0 20px 30px;	
	display: inline-block;
}

nav#nav-single a {
	color:#FD7F3A;
	text-decoration: none;
}

nav#nav-single a:hover {
	text-decoration: underline;
}

nav#nav-single span.nav-previous {
	float:left;
}

nav#nav-single span.nav-next {
	float: right;
}

div#page_nav {
	margin-left:110px;
}

#page_nav span {
	color: #EEE;
}

.entry-content iframe {
	margin-top: 15px;
}

.gallery {
	margin: auto;
}

.gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}

.gallery img {
	border: 1px solid #333;
}

.gallery-caption {
	margin-left: 0;
}


.col_left, .col_right {
	width: 425px;
	float: left;
}

.col_right {
	margin-left: 35px;
}


/* #MANGO_05 comments */
/*--------------------------------------------------------------------------------- */


#comments {
	color: #FFFFFF;
}

div#content ol.commentlist {
	margin-left:30px;
	width:540px;
	list-style: none;
}	

div#content ol.commentlist li {
	background-color: #222222;
	padding:10px;
	border:1px solid #333333;
	margin-bottom:10px;
}

div#content ol.commentlist li.bypostauthor {
	background-color: #e5f1f6;
	border:1px solid #7cc1db;	
}

div#content ol.commentlist li.bypostauthor a {
	color:#097198;
}

div#content ol.commentlist li.byuser {
	background-color: #333;
	border:1px solid #666;	
}

div#content ol.commentlist li.byuser a {
	color: #579cb6;
}

div#content ol.commentlist li div.comment-body {
	word-wrap: break-word;
}

div#content ol.commentlist li div.comment-body p {
	margin-bottom:1em;
}

div#content ol.commentlist li.depth-2, div#content ol.commentlist li.depth-3, div#content ol.commentlist li.depth-4, div#content ol.commentlist li.depth-5 {
	margin-top:10px;
}


div#content ol.commentlist li div.comment-author img {
	float:left;
	padding-right:10px;
	/*
	position: absolute;
	top:0;
	left:-42px;	*/
}

div#content ol.commentlist li a {
	color: #FD7F3A;
	text-decoration: none;
}

div#content ol.commentlist li a:hover {
	text-decoration: underline;
}

div#content ol.commentlist li div.reply {
	margin-top:10px;
}

div#content ol.commentlist ul.children {
	list-style: none;
	/*margin-top:1em;*/
	margin-bottom:0;
}

div#content ol.commentlist ul.children li {
	margin-bottom:0;
}
	
div#respond {
	margin-left:30px;
	width:500px;
	padding:20px;
	background-color: #2a2a2a;
	color:#595959;
}

div#respond h3 {
	font-size:18px;
	text-transform: uppercase;
	margin-bottom:20px;
}

div#respond input, div#respond textarea {
	width:500px;
	margin-bottom:20px;
	border: 1px solid #444;
	background: #333;
	color: #DDD;
}

div#respond textarea {
	min-width: 500px;
	max-width: 500px;
}

div#respond span.required {
	color:#dc0808;
}

div#respond p.comment-notes {
	margin-bottom:20px;
}

div#respond p.form-allowed-tags {
	display:none;
}

div#respond p.form-submit {
	text-align: right;
}

div#respond input#submit {
	color:#FFF;
	background-color:#FD7F3A;
	text-transform: lowercase;
	border: none;
	padding:5px;
	width:170px;
	margin:0;
	cursor: pointer; 
}

div#respond input#submit:hover {
	background-color: #097198;
}


/* #MANGO_06 sidebar and widgets */
/*--------------------------------------------------------------------------------- */

div#secondary li {
	list-style: none;
}

div#secondary {
	width: 300px;
	float:right;
}

div#secondary .widget {
	width: 250px;
	background:#333;
	margin-bottom:30px;
	padding:15px 0 25px 15px;
	color:#FFF;
	position: relative;
	font-size: 11px;
}

div#secondary .widget  a {
	text-decoration: none;
	color:#AAA;
}

div#secondary .widget  a:hover {
	text-decoration: underline;
}

div#secondary .widget  h2 {
	color:#FFF;
	font-size:16px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#secondary iframe {
	width: 230px;
	height: 215px;
	
}

iframe body {
	background: transparent
}

/* #MANGO_07 footer */
/*--------------------------------------------------------------------------------- */

div#footer {
	clear:both;	
	background-color:#333;
	height:30px;
	text-align: right;
	padding:0 10px;
	margin:50px 0 0 0;
}

div#footer a {
	text-decoration: none;
	color:#FFF;
	line-height:30px;
	font-size: 10px;
}

/* #MANGO_08 buttons */

.button {
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #628BB4;
    background: linear-gradient(center top, #628BB4 0%, #3f7ca0 100%) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top, #628BB4 0%, #3f7ca0 100%) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(center top, #628BB4 0%, #3f7ca0 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(center top, #628BB4 0%, #3f7ca0 100%) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(center top, #628BB4 0%, #3f7ca0 100%) repeat scroll 0 0 transparent;
    border-color: #3E89AD #357EA0 #2C7191;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0px 1px 1px #222, 0 1px 0 #78AFCE inset;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    margin: 10px 0 25px 105px;;
    padding: 12px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #1D4A5F;
    text-transform: uppercase;
    white-space: nowrap;
    width: 180px;
    font-size: 20px;
}

.button:hover {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	background: #90a9c3;
	background: -moz-linear-gradient(center top, #90a9c3 0%, #558aa8 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(center top, #628BB4 0%, #3f7ca0 100%) repeat scroll 0 0 transparent;
    background: -webkit-linear-gradient(center top, #628BB4 0%, #3f7ca0 100%) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(center top, #628BB4 0%, #3f7ca0 100%) repeat scroll 0 0 transparent;
}

div#content .button a {
	color: #FFF;
	text-decoration: none;
}

/*
body {
	overflow:hidden; 
	padding:0;
	margin:0;
	height:100%;
	width:100%;
}
 
#bgimg {
	position:absolute;
	z-index: -1;
}
 
#realBody{
	position:absolute;
	z-index: 5;	
	overflow:auto; 
	height:100%;
	width:100%;
}
*/