@charset "utf-8";

/* CSS Document */

/*  
Theme Name: Say Cheez Theme
Theme URI: SayCheezLawrence.com
Description: 
Version: 1.0
Author: Lindsey Poulter & Joey Lamping & Tucker Newkirk
Author URI: http://www.yourwebsite.com

*/

a:link, a:visited {
	color: #37225f;
	text-decoration: none;
	font-weight: 700;
}

a:hover, a:active {
	text-decoration: underline;

}

.input_custom_style
{
width:60%;
}

.endorsements{
float: right;
width: 20%;

}

.blog {
float: left;
width: 70%;
padding-right: 5%;
	border-right-width: thin;
	border-right-style: none;
	border-right-color: #999;

}

.blog2 {
float: left;
width: 70%;

}


#button {
	background-color: #37225f;
	color: #fff;
	width: 15%;
	margin-left:50%;
	margin-top: -3%;
	padding: 1% 3%;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	text-decoration: none;
	font-family: 'Oxygen', Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	font-size: 1.5em;
	position: absolute;
	z-index: 1;


}



body {
	margin: 0 auto;
	padding: 0;
	color: #000;
	font-family: 'Oxygen', Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 400;
	background-color: #f5f5f5;
	
}


ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1 {
	margin: 0;	
	padding: 0px;
	font-family: 'Oxygen', Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	text-transform: uppercase;
	color: #37225f;
	font-weight: 700;
}

h2 {
	margin: 0;	
	padding: 0px;
	font-family: 'Oxygen', Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	text-transform: uppercase;
	color: #37225f;
	font-weight: 700;
}

h4 {
font-size: 1.9 em;
margin: 0px;
padding: 0px;
line-height: 3em;


}

p {
margin: 0px;
padding: 0px;
}

a img { 
	border: none;
}


#nav a:link, #nav a:visited {
	color:#000;
	text-decoration: none; 
	font-weight: 400;
}

#nav a:hover, #nav a:active, #nav a:focus { 
	text-decoration: none;
	font-weight: 400;
	
}


.header {
	background-color: #37225f;
	border-bottom-style: solid;
	border-bottom-color: #a8aaad;
	text-align: center;
	width: auto;
	height: 260px;
	margin: 0%;
	font-weight: 400;

}

.fltrt {  
	float: right;
	margin-left: 8px;
}

.fltlft { 
	float: left;
	margin-right: 8px;
}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

img,
object {
     max-width: 100%;
}


/* slideshow */
.slideshow {
	background-color: #cecfd1;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #b7b7b7;
	padding: 7% 0 7% 0;
	width: 100%;
	margin-bottom: 3%;
	

}

.slider {
	width: 78%;
	height: auto;
	margin: 0 auto;
	border: thin solid #c6c6c8;
	background-color: #dadadb;
	padding: 1%;
	position: relative;
	z-index: 0;
}





/* responsive menu */

.centermenu {
	background-color: #37225f;
	width: 80%;
	height: 80px;
	margin: 0 auto;
	text-align: center;
}

#nav {
	width: 100%;
	padding-top: 0px;
	list-style-type: none;
}

#nav ul {
  text-align:left;
}



#nav .logo {

	width: 25%; height: auto;
}

#nav li {
	float:left;
	list-style-type: none;
	margin: 0 auto;
}


#nav li a {
	display: block;
	font-size:1em;
	text-decoration: none;
	font-color: #fff;
	text-transform: uppercase;
	text-align: center;
}

.left {
	padding-top: 30px;
	width: 12.7%;
}

.right {
	padding-top: 30px;
	padding-bottom: 0;
	width: 12.3%;
}

.pictures {
	padding-top: 30px;
	width: 9.357%;
}

.header #nav li a, .header #nav li a:visited {
	color: #F5F5F5;
}

.header #nav li a:hover {
	color: #CCC;
}


/* Content */

