/*
Theme Name: Asteroid
Theme URI: http://ronangelo.com/asteroid/
Description: Asteroid is a simple, clean and responsive theme. It incorporates various widget areas that make management of banners and ads a lot easier, especially for ad-supported sites.
Author: ronangelo
Author URI: http://ronangelo.com/
Version: 1.0.6
Tags: black, white, gray, two-columns, right-sidebar, fixed-width, custom-header, custom-background, featured-images, custom-menu, custom-colors, theme-options, threaded-comments, sticky-post, editor-style, full-width-template, threaded-comments

License: GNU General Public License, Version 3 or later
License URI: http://www.gnu.org/licenses/gpl.html
--------------------------------------------- */

/* RESET */
html,body,h1,h2,h3,h4,h5,h6,p,img,ul,ol,li,form,fieldset {
	border: 0 none;
	margin: 0;
	padding: 0;
	list-style: none;
}

code {
	background: #E0E0E0;
   
	
}
take123 {
	background: #E0E0E0;
    border-left: 6px solid #666;
	clear: both;
    margin: 10px;
    padding: 8px 12px;
	overflow: hidden;
font-style: italic;
	margin: 0 !important;
}

take123 cite {float: right; margin: 6px auto 2px;}

take123 cite:before {
    content: "- ";
}
     
img {
max-width: 600px;
width: expression(this.width > 600 ? 600: true);
}

body {
	color: #333;
	font: normal 13px/20px arial, sans-serif;
	position: absolute;
	background-attachment: fixed;
	width: 100%;
}

h1 {font-size:28px;}
h2 {font-size:24px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}
h1,h2,h3,h4,h5,h6{clear: both;}

a {color: #0E4D7A; text-decoration: none;}
a:hover {color: #f00;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

/*-------------------------------------
   Main Containers
--------------------------------------*/
#container {
	width: 960px;
	background: #FFF; 
	border: 8px solid #000;
	margin: 20px auto;
	max-width: 96%;
	box-shadow: 0 0 10px #000;
}

#header {
	min-height: 120px;
	overflow: hidden;
}
	#header-info-wrap {float: left;}
		#header-info-wrap hgroup {
			margin-top: 20px;
			margin-left: 18px;
			font-weight: bold;
		}
			#site-title {
				font-size: 44px;  
				text-shadow: 0 2px 2px #000;
			}
			#site-title a {color: #FFA900; line-height: 1;}
			#site-title a:hover {color: #F00;}

			#site-description {
				font-size: 16px;
				margin-top: 6px;
				margin-bottom: 6px;
			}

#main {
	overflow: hidden;
	width: 100%;
}
	#content {
		display: table-cell; 
		vertical-align: top;
		width: 620px;
		padding: 0 10px 20px;
		border-left: 1px solid #555;
		border-right: 1px solid #555;
	}
		#bottom-navi {
			border-top: 1px solid #999;
			padding-top: 16px;
			padding-bottom: 10px;
			margin-top: 20px;
		}

	#content-nosidebar {
		padding: 0 10px 20px;
	}

	#sidebar {
		display: table-cell; 
		vertical-align: top;
		width: 310px;
		padding: 0 5px 20px;
	}

#footer {
	background: url("images/bg-fabric.png") #333;
	border-top: 1px solid #000;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	box-shadow: 0 1px 2px #000 inset;
}
#footer a {color: #FF9800;}
#footer a:hover {color: #FFF;}

	#footer-area {
		overflow: hidden;
		min-height: 20px; 
		box-shadow: 0 1px 2px #000 inset;
	}
	#footer-bottom {
		overflow: auto;
		background: #000; 
		min-height: 10px; 
		padding: 6px;
	}
		#footer-links {float: left; }
		
		#theme-page {
			float: right;
			font: normal 12px verdana, tahoma, sans-serif;
			margin-top: 4px;
		}

		
/*-------------------------------------
   The Main Menu
--------------------------------------*/
#nav {
	background-color: #333;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	float: left;
	width: 100%;
	z-index: 20;
}

#logoimg{
        margin-left:200px;
        margin-right:215px;
        }
#nav .menu {
	float: left;
	border-right: 1px solid #555;
}

#nav li {
	float: left;
	position: relative;
}

#nav li a {
	display: block;
	padding: 8px 14px;
	font: bold 16px arial, sans-serif;
	color: #FFF;
	text-shadow: 0 2px 2px #000;
}

