@charset "utf-8";
body {
	
	font-family: 'Open Sans', sans-serif;
	padding: 0;
	color: #000;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;

	 
}
a img { 
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: underline; 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

.container {
	max-width: 960px;
	
	background: #FFF;
	margin: 0 auto; 
}

/* ~~ This is the layout information. ~~ 

1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

*/
.content {
	padding-top: -5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	overflow: hidden;
}


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}.header {
}
.ham {
	vertical-align: top;
	position: relative;
	right: 0px;
	float: right;
	display: inline-block;
	margin-top: 25px;
	width: 90px;
}
.logo {
	width:300px;
	display: inline-block;
}

.headnote {
	
	display: inline-block;
	width: 42%;
	min-height: 41px;
	max-height: 77px;
	vertical-align: top;
	font-size: 0.8em;
	color: #FFF;
	margin-top: 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #C4B9FF;
	background: -moz-linear-gradient(-45deg,  #beb5ff 0%, #ddd8ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb5ff), color-stop(100%,#ddd8ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #beb5ff 0%,#ddd8ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #beb5ff 0%,#ddd8ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #beb5ff 0%,#ddd8ff 100%); /* IE10+ */
	background: linear-gradient(135deg,  #beb5ff 0%,#ddd8ff 100%); /* W3C */
filter: 
; 		padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-left: 10px;
}

.sidebar {
	float: left;
	
	margin-right: 15px;
}
.adslot1 {
	height: 600px;
	width: 300px;
	background-color: #0FF;
}
.otherstuff {
	
	width: 290px;
	margin-top: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #C4B9FF;
	background: -moz-linear-gradient(-45deg,  #beb5ff 0%, #ddd8ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#beb5ff), color-stop(100%,#ddd8ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #beb5ff 0%,#ddd8ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #beb5ff 0%,#ddd8ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #beb5ff 0%,#ddd8ff 100%); /* IE10+ */
	background: linear-gradient(135deg,  #beb5ff 0%,#ddd8ff 100%); /* W3C */
	padding: 5px;
}

.socialbutton {
	background-color: #7B5EF4;
	display: inline-block;
	height: 50px;
	width: 131px;
	margin: 4px;
	padding: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #FFF;
	vertical-align: middle;
	font-size: 11px;
}
a .socialbutton{
    text-decoration: none;
}

.adslot2 {
	height: 250px;
	width: 300px;
	background-color: #CFF;
}

.adslot3 {
	height: 90px;
	width: 1024px;
	max-width: 100%;
	background-color: #6F6;
	margin-top: 10px;
}

.next {
	width: 48%;
	display: inline-block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #5133f3; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #5133f3 0%, #ac9ff2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#5133f3), color-stop(100%,#ac9ff2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #5133f3 0%,#ac9ff2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #5133f3 0%,#ac9ff2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #5133f3 0%,#ac9ff2 100%); /* IE10+ */
	background: linear-gradient(135deg, #5133f3 0%,#ac9ff2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5133f3', endColorstr='#ac9ff2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding: 5px;
	margin-top: 10px;
	color: #FFF;
}


.other2 {
	padding: 5px;
	margin-top: 10px;
	color: #FFF;
	display: inline-block;
	width: 48%;
	float: right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
background: #9b2aed; /* Old browsers */
background: -moz-linear-gradient(-45deg, #9b2aed 0%, #c0b8ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#9b2aed), color-stop(100%,#c0b8ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #9b2aed 0%,#c0b8ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #9b2aed 0%,#c0b8ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #9b2aed 0%,#c0b8ed 100%); /* IE10+ */
background: linear-gradient(135deg, #9b2aed 0%,#c0b8ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b2aed', endColorstr='#c0b8ed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.footer {
	width: 1024px;
}


@media (max-width: 860px) {
	body {font-size: 0.9em;}
	.sidebar {
	margin-right: 10px;
}
}

@media (max-width: 760px) {


    .headnote {display: none;}
.other2cont {
	margin: 2%;
	width: 28%;
	display: inline-block;
	background-color: #FFF;
}



	
	.adslot1 {
	height: 600px;
	width: 160px;
}

.otherstuff {
	display: none;
	
}

.adslot2 {
	display: none;

}

.content {
	overflow: ;
	overflow: visible;
}

.next {
	width: 98%;
	
}

.other2 {
	width: 98%;
	float: none;

}
}


@media (max-width:500px) {
    .logo {width: 210px;}
	
	.ham {width: 60px;
	margin-top: 19px}
	
	body {
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	font-size: 0.8em;
}

}

@media (max-width:500px) {
	.adslot1 {
		width: 500px;
		max-width: 99%;
	height: 50px;
	max-height: 100px;
	
}

}