/* One css file to rule them all 
Put your css code here that you want tı override everything else, ie. bootstrap, default theme, additional theme, extensions whatever
*/

/* Jenkins Style */

.ruhlmanIntro{
	font-family: Georgia, serif;
	font-size: 14px;
}



#leftSidebar{
display: none;
}

.wp-caption {
	margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption {
	color: #767676;
}

.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
	padding-right: 10px;
}




#comment_input #comment{
	width: 400px;
	height: 220px;
}

#all_comments .commentlist .comment article{
	width: 90%;
}

#comment-form-elements {
	width: 300px;
}

input#submit.btn.btn-primary.form-control{
	width: 180px;
}

.comment article{
	width: 90%;
}


#sidebar .smallCover img{
	margin: 4px auto 8px auto;
	text-align: center;
}

.searchwrap{
	width: 222px;
	display: block;
	float: left;
}

#sidebar{
margin: 0 0 0 20px;
padding: 0px;
width: 180px;
float: left;
}

#singleWide{
	text-align: center;
	margin: -10px auto 20px auto;
	display: none;
}

#singleWide img{
	text-align: center;
	margin: 0px auto 0px auto;
}


img.alignright{
	float: right;
	text-align: right;
}

#navbarcont{
background-image: none;
width: 1280px;
background: #fff url('../img/ruhlman-logo.png') no-repeat 1040px 10px;
}

#maincnot{
	width: 1280px;
}


#main{
	width: 1050px;
}

#main article {
	width: 1050px;
	margin: 0px 0px 40px 0px;
	padding: 0px;
	border: none;
}

.single-post #main{
width: 668px;
background-color: #ffffff;	
}

.single-post #main article {
	width: 668px;
	margin: 0px 0px 40px 0px;
	padding: 0px;
	border: none;
}

.single-post #main{
    width: 668px;
}




.navbar-default {
background-image: none;
background-color: #ffffff;		
border-radius: 0px;
 -webkit-box-shadow: 0 5px 22px 0 #999;
box-shadow: 0 5px 22px 0 #999;
padding-bottom: 0px;
}

.textwidget{
}

#site-banner{
background-image: none;
background-color: none;		
	float: left;
	margin: 40px 0 20px 210px;
	width: 535px;
	clear: both;
	text-align: center;
}

#ruhlman-logo{
	float: right;
}

#bottom-nav{
	clear: left;
	float: left;
	margin-bottom: 0px;
}

#header-menu{
	float: left;
	text-transform: uppercase;
	text-decoration: none;
	list-style: none;
	font-weight: bold;
	letter-spacing: .15em;
	margin-bottom: 0px;
	margin-top: 20px;
	padding-bottom: 0px;
	text-align: center;
}

#header-menu li{
	float: left;
	margin-right: 40px;
}

#social-menu-small{
	display: none;
}

#social-menu{
	float: left;
	text-decoration: none;
	list-style: none;
	margin-bottom: 13px;
	margin-top: 20px;
	margin-right: 2em;
	padding-left: 7px;
}

#social-menu li{
	float: left;
}

.btn-info {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#be1e2d), to(#be1e2d));
  background-image: -webkit-linear-gradient(top, #be1e2d, 0%, #be1e2d, 100%);
  background-image: -moz-linear-gradient(top, #be1e2d 0%, #be1e2d 100%);
  background-image: linear-gradient(to bottom, #be1e2d 0%, #be1e2d 100%);
  background-repeat: repeat-x;
  border-color: #be1e2d;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
}


.page-id-3077 .magic_fields {
-webkit-box-shadow: 5px 5px 5px #999;
box-shadow: 5px 5px 5px #999;
}

.page-id-3077 .book{
	float: left;
	clear: both;
	margin-bottom: 40px;
}

.page-id-3077 h2{
	float: left;
	clear: both;

}


.book .insidePages{
	float: left;
	width: 280px;
	margin: 30px;
}

.book .insidePages.insidePages{
	float: left;
	margin: 30px 20px 0px 0px;
}


.book .largeCover{
	float: left;
	width: 293px;
	margin: 30px 20px 0px 0px;
}

.book .largeCoverKeller{
	float: left;
	width: 570px;
	margin: 30px 50px 0px 0px;
}

.book .insidePagesKeller{
	display: none;
}

.book .bookInfo{
	float: left;
	width: 303px;
	margin: 10px 0px 0px 10px;
}

.book .bookInfo h3{
	text-align: center;	
}	

.book .bookInfo p{
	font-size: 1em;	
}	

h1,h2,h3,h4{
	font-family: "Roboto Slab";
	font-weight: normal;
	color: #be1e2d;
}

.front_page_image{
	float: left;
	clear: both;
}

.front_page_content{
	float: left;
	width: 480px;
	margin-left: 52px;
}

.front_page_content.noFeaturedImage{
	float: left;
	width: 900px;
	margin-left: 52px;
}

.noFeaturedImage .a2a_kit{
display: none;
}

.page-header.noFeaturedImage{
	 text-align: left;
}

.front_page_content.noFeaturedImage h2{
	text-align: left;
}

.noFeaturedImage .page-header {
	 text-align: left;
}

.page-header{
	 color: #999999;
	 text-transform: uppercase;	
	 text-align: center;
	 letter-spacing: .2em;
}


.front_page_content h2{
	text-align: center;
	font-size: 1.5em;
	letter-spacing: .2em;
}

.front_page_content h2+a{
	 color: #999999;
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.navbar-nav > li > a {
    padding: 1em 0.4em;
}

}
@media only screen and (min-width : 768px) and (max-width : 1170px){
.navbar-nav > li > a {
    padding: 1em 0.4em;
}
}


@media only screen and (max-width : 940px){
.single-post #singleWide{
	display: block;
	float: left;
}

}


@media only screen and (max-width : 989px){
.single-post #singleWide{
	display: block;
	float: left;
}
}


@media only screen and (max-width : 1100px){
#singleWide{
	display: block;
	float: left;
}

#sidebar {
    display: none;
}

#navbarcont{
background-image: none;
}
}

@media only screen and (min-width : 989px){
#leftSidebar{
	display: block;
	margin: 110px 20px 10px 0px;
	float: left;
	width: 180px;
}


}


@media only screen and (max-width : 940px){
#site-banner{
background-image: none;
background-color: none;		
	float: left;
	margin: 40px 0 20px 35px;
	width: 335px;
	clear: both;
	text-align: center;
}


#navbarcont{
background-image: none;
width: 1280px;
background: #fff url('../img/ruhlman-logo.png') no-repeat 1040px 10px;
}

#header-menu{
	float: left;
	text-transform: uppercase;
	text-decoration: none;
	list-style: none;
	font-weight: bold;
	letter-spacing: .15em;
	margin-bottom: 0px;
	margin-top: 20px;
	padding-bottom: 0px;
	text-align: center;
}

#header-menu li{
	float: left;
	margin-right: 20px;
}

#social-menu{
	display: none;
}

#social-menu-small{
	display: block;
	float: left;
	text-decoration: none;
	list-style: none;
	margin-bottom: 13px;
	margin-top: 20px;
	margin-right: 0em;
	padding-left: 2px;
	margin-left: -10px;
}

#social-menu-small li{
	float: left;
}

.front_page_image{
	float: left;
	clear: both;
	width: 40%;
	height: 40%;
}

.front_page_content{
	float: left;
	width: 390px;
	margin-left: 52px;
	font-size: .9em;
}


}