#nav li a:hover {
	background-color: #FFF;
	color: #000;
	text-shadow: none;
}

#nav .menu > li {
	border-right: 1px solid #000;
	border-left: 1px solid #555;
}

#nav .menu > li:first-child {
	border-left: none;
}

#nav .menu > li > a {
	min-width: 70px; 
	text-align: center;
}

/* Root-Menu Parent Arrows */
#nav .menu > .parent-menu-item > a:after {
	content: "";
	padding-left: 16px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAQAAAChr3WYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABSSURBVHjajM6xEUBQFETR+42EftTyU5GUCgQa0IXy5MyYK+CNgMBGuyfaJO8U/MWShoWKDQCpWcmInU92syBif9NhK4E4qjpcKxBnp+jp6+c5ACEGPYQx6rvMAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-position: right 60%;
}
#nav .menu > .parent-menu-item > a:hover:after {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAQAAAChr3WYAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABOSURBVHjajM6xDUBgGITh59exj1m0Ki0TKCxgC+PpSeRTEBEU7rq3eO9SeCfzFyalSW4BoTCroBFX1wNBe6JNfdf0Quie9tFwDX393AcAPOIVqZz6wD8AAAAASUVORK5CYII=");
}

#nav .sub-menu {
	width: 180px;
	background-color: #292929;
	border: 1px solid #000;
	position: absolute;
	z-index: 30;
	display: none;	/* initial hide */
	box-shadow: 0 1px 4px #000;
}

#nav .sub-menu li {
	border-top: 1px solid #3C3C3C;
	border-bottom: 1px solid #000; 
}
#nav .sub-menu li:first-child {border-top: none;}
#nav .sub-menu li:last-child {border-bottom: none;}

#nav .sub-menu li a {
	float: left;
	width: 152px;
	padding: 10px 14px;
	font: 13px arial, sans-serif;
	text-shadow: 0 1px 1px #000;
	color: #FFF;
}

#nav .sub-menu li a:hover {
	text-shadow: none;
	color: #000;
}

#nav .sub-menu li .sub-menu {margin-top: -1px;}

/* Sub-Menu Parent Arrows */
#nav .sub-menu > .parent-menu-item > a {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAQAAADMDLw1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABSSURBVHjaYvjP8J/hP8N/bSjN8J8BxrjyPxxd6Nn/X/8TUIXu/P///+//AmShu/8hoOk/AxMDKuBlQFNVh6zxyf////NRjb/9Pw3dEaYIpwIGAFJfYxqarDBZAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-position: 98% center;
}
#nav .sub-menu > .parent-menu-item > a:hover {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAQAAADMDLw1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABRSURBVHjaYvjP8J/hPwODNgMU/GdggApdYQhHF3rG8IshAVXoDsN/hr8MBchCd6GMpv8MTAyogJcBTVUdssYnDP8Z8lGNv82Qhu4IU4RTAQMAwv82R52l8+0AAAAASUVORK5CYII=");	
}

/* Display Sub-Menus */
#nav li:hover > ul { display: inline;}

/* Highlight Selected Items */
#nav .current-menu-item > a,
#nav .current-menu-ancestor > a,
#nav .current_page_ancestor > a,
#nav .current_page_item  > a {
	background: #FF1818;
    color: #FFF;
    text-shadow: 0 2px 2px #000;	
}

/* Default WP Menu - Pages */
#nav li > ul > li:hover .children {top: -1px;}
#nav .menu > ul > .page_item {
	border-top: 1px solid #222;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #555;
}
#nav .children {
	width: 160px;
	background: #333;
	position: absolute;
	z-index: 30;
	display: none;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
#nav .children li {border-top: 1px solid #000;}
#nav .children li a {
	float: left;
	width: 140px;
	padding: 9px 10px;
}


/*-------------------------------------
   Widgets
--------------------------------------*/
.widget-title  {font-size: 16px;}

