/*
Theme Name: Inclusion Magazine
Theme URI: http://www.inclusionmagazine.com
Author: Inclusion Magazine
Version: 1.0
*/
@import url("css/comments.css");
@import url("css/reset.css");
@import url("css/slide.css");
@import url("css/gallery.css");
* {
  margin: 0;
  padding: 0;
}
/***************LINKS*************************/

a:link, a:visited {
  color: #EE3A2D;
  text-decoration: none;
}
a:hover {
  color: #555;
}
.inside a {
  text-decoration: underline;
}
.inside h1 a {
  text-decoration: none;
}

/***************END LINKS*************************/

html body {
  background: url(images/bg.jpg);
  font-size: 13px;
  font-family: Trebuchet MS, Verdana, Tahoma, Times New Roman;
  line-height: 1.5em;
  color: #777;
  background: #333;
}

/***************LAYOUT*************************/
#shadow {
  width: 970px;
  margin: 0 auto;
  background: url(images/shadow.png) repeat-y;
  overflow: hidden;
}
#mainwrap {
  clear: both;
  margin: 0 auto;
  padding-top: 8px;
  width: 960px;
}
#topbg {
  width: 100%;
  background: url(images/header-bg.jpg) repeat-x;
  background-color: #c1c1c1;
}
#header {
  width: 960px;
  height: 176px;
  padding-top: 8px;
  margin: 0 auto;
  overflow: hidden;
}
#blogtitle {
  color: #fff;
  text-transform: uppercase;
  float: left;
  position: relative;
  top: 0px;
  left: 15px;
  width: 200px;
}
#heading {
  color: #fff;
}
.description {
  color: #115d78;
  font-size: 12px;
}

/* -------- START PAGE MENU -------- */
#menu {
  float: right;
  height: 51px;
  padding-top: 58px;
  margin-right: 20px;
}
#navleft {
  float: left;
  width: 13px;
  height: 51px;
  background: url(images/navleft.png) no-repeat;
}
#navright {
  float: left;
  width: 13px;
  height: 51px;
  background: url(images/navright.png) no-repeat;
}
ul.sf-menu {
  float: left;
  background: url(images/nav.png) repeat-x;
}
ul.sf-menu li {
  float: left;
  line-height: 51px;
}
ul.sf-menu li a {
  float: left;
  display: block;
  padding: 0px 6px;
  color: #210;
  font-size: 11px;
  text-transform: uppercase;
}
ul.sf-menu li a:hover { color: #FCA; }
ul.sf-menu li.current_page_item a {
  color: #fff;
//  background: url(images/nava.png) repeat-x scroll 0 3px;
}

/* -------- END PAGE MENU -------- */

.aboutimage {
  float: left;
  border: 1px solid #ccc;
  padding: 2px;
  margin: 4px 5px 0px 0px;
}
#s {
  width: 216px;
  padding-left: 5px;
  height: 34px;
  height: 24px\0/;
  padding-top: 10px\0/;
  border: 0;
  margin-bottom: 5px;
  background: url(images/input.jpg) no-repeat scroll top left;
}
*+html #s {
  height: 25px;
  padding-top: 10px;
}
#contentwrap {
  float: left;
  width: 658px;
}
#sidebar {
  float: right;
  width: 297px;
  font-size: 12px;
  padding-top: 10px;
}

/* -------- ADVERT -------- */

.advert{
  padding:5px;
  float: left;
  border:1px solid #d1cabb;
  height: 270px;
  width: 270px;
  margin: 0px 10px 10px 0;
  display: inline;
}
.advert img{
  padding:5px;
  border:none;
  margin:0;
  float: left;
}

/* -------- END ADVERT -------- */

.custom_images img {
  margin: 2px 2px 2px 2px;
  padding: 0;
}
#footer {
  width: 920px;
  clear: both;
  text-align: center;
  padding: 20px;
  height: 20px;
}
#botshadow {
  background: url(images/end.jpg) repeat-x;
  width: 960px;
  height: 80px;
  margin: 0 auto;
}
#botshadow ul {
  float: left;
  padding: 0;
  margin: 16px 0 0 12px;
  width: 100%;
  }