.container {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.onetwothree { 
	width: 23%;
	height: auto;
	float: left;
	margin-top: 1%;
}


.about {
	padding: 2% 0%;
}

.aboutcontent {
	padding: 2% 0%;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.pagecontent {
	padding: 5% 0 2% 0;


}

.whysaycheez {
	float: left;
	margin-left: 3%;
	margin-top: 1.5%;
}



.recent {
	float: left;
	width: 46%;
	padding-right: 4%;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #C4C4C4;
	margin-top: 3%;
	padding-bottom: 3%;
}

.recent a:link, .recent a:visited {
	color:#000;
	font-size: 1.1em;
	text-decoration: none; 
}

.recent a:hover, .recent a:active,.recent a:focus {
	color: #555;
	text-decoration: underline;
}


.connect {
	float: right;
	width: 45%;
	padding-left: 4%;
	margin-top: 3%;
}

.why {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 2%;
}


.blogposts {
border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 2%;
	


}

#follow {
	margin-top: 9%;
}


.book {
	font-size: 1.2em;
}

.icon {
	width: 11%;
	padding: 1%;
	height: 11%;
	float: left;
}


.sidebar li {list-style:none;}

/* FOOTER */

#footer {
	background-color: #37225f;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #a8aaad;
	text-align: center;
	width: auto;
	margin: 0 auto;
	color: #fff;
	padding: 2% 0%;
	margin-top: 5%;
}






/* MEIDA QUERIES */

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

#mobilelogo {
	display: none;
}

}


@media screen and (max-width: 770px) {

.header {
	display: none;
	}

#mobilelogo {
display: inline-block;
background-color: #37225f;
text-align: center;
width: 100%;
}

}

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

#nav li a {
	font-size:0.82em;
}

#nav .logo {
	padding-top: 1.4%;
}

h1 {
	font-size: 2em;
}

.onetwothree {
	width: 18%;
	margin-top: 1.9%;

}

#button {
	width: 17%;
	font-size: 1.3em;
}

.container {
padding-top: 20px;
}


}


@media screen and (max-width: 777px) {

/* #menu {
	width:1.4em;
	display: block;
	background:#45326a;
	font-size:2em;
	text-align: left;
}



#nav.js {
	display: none;
}

#nav ul {
	width:100%;
	list-style:none;
}

#nav li {
	width:100%;
	border-right:none;
	background-color: #000;
}

#nav .logo {
	display: none;
}
*/

.recent {
	float: none;
	width: 100%;
	display: block;
	border-right-style: none;
	
	padding-bottom: 2%;
	text-align: left;
}



.connect {
	float: none;
	width: 100%;
	display: block;
	padding-left: 0;
	padding-top: 3%;
	text-align: left;
}


h1 {
	font-size: 1.8em;
}

.icon {
	width: 15%;
	padding: 1%;
	height: 15%;
	float: left;
}


.onetwothree {
	display: none;
}

.whysaycheez {
	width: 100%;
	float: none;
	display: block;
	text-align: left;
	margin: auto;
}

#follow {
	text-align: left;
}

.slider {
	width: 100%;
	border: none;
	padding: 0;
	margin-bottom: 3%;
}

#button {
	width: 70%;
	margin-top: 5%;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	border-bottom-left-radius:8px;
	margin-bottom: 0;
	margin-left: 12%;
	margin-right: auto;
	font-size: 1.7em;
}

.slideshow {
	margin-bottom: 10%;
}



.endorsements{
float: none;
width: 100%;

}

.blog {
float: none;
width: 100%;
padding-top: 5%;
border-right-style: none;

}

.blog2 {
float: none;
width: 100%;
padding-top: 5%;

}

.container {
padding-top: 10px;
}




}

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

.header .centermenu {
	width: 100%;
	margin: 0 auto;
}

.slider {
	width: 970px;

}

.container { 
	width: 1000px;
	margin: 0 auto;
}

#nav {
	width: 970px;
	margin: 0 auto;
}

h1 {

font-size: 2.5em;
}

.onetwothree {
margin-top: 0%;
width: 30%;
}

.slider {
	width: 970px;

}

#button {
	width: 200px;
}


}