/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.5; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

body {background-image:url(/wp-content/themes/businessjournal/images/background2.png); background-repeat:repeat-x; background-color:#292c4e; font-weight: 400; font-family: "proxima-nova", Helvetica, Arial, sans-serif;  }
#wrapper { width:100%; margin: 0 auto;  }
#header { width:100%; height:200px; margin:0px; }
#logoimage { width: 90%; height: auto; margin: 20px auto; padding:  0 0 0 15px;}
#search { display: none;}
#maincontent {width:100%; float:left; background-color:#f0f0f0; margin: 0 0 15px 0;}
#page-content {padding: 15px;}
#page-content img {width: 100%; height: auto;}
h1 { color:#282b4d; margin:0; text-shadow: 0 1px 0 #fff;  }
.featuredpost {padding: 15px; border-top: solid thin #fff; border-bottom: solid thin #ccc;}
.featuredpost h1 {margin: 0; padding: 0; font-size: 1.8em; line-height: 1.2em; }
.featuredpost p {padding: 0; margin: 0; }
.latest {color: #666;}
a { text-decoration:none; color:#282b4d; font-weight: bold;}
a.button {padding: 5px 10px; background: #282b4d; color: #fff; float: right; text-shadow: 0 1px 0 #1c1e36; border: solid thin #17192d; font-size: 14px; margin: 5px 0;}
a.button:hover {background: #17192d}
a.button:hover {background: #17192d}
h2 { margin:0;}

.older_navi, .newer_navi { float: right; letter-spacing: 2px; text-transform: uppercase; font-size: 80%; padding: 10px 5px;}
.newer_navi {float: left;}
#sidebar  {display: none;}}
#sidebar img {max-width: 250px; height: auto;}
.homepost {border-top: solid thin #fff; border-bottom: solid thin #ccc; padding: 15px;}
.homepost h2 {line-height: 1.2em;}
.post {padding: 15px;}
.post img { padding: 4px; background: #fff; border: solid thin #ccc; margin: 0 0 10px 0; max-width: 95%; height: auto;}
.post h1 {font-size: 1.53em}
.looppost {border-top: solid thin #fff; border-bottom: solid thin #ccc; padding: 15px;}
.looppost h1 {font-size: 1.5em;}
.looppost p {font-size: 90%;}
#footer {color: #fff; font-size: 80%; padding: 15px; text-align: center; margin: 20px 0;}
#footer a {color: #fff;}
.hero-sub a {color: #fff; font-weight: normal; font-size: 1em; float: left;  background-image: url(/wp-content/themes/businessjournal/images/hero-text-back.png); padding: 0px 10px 0px 10px;}
.slide { overflow: hidden;}
.flexslider {margin: 10px 0 0 0;}
#navigation { border: solid thin #090909; background: #191918; width:100%;  margin-top:0px; text-shadow:#000 1px 1px 0px;  font-size: .90em;}
#navigation ul { margin,padding:0; }
#navigation li { display:inline;    }
#navigation li a { text-decoration:none; margin: -1px 0 0 0; color:#fff; padding: 0 20px; line-height: 40px; display: block; float: left; border-right: solid thin #000; border-top: solid thin #000; border-bottom: solid thin #000;}
#navigation li a:hover {border-bottom: solid 4px #363636; height: 37px;}  
.fb-like {display: none;}
.homepost img {width: 125px; height: auto; float: left; margin: 30px 10px 10px 0; padding: 5px; background: #fff; border: solid thin #ccc;}
.wp-post-image  {width: 125px; height: auto; float: left; margin: 30px 10px 10px 0; padding: 5px; background: #fff; border: solid thin #ccc;}

@media only screen and (min-width: 35em) {
  
body {background-image:url(/wp-content/themes/businessjournal/images/background2.png); background-repeat:repeat-x; background-color:#292c4e; font-weight: 400; font-family: "proxima-nova", Helvetica, Arial, sans-serif;  }
#wrapper { width:960px; margin: 0 auto; }
#header { width:960px; height:200px; margin:0px; }
#logoimage { margin: 25px 0 0 0; width: 422px; height: auto;}
#navigation { border: solid thin #090909; background: #191918; width:960px;  margin-top:10px; text-shadow:#000 1px 1px 0px;  font-size: .95em;}
#navigation ul { margin,padding:0; }
#navigation li { display:inline;    }
#navigation li a { text-decoration:none; color:#fff; padding: 0 20px; line-height: 40px; display: block; float: left; border-right: solid thin #000;}
#navigation li a:hover {border-bottom: solid 3px #363636; height: 37px;}  
.navlinks {}
#maincontent {width:960px; background-color:#f0f0f0; margin-top:0px; display:block; border: solid thin #fff;  padding: 0;}
#content { width:650px; float:left; padding:15px;}
#page-content { width:650px; float:left; padding:15px;}
.shadow { background-image:url(/wp-content/themes/businessjournal/images/backgroundshadow.png); height:459px; width:20px; float:left; }
.clear { clear:both;}
 a { text-decoration:none; color:#282b4d; font-weight: bold;}
#content a:hover { }
h1 { color:#282b4d; margin:0; text-shadow: 0 1px 0 #fff; line-height: 1.2em }
.featuredpost h1 {margin: 0; padding: 0; color:#282b4d; line-height: 1.2em;}
.featuredpost p {padding: 0; margin: 0; line-height: 1.4em; }
a.button {padding: 5px 10px; background: #282b4d; color: #fff; float: right; text-shadow: 0 1px 0 #1c1e36; border: solid thin #17192d; font-size: 14px; margin: 5px 0;}
a.button:hover {background: #17192d}
h2 { margin:0;}
.looppost { padding: 0 0 20px 0; margin-bottom:20px;  border-bottom: dotted thin #CCC; border-top: none;}
.looppost h1 {font-size: 2em; }
.looppost p {font-size: 100%}
.post {padding: 0;}
.post h1 {font-size: 2em;}
.post img { padding: 0px; background: none; border: none; margin: 0;}
.featuredpost { margin:20px 0 30px; text-shadow: 0 1px 0 #fff; padding: 0; border: none;}
.homepost { padding-bottom:30px;  width:310px;  height: 275px;  float:left;  padding: 0 15px 0 0;  font-size:.8em; border: none;} 
.homepost h2 {font-size: 1.3em;}
.date {  font-size:.9em;  color:#666666;}
.meta {  font-size:.8em;}
.readmore {  text-align:right;  margin-right:30px;}
#sidebar { text-align:center;  width: 250px;  min-height:300px;  float:right;  padding-top:15px;  padding-left:20px;  padding-right:10px;  margin-bottom:40px;  font-size:.8em; display: block ;}
#sidebar img {width: 100%; height: auto;}
#sidebar h2 { color:#282b4d; }
#sidebar ul { padding:0;}
#sidebar li {  list-style:none; margin-bottom:10px; }
.standard-left { float:left; padding-top:10px; padding-right:10px; }
.standard-right { padding-top:10px;}
#slider { margin-bottom:10px; height:300px;}
.latest {  color:#666666;}
#search { background-image:url(/wp-content/themes/businessjournal/images/searchbackground.png); height: 35px;  width:275px;  float:right; border-bottom-left-radius:5px;  border-bottom-right-radius:5px;  -webkit-border-bottom-left-radius:5px;  -webkit-border-bottom-right-radius:5px;  -moz-border-radius-bottomleft:5px;  -moz-border-radius-bottomright:5px;}
.search { padding-right:10px;  padding-top:4px;  margin:0;  height:15px;}
#searchsubmit {padding: 7px;}
.wp-post-image { width: 175px; height: auto; float:left;  margin: 20px 0 0 0; border: none; background: none; padding: 0 20px 5px 0; }
#s { padding: 5px;  }
.loginspacer {  background-image:url(/wp-content/themes/businessjournal/images/searchspacer.png);  background-repeat:no-repeat;  height:35px;  width:2px;  float:left;  padding-left:5px;}
#sociallink { padding-top:8px;  padding-right:10px; }
.socialcontainer { float:left;  padding-left:20px; display:block;  height:30px;}
.pagenavi {padding-top:30px;  padding-left:10px;  padding-bottom:30px;}
#footer { margin:10px 0 0 0;  width:960px;  min-height:100px;  font-size:.7em;  color:#fff; text-align: left; padding: 0;}
#footer h1 { color:#fff;  font-size:1em;}
#footer a {  color: #ffffff;  text-decoration:none; text-shadow: none;}
#footer a:hover {  text-decoration:underline;}
#copyright {  float:left;}
#daranda {  float:right;}
#daranda a {  text-decoration:none;}
#daranda a:hover {  text-decoration:underline;}
.older_navi, .newer_navi { float: right; letter-spacing: 2px; text-transform: uppercase; padding: 0;}
.newer_navi {float: left;}
.home-slides {height: 300px; width: 650px; overflow: hidden;}
.hero-sub { width: 100%; color: #fff; font-size: 1.5em;  position: absolute; left: 0; bottom: 20px;  padding: 0;}
.fb-like {float: right; display: block; width: 450px; color: #fff; margin: 65px 0 0 0;}
.homepost img {float: left; width: 100px; height: auto; padding: 3px; background: #fff; border: solid thin #ccc; margin: 15px 10px 10px 0;}
}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { 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: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}