/*
Theme Name:ecblog
Description: Ecblog is a beautiful premium WordPress News Blog theme that is adaptable enough to suit almost any use, business or industry.
Author: Eclassi
Author URI: http://www.eclassi.net/
Theme URI: http://www.eclassi.net/ecblog-wordpress-news-blog-theme/
Version: 2.3
License: GNU General Public License, version 2.0 or later (“GPL”)
License URI: License.txt
Tags: white, two-columns, fixed-layout, theme-options, custom-background, featured-images, custom-menu, custom-colors
--------------------------------------------- */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

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;
}

body {
	color: #333;
	font: normal 13px/20px arial, sans-serif;
	width: 100%;
	padding: 20px;
	background: #F8F8F8;
}

h1 {font-size: 24px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 13px;}
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 {
	background-color: #FFF;
	border: 1px solid #F3f3f3;
	margin: auto;
	max-width: 100%;
	width: 1000px !important;
	box-shadow: 0 0 10px #9B9B9B;
}
#header {
	min-height: 120px;
	overflow: hidden;
}
#header-info-wrap {float: left;}
#header-logo img {display: block; margin-top: 35px;}
#header-info-wrap #header-text {
	margin-top: 40px;
	margin-left: 18px;
	width:200px;
	font-weight: bold;
}
#site-title {
	font-size: 40px;;  
	text-shadow: 0 0px 0px #000;
	width: 250px;
}
#site-title a {color: #464646; font-size: 35px; font-family: georgia;}
#site-title a:hover {color: #807777;}

#site-description {
	font-size: 15px;
	margin-top: 14px;
	margin-bottom: 6px;
	width:250px;
}

#main {
	overflow: hidden;
	width: 100%;
}
#content {
	display: table-cell;
	vertical-align: top;
	width: 700px !important;
	max-width: 700px !important;
	padding: 0 10px 20px;
	border-left: 1px solid #FAFAFA;;
	border-right: 1px solid #F0F0F0;
}		
#sidebar {
	display: table-cell;
	vertical-align: top;
	width: 300px !important;
	max-width: 300px !important;
	padding: 0 5px 20px;
}

#footer, #below-menu {
	width: 100%;
	overflow: hidden;
	color: #FFF;
	text-shadow: 0px 0px 0px #888181;
}

#footer {border-top: 1px solid #000; box-shadow: 0 1px 2px #000 inset;}
#below-menu {box-shadow: 0 -1px 2px #000 inset;}

#footer a, #below-menu a {color: #383737;}
#footer a:hover, #below-menu a:hover {color: #F00;}

#footer-area {min-height: 20px;}
#footer-bottom {
	overflow: auto;
	background: #fafafa; 
	min-height: 10px; 
	padding: 6px;
}
#footer-links {float: left;}
#theme-link {
	float: right;
	padding-top: 4px;
	font: 12px verdana, sans-serif;
}

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

#nav .menu {float: left; border-right: 1px solid #555;}
#nav .menu li {float: left; position: relative;}

#nav .menu > li, #nav .menu > ul > .page_item {
	border-right: 1px solid #000;
	border-left: 1px solid #555;
}
#nav .menu > li:first-child, #nav .menu > ul > .page_item:first-child {
	border-left: none;
}

#nav .menu > li > a {
	min-width: 100px; 
	text-align: center;
}
#nav .menu > li > a, #nav .menu > ul > .page_item > a {
	background: linear-gradient(to bottom, transparent 75%, rgba(0, 0, 0, 0.28) 100%);
}

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

/* Root-Menu Parent Arrows */
#nav .menu > .parent-menu-item > a:after,
#nav .menu > ul  > .parent-menu-item > a:after {
	content: " ";
	padding-left: 18px;
	background-position: 80% 60%;
	background-repeat: no-repeat;
}
#nav .menu > .parent-menu-item > a:hover:after,
#nav .menu > ul  > .parent-menu-item > a:hover:after {
}

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

#nav .sub-menu li, #nav .children li {
	border-top: 1px solid #3C3C3C;
	border-bottom: 1px solid #000; 
}
#nav .sub-menu li:first-child, #nav .children li:first-child {border-top: none;}
#nav .sub-menu li:last-child, #nav .children li:last-child {border-bottom: none;}
#nav .sub-menu li a, #nav .children li a {
	float: left;
	width: 178px;
	padding: 10px 14px;
	font: 13px arial, sans-serif;
	text-shadow: 0 1px 1px #000;
	color: #FFF;
}

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