#widgets-wrap-sidebar { overflow: hidden; padding-bottom: 8px; }
.widget-sidebar {
    margin: 16px auto 24px;
    padding: 0 6px;
    position: relative;
    word-wrap: break-word;
}
.widget-sidebar .widget-title {
    background: #CCC;
    border: 1px solid #888;
	margin: 0 -6px 4px;
    padding: 3px 5px;
    width: 100%;
}
.widget-sidebar .widget-title:before {content: ""; padding-left: 6px;}
.widget-sidebar .widget-title:after {content: ""; padding-right: 6px;}
.widget-sidebar a {color: #0E4D7A;}
.widget-sidebar a:hover {color: #F00;}
.widget-sidebar ul {padding: 0 4px;}
.widget-sidebar ul li ul {padding-left: 10px;}
.widget-sidebar li {border-bottom: 1px solid #CFCFCF ;padding: 4px 0 2px;}
.widget-sidebar input, .widget-sidebar select {margin: 3px;}
.widget-sidebar .children li {border-bottom: none;}

#widgets-wrap-footer-full {overflow: hidden; padding: 6px;}
.widget-footer-full {
	overflow: hidden; 
	margin: 6px; 
	padding: 0 6px;
}
.widget-footer-full .widget-title {	
	background: #222;
    border: 1px solid #000;
	margin: 0 -6px 4px;
	padding: 3px 5px;
	width: 100%;
}
.widget-footer-full .widget-title:before {content: ""; padding-left: 6px;}
.widget-footer-full .widget-title:after {content: ""; padding-right: 6px;}

#widgets-wrap-footer-3 {overflow: hidden; padding-bottom: 8px;}
.widget-footer-3 {	
    float: left;
    margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 6px;
	width: 30%;
	overflow: hidden;
	padding: 0 6px;
}
.widget-footer-3 .widget-title {	
	background: #222;
    border: 1px solid #000;
	margin: 0 -6px 4px;
	padding: 3px 5px;
	width: 100%;
}
.widget-footer-3 .widget-title:before {content: ""; padding-left: 6px;}
.widget-footer-3 .widget-title:after {content: ""; padding-right: 6px;}
.widget-footer-3 ul {padding: 0 4px;}
.widget-footer-3 ul li ul {padding-left: 10px;}
.widget-footer-3 li {padding: 4px 0 2px;}
.widget-footer-3 input, .widget-footer-3 select {margin: 3px;}
.widget-footer-3 .children li {border-bottom: none;}


/*-------------------------------------
   Custom Widgets
--------------------------------------*/
#widgets-wrap-header {
	float: right; 
}
.widget-header {padding: 10px;}

#widgets-wrap-below-menu {
	background: url("images/bg-fabric.png");
	overflow: hidden;
	padding: 6px;
	box-shadow: 0 -1px 2px #000 inset;	
}
.widget-below-menu {
	overflow: hidden; 
	margin: 6px;
	padding: 0 6px;
	color: #FFF;
}
.widget-below-menu .widget-title {
	background: #222;
    border: 1px solid #000;
	margin: 0 -6px 4px;
	padding: 3px 5px;
	width: 100%;
    color: #FFF;
    text-shadow: 2px 2px 2px #000;
}
.widget-below-menu .widget-title:before {content: ""; padding-left: 6px;}
.widget-below-menu .widget-title:after {content: ""; padding-right: 6px;}
.widget-below-menu a {color: #FC9A08; text-shadow: 2px 2px 2px #000;}
.widget-below-menu ul {padding: 4px 8px 6px;}

#widgets-wrap-before-content {overflow: hidden;}
.widget-before-content {margin-top: 10px;}

#widgets-wrap-below-excerpts {
	overflow: hidden;
    margin-top: 2px;
}

#widgets-wrap-before-post, #widgets-wrap-before-page {
	overflow: hidden;
	border-top: 1px solid #999;
	margin: 10px auto 0;
    padding-top: 10px;
}
#widgets-wrap-before-post-content, #widgets-wrap-before-page-content {
	overflow: hidden;
	margin: 0 6px 6px;
}
#widgets-wrap-after-post-content, #widgets-wrap-after-page-content {
	overflow: hidden;
	margin: 6px;
}
#widgets-wrap-after-post, #widgets-wrap-after-page {
	overflow: hidden;
	border-top: 1px solid #999;
    padding-top: 10px;
}


/*-------------------------------------
   Specific Widget Stylings
--------------------------------------*/
#wp-calendar {
    border-collapse: collapse;
	text-align: center;
	width: 90%;
	margin: 0 auto;
}
#wp-calendar caption {padding: 6px;}
#wp-calendar th {
	background: #DDD;
    border: 1px solid #666;
    padding: 4px;
}
#wp-calendar tr {background: #FFF;}
#wp-calendar td {
	border: 1px solid #666;
    padding: 4px;
}
#footer #wp-calendar th {background: rgba(255,255,255,0.2);}
#footer #wp-calendar tr {background: transparent;}


