/*
Theme Name: Generic Magazine
*/

/* CUSTOM */
#header { Height: 116px; Background: #042410; }
#headlinks { background: #00762d; }
#headlinks a { color: #fff; }
#featured {color: #fff; font-size: 12px; background: #042410; }
#featured h2 {font-size: 16px; color: #fff; font-weight: bold;}
#featured a {color:#fff;}
#headlinks2 { background: #00762d; }

/* SCROLL to bottom to configure footer */
/* End Custom */

/* General Settings */
Body {background: #cacaca; color: #000; font-size: 16px; text-align: center; font: 15px/1.7 'Open Sans', sans-serif; }
hr { margin-top: 20px; margin-bottom: 20px; size: 2px; }
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; color:#4a4a4a; font-weight: 400; font-family: 'Raleway', sans-serif; }
blockquote { font: 18px/20px italic Times, serif; padding-left: 80px; padding-top: 18px; padding-bottom: 18px; padding-right: 10px; margin: 5px; background-image: url(/images/blockquote.png); background-position: middle left; background-repeat: no-repeat; } 
a { text-decoration: none; color: #050c9a; } 
a:hover {text-decoration: underline; }
img {max-width: 1000px;}
strong {font-weight: bold}
.center {text-align: center;}

/* Page Format */
#container { max-width: 1000px; width: auto; text-align: left; background: #fff; margin-left: auto; margin-right: auto; margin-top: 20px; - text-align: left; webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px;}
#header { width: 99%; margin-top: 10px; padding-left: 10px; padding-top: 5px; border-bottom: 2px solid #fff; webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px;}
#header h4 {font-size: 12px;}
.hlogo { width: 350px; 	float: left; }
.topname { float: left; text-align: center; padding-top: 2%; padding-left: 10%;}
.topname h1 { margin: 0; font-size: 16pt;	weight: 600; }
.topname h2 { margin: 0; font-size: 18pt;}
#headlinks {max-width: 100%; width:auto; padding-top: 2px; padding-bottom: 2px; text-align: right; border-bottom: 2px solid #fff; margin-left: auto; margin-right: auto;color: #000; }
#headlinks a {font-weight: Bold; padding-right: 5%; }
.fb-like { vertical-align: middle; padding-left: 5%;}
#featured { width: 100%; }
#featured img {border: 1px solid #000;}
.topboxes {float: left; width: 225px; margin-left: 12px; margin-right: 12px; margin-top: 1%; margin-bottom: 1%;}
.topboxes2 {float: left; width: 225px; margin-left: 12px; margin-right: 12px; margin-top: 1%; margin-bottom: 1%;}
#headlinks2 {width: 100%; padding-top: 2px; padding-bottom: 2px; text-align: right; border-top: 2px solid #fff; color: #000; }
#mobileinsert {display: none;}
#mobilefront {display: none;}
#content {width: 100%; margin-top: 10px; }
#content h1{ margin: 0px; font-size: 16px; }

/**** FRONT PAGE CONFIG ****/
#frontboxes {max-width: 100%; width: auto;}
#frontboxes ul, #frontboxes li { margin-top: 2px; margin-left: 3px;}
#frontboxes a {color:#fff}
#box1 {	width: 400px; float: left; margin-right: 5px;}
#box1img {width: 400px; height: auto;}
#box1img img {width: 400px; height: auto;}
#box1 h1 {font-weight: bold}
#box2 { width: 260px; float: left;  margin-bottom: 1%; background: #042410; color: #fff;}
#box2img {width: 260px; height: auto;}
#box2img img {width: 260px; height: auto;}
#box3 { width: 260px; float: left;  margin-bottom: 1%; background: #cacaca; color: #000;}
#box3img {width: 260px; height: auto;}
#box3img img {width: 260px; height: auto;}
/*** End Front Page ***/

/* Pic Boxes */
#picbox, #vegbox {float: left; 	width: 175px; padding-left: 35px; padding-top: 0px; padding-bottom: 10px; }

#thecontent { 	width: 670px; 	float: left; 	padding-left: 1%; 	margin-right: 10px; 	margin-bottom: 10px;	}
#peppers {}
#peppers img {padding: 10px;}

#sidebar { width: 300px; float: left; margin-bottom: 10px; background: #ebebeb }
#sidebar img { padding-bottom: 10px;}

/**** Blogger ***/
#author { width: 95%; 	height: 100px;	background: #85BE9B;	margin-left: 12px; font-size: 12px;}	
#author h3 { margin: 0; font-size: 12pt;}
#author h4 {	margin: 1px; }
#author a { color: #000;}
#author hr { margin: 0; padding: 0; }
.authorpic { height: 85px; width: 85px; float: left; margin: 7px 7px 0 7px; }
.authorbio { width: 370px; float: left; }
.authorbio h3 { display: inline; }
.authorsocial {	width: 148px;	height: 85px; float: left; border: 1px solid #000; margin: 7px 0 0 7px; padding: 0 0 0 2px; }
.authorbiomobile {width:100%; display: none;}
/**** END BLOGGER ***/
#pinimage {display: none;}
/**** FOOTER ****/
#footer { width: 100%; color: #fff; text-align: center; margin-bottom: 10px; }
#footer a {color: #FFF;}
#footlinks {width: 100%; padding-top: 5px; padding-bottom: 5px; text-align: center; border-top: 2px solid #fff; border-bottom: 2px solid #fff; margin-left: auto; margin-right: auto;color: #000; }
#footlinks a {color: #fff; font-weight: Bold; padding: 0 0 0 5%; }
#topbar {background: #00762d;}
#bottombar {background: #042410; color: #fff; padding-top: 10px; padding-bottom: 10px; text-align: center;}
#bottombar img {padding-right: 5px; padding-left: 5px;}
/*** End Footer ***/

/* footer boxes */
#footerbox { width: 200px; float: left; margin-left: 24px; margin-right: 24px; text-align: left; }
#footerbox img {max-width: 200px; height: auto;}
#footerbox2 { width: 200px; float: left; margin-left: 24px; margin-right: 24px; text-align: left; color: #fff;}
#footerbox2 a { color: #fff;}
#footerbox2 img {max-width: 200px; height: auto;}
#footerbox h3, #footerbox a {color: #fff;}
#footerbox2 h3, #footerbox2 a {color: #fff;}
#footerbox h3 {margin-bottom: 5px;}

@media only screen and (max-width: 1100px) {
	img {max-width: 400px;}
	#container {max-width: 400px; width: auto;}
	#featured {}
	.topboxes { display: float: none; margin-left: 5%; margin-right: 5%; max-width: 40%; width: auto; text-align: center;}
	.topboxes img {border: 1px solid #000; max-width: 100%; width: auto;}
	.topboxes2 {display: none; }
	.topname {display: none;}
	#box1 {float: none; max-width: 400px; width: auto; display: none}
	#box2 {display: none;}
	#box3 {display: none;}
	#thecontent {max-width: 340px; padding-left: 5px; padding-right: 5px;}
	#thecontent img {max-width: 350px; height: auto;}
	.mobilechange {display: none}
	#mobileinsert {display: block; text-align: center;}
	#mobilefront {display: block; padding: 1%;}
	#mobilefront img {max-width: 350px; height: auto;}
	#mobilefront h1 {font-weight: bold; margin-bottom: 2px;} 
	#sidebar {display: none;}
	#picbox, #vegbox {float: left; 	width: 100px; padding-left: 6px; padding-right: 6px; padding-top: 0px; padding-bottom: 10px; }
	#picbox img, #vegbox img {max-width: 100px; height: auto;}
	#footerbox {display: none;}
	#footerbox2 {width: 340px; text-align: center; }
	.authorbio {display: none;}
	.authorsocial {display: none;}
	.authorbiomobile {display: block;}
	.mobilenone {display: none;}
}
@media only screen and (max-width: 750px) {
	
}

@media print {
/* This is where I will design it for print */
}