/*   
Theme Name: Sinister Design
Theme URI: http://sinisterdesign.net
Description: Based on the HTML5-based Wordpress skeleton theme.
Author: Jamie Sanchez
Author URI: http://jamiesanchez.com/
Version: 2.0
*/


/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }									
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img, object, embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
a:hover, a:active {outline: none;}
a:focus { outline: thin dotted; }
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable, .wpcf7-list-item-label, input[type=button], input[type=submit], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
 .ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}


/*	Establish the grid
-------------------------------------------------------------------------------*/
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";}
.row:after{clear:both;}
[class*="span"]{float:left;margin-left:20px;}
.container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;}
.span12{width:940px;}
.span11{width:860px;}
.span10{width:780px;}
.span9{width:700px;}
.span8{width:620px;}
.span7{width:540px;}
.span6{width:460px;}
.span5{width:380px;}
.span4{width:300px;}
.span3{width:220px;}
.span2{width:140px;}
.span1{width:60px;}
.offset12{margin-left:980px;}
.offset11{margin-left:900px;}
.offset10{margin-left:820px;}
.offset9{margin-left:740px;}
.offset8{margin-left:660px;}
.offset7{margin-left:580px;}
.offset6{margin-left:500px;}
.offset5{margin-left:420px;}
.offset4{margin-left:340px;}
.offset3{margin-left:260px;}
.offset2{margin-left:180px;}
.offset1{margin-left:100px;}
.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";}
.row-fluid:after{clear:both;}
.row-fluid [class*="span"]{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574%;*margin-left:2.0744680846382977%;}
.row-fluid [class*="span"]:first-child{margin-left:0;}
.row-fluid .span12{width:99.99999998999999%;*width:99.94680850063828%;}
.row-fluid .span11{width:91.489361693%;*width:91.4361702036383%;}
.row-fluid .span10{width:82.97872339599999%;*width:82.92553190663828%;}
.row-fluid .span9{width:74.468085099%;*width:74.4148936096383%;}
.row-fluid .span8{width:65.95744680199999%;*width:65.90425531263828%;}
.row-fluid .span7{width:57.446808505%;*width:57.3936170156383%;}
.row-fluid .span6{width:48.93617020799999%;*width:48.88297871863829%;}
.row-fluid .span5{width:40.425531911%;*width:40.3723404216383%;}
.row-fluid .span4{width:31.914893614%;*width:31.8617021246383%;}
.row-fluid .span3{width:23.404255317%;*width:23.3510638276383%;}
.row-fluid .span2{width:14.89361702%;*width:14.8404255306383%;}
.row-fluid .span1{width:6.382978723%;*width:6.329787233638298%;}
.container{margin-right:auto;margin-left:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";}
.container:after{clear:both;}
.container-fluid{padding-right:20px;padding-left:20px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";}
.container-fluid:after{clear:both;}
.hidden{display:none;visibility:hidden;}
.visible-phone{display:none !important;}
.visible-tablet{display:none !important;}
.hidden-desktop{display:none !important;}
.screen-reader-text { position: absolute; left: -999em; }


/*	Alignment
-------------------------------------------------------------------------------*/

.aligncenter { display: block; margin: 0 auto; }
.alignleft { margin: 0 20px 20px 0; float: left; }
.alignright { margin: 0 0 20px 20px; float: right; }
.left { float: left; }
.right { float: right; }


/* Typography
-------------------------------------------------------------------------------*/

body {font-family: Helvetica, Arial, sans-serif; font-size: 15px;}
body, select, input, textarea {color: #999;}
a {color: #E62D2D;}
a:hover {color: #5E77AC;}
a:link {-webkit-tap-highlight-color: #282E3F;} 
::-moz-selection{background: #282E3F; color: #fff; text-shadow: none;}
::selection {background: #282E3F; color: #fff; text-shadow: none;} 
ins {background-color: #282E3F; color: #000; text-decoration: none;}
mark {background-color: #282E3F; color: #000; font-style: italic; font-weight: bold;}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a {
font-weight: 700;
font-family:"franklin-gothic-urw-cond", sans-serif;
letter-spacing: .03em;
color: #fff;
text-decoration: none;
}

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em }

p, ul, ol {
line-height: 1.35em;	
margin-bottom: 1.35em;
}

#content ul{ list-style: none; padding:0;  margin: .5em 1.5em; }
#content ul li{ text-indent: -1em; }
#content ul li:before { content: "\25A0\0020\0020"; color: #555; }

#content ol{ list-style-type: decimal; padding:0;  margin: .5em 1.5em; }
#content ol li{ text-indent: -1em; }

blockquote {
font-size: 0.95em;
border-left: 3px solid #E62D2D;
background-color: #1D1E20;
padding: 1em 1em 0.05em 2em;
margin: 1.5em 0px;
-moz-border-radius: 0 7px 7px 0;
-webkit-border-radius: 0 7px 7px 0;
border-radius: 0 7px 7px 0;
}


/* Structure
-------------------------------------------------------------------------------*/

body {
background: #000 url('http://sinisterdesign.net/blog/wp-content/themes/sinisterdesign2/_img/bg.jpg') repeat-x;
min-width: 980px;
}

.wrapper {
width: 960px;
margin: 0px auto; 
position: relative;
}

#header {
width: 100%;
min-height: 80px;
background-image: url('http://sinisterdesign.net/blog/wp-content/themes/sinisterdesign2/_img/bgHeader.png');
background-repeat: no-repeat;
background-position: center;
margin-bottom: 45px;

z-index: 1;
position: relative;
}

#logo {
float: left;
width: 200px;
}

#logo a {
display: block;
height: 80px;
width: 220px;
overflow: hidden;
text-indent: -10000px;
padding: 0px !important;
background: url("http://sinisterdesign.net/blog/wp-content/themes/sinisterdesign2/_img/logo.png") no-repeat scroll transparent;	
}

#menu-main {
float: right;
font-size: 18px;
margin: 28px 0;
}

#menu-main a {
font-weight: 700;
font-family:"franklin-gothic-urw-cond", sans-serif;
letter-spacing: .03em;
color: #C4C4C4;
text-decoration: none;
text-transform: uppercase;
}

#menu-main a:hover {
color: #fff;	
}

#menu-main li {
display: inline-block;
/* margin-left: 20px; */
}

#content {
float: left;
width: 630px;
background: rgba(0, 0, 0, 0.4) url('http://sinisterdesign.net/blog/wp-content/themes/sinisterdesign2/_img/bgContent.png') top center repeat-x;
border-radius: 8px;
margin-bottom: 30px;
z-index: 2;
}

