/* -- Theme Details

Theme Name: Home of the Nutty
Author: Never Enough Design
Design URI: http://neverenoughdesign.org

-- */



/* -- Body -- */


body {
	background: #fafafa;
	margin: 0px;
	padding: 0px;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #333;
	line-height: 19px;
	overflow-x:hidden!important;
}


#wrapper {
	margin: auto;
	width: 1024px;
}


#content {
	margin: 0 auto;
	float: left;
	margin-top: -35px;
}



/* -- Header -- */

#header {
background: url("images/header.jpg") top center no-repeat; 
width:100%;
height: 580px;
}

/* -- Latest Photos -- */

.photos {
	width: 1024px;
	margin: 3px 8px;
	padding: 10px;
	text-align: center;
}

.photos img, .photos a img {
	width: 65px;
	border: 1px #ddd solid;
	background: #fff;
	padding: 3px;
	margin: 3px;
	opacity: 0.8;
}

.photos img:hover, .photos a img:hover {
	cursor: help;
	opacity: 1.0;
}	

/* -- Navigation -- */

.navi {
	padding: 12px 0;
	text-align: center;
}

.navi ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.navi li {
	display: inline-block;
}

.menu  {
	display: inline-block;
}

.menu {
	line-height: 4px;
	text-transform: uppercase;
}

.menu li {
	margin: 0 0 0 10px;
}

.menu a {
	padding: 5px 7px;
	color: #7a7a7a!important;
	font-weight: 600!important;
}

.menu a:hover, .menu a:focus {
	color: #89dbdb!important;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: #919191!important;
	text-align: left;
	padding: 10px 5px;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}


/* -- Site Name -- */

#name, #name span { 
	visibility: hidden; 
	display: none;
	}


/* -- News Content -- */

#news_all{
	float: left;
	width: 690px;
	margin:0;
	padding: 0;
	border-radius: none!important;
}

#news, .pagination {
	padding: 10px 0px;
	margin-top: 5px;
	margin-bottom: 3px;
}

.content {
	margin: 2px 3px 5px 3px;
	padding: 7px 3px;
	line-height: 19px;
}

.news, .comments {
	padding: 0px;
	margin: 0px 0px 40px 0px;
}

.category {
	padding: 4px 7px;
	font-size: 11px;
	text-transform: uppercase;
	color: #818080;
	text-align: center;
}