/*-------------------------------------
   Blog-View
--------------------------------------*/
.blog-view {
	background: #DDD;
    border: 1px solid #666;
	box-shadow: 0 0 3px #333;
    margin-top: 16px;
	margin-bottom: 18px;
    padding: 8px;
}

.sticky {background: #FCFF82; border: 1px solid #101010;}

.blog-view .entry-title a {font-weight: normal;}

.blog-view .entry-date {
    background: rgba(0, 0, 0, 0.15);
    border: 1px solid #999;
    float: right;
    margin: 2px 0 2px 6px;
    padding: 1px 6px;
}

.blog-view .entry-categories {margin: 6px auto;}
.blog-view .entry-categories a {
	background: rgba(0, 0, 0, 0.15);
	border: 1px solid #999;
	padding: 0 4px;
	border-radius: 3px;
	color: #303030;
	display: inline-block;
	margin-bottom: 4px;
	
}
.blog-view .entry-categories a:hover {
	background: rgba(0, 0, 0, 0.75);
	color: #FFF;
	border-color: #000;
}

.blog-view .entry-content {
	overflow: hidden; 
	margin-top: 6px;
	font: normal 13px/20px arial, sans-serif;
}

.blog-view .entry-thumbnail { 
	overflow: hidden; 
	float: left; 
	border: 1px solid #666; 
	margin-right: 8px;
	width: 120px;
	height: 120px;
}
.blog-view .entry-thumbnail img { 
width: 120px;
	height: 120px;
float: left;
 }

.blog-view .entry-excerpt p {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.read-more {overflow: hidden;}
.read-more-button {	
	background: #444;
    border: 1px solid #111;
    border-radius: 4px;
    box-shadow: 0 0 2px #000;
    color: #FFF;
    float: right;
    font-weight: bold;
    padding: 2px 12px;
	margin: 0 4px 4px 0;
}
.read-more-button:hover {
	background: #2572ED; 
	color: #FFF; 
	box-shadow: 0px 0px 3px #000; 
	text-shadow: 0 1px 1px #333;
}


/*-------------------------------------
   Shared
--------------------------------------*/
.entry-header {display: inline; margin-bottom: 2px;}
.entry-title {display: inline; line-height: 1.2;}
.entry-title a {color: #222; text-shadow: 0 1px 1px #666;}
.entry-title a:hover {color: #F00;}
.entry-tags {margin: 4px 0;}
.page-nav {
	margin-top: 6px;
	text-align: center; 
	font-weight: bold; 
	padding: 2px;
	clear: both;
}
.page-nav  > * {
	border: 1px solid #666; 
	padding: 2px 6px; 
	margin-left: 2px;
	background: #FFF;
}


/*-------------------------------------
   Single-View
--------------------------------------*/
.single-view {
	margin-top: 10px; 
	padding: 6px 0 0;
}

.edit-post a {   
    background: #226FFF;
    border: 1px solid #111;
    float: right;
    padding: 2px 8px;
	margin-top: 4px;
	color: #FFF;
}
.edit-post a:hover {background: #0042BB;}

.single-view .entry-meta-top {
	overflow: hidden; 
	margin-top: 6px;
	padding-top: 8px;
	border-top: 1px solid #999;
}
.single-view .entry-date,
.single-view .entry-author {    
	background: #DDD;
    border: 1px solid #999;
    float: right;
    padding: 1px 6px;
	margin: 3px;
}

.single-view .entry-content {
	overflow: hidden;
	margin-bottom: 10px; 
	font: normal 14px/21px arial, sans-serif;
}

.single-view .updated {color: #666; font-size: 11px;}

.type-attachment .attachment img {display: block; margin: 8px auto;}
.next-previous-attachment {overflow: hidden;}

.next-previous-post {
	overflow: hidden;
	border-top: 1px solid #999;
	padding: 16px 10px 14px;
	margin-top: 10px;
}

.entry-meta-bottom {border-bottom: 1px solid #999;}

.sitemap-template {padding: 20px 0 30px 30px;}
.sitemap-template > h3 {margin: 16px 0 6px;}
.sitemap-template > ul {margin-left: 10px;}
.sitemap-template > ul li {list-style: square inside;}
.sitemap-template > ul .children {padding-left: 14px;}


/*-------------------------------------
   Content Elements
--------------------------------------*/
.entry-content p, .comment-body p { 
	margin-top: 4px; 
	margin-bottom: 14px; 
}

.entry-content h1, .entry-content h2, .entry-content h3, 
.entry-content h4, .entry-content h5, .entry-content h6, 
.comment-body h1, .comment-body h2, .comment-body h3, 
.comment-body h4, .comment-body h5, .comment-body h6 {
	line-height: 1.2; 
	text-shadow: 0 1px 1px #999;
	margin-bottom: 4px;
    margin-top: 10px;
}

blockquote {
	background: #E0E0E0;
    border-left: 6px solid #666;
	clear: both;
    margin: 10px;
    padding: 8px 12px;
	overflow: hidden;
}
blockquote p {
	font-style: italic;
	margin: 0 !important;
}
blockquote cite {float: right; margin: 6px auto 2px;}

blockquote cite:before {
    content: "- ";
}
address {margin-bottom: 10px;}

pre {
    background: #EEE;
    border: 1px solid #CCC;
    overflow: auto;
    padding: 10px;
}

.entry-content p img { margin: 8px; }

.wp-caption img {display: inline-block;}

.wp-caption {
	text-align: center; 
	padding: 4px 0; 
	background: #EEE;
	border: 1px solid #CCC;
}

.wp-caption-text, .gallery-caption {
	font-size: 12px !important; 
	margin: 0 !important;
	color: #555;
}

.alignleft {display:inline; float:left; margin: 4px 10px 12px 0 !important;}
.alignright {display:inline; float:right; margin: 4px 0 12px 10px !important;}
.aligncenter {display:block; margin:8px auto !important;}
.alignnone {margin-top: 8px; margin-bottom: 8px;}

.entry-content dl, .comment-body dl {margin-left: 20px;}
.entry-content dt, .comment-body dt {margin-top: 10px; font-weight: bold;} 
.entry-content dd, .comment-body dd {margin-top: 2px; margin-bottom: 6px;}

.entry-content table, .comment-body table {
    border: 1px solid #333;
    border-collapse: collapse;
	margin: 10px;
}
.entry-content table th, .comment-body table th {border: 1px solid #666; padding: 4px 8px; background: #DDD;}
.entry-content table td, .comment-body table td {border: 1px solid #666; padding: 4px 8px;}

.gallery .gallery-item {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
.gallery img {
    border: 1px solid #CCC !important;
    padding: 4px;
	display: inline-block;
}
.gallery img:hover {
	border: 1px solid #AAA !important;
	background: #DDD;
}

.entry-content ul, .comment-body ul {margin:8px 0px 8px 28px;}
.entry-content ul li, .comment-body ul li {list-style-type: disc; list-style-position: inside; margin: 4px 0;}

.entry-content ol, .comment-body ol {margin:8px 0px 8px 28px;}
.entry-content ol li, .comment-body ol li {list-style-type: decimal; list-style-position: inside;}
.entry-content ol li ol li, .comment-body ol li ol li {list-style-type: lower-alpha;}
.entry-content ol li ol li ol li, .comment-body ol li ol li ol li{list-style-type: lower-roman;}

.wp-smiley {border: none !important; margin: 0 !important;}


/*-------------------------------------
   Comments
--------------------------------------*/
#comments-wrap {margin-top: 20px; margin-bottom:20px; padding-top: 10px;}

#comments-wrap .bypostauthor > .comment-body, #comments-wrap .comment-author-admin > .comment-body {
	border-color: #034196 #666 #666;
    border-style: solid;
    border-width: 6px 1px 1px;
}
#comments-wrap .comment-body {
	background: #FEFDAD;
	margin: 8px 0;
	padding: 8px; 
	border-top: 6px solid #555;
	box-shadow: 0 1px 3px #111;
	word-wrap: break-word;
}
.comment-author .avatar {display: inline-block;}
#comments-wrap .comment-body .says {margin-left: 8px;}
#comments-wrap .comment-body p {clear: both;}

#comments-wrap .avatar {vertical-align:middle; margin-right:2px; padding:2px; border:1px solid #ddd;}
#comments-wrap .comment-author {margin-bottom: 10px; float: left;}
#comments-wrap .comment-author cite {font-size: 14px; font-weight:bold; font-style:normal;}
#comments-wrap .comment-meta {margin-bottom:6px; float: right;}
#comments-wrap .reply {margin: 12px auto 0; overflow: hidden;}
#comments-wrap .reply a {
	background: #FFF;
    border: 1px solid #333;
    font-size: 12px;
    font-weight: bold;
	padding: 0 10px;
	float: right;
	margin-bottom: 2px;
	margin-right: 2px;
	box-shadow: 1px 1px 2px #333;
}
#comments-wrap .children {margin: 8px 0 0 30px;}

#comments-wrap .pagination {text-align: center; margin: 20px auto;}
#comments-wrap .pagination > * {padding: 3px 8px; border: 1px solid #AAA;}

#respond {
	background: #C5C5C5;
    border: 1px solid #333;
    margin: 4px 0;
    padding: 16px 20px 14px;
}
#respond h3 {
	margin-bottom:10px;
	font-size: 14px;
	text-transform: uppercase;
}
.comment-form-author label, .comment-form-email label, .comment-form-url label {
    display: block;
}
#respond .required {display:none;}
#respond #closed {font-style:italic;}

#cancel-comment-reply-link {
	margin-left: 20px;
	background: #DDD;
	padding: 2px 6px;
	box-shadow: 0 0 2px #000;
	float: right;
	font: normal 11px arial, sans-serif !important;
	text-transform: uppercase;
}
#cancel-comment-reply-link:hover {box-shadow: 0 0 3px #000;}
#commentform textarea {
    padding: 10px;
    width: 96%;
}
#commentform #submit {
	font-size: 14px;
	padding: 6px 10px;
	margin-top: 6px;
}

/*-------------------------------------
   Searchform
--------------------------------------*/
#searchform label {display: none;}
#searchform input {margin: 3px;}

#searchform {
	background-color: rgba(0, 0, 0, 0.28);
    padding: 6px;
    width: 80%;
	margin: 10px auto;
	border: 1px solid #888;
	overflow: hidden;
}
#searchform #s {
	display: inline-block;
	float: left;
	width: 60%;
}
#searchform #searchsubmit {
	display: inline-block;
	margin-left: 6px;
	float: right;
	width: 30%;
}

