/*
Theme Name: JBS
Theme URI: http://wordpress.org/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

@charset "utf-8";
/* CSS Document */
@font-face {font-family: 'franklin_gothic_mediumitalic';src: url('fonts/framdit-webfont.eot');src: url('fonts/framdit-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/framdit-webfont.woff') format('woff'),  url('fonts/framdit-webfont.ttf') format('truetype'),  url('fonts/framdit-webfont.svg#franklin_gothic_mediumitalic') format('svg');font-weight: normal;font-style: normal;}
 @font-face {font-family: 'franklin_gothic_bookregular';src: url('fonts/frabk-webfont.eot');src: url('fonts/frabk-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/frabk-webfont.woff') format('woff'),  url('fonts/frabk-webfont.ttf') format('truetype'),  url('fonts/frabk-webfont.svg#franklin_gothic_bookregular') format('svg');font-weight: normal;font-style: normal;}
 @font-face {font-family: 'franklin_gothic_mediumregular';src: url('fonts/framd-webfont.eot');src: url('fonts/framd-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/framd-webfont.woff') format('woff'),  url('fonts/framd-webfont.ttf') format('truetype'),  url('fonts/framd-webfont.svg#franklin_gothic_mediumregular') format('svg');font-weight: normal;font-style: normal;}
 @font-face {font-family: 'franklin_gothic_bookitalic';src: url('fonts/frabkit-webfont.eot');src: url('fonts/frabkit-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/frabkit-webfont.woff') format('woff'),  url('fonts/frabkit-webfont.ttf') format('truetype'),  url('fonts/frabkit-webfont.svg#franklin_gothic_bookitalic') format('svg');font-weight: normal;font-style: normal;}