#content-top {
height: 55px;
overflow: hidden;
}

#sidebar {
float: right;
width: 284px;
margin-bottom: 30px;
}

#footer {
clear: both;
font-size: .9em;
text-align: center;
color: rgba(100, 100, 100, 0.4);
border-top: 1px solid rgba(100, 100, 100, 0.2);
padding: 15px 0;
}



/* Banner
-------------------------------------------------------------------------------*/

.home #wrapper-content {
position: relative;
top: 270px;
z-index: 1;
}

#banner {
position: absolute;
top: 0;
width: 100%;
min-width: 980px;
overflow: hidden;
background: #000;
z-index: 0;
}

#bannerspace_wrap {
width: 100% !important;
}

#bannerspace {
margin: 0 auto !important;
}

#bannerspace .slide {
display: inline-block !important;
vertical-align: baseline !important;
}

#bannerspace .slide .content {
position: absolute !important;
top: inherit !important;
right: inherit !important;
bottom: 0px !important;
left: 30px !important;
}

#bannerspace h3 {
font-size: 32px;
color: #fff !important;	
margin: 0 !important;
}

#bannerspace p {
font-size: 15px;
color: #fff !important;
font-weight: 700;
font-family:"franklin-gothic-urw-cond", sans-serif;
}

#bannerspace_nav {
position: relative !important;
margin: 0px auto !important;
width: 980px !important;
bottom: 20px !important;
z-index: 100 !important;
text-indent: 910px;
left: inherit !important;
}

#banner_nav {
position: relative;
z-index: 10 !important;
width: 100%;
height: 29px;
margin: -29px auto !important;
background: url('http://sinisterdesign.net/blog/wp-content/themes/sinisterdesign2/_img/bgBannerNav.png') bottom center no-repeat;
}

#bannerspace_nav span a {
display: inline-block !important;
}

#bannerspace_nav span.activeSlide a {
background-color: #C62828 !important;
}



/* Blog
-------------------------------------------------------------------------------*/

.entry-title {
font-size: 1.85em; 
margin-bottom: .5em;
}

.page-title {
margin: 40px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(100, 100, 100, 0.2);
box-shadow: 0px -1px 0px 0px #000 inset;
text-transform: uppercase;
font-size: 1.13em;
letter-spacing: 0.06em;
}

.page .page-title {
margin: 40px 0;
}

.single .page-title {
margin: 0 0 40px 0;
color: #555;
}

.excerpt-title {
font-size: 1.46em;
margin-bottom: .5em;
}

#content article {
margin: 40px; 
clear: both;
}

#content article h2 a:hover {
color: #fff;
}

.excerpt {
float: left;
width: 380px;
position: relative;
}

.excerpt p {
max-height: 120px;
overflow: hidden;
-webkit-mask-image: url('http://sinisterdesign.net/blog/wp-content/themes/sinisterdesign2/_img/mask.png');
-webkit-mask-repeat: repeat-x;
}