.category .date {border-bottom: 2px dotted #e7d175;}

.category .user {border-bottom: 2px dotted #79bebc;}

.category .cmts a {border-bottom: 2px dotted #f3a43f;}

.category .cats a {border-bottom: 2px dotted #4c4c4c;}

.category .fa {color: #a4a4a4; margin-right: 3px;}

.category a {font-weight: 600; }
.category a:hover {color: #232323;}

.title {
	padding:3px 0px;
	font-size:20px;
	font-weight: 400!important;
	text-transform:uppercase; 
	text-align: center;
	color: #1d1c1a!important;
	font-family: 'Open Sans Condensed', serif;
	line-height: 19px;
}

.title a { 
	color: #878581!important;
	font-weight: 700!important;
	text-decoration: none;
	line-height: 23px;
}

.title a:hover {
	cursor: help;
	color: #222!important;
}

.title2 {
	padding: 7px 5px;
	font-size:20px;
	font-weight: 400!important;
	text-transform:uppercase; 
	text-align: left;
	color: #fff!important;
	font-family: 'Open Sans Condensed', serif;
	line-height: 19px;
	background: #222;
}

.title2 a {color: #fff!important;}
.title2 a:hover {color: #f2df85!important;}

/* -- Sidebar -- */

#sidebar_all{
	float: right;
	width: 320px;
	padding: 2px 7px;
	border-radius: none!important;
}

.sidebar {
	line-height: 18px;
	padding: 8px;
}

.sidebar-content{
	font-size: 12px;
	padding: 5px 7px;
	margin-bottom: 30px;
}


.sidebar-title {
	color: #86837f;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 15px;
	text-align: left;
	font-family: "Open Sans Condensed", sans-serif;
	padding: 8px 0px;
}

.sidebar-title .fa {
	font-size: 13px;
	color: #519ca0;
	margin-right: 4px;
}
	

.widgettitle {display: none;}

/* -- Images -- */

a img {
	border: 0px;
}

.news img, .news a img, .news img:hover {
    padding: 3px;
	border: 1px solid #e2e2e2;
	background-color: #fff;
	margin: 3px;
	/* CSS3 transitions working only for modern browsers */
	-webkit-transition: border 0.4s ease;
	-moz-transition: border 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: border 0.4s ease;
}

.sidebar-content img, .sidebar-content a img {
    padding: 0px;
	border: none;
	margin: 3px;
	/* CSS3 transitions working only for modern browsers */
	-webkit-transition: border 0.4s ease;
	-moz-transition: border 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: border 0.4s ease;
}

.news a img:hover {
	background-color: #f1de84;
	border: 1px solid #f1de84;
}


.sidebar-content a img:hover {
	opacity: 0.8;
	cursor: help;
}

.news img.wp-smiley { 
	border:none; 
	padding: 0px; 
	margin: 0px;
}

/* -- Edit Button -- */

.buttons {
	color: #333;
	margin: 20px 10px;
	text-align: left; 
	padding: 5px 7px; 
	color: #222;
	border: 2px solid #b7b6b6!important;
	width: 8%; 
}

/* -- Read More Button -- */

.more {
	width: 100%;
	text-align: right;
}

.more a {
	text-transform: uppercase;
	padding: 7px 10px;
	letter-spacing: 1px;
	margin: 8px;
	border-bottom: 2px dotted #ef9735;
}

.more a:hover {
	color: #222!important;
}


/* -- Links -- */


a, a:link, a:visited, a:active {
	font-weight: bold; 
	text-decoration:none; 
	color: #7b7b7b;
	/* CSS3 transitions working only for modern browsers */
	-webkit-transition: 0.4s ease;
	-moz-transition: 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: 0.4s ease;
}

a:hover {
	color: #272727; 
	text-decoration: none; 
	cursor: help;
}

/* -- Blockquote & Input -- */

blockquote {
	margin: 10px 5px;
	border: 1px solid #ddd;
	background-color: #fff;
	background-image: url("images/quotes.png");
	background-position: top left;
	background-repeat: no-repeat;
	padding: 12px;
} 


input, select, textarea {
	font-family: arial; 
	font-size:10px; 
	color: #5b5b5b; 
	border: 1px solid rgba(0,0,0,0.1);
	background-color: #fff;
	padding: 7px;
}

/* -- Formats -- */


hr {
	background-color: #bdbcbc;
	color: #bdbcbc;
	border: 0;
	width: 92%;
	height: 1px;
	opacity: .15;
}


h1 {
	margin: 0px;
	font-size: 18px;
}

h2 {
	margin: 0px;
	font-size: 19px;
}

h3 {
	margin: 0px;
	font-size: 14px;
}

h4 {
	margin: 0px;
	font-size: 15px;
}

ul  {
	margin: 5px;
	padding: 5px;
}

li {
	list-style: none;
	padding:8px;
}

/* -- Footer -- */

#footer {
	padding: 10px;
	clear: both;
	overflow-x:hidden!important;
	font-weight: 400!important;
	text-align: left!important;
	line-height: 18px;
}

.footer {padding: 5px;}

.footer .credits {font-weight: 400!important; padding: 8px 0px; color: #191919; text-align: left; border-bottom: 2px dotted #ddd;}
.credits a { padding-bottom: 4px;}

.footer a {
	color: #84c2c1!important;
	text-decoration: none;
	font-weight: 700;
	padding: 4px 2px;
}

.footer a:hover {
	color: #272727!important;
	text-decoration: none!important;
}

.footer .disclaimer { display: block; padding: 2px 4px;}

/* -- Search Form -- */

#searchform {
	margin:10px 0px; 
	position: relative; 
	text-align:center; 
	max-width:240px;
}

#searchform #s {
	margin:0; 
	padding: 10px 10px 10px 35px!important; 
	width:240px; 
	background: #fff url('images/search.png') 10px center no-repeat; 
	color: #5a5a5a;
	text-align: left; 
	outline: none; 
	border:1px solid #fff;
}

/* -- Media -- */

embed,iframe,object,video {max-width: 100%;}


/* -- Featured images -- */

.featimg img, .featimg img:hover {
  	-webkit-filter: brightness(1.5);
  	width: 100%;
	padding: 0px!important;
	border: 0px!important;
	margin: 0px!important;
}

.h1{
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	text-align:center;
	font-size: 11px;
	letter-spacing: 1px;
	color: #000;
	padding-left: 3px;
	padding-right: 3px;
}

.content {
	margin: 50px auto 0px auto;
	padding-top: 0px;
	float: left;
	margin-left: 5px;
	margin-bottom: 10px;
	display: inline-block;
}

.content div {
	float: none; 
	margin: 0px; 
	text-align: center;
	border-radius: 0px;
	font-size: 11px;
}

.content div .inside {
	padding-bottom: 10px;
	background: #fff;
	font-size: 10px;
	color: #000;
	letter-spacing: 1px;
	line-height: 19px;
	z-index: -1;
	text-align: center;
	width: 140px;
}

.content div img {
	background: #fff!important;
	padding: 4px!important;
	border: 9px solid #fff!important;
	border-radius: 0px!important;
	z-index: 1;
	float: none;
	align-content: center;
	margin-top: 0px;
}

.content div img:hover { 
	background: #fff!important;
	padding: 4px!important;
	border: 9px solid #fff!important;
	border-radius: 0px!important;
	z-index: 1;
	float: none;
	align-content: center;
	margin-top: 0px;
}