#botshadow a {
  float: left;
  color: #FFF;
  padding: 0 8px;
  margin-right: 16px;
  }
#botshadow a:hover {
  color: #FCA;
  }
.inside {
  padding: 20px;
}
/* -------- END WP LAYOUT -------- */

/* -------- START WP STYLES -------- */

#sidebar h3 {
  padding: 10px 0;
  font-size: 18px;
  font-style: italic;
  text-transform: uppercase;
  color: #EE3A2D;
  border-bottom: 1px solid #AAA;
}
.side-widget {
  clear: both;
  width: 276px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e9e8e7;
}
#sidebar ul li {
  line-height: 29px;
  padding-left: 0;
  margin-left: 0;
  border-bottom: 1px solid #e9e8e7;
}
#sidebar li li {
  border-bottom: 0;
  border-top: 1px solid #e9e8e7;
}
li.last {
  border-bottom: 0 !important;
}
.side-widget a, .side-widget a:visited {
  color: #311;
}
.side-widget a:hover {
  text-decoration: underline;
}
.side-widget div {
  padding: 10px 0 10px;
}
.side-widget.sponsor {
  background: #CFCEC9;
  border-left: 2px solid #CFCEC9;
  border-right: 2px solid #CFCEC9;
}
.side-widget.sponsor:hover { background: #AAA; border-color: #AAA; }
.side-widget.sponsor p {
  margin-top: -12px;
}
.side-widget.sponsor img {
  width: 276px;
  height: auto;
}
/***************POST STYLES*************************/
h1.title {
  margin-bottom: 10px;
  font-size: 26px;
  font-style: italic;
}
h1.title a, h1.title a:visited {
  color: #EE3A2D;
}
h1.title a:hover {

}
.meta, .meta a, .meta a:visited {
  color: #a6a3a3;
  font-size: 14px;
  margin-top: 10px;
  text-decoration: none;
}
.meta {
  border-bottom: 1px solid #AAA;
  margin-bottom: 20px;
  padding-bottom: 16px;
}


.cat {

}
.author {

}
.edit {

}
.comm {
  float: right;
  width: 58px;
  height: 39px;
  padding-top: 10px;
  background: url(images/comm.png) no-repeat scroll center top;
  text-align: center;
  font-style: italic;
  font-size: 18px;
}
.comm a, .comm a:visited {
  color: #fcfff8;
  text-decoration: none;
}
a.more-link {
  background: #EE3A2D;
  padding: 6px 12px;
  color: #fff;
  text-decoration: none;
  font-style: italic;
}
.postmetadata {
  margin-top: 15px;
}
.post, .page {
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 55px;
  padding-bottom: 25px;
  clear: both;
}
.entry {
  margin-top: 10px;
  line-height: 22px;
}
.entry h2 {
  margin-bottom: 0.4em;
}
.entry p {
  margin-top: 10px;
}
.entry img, .post_thumbnail {
  padding: 5px;
  border: 1px solid #A66;
  background: #F88;
}
.entry th {
  padding: 0;
  margin-right: 2px;
}
.entry li {
  margin-left: 20px;
  list-style: circle;
  padding: 8px 0;
}
.entry ol li {
  list-style: decimal;
}
blockquote {
  border-left: 10px solid #666666;
  margin-left: 20px;
}
blockquote p {
  padding: 10px;
}
.alignleft {
  float: left;
  margin: 5px 16px 5px 0px;
}
.alignright {
  float: right;
  margin: 5px 0px 5px 16px;
}
img.aligncenter {
  display: block;
  margin: 20px auto 20px;
}
.category-magazine-sponsors img {
  width: 606px;
  height: auto;
}
/***************END POST STYLES*************************/
#calendar_wrap {
  text-align: center;
}
caption {
  background: #033140;
  width: 100%;
  color: #fff;
}
#wp-calendar th {
  padding: 16px;
}
#wp-calendar td a:link {
  background: #033140;
  padding: 1px 6px;
  color: #fff;
  line-height: 29px;
}
li.pagenav, li.categories, li.linkcat {
  list-style:none;
}
h2.pagetitle {
  margin: 0 0 20px;
  text-transform: uppercase;
  text-align: center;
}
p.center {
  margin: 10px 0;
}
/* -------- END WP STYLES -------- */