/* menu search form */
#nav-search {
	display: inline-block;
	float: right;
	margin: 6px 20px 4px 10px;
}
#nav-search #searchform {
	background: none;
    margin: 0;
    padding: 0;
    width: auto;
	border: none;
}
#nav-search #s {
	border: 1px solid #222;
	width: 150px;
	padding: 2px;
	margin-top: 1px;
	color: #333;
}
#nav-search #searchsubmit {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAQkSURBVHjahNR7SJV3HMfxtx5tx0sWqFRmDlRai2mtGhITNthGoAQTmuYidolBi/pnsWBbzWhIFIvVPzkTIke1DWGDLWpmNW8nnZeTecvTOZrrdDkeWzPF27HjZ388P+Ngyn7whR/P8/B6vs+X5/fhJSANeB3YDXwKbAb2A+8DO2DBAUh9GTasg9fegvTDYM8GjgFvAkdMfQwkAXEAs+FdwCZgHyTuhZwiKK6Gi39A6xVwXoXKn+HIR7D5MCzLAo7+H7wH+MDqOqcMLreBXKAOUI/Ze0B3QA9Bv0L9Lth6ACKPzgdnWzciv4IvHPCkC9QE+gvUDGoBtYLazItcID/IC1MlcKQIonfMhtOBdWD7Gr68DsEmUB3IYeAW85IWUGdEhLpsNnWAukH3TJXBt4UQtXwGXgWsAHIhrx7GGkHVBr0OajR1KytLg+fOabimRsPXrunRiRPypKSoB3Qf5IOpffBJ/Awcb3W7rBQamkHXQLUhcAPodl6eJv1+BSVNmwpKGnM69Xdmpm6DHlljcmdAWjRGz4F8h0H/DIEdoNaUFI16PJqWNO73a7C8XI8rKvR0bEzTkkYuXJDHZlMfaAS0A/ZkQBhJsOgbKK0HXZkDduXl6amkydFR9RUUqBV0E+QvKlJQUuDBA93LzpYH9A/oN/g9DmJZDevLoKF2Flxv4N6dO63OWlrUnpSkG6B2kCc9XVPBoKaePNHD/Hy5QQPWn+NNgGQyIPcMeGvmgOtAPTk5VsePH6tv+3Y5DTxw8KDVsc/3rOMB62tGEmA1GfDuGXg4G64DOWw23S8pUWB6WlOSxvr75Tt+XIOnTikwPm59SVWVPFFR6jVwuwVnshreKIOO0FFUg+rCwuQ9eVKTkiYmJxUIBp//K1wu9a9ZI7c5jQMgJwwmwEqWw4pi+MVh4Kug2shIeUtLNSFpIhBQQNKo16vB8+f1b2Wlhmpq5C8uVm9qqlygPgMPgi5B0yJIJA7Cc+CzBoNeCQ9X37FjmggGNR4IaELSqM8n95YtarXb1RETo67YWHVHROiWyY4+UD9oGLQXvrPBAsKtk5f5E/jqQfXJyRpyuawRSBodGJC7oEBNoBsmJ7pAt0xeuOHZfLthch28EwsQAURC5HtwyAFy2O3ynj2rsZERDff2qic/X43W7J4FUCh8G3QXNAT6HE4vhthYQlYMLN0Pl52gpsREdW7bppsbN+r6HMk2A/eY2Q6BfoC2eCt6nl/xsPIQVDebqKwLSbdQuNPAd01GlEP7i7BxxgkLRcPNhYWQsg2+vwTjXQZqNzWTw3dAD6xr0/ugIhEyYwD7fHCM2b8C0Wsh90M4fRrcVRCY6bwOAhVwZzf8uBYKbbAYYCnwwnxwtNlnmThdD1ELIW0JvP0qbN0AhUmwKQ5WZUNMlHneDiyZBf83AOdz6zRw4uZiAAAAAElFTkSuQmCC");
	background-repeat: no-repeat;
	background-color: transparent;
	height: 22px;
	width: 22px;
    border: none; 
	cursor: pointer;
	margin: 0 2px;
}