*{margin:0; padding:0;}
/*body{margin:0; padding:0; font:14px 'franklin_gothic_mediumregular'; color:#000;  transition: all 0.5s ease 0s;}*/
img{border:none;}
.header{float:left; width:100%;}
.tophead{float:left; width:100%; background:#b69d74; height:28px;}
.innerhead{width:984px; margin:0 auto; padding:0 20px;}
.tophead ul{float:left; margin:0; padding:0;}
.tophead ul li{float:left; list-style-type:none; display:block; margin:0 20px 0 0;}
.tophead ul li a{float:left; color:#111111; text-decoration:none; line-height:28px;}
.newsletterhead{float:right; width:160px; height:28px; line-height:28px; background:url(images/newsletterIcon.jpg) no-repeat left center; text-align:right;}
.logo{float:left; margin:25px 0 31px 0;}
.searchbar{float:right; width:190px; height:36px; background:#f5f5f5; border:1px solid #e8e8e8; border-radius:3px; margin-top:52px;}
.searchbar input[type="text"]{float:left; width:129px; height:36px; padding-left:22px; font:14px/36px 'franklin_gothic_bookregular'; color:#111; border:0; background:none; transition: all 0.2s ease 0s;}
.searchbar input[type="button"]{float:right; background:url(images/searchIcon.jpg); width:27px; height:26px; margin:5px 12px 0 0; border:0;}
.nav{float:left; width:100%; height:54px; background-color:#292828;}
.innernav{width:905px; margin:0 auto; overflow:hidden;}
.innernav ul{margin:0; padding:0;}
.innernav ul li{float:left; display:block; list-style-type:none; margin:0 47px 0 0;}
.innernav ul li a{float:left; color:#fff; font-size:16px; text-decoration:none; line-height:54px; transition: all 0.2s ease 0s;}
.innernav ul li a:hover{color:#b69d74;}
.container{float:left; width:100%; margin-top:42px;}
main > .container {
  float: none;
}
blockquote { clear: both; display: block; padding: 16px 56px 16px 32px; position: relative; border-left: 6px solid #b69d74; border-right: 6px solid #b69d74; height: 100%; width:100%; margin: 30px 22px; box-sizing: border-box; }
blockquote p { float: none !important; font-weight: bold; line-height: 26px; letter-spacing: 0.06em}
.midcontainer{width:1004px; margin:0 auto; overflow:hidden; padding:0 10px; transition: all 0.2s ease 0s;}
.midcontainer .left{float:left; width:766px; transition: all 0.5s ease 0s;}
.postmaininfo{float:left; width:100%;}
.textimg{float:left; width:100%;}
.postmaininfo h1{float:left; width:100%; font-size:48px; color:#1f2839; padding-bottom:15px; border-bottom:6px solid #b69d74; line-height:30px;}
.postmaininfo h2{float:left; width:100%; font-size:18px; color:#292828; margin:10px 0; text-indent:28px; font-weight:normal;}
.postDetail{float:left; background:#f5f5f5; padding:20px;}
.postDetail h3{float:left; width:100%; font-size:24px; font-weight:normal; color:#1f2839;}
.postDetail h4{float:left; width:100%; font-size:14px; font-family:'franklin_gothic_bookitalic'; font-weight:normal; color:#1f2839; margin-bottom:10px;}
.postDetail p{float:left; width:100%; font-size:14px; font-family:'franklin_gothic_bookregular'; font-weight:normal; color:#1f2839;}
.postDetail p a{text-decoration:none; color:#b69d74; display:inline-block; font-weight:bold;}
.comment_small{float:left; background:url(images/commentIcon.png) no-repeat left center; height:20px; width:96%; margin-top:15px; padding-left:4%;}
.comment_small span{color:#1f2839; display:inline-block; border-right:1px solid #1f2839; padding:0 5px 0 6px; font-weight:normal; line-height:13px; font-family:'franklin_gothic_bookregular';}
.comment_small a{text-decoration:none; color:#1f2839; display:inline-block; font-weight:normal; font-family:'franklin_gothic_bookregular';}
.postDIV{float:left; width:100%; margin-top:22px;}
.postDIV ul{margin:0; padding:0;}
.postDIV ul li{float:left; width:100%; list-style-type:none; padding-bottom:26px; border-bottom:1px solid #dedede; margin-bottom:27px;}
.postDIV ul li img {float:left;width:300px;}
.postDIVRight{float:left; width:406px; margin:0 0 0 39px; transition: all 0.5s ease 0s;}
.postDIVRight.no-image {
  width: 100%;
  margin-left: 0;
}
.postDIV a.tittle{float:left; width:100%; font-size:24px; font-weight:normal; color:#353434; text-decoration:none; transition: all 0.5s ease 0s;}
.postDIV a.tittle:hover{color:#1f2839; }
.postDIV h4{float:left; width:100%; font-size:14px; font-family:'franklin_gothic_bookitalic'; font-weight:normal; color:#1f2839; margin-bottom:10px;}
.postDIV p{float:left; width:100%; font-size:14px; font-family:'franklin_gothic_bookregular'; font-weight:normal; color:#1f2839;}
.postDIV p a{text-decoration:none; color:#b69d74; display:inline-block; font-weight:bold;}
.postDIVRight .comment{width:94%; padding-left:6%;}
.midcontainer .right{float:left; width:195px; margin:107px 0 0 35px; transition: all 0.5s ease 0s;}
.blocks{float:left; width:100%; margin-bottom:35px;}
.blocks h1{float:left; width:100%; color:#1f2839; border-bottom:1px solid #dedede; font-size:18px; line-height:25px; margin-bottom:5px; font-weight:normal;}
.blocks ul{margin:0; padding:0;}
.blocks ul li{float:left; list-style-type:none; display:block; margin-bottom:8px; width:100%;}
.blocks ul li a{float:left; font-family:'franklin_gothic_bookregular'; color:#000; text-decoration:none; transition: all 0.2s ease 0s;}
.blocks ul li a:hover{color:#b69d74;}
.blocks select {color:#1f2839; float:left; font-family:'franklin_gothic_bookregular'; margin-top:5px; padding:5px; width:100%; border:1px solid #cccccc; border-radius:3px;}
.newsletter{float:left; width:100%; margin-top:20px;}
.newsletter span{float:left; width:100%;}
/*
.newsletter a{float:left; width:100%; height:37px; font-size:15px; color:#FFF; text-indent:17px; background:url(images/arrowright.png) no-repeat 162px center; background-color:#353434; line-height:37px; text-decoration:none; font-weight:normal;}*/
.pagingDIV{float:left; width:100%;}
.pagingDIV .olderpost{float:left; width:155px; height:37px; font-size:15px; color:#FFF; text-indent:48px; background:url(images/arrowleft.png) no-repeat 28px center; background-color:#353434; line-height:37px; text-decoration:none; font-weight:normal;}
.pagingDIV .newerpost{float:right; width:155px; height:37px; font-size:15px; color:#FFF; text-indent:24px; background:url(images/arrowright.png) no-repeat 117px center; background-color:#353434; line-height:37px; text-decoration:none; font-weight:normal; margin:0 20px 0 0;}
.footer{float:left; width:100%; margin-top:40px; margin-bottom:30px;}
.footerblock1{float:left; width:100%; height:100px; background:#ebebeb; margin-bottom:17px;}
.footerinner{margin:0 auto; width:1024px; position:relative;}
.footerblock1 ul{margin:0 0 0 36px; padding:0;}
.footerblock1 ul li{float:left; list-style-type:none; display:block;}
.footerblock1 ul li a{float:left; line-height:100px; color:#1f2839; font-family:'franklin_gothic_bookregular'; text-decoration:none; margin:0 22px 0 0; transition: all 0.5s ease 0s;}
.footerblock1 ul li a:hover{color:#b69d74;}
.footerblock1 span{float:right; color:#1f2839; font-family:'franklin_gothic_bookregular'; margin-top:28px; line-height:23px;}
.footerblock2{float:left; width:100%; height:38px;}
.footerblock2 p{float:left; color:#1f2839; font-family:'franklin_gothic_bookregular'; line-height:38px; margin:0 0 0 36px;}
.footerblock2 ul{margin:0; padding:0; float:right;}
.footerblock2 ul li {float:left; list-style-type:none; display:block;}
.footerblock2 ul li a{float:left; text-decoration:none; width:38px; margin:0 0 0 6px;}
.scrollarrow{position:absolute; width:32px; height:31px; right:0; left:0; margin:auto; top:-15px;}
.innernav select {background:#292828; border: 0 none; color: #fff; display: block; float: left; font-family: franklin_gothic_bookitalic; font-weight: bold; margin-top: 10px; padding: 10px; text-align: center; width: 100%; display:none;}
.infodetail ul {clear:both;}
.infodetail{float:left; width:86.6%; margin-top:17px;}
.infodetail p{float:left; width:100%; color:#1f2839; font-family:'franklin_gothic_bookregular'; margin-bottom:10px;}
.infodetail li {clear:left;}
.social-media{margin-bottom: 10px;}
.commentbottom {float: left;width: 100%;}
.commentmain{width: 766px; float: left;}
.comment-reply-title {color: #333;float: left;font-family: franklin_gothic_bookregular;font-size: 18px;line-height: 32px;margin: 10px 0;width: 100%;}
.logged-in-as { color: #000;float: left;font-family: franklin_gothic_bookregular;font-size: 14px;margin-bottom: 10px;width: 100%;}
.comment-form-comment {float: left;width: 100%;margin-bottom: 10px;}
.form-allowed-tags {color: #000;float: left;font: 16px franklin_gothic_bookregular;margin-bottom: 30px;width: 100%; display: none;}
.form-allowed-tags code {float: left;font: 16px franklin_gothic_bookitalic;margin-top: 10px;width: 100%;}
/*.form-submit > input[type="submit"] {background: none repeat scroll 0 0 #191919;border: 0 none;color: #fff;float: left;padding: 10px;}*/

.comment-notes {float: left;font: 15px franklin_gothic_mediumregular;margin-bottom: 10px;width: 100%;}
.comment-form-author, .comment-form-email, .comment-form-url{float: left; width: 100%; margin-bottom: 15px;}
.commentbottom label{float: left; width: 100%; font:16px franklin_gothic_bookregular; margin-bottom: 5px;}
.commentbottom input[type="text"]{width: 46%; padding: 10px; border: 1px solid #ccc; height: 25px;}
.commentbottom textarea{width: 100%; height: 200px; border: 1px solid #ccc;}
.comments-title {
  color: #333;
  float: left;
  margin: 10px 0;
  width: 100%;
}
.commentlist {
  float: left;
  width: 100%;
}
@media (min-width:690px) and (max-width:1023px){
.midcontainer{width:80%; padding:0;}
.midcontainer .left, .commentmain{width:70%; text-align:left; float:left;}
.commentmain .left{width:100%;}
.midcontainer .right{float:right; text-align:left; width:25%; margin:107px 0 0 0;}
.innerhead {padding: 0; width: 97%;}
.postDIVRight{width:100%; margin:20px 0 0 0;}
.footerblock1{height:auto;}
.footerinner {text-align: center; width: 96%;}
.footerinner ul {display: inline-block; margin: 0; text-align: center; width: 100%;}
.footerinner ul li {display: inline-block; float: none;}
.footerinner span {margin: 0 0 20px; width: 100%;}
.footerblock2 {height: auto;}
.footerinner p {margin: 0; width: 100%;}
.socialIcon {float: left; margin-top: 10px; text-align: center; width: 100%;}
.socialIcon ul {width: 100%;}
}
@media (min-width:320px) and (max-width:904px){
.innernav ul{display:none;}
.innernav select{display:block;}
.innernav{width:97%;}
}
@media (min-width:460px) and (max-width:689px){
.midcontainer {padding: 0; width: 98%;}
.midcontainer .left, .commentmain{width:100%;}
.midcontainer .right{width:100%;}
.blocks {float: left; height: 125px; margin-bottom: 35px; margin-right: 5%; width: 40%;}
.newsletter {float: left; margin-top: 20px; width: 40%;}
.postDIVRight{width:100%; margin:20px 0 0 0;}
.footerblock1{height:auto;}
.footerinner {text-align: center; width: 96%;}
.footerinner ul {display: inline-block; margin: 0; text-align: center; width: 100%;}
.footerinner ul li {display: inline-block; float: none;}
.footerinner span {margin: 0 0 20px; width: 100%;}
.footerblock2 {height: auto;}
.footerinner p {margin: 0; width: 100%;}
.socialIcon {float: left; margin-top: 10px; text-align: center; width: 100%;}
.socialIcon ul {width: 100%;}
.footerblock1 ul li a{margin: 0 13% 0 0;}
.innerhead {padding: 0; width: 97%;}
.tophead{height:auto;}
.tophead ul li {display: inline-block; float: none;}
.tophead{text-align:center;}
.newsletterhead {display: inline-block; float: none;}
.tophead ul{width:100%;}
.searchbar{display:none;}
.logo {margin: 10px 0; text-align: center; width: 100%;}
}
@media (min-width:320px) and (max-width:459px){
.midcontainer {padding: 0; width: 98%;}
.midcontainer .left, .commentmain{width:100%;}
.midcontainer .right{width:100%; margin:47px 0 0;}
.blocks {float: left; height:auto; margin-bottom:10px; margin-right:0; width: 100%;}
.newsletter {float: left; margin-top: 0; width: 61%;}
.postDIVRight{width:100%; margin:20px 0 0 0;}
.footerblock1{height:auto;}
.footerinner {text-align: center; width: 96%;}
.footerinner ul {display: inline-block; margin:17px 0 0 0; text-align: center; width: 100%;}
.footerinner ul li {display: inline-block; float: none;}
.footerinner span {margin: 0 0 20px; width: 100%; font-size:10px;}
.footerblock2 {height: auto;}
.footerinner p {margin: 0; width: 100%;}
.socialIcon {float: left; margin-top: 10px; text-align: center; width: 100%;}
.socialIcon ul {width: 100%;}
.footerblock1 ul li a{margin: 0 12% 0 0; font-size:10px; line-height:30px;}
.innerhead {padding: 0; width: 97%;}
.tophead{height:auto;}
.tophead ul li {display: inline-block; float: none; margin:0 1% 0 0;}
.tophead ul li a {font-size: 12px;}
.tophead{text-align:center;}
.newsletterhead {display: inline-block; float: none;}
.tophead ul{width:100%;}
.searchbar{display:none;}
.logo {margin: 10px 0; text-align: center; width: 100%;}
.pagingDIV .olderpost{width: 135px;}
.pagingDIV .newerpost{width: 135px; margin: 0;}
.commentbottom input[type="text"]{width:93%;}
.commentbottom textarea{width:98%;}
}
.categorytitle h1 {
    border-bottom: 6px solid #b69d74;
    color: #1f2839;
    float: left;
    font-size: 48px;
    line-height: 30px;
    padding-bottom: 15px;
    width: 100%;
}

.commentlist li{float: left; margin-bottom: 30px; width: 100%;}
.commentlist li img {
  float: left;
  margin-right: 20px;
}
.commentlist li cite {
  float: left;
  margin-right: 10px;
}
.commentlist li a {
  color: #333;
  float: left;
}
.commentlist li section {
  float: left;
  margin-top: 10px;
  width: 100%;
}
.commentlist li .reply {
  float: left;
  margin-top: 10px;
}
.commentlist li p {
  float: left;
  margin-top: 10px;
  width: 100%;
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

ol {
  margin: 0 0 20px 17px;
}

ol li {
  padding: 10px 0 0;
}