/* -------- TABLES -------- */
#contentwrap table{font-size:1.2em;margin:5px 0 25px 0;}
#contentwrap table td{padding:8px;border: 1px solid #ccc;}
/* -------- END TABLES -------- */


/* -------- PAGE NAVIGATION -------- */

.wp-pagenavi{
  clear:both;
  margin:20px 0 0px;
  text-align:center;
}
.wp-pagenavi span.pages,.wp-pagenavi span.extend{
  background:#ffffff;
  border:1px solid #d9d9d9;
  color:#105974;
  margin:2px;
  padding:3px 7px;
}
.wp-pagenavi span.current,.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited{
  background:#ffffff;
  border:1px solid #d9d9d9;
  color:#105974;
  margin:2px;
  padding:3px 7px;
  text-decoration:none;}
.wp-pagenavi a:hover{
  background:#ffffff;
  border:1px solid #105974;
  color:#105974;
  margin:2px;
  padding:3px 7px;
}
/* -------- END PAGE NAVIGATION -------- */

/* -------- SUBSCRIPTION -------- */
ul#topsoc {
  margin-top: -5px;
  width: 260px;
  position: relative;
  left: 10px;
}
*+html ul#topsoc {
  left: 0;
}
ul#topsoc li {
  line-height: 62px !important;
}
ul#topsoc li a {
  padding: 32px 32px 32px 43px !important;
  margin: 0;
}
a#twitter {
  background: none;
  background: url(images/twitter.png) no-repeat scroll 0px 24px !important;
}
a#socrss {
  background: none;
  background:url(images/rss.png) no-repeat scroll 0px 24px !important;
  position: relative;
  top: 2px;
}
a#email {
  background: none;
  background: url(images/email.png) no-repeat scroll 0px 24px !important;
}
/* -------- END SUBSCRIPTION -------- */




/* -------- CONTACT FORM ---------- */
#contact_form {
	width: 100%;  
	}
#contact_form h2 {
	border-bottom: 1px solid #AAA;
	width: 100%;
	float: left;
	margin: 0 0 18px 0;
	padding: 20px 0 29px 0;
	}
.form_column {
	float: left;
	width: 49%;
	margin: 15px 0 20px 0;
	}
.form_triple {
	float: left;
	width: 32%;
	margin: 15px 0 20px 0;
	}
.comments {
	float: left;
	clear: left;
	width: 98%;
	margin: 15px 0 20px 0;
	}
.field {
	clear: left;
	margin-bottom: 5px;
	width: 80%;
	}
.comments .field {
	clear: left;
	margin-bottom: 5px;
	width: 90%;
	}
.inputSelect, .inputComment, .button {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	border: 1px solid #d1cabb;
	padding: 3px;
	margin: 4px 0 0 0;
	}
.inputSelect {
	color: #000;
	width:100%;
	background: #FFF;
	}
.inputComment {
	color: #000;
	width:100%;
	background: #FFF;
	}
.button {
	float: left;
	color: #FFF;
	background: #cc4444;
	cursor: pointer;
	margin: 0 5px 0 0;
	padding: 5px 20px;
	}
.inputButton:hover { background: #555; }
#contact_form p {
	clear: left;
	}
#contact_form .small {
	font-size: 10px;
	}
label.error {
	color: red;
	font-style: italic;
	display: block;
	}
#mn-content p.backtotop {
	clear: both;
	float: right;
	margin: 20px 0 0 0;
	width: 200px;
	text-align: right;
	}
.spc {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -642008px;	
	}