/*
Theme Name: Gray Modern
Description: Responsive, HTML5, CSS3, Light, SEO-optimized, widgetized sidebar and footer, translation ready WordPress theme with modern and details oriented gray design. Perfect for blog. Theme has got possibility to put custom menu in the header and footer. Theme is extremaly easy and fast to install and run.
Author: ThemeMotive.com
Author URI: http://thememotive.com/
Version: 1.2
Tags: gray, green, two-columns, fixed-width, editor-style, sticky-post, threaded-comments, translation-ready, custom-menu
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Reset browser styles
------------------------------------------ */
* {margin: 0; padding: 0}
html {overflow: scroll;}
body {background: url("images/bg.jpg"); color: #666; font: 0.813em/1.5em "Arial", sans-serif;}
dt {font-weight: 700;}
table {border-collapse: collapse;}
img {border: none; vertical-align: middle;}
ul[class] {list-style: none;}
a {color: #78ad25; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; text-decoration: none;}
a:hover {color: #4e4f50; text-decoration: none;}
a * {cursor: pointer;}
textarea, input, select, option, optgroup, button {font-size: 1em; vertical-align: middle;}
button, [type="radio"], [type="checkbox"], [type="submit"], [type="button"], [type="reset"], label, select {cursor: pointer; vertical-align: middle;}
input, select, textarea {outline: none;}
fieldset {overflow: hidden; border: none;}
legend {display: none;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {padding: 0; border: none;}



/* Global Styles
------------------------------------------ */
h1 {margin: 0.5em 0; color: #4e4f50; font-size: 1.875em; letter-spacing: -0.03em;}
h2 {margin: 1em 0 0.5em; color: #444; font-size: 1.692em;}
h3 {margin: 1em 0; color: #444; font-size: 1.385em;}
h4 {margin: 1em 0; color: #444; font-size: 1.077em;}
h5 {margin: 1em 0; color: #444;}
h6 {margin: 1em 0; color: #666;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #444; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #78ad25; text-decoration: none;}
blockquote {margin: 1.5em 0; padding: 10px 20px; background: #f0f0f0; color: #888; font-style: italic;}
sub, sup {line-height: 1em;}
ul li, ol li {margin: 5px 20px;}
dl {overflow: hidden; margin: 1em 0; }
dt {float: left; clear: left; width: 150px; margin: 0 0 1em; padding: 0; font-weight: bold;}
dd {width: 500px; margin: 0 0 1em 150px; }
p {margin: 1em 0;}
table {margin: 1em auto; border: 1px solid #a0a0a0; background: #fff;}
table th, table th[class] {padding: 5px 7px; border: 1px solid #969697; background: #e0e0e0;}
table td, table td[class] {padding: 5px 7px; border: 1px solid #969697;}
table tr.alternate td {background: #eee;}

form{margin: 1em -25px; padding: 15px 25px; background: #f0f0f0;}
label {float: left; clear: left; width: 280px; padding: 5px 0;}
input, select, select[class], textarea {width: 250px; margin: 5px 0; padding: 5px 10px; border: 1px solid #a5a5a5; background: #fff; box-shadow: inset 0 2px 3px #e2e2e2;}
input:focus, select:focus, textarea:focus {border-color: #78ad25;}
select option {padding: 0 5px; }
input[type="radio"], input[type="checkbox"], input[type="submit"] {width: auto; border: none; background: none;}
span.required {padding: 0 5px; color: #78ad25; font-weight: bold; font-size: 1.5em}
textarea {width: 95%; min-width: 95%; max-width: 95%; height: 100px;}
button, input[type="submit"] {height: 28px; padding: 0 13px; border: 1px solid #a1b768; 
background: #c8e287;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M4ZTI4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5Y2NiNTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c8e287 0%, #9ccb58 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8e287), color-stop(100%,#9ccb58));
background: -webkit-linear-gradient(top,  #c8e287 0%,#9ccb58 100%);
background: -o-linear-gradient(top,  #c8e287 0%,#9ccb58 100%);
background: -ms-linear-gradient(top,  #c8e287 0%,#9ccb58 100%);
background: linear-gradient(to bottom,  #c8e287 0%,#9ccb58 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8e287', endColorstr='#9ccb58',GradientType=0 );
color: #5d7731; font-weight: bold; font-size: 1.077em; line-height: 28px; text-transform: uppercase; text-shadow: 0 1px 1px #cde5a4;}
button:hover, input[type="submit"]:hover {
background: #9ccb58;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzljY2I1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGUyODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #9ccb58 0%, #c8e287 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ccb58), color-stop(100%,#c8e287));
background: -webkit-linear-gradient(top,  #9ccb58 0%,#c8e287 100%);
background: -o-linear-gradient(top,  #9ccb58 0%,#c8e287 100%);
background: -ms-linear-gradient(top,  #9ccb58 0%,#c8e287 100%);
background: linear-gradient(to bottom,  #9ccb58 0%,#c8e287 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ccb58', endColorstr='#c8e287',GradientType=0 );}
.searchform button {padding: 0;}
.searchform button span {display: inline-block; width:40px; height: 28px; background: url("images/magnifier.png") 50% 50% no-repeat;}

/* Main Layout
------------------------------------------ */
header {width: 980px; margin: 0 auto; padding: 15px 0;}
header p.title {clear: both; margin: 0 0 5px; color: #4e4f50; font-size: 2.769em; font-weight: bold; letter-spacing: -0.03em; text-shadow: 0 1px 1px  rgba(255,255,255,0.30);}
header p.title a {padding-left: 45px; background: url("images/logo.png") 0 30% no-repeat; color: #4e4f50;}
header p.title a:hover {color: #78ad25; text-decoration: none;}
header p.tagline {margin: 0 0 0 45px; padding: 0; color: #5c5d5e; font-size: 1.077em; text-shadow: 0 1px 1px rgba(255,255,255,0.55);}
header form {float: right; margin: 0 0 5px; padding: 0; border: none; background: none;}
header form input {width: 200px;}

nav {position: relative; z-index: 20; width: 980px; margin: 40px auto; padding: 0; border-radius: 4px; background: #eaeaea;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eaeaea 0%, #fbfbfb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#fbfbfb));
background: -webkit-linear-gradient(top,  #eaeaea 0%,#fbfbfb 100%);
background: -o-linear-gradient(top,  #eaeaea 0%,#fbfbfb 100%);
background: -ms-linear-gradient(top,  #eaeaea 0%,#fbfbfb 100%);
background: linear-gradient(to bottom,  #eaeaea 0%,#fbfbfb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fbfbfb',GradientType=0 );
box-shadow: 0 3px 3px rgba(0,0,0,0.17);}
nav * {margin: 0; padding: 0;}
nav ul.menu {list-style: none; width: 980px; margin: 0 auto; }
nav ul.menu>li {float: left; position: relative; height: 48px; padding: 0; border-left: 1px solid #fff; border-right: 1px solid #d5d5d5;margin:0}
nav ul.menu>li:first-child {border-left: none;}
nav ul.menu>li:hover {z-index: 150;}
nav ul.menu>li>a {float: left; height: 48px; padding: 0 20px; color: #555; font-weight: bold; line-height: 48px; text-shadow: 0 1px 1px #fff;}
nav ul.menu>li:first-child>a {border-radius: 4px 0 0 4px;}
nav ul.menu>li>a:hover, nav ul.menu>li:hover>a, nav ul.menu>li.current-menu-item>a, nav ul.menu>li.current_page_item>a {color: #78ad25; background: #fff; text-decoration: none;}
nav ul.menu>li ul {display: none; position: absolute; left: 0px; top: 48px; width: 210px; list-style: none; color: #78ad25; border-radius: 4px; background: #eaeaea;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmZiZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #eaeaea 0%, #fbfbfb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#fbfbfb));
background: -webkit-linear-gradient(top,  #eaeaea 0%,#fbfbfb 100%);
background: -o-linear-gradient(top,  #eaeaea 0%,#fbfbfb 100%);
background: -ms-linear-gradient(top,  #eaeaea 0%,#fbfbfb 100%);
background: linear-gradient(to bottom,  #eaeaea 0%,#fbfbfb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fbfbfb',GradientType=0 );; padding: 0; text-align: left;}
nav ul.menu li:hover>ul {display:block;}
nav ul.menu>li ul ul {left: 210px; top: 0;}
nav ul.menu>li ul li {display: block; float: none; position: relative; overflow: hidden; padding: 0; border-top: 1px solid #fff; border-bottom: 1px solid #d5d5d5;margin:0}
nav ul.menu>li ul li:hover {overflow: visible;}
nav ul.menu>li ul li:first-child {border-top: none;}
nav ul.menu>li ul li a {display: block; float: none; padding: 5px 20px; color: #555; font-weight: bold; text-shadow: 0 1px 1px #fff;}
nav ul.menu>li ul li a:hover, nav ul.menu>li ul li:hover>a {color: #78ad25; text-decoration: none;}

.content {overflow: hidden; width: 980px; margin: 0 auto; padding: 0;}
.main {float: left; width: 67.8%; padding: 8px; border-radius: 4px; background: rgba(92,93,94,0.12);}
.main>div {overflow: hidden; padding: 15px 25px; border-radius: 4px; background: #fff;}
aside {float: right; width: 26.5%;}

footer {width: 914px; margin: 40px auto; padding: 10px 0; border-radius: 4px; background: rgba(92,93,94,0.15);}
footer >div> ul.menu {overflow: hidden; margin: 1em 0 1.5em; padding: 0;}
footer >div> ul.menu li {float: left; margin: 0; padding: 0 10px; line-height: 1em; border-left: 1px solid #555;}
footer >div> ul.menu li:first-child {padding-left: 0; border-left: none;}
footer >div> ul.menu li a, footer a {color: #555; font-weight: bold; font-size: 0.846em; text-shadow: 0 1px 1px rgba(255,255,255,0.5);}
footer >div> ul.menu li a:hover, footer >div> ul.menu a:hover, footer >div> ul.menu li.currrent-menu-item a, footer >div> ul.menu li.current_page_item a {color: #78ad25; text-decoration: none;}
footer >div> ul.menu ul {display: none;}
footer p {margin: 1.5em 0; font-size: 0.846em; text-shadow: 0 1px 1px rgba(255,255,255,0.5);}


/* sidebar
------------------------------------------ */
.widget {margin: 0 0 30px; padding: 10px 0; border-bottom: 1px solid #a5a5a5; box-shadow: 0 1px 0 #d7d7d7;}
.widget select {width: 260px; margin: 5px 0;}
aside h3 {margin: 0; padding-bottom: 9px; color: #555; border-bottom: 4px solid #969697; box-shadow: 0 1px 0 #d7d7d7; text-shadow: 0 1px 1px rgba(255,255,255,0.55); letter-spacing: -0.03em;}
aside .tagcloud {margin: 1.5em 0;}
aside ul {list-style: none; margin: 1em 0; padding: 0;}
aside ul li {margin: 0; padding: 5px 0; border-top: 1px solid #d7d7d7;}
aside ul li:first-child {border-top: none;}
aside ul li a {color: #444;}
aside ul li.current-menu-item>a, aside ul li.current_page_item>a, aside ul li.current-cat>a,
aside ul li.current-menu-item>a:visited, aside ul li.current_page_item>a:visited, aside ul li.current-cat>a:visited {font-weight: bold; color: #78ad25;}
aside a:visited, aside .tagcloud a:visited {color: #888;}
aside a:hover {color: #78ad25; text-decoration: none;}
aside ul li ul {margin: 5px 0 -5px; padding: 0; border: none;}
aside ul ul li, aside ul ul li:first-child {padding-left: 20px; border-top: 1px solid #d7d7d7;}
aside table a {color: #78ad25;}
aside table a:hover {color: #444;}

aside form {margin: 10px 0; padding: 0; border: none; background: none; }
aside form input {width: 238px;}
aside select {width: 258px;}
.content form.searchform input {margin-right: 0;}


/* post styles
------------------------------------------ */
.main article.post, .main article.page {clear: both; margin: 0 -35px 30px; padding: 0 35px;}
h1.post-title {margin-top: 1em; color: #4e4f50; font-size: 1.875em; line-height: 1.3em; letter-spacing: -0.03em;}
.icon {display: inline-block; width: 20px; height: 20px; margin: 0 5px 0 0; background: url("images/icons.png"); vertical-align: middle;}
.icon.date {background-position: 0 0;}
.icon.author {background-position: 0 -20px;}
.icon.comments {background-position: 0 -60px;}
.icon.cats {background-position: 0 -40px;}
.icon.tags {margin-left: 0; background-position: 0 -80px;}
p.post-meta {overflow: hidden; margin: 0 -25px; padding: 5px 25px; background: #f0f0f0; color: #a5a6a8; font-size: 0.769em; font-weight: bold; line-height: 20px; text-transform: uppercase; text-shadow: 0 1px 1px #fff;}
p.post-meta .icon {margin-left: 15px;}
p.post-meta .icon:first-child {margin-left: 0; }
p.post-meta+h1 {margin:1em 0;}
p.post-meta a {color: #78ad25;}
p.post-meta a:hover {color: #444; text-decoration: none;}
p.post-meta a.comment-link {margin-left: 10px;}
p.post-meta a.comment-link .icon {margin-right: 5px;}
p.more {float: right; margin: 0 0 10px 20px;}
p.more a {display: inline-block; overflow: hidden; width: 35px; height: 35px; margin-top: 7px; background: url("images/more.png") 0 0 no-repeat; text-indent: -50em;}
.post img.attachment-post-thumbnail {float: left; margin: 15px 20px 10px 0;}
p.tags {float: left; margin-top: 0; font-size: 0.857em;}article.post.sticky p {color: #444; font-weight: bold;}

p.pages a {display: inline-block; padding: 2px 5px; color: #78ad25; font-weight: bold;}
p.pages a:hover {background: #78ad25; color: #fff; text-decoration: none;}

/* comments
------------------------------------------ */
.comments {clear: both;}
.comments label {float: left; width: 100px; font-weight: bold;}
ul.commentlist {margin: 1em 0;}
ul.commentlist li {overflow: hidden; margin: 0; padding: 15px 25px; background: #fff;}
ul.commentlist li.odd {background: #f0f0f0;}
ul.commentlist li li {clear: both; margin: 0 0 15px;}
ul.commentlist ul {clear: both;}
img.avatar {float: left; margin: 0 20px 0 0;}
.reply {float: right; overflow: hidden; }
.reply a {float: right; margin-bottom: 15px; font-weight: bold;}
.reply a:hover {text-decoration: none;}
ul.commentlist li .comment-body ul {margin: 1em 0; list-style: disc;}
ul.commentlist li .comment-body ol {margin: 1em 0; list-style: decimal;}
ul.commentlist li .comment-body li {overflow: visible; margin: 0 0 0 20px; padding: 0; border: none; background: transparent;}
.comment-meta, .comment-author-vcard {font-size: 0.923em;}
a#cancel-comment-reply-link {font-size: 0.923em;}
a.comment-reply-link {display: inline-block; height: 20px; padding-left: 23px; background: url("images/icons.png") 0 -60px no-repeat; text-transform: uppercase;}
a.comment-reply-link:hover {color: #444;}

/* misc
------------------------------------------ */

.clear {height: 0; margin: 0; padding: 0; clear: both; float: none; overflow: hidden; border: none;}
.alignleft {float: left; margin: 5px 20px 5px 0; padding: 0; }
.alignright {float: right; margin: 5px 0 5px 20px; padding: 0; }
.aligncenter {display: block; margin: 1em auto; text-align: center;}
.wp-caption-text {margin: 0.5em 0; color: #666; font-size: 0.923em;}
.nocomments {clear: both;}
img.size-thumbnail {margin: 0 5px 5px;}
a.post-edit-link {font-size: 0.5em;}
img {margin: 0; max-width: 614px; height: auto;}
img.attachment-post-thumbnail, img.attachment-thumbnail {margin: 0 20px 10px 0; padding: 0;}
a:hover img.attachment-post-thumbnail, a:hover img.attachment-thumbnail {border-color: #78ad25;}
embed {max-width: 614px;}
.wp-caption img, .wp-caption embed {max-width: 594px;}
label+.required {margin-left: -17px;}
.main input[type="submit"] {width: auto;}
.main form p {margin: 0.5em 0;}
.main form p.form-submit {text-align: right;}
.main ul {list-style-image: url("images/bullet.png");}

.gallery {overflow: hidden; padding: 1.5em 0;}
.gallery dl {text-align: center;}
.gallery dl dt {float: none; width: auto;}
.gallery dl dd {width: auto; margin: 0; text-align: center;}
.gallery a img, .gallery a img[class] {margin: 0; padding: 0;}

.wp-caption {max-width: 614px;}
.wp-caption, .gallery-caption {padding: 10px 5px 5px; background: #f0f0f0; color: #888; text-align: center;}
.gallery-caption {margin: 5px;}
[id*="gallery"] img {border: none !important;}

p.pagination {overflow: hidden; clear: both; margin: 30px 0; padding: 0;}
p.pagination a {display: inline-block; height: 20px; margin: 5px 0; color: #444; font-weight: bold; font-size: 0.846em; letter-spacing: -0.03em; text-transform: uppercase;}
p.pagination a:hover {color: #78ad25; text-decoration: none;}
p.pagination .prev {float: left;}
p.pagination .prev a span {float: left; margin-right: 5px;}
p.pagination .next {float: right; margin-left: 5px;}
p.pagination span span {font-size: 1.5em;}
p.pages {clear: both;}

p label {display: inline; float: none; width: auto; margin-bottom: 0;}
.main h3, .main h2 {clear: both;}
p.comment-form-comment label {display: block;}

.gallery-caption {position: static;}
.bypostauthor {position: static;}

.content pre {overflow: auto; width: 610px;}

.theme-credits {text-align: right; width: 980px; padding: 20px 0 0 0; margin: 0 auto;margin-bottom:-20px}
.theme-credits a {color: #555; font-weight: bold; font-size: 0.846em; text-shadow: 0 1px 1px rgba(255,255,255,0.5);}


/*footer .widget */

footer h3 {margin: 0; padding-bottom: 9px; color: #555; border-bottom: 4px solid #969697; box-shadow: 0 1px 0 #d7d7d7; text-shadow: 0 1px 1px rgba(255,255,255,0.55); letter-spacing: -0.03em;}
footer .widget .tagcloud {margin: 1.5em 0;}
footer .widget  ul {list-style: none; margin: 1em 0; padding: 0;}
footer .widget  ul li {margin: 0; padding: 5px 0; border-top: 1px solid #d7d7d7;}
footer .widget  ul li:first-child {border-top: none;}
footer .widget  ul li a {color: #444;}
footer .widget  ul li.current-menu-item>a, footer .widgets ul li.current_page_item>a, footer .widgets ul li.current-cat>a,
footer .widget  ul li.current-menu-item>a:visited, footer .widgets ul li.current_page_item>a:visited, footer .widgets ul li.current-cat>a:visited {font-weight: bold; color: #78ad25;}
footer .widget  a:visited, footer .widgets .tagcloud a:visited {color: #888;}
footer .widget  a:hover {color: #78ad25; text-decoration: none;}
footer .widget  ul li ul {margin: 5px 0 -5px; padding: 0; border: none;}
footer .widget  ul ul li, footer .widgets ul ul li:first-child {padding-left: 20px; border-top: 1px solid #d7d7d7;}
footer .widget  table a {color: #78ad25;}
footer .widget  table a:hover {color: #444;}

footer .widget  form {margin: 10px 0; padding: 0; border: none; background: none; }


/*custom*/
.content,
.theme_author,
footer,
header {
	
}
body {
	padding-left: 10px;
	padding-right: 10px;
}
input, textarea {
	max-width: 88%;
}
footer form input,
aside form input {
	width: 70%;
}
footer form.searchform button,
aside form.searchform button {
	margin-right: -40px;
}

select {
	max-width: 100%;
}
nav select {
	display: none;
}
.theme-credits,
nav ul.menu,
footer ,
.content ,
.theme_author,
header ,nav{
	width: auto;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}

footer .widgets {
	overflow: hidden;
}

footer .widgets .col {
	width: 23%;
	float: left;
	margin: 0;
	margin-right: 2%;	
}

footer .widgets .cols:last-child .col:last-child {
	margin-right: 0;
	width: 25%;
}

footer > div {
	text-align: left;
}
#calendar_wrap th,
	#calendar_wrap td {
		padding: 5px;
	}
	

.gallery-caption {
	margin: 5px 10px 5px 0!important;
}
img {
	max-width: 100%;
}
embed {
	max-width: 100%;
}
.gallery dl dt {
	float: none; 
	width: auto;
	padding: 0 10px 0 0;
}
.gallery img {
	max-width: 100%;
}
.wp-caption img, 
.wp-caption embed {
	max-width: 100%;
}.wp-caption {
	max-width: 95%;
}
img.alignleft,
img.alignright,
img.aligncenter {
	max-width: 95%!important;
}
iframe {
	max-width: 100%;
}
footer > div {
	padding: 0 33px;
}
aside .cols .widget:last-child 	{
	margin-bottom: 0;
	padding-bottom: 0;
}

@media only screen and (min-width: 401px) and (max-width: 800px) {
	
	.main {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		padding-left: 0;
		padding-right: 0;	
	}
	.main > div {
		margin-left: 10px;
		margin-right: 10px;	
	}
	p.pagination,
	.main article.post, .main article.page {
		margin-left: 10px;	
		margin-right: 10px;	
	}
	aside {
		border-left: none;
		border-right: none;
	
		margin-left: 0;
		margin-right: 0;		
		width: auto;
		float: none;
		clear: both;
		overflow: hidden;		
	}
	aside .cols {
		width: 50%;
		float: left;	
	}
	aside .cols:first-child .widget{
		margin-right: 7px;	
	}	
	aside .cols:last-child .widget{
		margin-left: 7px;	
	}
	
	p.post-date {
		margin-left: 0;
		margin-right: 7%;
		width: 45px;	
	}
	
	/*footer*/
	footer {
		padding-left: 10px;
		padding-right: 10px;	
	}
	
	footer .widgets .cols {
		width: 49%;
		float: right;	
	}
	footer .widgets .cols:first-child {
		width: 49%;
		float: left;	
	}
	
	footer .widgets .col {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		vertical-align: top;
		margin: 0 auto!important;
		float: left;
			
	}
	
	footer .widgets .col .widget {
		margin-right:0;
		margin-left:0;
		margin-top: 15px;	
	}
	
	.engine {
		display: none
	}
	input, select, select[class], textarea {
		width: 75%;	
	}
	section form.searchform input {
		width: 84%;	
	}
	.widget form[class] input, aside form input {
		width: 77%;
		padding-right: 0;
		padding-left: 3%;	
	}
	table th, table th[class],
	table td, table td[class] {
		padding: 3px 5px;	
	}
	footer .widgets .cols:last-child .col:last-child {
		width: 100%;	
	}	
	#calendar_wrap {
	margin-left: -10px;
	
	}
	
	#calendar_wrap th,
	#calendar_wrap td {
		padding: 3px;
	}
	header > div > div {
			
	}
	footer {

	}
	p.pagination, .main article.post, .main article.page {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;	
	}
	.main > div {
		padding-left: 10px;
		padding-right: 10px;	
	}
	footer > div {
		padding: 0;	
	}
	footer .widgets .col .widget:first-child {
		margin-top: 0;
		padding-top: 0;
	}
}
@media only screen and (min-width: 401px) and (max-width: 650px) {
	header > div > div {
		overflow: hidden;		
	}
}
/* for mobile divices*/
@media only screen and (min-width: 50px) and (max-width: 400px) {
	header p.title a {
		line-height: 31px;	
	}
	.main article.post, .main article.page {
		padding-left: 10px;
		padding-right: 10px;	
	}
	#calendar_wrap {
	margin-left: -10px;
	
}

#calendar_wrap th,
#calendar_wrap td {
	padding: 3px;
}
	/*Header*/
	footer .widgets .cols:last-child .col:last-child {
		width: 100%;	
	}	
	header > div {
		text-align: center;	
	}
	
	.head-area {
		float: none;
		margin:	0 auto;
		display: inline-block;	
	}
	header p.tagline {
	
	}
	nav {
		border: none;
		padding: 0 0 30px;	
	}
	nav > *{
		display: none;	
	}
	nav select {
		display: block;
		margin: 0 auto;	
	}
	header > div > div {
		width: 100%;
		right: 0;	
	}
	header form[class] {
		float: none;
		clear: both;
		margin: 0 auto 20px;
		position: relative;
		top: auto;
		right: auto;
		max-width: 263px;	
	}
	header form input {
		width: 70%;	
	}
	
	/*footer*/
	footer {

	}
	footer .widgets .col {
		clear: both;
		float: none;
		width: 100%;	
	}
	footer .widgets .col .widget {
		margin-left: 0!important;
		margin-right: 0!important;	
	}
	.engine {
		display: none
	}
	
	.main {
		width: 100%;
		padding: 15px 0 0;	
	}

	p.post-date {
		margin-left: -5px;
		margin-top: 23px;	
	}
	/*aside*/
	section form.searchform input {
		width: 87%;	
	}
	aside {	
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
		border-left: none;
		float: none;
		clear: both;
		width: 100%;
	}
	aside .cols {
		margin: 0 0;
	}
	
	input, select, select[class] {
		width: 93%;
		clear: both;	
	}
	textarea {
		min-width: 0;
		width: 93%;	
	}
	
	
	.widget form[class] input, aside form input {
		width: 78%;
		padding-right: 0;
		padding-left: 3%;	
	}	
	footer .widget form.searchform input {
		width: 78%; 
	}

	iframe {
		max-height: 200px!important;
	}
	p.form-submit, p.form-allowed-tags {
		margin-left: 0;	
	}
	
	.powered {
		text-align: center;	
	}
	nav {
		padding: 10px 0;
	}
	
	.main {
		padding: 0;	
	}
	.main > div {
		margin: 10px;
		padding: 0;	
	}
	p.pagination,
	.main > div article{
		padding-left: 10px;
		padding-right: 10px;	
	}
	.main article.post, .main article.page {
		margin-left: 0;
		margin-right: 0;	
	}
	aside {
		padding-left: 0;
		padding-right: 0;	
	}
	footer > div {
		padding-left: 10px;
		padding-right: 10px;	
	}
}
@media only screen and (min-width: 50px) and (max-width: 300px) {
	body {
		overflow: hidden;	
	}
	
	header form input {
		width: 64%;	
	}
	header p.title {
		font-size: 2.5em;	
	}
	#calendar_wrap {
		margin-left: -10px;
		margin-right: -10px;	
	}
	.widget form[class] input, aside form input {
		width: 60%;	
	}	
	footer .widget form.searchform input {
		width: 60%; 
	}
	
}