/* Sub-Menu Parent Arrows */
#nav .sub-menu > .parent-menu-item > a,
#nav .children > .parent-menu-item > a {
	background-repeat: no-repeat;
	background-position: 98% center;
}
#nav .sub-menu > .parent-menu-item > a:hover,
#nav .children > .parent-menu-item > a:hover {
}

#nav li:hover > ul { display: inline;}

#nav .current-menu-item,
#nav .current-menu-ancestor,
#nav .current_page_ancestor,
#nav .current_page_item {
	background: #BE0000 !important;
    color: #FFF;
    text-shadow: 0 1px 1px #000;	
}

/*-------------------------------------
   Page Templates
--------------------------------------*/
#content-nosidebar {
	padding: 0 10px 20px;
}
	
.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;}

/*-------------------------------------
   Widgets
--------------------------------------*/
#widgets-wrap-sidebar,
#widgets-wrap-footer-full,
#widgets-wrap-footer-3,
#widgets-wrap-header,
#widgets-wrap-below-menu,
#widgets-wrap-before-content,
#widgets-wrap-below-excerpts,
#widgets-wrap-before-post,
#widgets-wrap-before-post-content,
#widgets-wrap-after-post-content,
#widgets-wrap-after-post, 
.widget-sidebar,
.widget-footer-full, 
.widget-footer-3,
.widget-header,
.widget-below-menu,
.widget-before-content,
.widget-below-excerpts,
.widget-before-post,
.widget-before-post-content,
.widget-after-post-content,
.widget-after-post {overflow: hidden;}

#widgets-wrap-footer-3 {box-shadow: 0 1px 1px #FFF inset;}
#widgets-wrap-header {display: inline-block; float: right; padding-right: 2px;}
#widgets-wrap-below-excerpts {margin-top: 2px;}

#widgets-wrap-before-post, #widgets-wrap-after-post {
	border-top: 1px solid #999; 
	margin-top: 10px; 
	padding-top: 10px;
}
#widgets-wrap-before-post, #widgets-wrap-after-post,
#widgets-wrap-before-post-content, #widgets-wrap-after-post-content {clear: both;}

/* Widget Titles */
.widget-title  {
	font-size: 16px;
	margin: 0 -6px 4px;
    padding: 3px 5px;
}
.widget-sidebar .widget-title {
    background: #fcfcfc;
    border: 1px solid #f3f3f3;
}
.widget-below-menu .widget-title,
.widget-footer-full .widget-title,
.widget-footer-3 .widget-title {
	background: #222;
    border: 1px solid #000;
}
.widget-before-post .widget-title,
.widget-before-post-content .widget-title,
.widget-after-post-content .widget-title,
.widget-after-post .widget-title {margin: 0; text-shadow: none;}

/* Widget Elements */
.widget-sidebar {
    margin: 16px auto 24px;
    padding: 0 6px;
    position: relative;
    word-wrap: break-word;
}
.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: 0px solid #CFCFCF ;padding: 4px 0 2px;}
.widget-sidebar input, .widget-sidebar select {margin: 3px;}
.widget-sidebar .children li {border-bottom: none;}

.widget-footer-full {margin: 10px; padding: 0 6px;}

.widget-footer-3 {	
    float: left;
	margin: 10px 0 10px 10px;
	width: 31.95%;
	padding: 0 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;}

.widget-header {padding-left: 0px; padding-top: 18px; width: 730px;}

.widget-below-menu {margin: 10px; padding: 0 6px;}
.widget-below-menu ul {padding: 4px 8px 6px;}

.widget-before-content {margin-top: 10px;}

.widget-before-post-content, .widget-after-post-content {margin-top: 8px;}
.widget-after-post {margin-bottom: 10px;}

/*-------------------------------------
   Specific Widget Stylings
--------------------------------------*/
.ecblog-widget .textwidget img {
	max-width: 100%;
    height: auto;
}
.widget_categories select {margin-top: 6px;}
.widget-footer-3 #searchform {border-color: #000;}
.widget_nav_menu .sub-menu li {border-bottom: none;}