.widget-footer-3 #searchform {border-color: #000;}


/*-------------------------------------
   404 Page
--------------------------------------*/
.wrap-404-box {
	background: #FFFE74;
	margin: 40px auto; 
	width: 420px;
	padding-bottom: 20px;
	border: 1px solid #222;
	box-shadow: 0 0 2px #000;
	text-align: center;
	overflow: hidden;
}
.wrap-404-box h2 {
    background: #222;
    color: #FFF;
    padding: 16px;  
}
.wrap-404-box p {
	margin: 20px auto 24px;
	color: #333;
	font-size: 14px;
}


/*-------------------------------------
   Responsive Properties
--------------------------------------*/
@media screen and (max-width:900px){
	#nav .menu > li {border-bottom: 1px solid #222;}	
	#nav-search { float: left;}
}

@media screen and (max-width:800px){
	#content { border: none; width: 84% !important;}	
	#sidebar { float: left; width: 98% !important; max-width: 100% !important;}
}

@media screen and (max-width:768px){
	img {max-width: 100% !important; height: auto !important;}
	.wp-caption {max-width: 96% !important; width: auto !important;}
	.aligncenter {display: table !important;}
	.widget-footer-3 {	float: none !important; margin: 16px auto !important; width: 92% !important;}
}

@media screen and (max-width:480px){
	#container { margin: 0 auto !important;}
	#header { height: auto !important; }
	#header-info-wrap {
		float: none;
		text-align: center;
		margin: 0 auto 8px;	
	}
	#header-info-wrap #header-logo {margin-left: 0 !important;}
	#header-info-wrap hgroup {margin-left: 0 !important;}
	/* Make menu width 100% */
	.menu {float: none !important; border: none !important;}
	.menu > li {
		float: none !important;
		border-top: 1px solid #222 !important;
		border-bottom: 1px solid #000 !important;
		border-left: none !important;
		border-right: none !important;
	}
	#nav-search {width: 96% !important;}
	#nav-search #s {width: 84% !important;}
	#nav-search #searchsubmit {float: left !important;}
	#comments-wrap {max-width: 98% !important;}
	.wrap-404-box {width: auto !important; max-width: 96% !important;}
}

@media screen and (max-width:320px){
	.blog-view .entry-thumbnail {display: none !important;}
}