/* 
.fade {
position: absolute; 
bottom: 60px;
width: 100%;
height: 120px;  
background: -moz-linear-gradient( rgba(29,29,31,0) 0%, rgba(29,29,31,.5) 30%, rgba(29,29,31,1) 100% ); 
background: -moz-linear-gradient( rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 30%, rgba(0,0,0,1) 100% );
} */

.meta {
float: right;
width: 150px;
color: #E62D2D;
font-size: .6em;
line-height: 1.2em;
text-transform: uppercase;
}

.meta a {
text-decoration: none;	
}

.meta a:hover {
text-decoration: underline;	
}

.thumb { 
display: block;
border: 1px solid #2C2C2C;
margin-bottom: 1em;
line-height: 0;
border-radius: 4px;
}

.single .meta {
float: none;
width: auto;
}




/* Sidebar!
-------------------------------------------------------------------------------*/

.shailan_banner_widget {
position: relative !important;
top: 0px;
z-index: 2;
clear: both;
margin-bottom: 25px;
height: 117px;
overflow: hidden;
background-color: #222227;
border-radius: 4px;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.7);
}

.shailan_banner_widget:hover {
}

.shailan_banner_widget a {
display: block;
width: 284px;
height: 117px;
}

.shailan_banner_widget h3 {
position: absolute !important;
right: 10px;
top: 10px;
text-align: right;
font-size: 20px;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
}

.shailan_banner_widget .ibw-box {
display: none;
}

#text-4 {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #000;
box-shadow: 0px 1px 0px 0px rgba(100, 100, 100, 0.2) inset;
}

#text-4 h3 {
font-size: 26px;
color: #585862;
text-transform: uppercase;
display: inline-block;
float: left;
margin: 7px 7px 0 0;
}

#text-4 .social {
display: inline-block;
width: 48px;
height: 48px;
background: url('http://sinisterdesign.net/blog/wp-content/themes/sinisterdesign2/_img/social.png');
text-indent: -1000px;
overflow: hidden;
margin-left: 5px;
}

#text-4 .feed 			{ background-position: left top; }
#text-4 .feed:hover 	{ background-position: left bottom; }
#text-4 .facebook 		{ background-position: center top; }
#text-4 .facebook:hover { background-position: center bottom; }
#text-4 .twitter 		{ background-position: right top; }
#text-4 .twitter:hover 	{ background-position: right bottom; }



/* Nitty Gritty - Forms, Buttons and Details
-------------------------------------------------------------------------------*/

input[type="submit"], button, .button, .dropdown {
background-color: #A22121;
background-image: url("http://sinisterdesign.net/blog/wp-content/themes/sinisterdesign2/_img/bgButton.png");
background-position: 0px 50%;
background-repeat: repeat-x;
border: 1px solid rgba(0, 0, 0, 0.8);
border-radius: 4px 4px 4px 4px;
box-shadow: 0px 0px 5px 1px #A22121 inset;
color: rgb(249, 249, 249);
display: inline-block;
padding: 3px 12px;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.12);
text-decoration: none;
cursor: pointer;
font-size: .93em;
font-weight: 700;
font-family:"franklin-gothic-urw-cond", sans-serif;
letter-spacing: .03em;
}

.button:hover {
color: #fff;
box-shadow: 0px 0px 8px 1px #E42E2E inset;
}

.styled-select select {
background: transparent;
padding: 5px;
font-size: 1em;
line-height: 1;
border: 0;
border-radius: 0;
height: 34px;
}

.styled-select select:focus,
.styled-select option:focus{
outline: none !important;
}

.styled-select {
float: left;
height: 34px;
overflow: hidden;
background: url(new_arrow.png) no-repeat right #ddd;
border: 1px solid #651414;
border-radius: 4px;
background-color: #A22121;
}


/* Content Top */

#content-top input,
#content-top .styled-select,
#content-top .button {
height: 30px;
}

#content-top .button {
border: 1px solid rgba(0, 0, 0, 0.4);	
border-radius: 4px 4px 4px 4px;
color: #FF4D4D;
padding: 0px 10px;
line-height: 30px;
width: 30%;
margin-left: 3%;
text-align: center;
overflow: hidden;
}

#content-top .button:hover, 
#content-top .button:focus {
color: #fff;
}

#content-top input#s {
float: left;
width: 36%;
color: #AE2525;
padding-left: 8px;
background: #FE5656;
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 4px 4px 4px 4px;
box-shadow: 2px 2px 3px 0px #C43837 inset;
margin: 12px 0 12px 12px;
font-size: 14px;
font-weight: 700;
font-family:"franklin-gothic-urw-cond", sans-serif;
}

#content-top input#s:hover, 
#content-top input#s:focus {
color: #fff;
border-color: #721717;
}