#wp-calendar {
    border-collapse: collapse;
	text-align: center;
	width: 90%;
	margin: 0 auto;
}
#wp-calendar caption {padding: 6px;}
#wp-calendar th {
	background: #DDD;
	background: linear-gradient(to bottom, #EEE 0%,#BBB 100%);
    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
--------------------------------------*/
.archive-info {
    border: 1px solid #666;
    box-shadow: 0 0 3px #333;
    margin-top: 16px;
}
.archive-title {
	color: #464646;
	padding: 4px 8px;
	text-align: center;
	text-shadow: 0 0px 0px #666;
	text-transform: uppercase;
}
.archive-description {
	border-top: 1px solid #666;
    padding: 8px;
}

.blog-view {
	background: #fff;
    border: 1px solid #FFFFFF;
	box-shadow: 0 0 2px #A79E9E;
    margin-top: 16px;
	margin-bottom: 18px;
    padding: 8px;
}

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

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

.blog-view .entry-date {
    background: #Ffffff;
    border: 1px solid #f1f1f1;
    float: right;
    margin: 2px 0 2px 6px;
    padding: 1px 6px;
}

.blog-view .entry-meta-top {overflow: hidden;}

.blog-view .entry-author, .blog-view .entry-categories {
	display: inline-block;
	margin-top: 6px; 
}

.blog-view .entry-author, .blog-view .entry-categories a {
	padding: 0 4px;
	color: #303030;
	display: inline-block;
	margin-bottom: 4px;
	
}

.blog-view .entry-categories a:hover {
	background: rgba(0, 0, 0, 0.75);
	color: #FFF;
}

.blog-view .entry-content {
	overflow: hidden; 
	margin-top: 6px;
	font: normal 18px/20px open_sansregular;
	line-height: 23px;
}

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

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

.read-more {overflow: hidden;}
.read-more-button {	
	background: #444;
    border: 1px solid #111;
    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: #717479; 
	color: #FFF; 
	box-shadow: 0px 0px 3px #000; 
	text-shadow: 0 1px 1px #333;
}
.blog-comment-links {overflow: hidden; padding: 4px 6px 0;}
.blog-comment-links .reply-link {float: right;}
.blog-comment-links .comment-count {float: left;}
.blog-comment-links a {color: #222;}

#bottom-navi {
	border-top: 0px solid #999;
	padding-top: 16px;
	padding-bottom: 10px;
	margin-top: 20px;
}

#content article {-ms-word-wrap: break-word; word-wrap: break-word;}
.entry-header {display: inline; margin-bottom: 2px;}
.entry-title {display: inline; line-height: 1.2;}
.entry-title a {color: #024d99; text-shadow: none; font-family: georgia,Arial,Helvetica,sans-serif;}
.entry-title a:hover {color: #024d99; text-decoration: underline;}
.entry-tags {margin: 4px 0;}

.page-nav {
	margin-top: 8px; 
	padding: 2px 0; 
	clear: both; 
	float: left; 
	width: 100%
}
.page-nav  > * {
	padding: 4px 8px;
    margin: 0 1px;
    border: 1px solid #222;
    color: #FFF;
	font-size: 13px;
    text-shadow: 1px 1px 1px #000;
	background: linear-gradient(to bottom, #888 0%,#333 100%);
}
.page-nav a:hover {
	background: #222;
	color: #FFF;
	border: 1px solid #000;
	font-weight: bold;
	text-decoration: underline;
}

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

.single-view .entry-title a {
color: #333;
display: inline;
font-family: Georgia,'Times New Roman',Times,serif;
font-size: 28px;
font-weight: normal;
text-decoration:none;
padding: 0;}

.post-edit-link {
	float: right;
	border: 1px solid #111;
	margin: 3px;
    background: #226FFF;
	display: block;
    padding: 1px 8px;
	color: #FFF;
}
.post-edit-link:hover {background: #0042BB; color: #FFF;}
 
.single-view .entry-meta-top {
	overflow: hidden; 
	margin-top: 3px;
	padding-top: 5px;
	padding-bottom: 10px !important;
	border-bottom: 1px solid #dbdbdb !important;
}
.single-view .entry-date,
.single-view .entry-author {
	background: #ffffff;
    border: 0px solid #f1f1f1;
    float: left;
    padding: 1px 3px;
	margin: 3px;
}

.single-view .entry-content {
	overflow: hidden;
font-size: 18px;
line-height: 24px;
color: #333333;
font-family: open_sansregular;
}

.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 #f3f3f3;
	padding: 16px 10px 14px;
	margin-top: 6px;
}

.previous-link {float: left; max-width: 100%;}
.next-link {float: right; max-width: 100%;}

.next-previous-attachment .previous-link,
.next-previous-attachment .next-link {
	margin: 6px 8px 14px;
}
.next-previous-attachment .previous-link a,
.next-previous-attachment .next-link a {
	background: #303030;
    border: 1px solid;
    box-shadow: 0 0 3px #333;
    padding: 3px 6px;
	color: #FFF;
}

.entry-meta-bottom {
	border-bottom: 1px solid #EEE;
	margin-bottom: 10px;
}

/*-------------------------------------
   Content Elements
--------------------------------------*/
.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: 14px 0 4px 0;
	clear: none;
}

.entry-content p, .comment-body p { 
	margin-top: 20px; 
	margin-bottom: 20px; 
}

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;
    padding: 8px;
	overflow: auto;
	-ms-word-wrap: normal;
	word-wrap: normal;
}

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

.entry-content img, .comment-body img {
    max-width: 100%;
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
    height: auto;
}

.wp-caption {max-width: 100%;}
.wp-caption img {
	width: 100%;
	max-width: 100%;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 4px;
}
.wp-caption .wp-caption-text, .gallery-caption {
	font-size: 12px; 
	color: #555;
	padding: 0 4px;
	line-height: 1.6;
}
.wp-caption-text, .gallery-caption {margin: 0 !important;}
.wp-caption .wp-caption-text {margin-top: -2px !important; padding: 0 6px;}

.wp-smiley {width: auto !important;}

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

.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-collapse: collapse;
	width: 100%;
	margin: 10px 0;
}
.entry-content table th, .comment-body table th {
	background: #fff;
	border: 1px solid #666; 
	padding: 6px 8px;
	text-align: left;
}
.entry-content table td, .comment-body table td {
	border: 1px solid #666;
	padding: 6px 8px;
	text-align: left;
}

.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 li h1, .entry-content li h2, .entry-content li h3,
.entry-content li h4, .entry-content li h5, .entry-content li h6 {
	display: inline;
}

.entry-content li {margin: 4px 0 6px 6px; list-style-position: inside; list-style-type: disc;}

.entry-content ul, .comment-body ul {margin: 8px 0px 8px 20px;}
.entry-content ul > li, .comment-body ul > li {list-style-type: disc;}

.entry-content ol, .comment-body ol {margin: 8px 0px 8px 20px;}
.entry-content ol > li, .comment-body ol > li {list-style-type: decimal;}
.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-bottom:20px; padding-top: 10px;}

#comments-wrap .bypostauthor > .comment-body, #comments-wrap .comment-author-admin > .comment-body {
	border-color: #fcfcfc;
    border-style: solid;
    border-width: 1px 1px 1px;
    background:#fdfdfd;
}
#comments-wrap .comment-body {
	background: #FCFCFC;
	margin: 8px 0;
	padding: 8px;
	border-top: 1px solid #E4E4E4;
	box-shadow: 0 0px 1px #C9C9C9;
	word-wrap: break-word;
}
#comments-wrap .comment-body p {clear: both;}

#comments-wrap .comment-author, #comments-wrap .comment-meta {
    display: inline-block;
    height: 50px;
    margin-bottom: 6px;
    width: 50%;
}
#comments-wrap .comment-author {float: left;}
#comments-wrap .comment-meta {float: right; text-align: right;}
#comments-wrap .avatar {
	vertical-align:middle;
	margin-right:2px;
	border:1px solid #888;
}
#comments-wrap .comment-author cite {
	font-size: 14px;
	font-weight:bold;
	font-style:normal;
}
#comments-wrap .comment-body .says {display: none;}

#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 .pingback .comment-body {
    border: 1px solid #333;
	box-shadow: 0 0 2px #333;
    overflow: hidden;
}
#comments-wrap .pingback .comment-author cite {font-size: 13px; font-weight: normal;}
#comments-wrap .pingback .comment-author,
#comments-wrap .pingback .comment-meta {height: auto;}

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