#content-top input#s:focus {
color: #5D5D5D;
background: #fff;
box-shadow: none;
border-color: #721717;
}

#content-top-right {
float: right;
width: 52%;
height: 30px;
margin: 12px 0 12px 2%;
padding-left: 2%;
border-left: 1px solid #A72121;
}

#content-top .styled-select select {
width: 130%;
}

#content-top .styled-select {
width: 50%;
}


/* Tags */

#tags {
color: #333;
line-height: 150%;
}


/* Pagination */

.pagination {
margin: 40px;
text-align: center;
border-top: 1px solid #000;
box-shadow: 0px 1px 0px 0px rgba(100, 100, 100, 0.2) inset;
padding-top: 15px;
}

.pagination a,
.pagination .current {
display: inline-block;
margin-bottom: 30px;
margin: 0 0 5px 0 !important;
min-width: 20px;
text-align: center;
border-radius: 3px;
text-decoration: none;
padding: 5px 5px 3px 5px;
line-height: 1.5em;
border: 1px solid rgba(0, 0, 0, 0.8);
font-size: .8em;
}

.pagination a {
color: #999;
background: #313137;
text-decoration: none;
}

.pagination a:hover {
color: #fff;
background: #E62D2D;
text-decoration: none;
background-color: #A22121;
background-image: url("http://sinisterdesign.net/blog/wp-content/themes/sinisterdesign2/_img/bgButton.png");
background-position: 0px 50%;
background-repeat: repeat-x;
}

.pagination .current {
color: #fff;
font-weight: bold;
background-color: #323E51;
}

.pagination .prev,
.pagination .next {
padding-left: 10px;
padding-right: 10px;
}

.pagination .dots {
line-height: 3em;
}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
}


/* Media queries!
-------------------------------------------------------------------------------*/

@media only screen and (max-width : 980px) {
	
}


@media only screen and (min-width : 666px) {

	.navbar-inverse .navbar-inner {
	background-color: inherit !important;
	background-image: none !important;
	border: 0 !important;
	}
	
	.navbar-inner {
	min-height: inherit !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	background-color: inherit !important;
	background-image: none !important;
	border-color: inherit !important;
	border-radius: none !important;
	box-shadow: none !important;
	}

	
}

@media only screen and (max-width: 665px), only screen and (max-device-width: 665px) {
	
	html, body {
	width: 100%;
	min-width: inherit;
	height: auto !important;
	}

	.wrapper,
	#bannerspace, 
	#bannerspace_wrap, 
	#bannerspace img, 
	#bannerspace .imageWrapper,
	.slide,
	.slide img,
	#content {
	width: auto !important;
	}
	
	.home #header .wrapper {
	position: absolute;	
	width: 100% !important;
	}
	
	#logo {
 	background-position: 0 10px;
 	}
	
	#menu-main {
	float: none !important;
	font-size: 1.2em !important;
	text-align: center;
	}
	
	#menu-main li {
	padding: 7px 0;
	}
	
	.navbar-inner,
	.navbar-inverse {
	border: 0 !important;
	border-radius: 0 !important;
	background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(34, 34, 34)) !important;
	}
	
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
	font-weight: normal !important;
	}
	
	#banner {
	min-width: inherit;	
	}
	
	#content, #sidebar {
	float: none !important;
	clear: both !important; 
	}
	
	#content {
	margin: 0 10px;	
	}

	#content img {
	width: auto !important;
	height: inherit !important;
	}
	
	.excerpt {
	width: 55%;
	font-size: .86em;
	}
	
	#sidebar {
	margin: 0 auto;	
	}
	
	#sidebar, 
	#sidebar img {
	max-width: auto;	
	}

}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	
	html, body, .wrapper {
	width: inherit !important;
	min-width: 290px !important;
	max-width: 479px !important;
	}

	body {
	font-size: .85em;
	}
	
    .imageWrapper, 
    #bannerspace_wrap img {
    width: 100% !important;
    height: auto;
    top: 80px;
    }
    
    .imageWrapper, 
    #bannerspace_wrap {
    height: auto !important;
    }
    
    #bannerspace .slide .content {
    bottom: 10px !important;
    }
    
    #bannerspace .content {
    padding: 0px !important;
    }

	#content article {
	margin: 20px;	
	}
	
	.excerpt {
	width: auto;
	float: none;
	}
	
	.excerpt p {
	max-height: none;
	display: inline-block;
	float: left;
	margin-right: 15px;
	}
	
	.post .meta {
	float: left
	}
	
	#respond {
	margin: 20px;
	width: auto;
	overflow: hidden;
	}
	
	#respond textarea {
	width: auto !important;
	}
	
}


@media only screen and (min-width : 480px) and (max-width : 980px) {	
}

@media all and (orientation: portrait) {	
}

@media all and (orientation: landscape) {
}