#respond {
	background: #ffffff;
    border: 1px solid #E4E4E4;
    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: 100%;
}
#commentform #submit {
	font-size: 14px;
	padding: 6px 10px;
	margin-top: 6px;
}

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

#searchform {
	background-color: #fcfcfc;
    padding: 6px;
	margin: 10px auto;
	border: 1px solid #888;
	max-width: 400px;
	overflow: hidden;
}
#searchform #s {
	float: left;
	width: 65%;
}
#searchform #searchsubmit {
	float: left;
	width: 30%;
}

#nav-search {
	display: inline-block;
	float: right;
	margin: 6px 20px 3px 10px;
}
#nav-search #nav-searchform {
	background: none;
    margin: 0;
    padding: 0;
    width: auto;
	border: none;
}
#nav-search #nav-s {
	border: 1px solid #222;
	width: 150px;
	padding: 2px;
	margin-top: 1px;
	color: #555;
	float: left;
}
#nav-search #nav-searchsubmit {
	background-repeat: no-repeat;
	background-color: transparent;
	height: 22px;
	width: 22px;
    border: none; 
	cursor: pointer;
	margin: 0 2px;
	float: left;
}

/*-------------------------------------
   Author Info
--------------------------------------*/
.author-info-box {
	overflow: hidden;
	border: 1px solid #666;
	box-shadow: 0 0 3px #333;
	margin: 16px 0;
}
.author-info-box-title {
    color: #222;
    padding: 4px 8px;
    text-align: center;
    text-shadow: 0 1px 1px #666;
    text-transform: uppercase;
}
.author-info {
	overflow: hidden;
	padding: 6px;
}
.author-avatar, .author-description{
    display: table-cell;
    padding: 5px;
    vertical-align: top;
}
.author-avatar img {display: block;}

.author-latest-posts {
	border: 1px solid #666; 
	box-shadow: 0 0 3px #333;
}
.author-latest-posts-title {
    color: #222;
    font-weight: normal;
	padding: 4px 8px; 
	text-shadow: 0 1px 1px #666;
}
.author-latest-posts-list {padding: 8px 10px 12px 16px;}
.author-latest-posts-list li {list-style: decimal-leading-zero inside none;}

/*-------------------------------------
   404 Page
--------------------------------------*/
.wrap-404-box {
	margin: 40px auto; 
	width: 80%;
	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;
}

/*-------------------------------------
   WP-Pagenavi
--------------------------------------*/
.wp-pagenavi a, .wp-pagenavi span {
    padding: 6px 10px !important;
    margin: 3px !important;
    border: 1px solid #222 !important;
    color: #FFF;
    text-shadow: 1px 1px 1px #000;
	background: linear-gradient(to bottom, #666 0%, #333 100%);
}  
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border: 1px solid #000 !important;
    font-weight: bold;
    text-decoration: underline;
}
.wp-pagenavi a:hover {background: #222;}

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

@media screen and (max-width:800px){
	body {padding: 0;}
	#container { width: 100%; }
	
	#content, #sidebar  { 
		display: block;
		float: left;
		width: 100% !important; 
		max-width: 100% !important; 
		border: none;
	}
	.widget-footer-3 {
		float: none;
		width: 96%;
		margin: 16px auto;
	}
}

@media screen and (max-width:480px){
	#header { height: auto !important; }
	#header-info-wrap {
		float: none !important;
		text-align: center !important;
		margin: 0 auto 8px !important;	
	}
	#header-info-wrap #header-logo, #header-info-wrap #header-text {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#header-logo img {max-width: 100%; height: auto;}
	/* Make menu width 100% */
	#nav .menu {float: none !important; border: none !important;}
	#nav .menu > li, #nav .menu > ul > li {
		float: none !important;
		border-top: 1px solid #555 !important;
		border-left: none !important;
		border-right: none !important;
	}
	#nav .menu > li > a, #nav .menu > ul > li > a {background: none !important;}
	#nav .menu > li > a:hover, #nav .menu > ul > li > a:hover {background: #FFF !important;}
	#nav-search {width: 96% !important;}
	#nav-search #nav-s {width: 84% !important;}
	#nav-search #nav-searchsubmit {float: left !important;}
	#comments-wrap {max-width: 98% !important;}
	.author-avatar, .author-description {display: block;}
}

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