/*
Theme Name: Live Color
Description: Responsive, HTML5 and CSS3, light, easy to install and run, widgetized sidebar and footer, translation ready, SEO friendly WordPress theme with decent and modern design. Perfect for website/blog for women or about the fashion, but possible to use for other purposes. Possible to use custom header and footer menu.
Author: ThemeMotive.com
Author URI: http://thememotive.com/
Version: 1.3
Tags: pink, gray, two-columns, fixed-width, editor-style, sticky-post, threaded-comments, translation-ready, custom-menu
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/*
The Droid Sans and Droid Serif font families are:

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
/*

/* Reset browser styles
------------------------------------------ */
* {margin: 0; padding: 0}
html {overflow: scroll;}
body {background: #d4d9dc url("images/header.png") repeat-x; color: #000; font: 0.75em/1.5em "Arial", "Helvetica", sans-serif;}
dt {font-weight: 700;}
table {border-collapse: collapse;}
img {border: none; vertical-align: middle;}
ul[class] {list-style: none;}
a {color: #344d5e; text-decoration: none;}
a:hover {color: #d00049; text-decoration: underline;}
a * {cursor: pointer;}
textarea, input, select, option, optgroup, button {font: 1em "Arial", "Helvetica", sans-serif;}
button, [type="radio"], [type="checkbox"], [type="submit"], [type="button"], [type="reset"], label, select {cursor: pointer;}
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;}

/* Custom fonts
------------------------------------------ */
@font-face {font-family: 'DroidSansBold'; src: url('fonts/droidsans-bold-webfont.eot'); src: url('fonts/droidsans-bold-webfont.eot#iefix') format('embedded-opentype'), url('fonts/droidsans-bold-webfont.woff') format('woff'), url('fonts/droidsans-bold-webfont.ttf') format('truetype'), url('fonts/droidsans-bold-webfont.svg') format('svg'); font-weight: normal; font-style: normal;}

/* Global Styles
------------------------------------------ */
h1 {margin: 0px 0 10px; color: #344d5e; font: normal 1.667em "DroidSansBold",sans-serif;}
h2 {margin: 1em 0; padding-bottom: 5px; color: #344d5e; font: normal 1.5em "DroidSansBold",sans-serif;}
h3 {margin: 1em 0 0; color: #344d5e; font: normal 1.333em "DroidSansBold",sans-serif;}
h4 {margin: 1em 0 0; color: #344d5e; font: normal 1.25em "DroidSansBold",sans-serif;}
h5 {margin: 1em 0 0; color: #666; font: normal 1.167em "DroidSansBold",sans-serif;}
h6 {margin: 1em 0 0; color: #666; font: normal 1em "DroidSansBold",sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #970c3d; font-family: "DroidSansBold",sans-serif; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #d00049; text-decoration: none;}
blockquote {margin: 1.5em 0; padding: 5px 10px; border: 1px solid #cad1d5; border-radius: 5px; background: #dfe2e5; color: #344d5e; 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 #b0b9bf;}
table th, table th[class] {padding: 5px 10px; border: 1px solid #b0b9bf; background: #e1e5e7;}
table td, table td[class] {padding: 5px 10px; border: 1px solid #b0b9bf;}
table tr.alternate td {background: #fafafa;}

form {margin: 1.5em 0; padding: 10px 20px; border-radius: 5px; background: #cad1d5;}
label {float: left; clear: left; width: 150px; padding: 5px 0; font-family: "DroidSansBold",sans-serif;}
input, select, select[class], textarea {width: 300px; margin: 5px 0; padding: 5px 10px; border: 1px solid #b0b9bf; border-radius: 3px; background-color: #fff; vertical-align: middle; }
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: #d00049; font-weight: bold; font-size: 1.077em;}
textarea {width: 95%; min-width: 95%; max-width: 95%; height: 100px;}
p.form-submit, p.form-allowed-tags {margin-left: 150px;}
button, input[type="submit"] {height: 24px; padding: 0 15px; border: 1px solid #b50e48; border-radius: 5px; background: #d00049 url("images/mm.png") top repeat-x; color: #fff; font: normal 1em/24px "DroidSansBold",sans-serif; vertical-align: middle;}
.searchform button {width: 41px; height: 27px; margin: 0 0 0 10px; padding: 0; background: url("images/search-button.png") center center no-repeat; text-indent: -50em; box-shadow: none;}

/* Main Layout
------------------------------------------ */
header {background: #e1e5e7 url("images/bg-top.png") bottom repeat-x;}
header>div {width: 980px; margin: 0 auto; padding: 30px 0 0; background: url("images/header.png") center bottom no-repeat;}
header p.title {margin: 0; padding: 0; color: #344d5e; font: normal 2em/1.3em "DroidSansBold",sans-serif;}
header p.title a {color: #344d5e; font-family: "DroidSansBold",sans-serif;}
header p.title a:hover {color: #444; text-decoration: none;}
header p.tagline {margin: 0 0 10px 25px; padding: 0; color: #344d5e; font: normal 1em "DroidSansBold",sans-serif;}
header form {float: right; margin: 0 0 30px 50px; padding: 5px;}
header form input {width: 210px; margin: 0 5px 0 0; padding: 5px 10px; border: 1px solid #fff; border-radius: 3px; background: #ebedef;}
header form button {overflow: hidden; width: 41px; height: 27px; margin: 0!important; border: none; background: url("images/search-button.png") no-repeat;}

nav {clear: both; border-radius: 5px 5px 0 0; background: #d00049 url("images/mm.png") top repeat-x;}
nav ul.menu {width: 980px; list-style: none; margin: 0 auto; padding: 0; font-size: 1.25em;}
nav ul.menu>li {float: left; position: relative; overflow: hidden; height: 35px; margin: 0; padding: 0;}
nav ul.menu>li:hover {overflow: visible; z-index: 150;}
nav ul.menu>li>a {float: left; height: 35px; margin: 0; padding: 0 15px; border-left: 1px solid #b50a46; border-right: 1px solid #e26691; color: #fff; font-family: "DroidSansBold",sans-serif; line-height: 35px;}
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 {padding: 0 16px; border: none; background: #a61447; color: #fff; text-decoration: none;}
nav ul.menu>li:first-child>a {padding-left: 16px; border-left: none; border-radius: 5px 0 0 0;}
nav ul.menu>li ul {position: absolute; left: 0; top: 35px; width: 200px; list-style: none; margin: 0; background: #a61447;}
nav ul.menu>li ul ul {font-size: 1em;}
nav ul.menu>li ul li {float: none; position: relative; overflow: hidden; margin: 0; padding: 0;}
nav ul.menu>li ul li:hover {overflow: visible;}
nav ul.menu>li ul li a {display: block; padding: 8px 15px; border-top: 1px solid #b50a46; color: #fff; font-family: "DroidSansBold",sans-serif;}
nav ul.menu>li ul li a:hover, nav ul.menu>li ul li:hover>a {background: #dd497d; color: #fff; text-decoration: none;}
nav ul.menu>li ul li ul {top: 0; left: 200px; font-size: 1em;}

.content {padding-bottom: 10px; background: #d4d9dc url("images/bg.png") top repeat-x;}
.content>div {overflow: hidden; width: 980px; margin: 0 auto; border: 1px solid #fff; background: url("images/bg-content.png");}
.main {float: left; overflow: hidden; width: 625px; margin-bottom: 0; padding: 20px 25px 25px;}
aside {float: right; width: 260px; margin-bottom: 0; padding: 20px 20px 20px; border-left: 1px solid #fff; background: url("images/bg-sidebar.png") 0 0 repeat-y;}

footer {min-height: 45px; margin: 0 auto; padding: 5px 0 10px; border-top: 2px solid #d00049; background: #e1e5e7 url("images/footer.png") top repeat-x; text-align: center;}
footer p {margin: 5px 0; font-size: 0.917em; text-align: center; }
footer p a {padding: 0; background: none;}
footer p a:hover {background: none;}
footer > ul.menu {margin: 5px 0; padding: 0; font-size: 0.917em; text-align: center; }
footer > ul.menu li {display: inline; margin: 0; padding: 0 10px; border-left: 1px solid #344d5e; }
footer > ul.menu li:first-child {padding-left: 0; border-left: none;}
footer > ul.menu li a, footer a {display: inline; float: none; height: auto; padding: 0;}
footer > ul.menu li a:hover, footer a:hover, footer ul.menu li.currrent-menu-item a, footer > ul.menu li.current_page_item a {color: #d00049; text-decoration: none;}
footer > ul.menu ul {display: none;}

/* sidebar
------------------------------------------ */
.widget {margin-bottom: 1.5em; padding: 0 0 10px; }
.widget select {width: 310px; margin: 5px 0;}
aside h3 {margin: 0; padding-bottom: 5px; border-bottom: 2px solid #d00049;}
aside .tagcloud {margin: 1.5em 0; }
aside ul {list-style: none; margin: 10px 0; padding: 0;}
aside ul li {margin: 0; padding: 3px 0 3px 20px; background: url("images/arrow.gif") 0 10px no-repeat; 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: #666;}
aside a {color: #344d5e;}
aside a:visited, aside .tagcloud a:visited {color: #666;}
aside a:hover {color: #d00049; text-decoration: none;}
aside ul li ul {margin: 3px 0 -3px;}
aside ul ul li {padding-left: 20px; background: url("images/arrow.gif") 0 10px no-repeat; }

aside form {margin: 10px 0; padding: 0; border: none; background: none; }
aside form input {width: 180px; background: #fff;}


/* post styles
------------------------------------------ */
.main article.post, .main article.page {clear: both; overflow: hidden; margin-bottom: 15px; padding: 0;}
article.post h2, article.page h2 {margin: 1em 0 5px; padding: 0;}
article.post h2:first-child, article.page h2:first-child {margin-top: 0;}
article.post h2 a:hover , article.page h2 a:hover {color: #d00049;}
article.post.sticky p {font-weight: bold;}
p.post-meta {margin: 0 0 0 -10px; padding: 0; color: #555; font-size: 0.846em; line-height: 20px;}
p.post-meta a {color: #344d5e;}
p.post-meta a:hover {color: #d00049; text-decoration: none;}
p.more {float: right; margin-top: 0.5em; padding-left: 30px; }
p.more a {float: right; overflow: hidden; width: 20px; height: 20px; padding: 0; background: url("images/icons.png") 0 -100px no-repeat; text-indent: -90em;}
.post img.attachment-post-thumbnail {float: left; margin: 10px 10px 10px 0;}

.icon {display: inline-block; width: 20px; height: 20px; margin: 0 2px 0 10px; 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 {background-position: 0 -80px;}

.taxonomy {clear: both; padding: 1px 10px; border-bottom: 2px solid #d00049; border-radius: 5px 5px 0 0; background: #e0e4e6 url("images/taxonomy-bg.png") bottom repeat-x; font-size: 0.917em;}
.taxonomy p {margin: 0.5em 0;}
.taxonomy .icon {margin-left: 0;}
.taxonomy a:hover {color: #d00049; text-decoration: underline;}

.main label {float: none;}

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

/* comments
------------------------------------------ */
.comments {clear: both;}
.comments label {float: left;}
.comments>h3 {padding-left: 25px; background: url("images/icons.png") 0 -40px no-repeat; font: normal 1.154 "DroidSansBold",sans-serif;}
.comments #respond h3 {padding-left: 25px; background: url("images/icons.png") 0 -60px no-repeat; font: normal 1.154 "DroidSansBold",sans-serif;}
ul.commentlist {margin: 1em 0;}
ul.commentlist li {overflow: hidden; margin: 1em 0 0; padding: 10px; border: 1px solid #b0b9bf; border-top-width: 2px; border-radius: 0 0 5px 5px; background: #eeeff1 url("images/taxonomy-bg.png") top repeat-x;}
ul.commentlist li.odd {border-top: 1px solid #d00049;}
ul.commentlist li li {clear: both; margin: 0 0 15px; border: 1px solid #b0b9bf;}
ul.commentlist ul {clear: both;}
img.avatar {float: left; margin: 0 10px 0 0; padding: 3px; border: 1px solid #b0b9bf; background: #fff;}
.reply {float: right; overflow: hidden; }
.reply a {float: right; height: 20px; margin-bottom: 15px; padding-left: 25px; background: url("images/icons.png") 0 -60px no-repeat; font-weight: bold; line-height: 20px;}
.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.75em;}
a.comment-reply-link {font-size: 1em; font-weight: normal; font-family: "DroidSansBold",sans-serif;}
a.comment-reply-link:hover {color: #000;}

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

.clear {height: 0; margin: 0; padding: 0; clear: both; float: none; overflow: hidden; border: none;}
.alignleft {float: left; margin: 5px 15px 5px 0; padding: 0; }
.alignright {float: right; margin: 5px 0 5px 15px; padding: 0; }
.aligncenter {display: block; text-align: center; margin-left: auto; margin-right: auto; margin-top: 1em; margin-bottom: 1em;}
.alignnone {clear: both; margin: 5px 5px 5px 0; padding: 0; }
.wp-caption-text {margin: 0.5em 0; color: #666; font-size: 0.917em;}
.nocomments {clear: both;}
img.size-thumbnail {margin: 5px;}
a.post-edit-link {font-size: 0.5em;}
img {margin: 0; max-width: 620px; height: auto;}
img.attachment-post-thumbnail, img.attachment-thumbnail {padding: 2px; border: 1px solid #b0b9bf; border-radius: 5px; background: #edf4f8;}
a:hover img.attachment-post-thumbnail, a:hover img.attachment-thumbnail {border-color: #b0b9bf;}
embed {max-width: 620px;}
.wp-caption img, .wp-caption embed {max-width: 600px;}
label+.required {margin-left: -15px;}

.gallery {overflow: hidden; padding: 1.5em 0;}
.gallery dl {text-align: center;}
.gallery dl dt {float: none; width: auto;}
.gallery dl dd {clear: left; width: auto; margin: 0; text-align: center;}
.gallery a img, .gallery a img[class] {padding: 2px; border: 1px solid #b0b9bf !important; border-radius: 3px;}
.gallery a:hover img {border-color: #d00049 !important;}
[id*="gallery"] img {border: 1px solid #b0b9bf;}

.wp-caption {max-width: 610px;}
.wp-caption, .gallery-caption {padding: 10px 5px 5px; border: 1px solid #b0b9bf; border-radius: 3px; background: #e0e4e6; text-align: center;}

p.pagination {overflow: hidden; clear: both; margin: 30px 0; padding: 0;}
p.pagination a {height: 20px; margin: 5px 0; background: url("images/icons.png") no-repeat; font: normal 1em/20px "DroidSansBold",sans-serif;}
p.pagination a:hover {color: #d00049; text-decoration: none;}
p.pagination .prev a {float: left; padding: 0 0 0 25px; background-position: 0 -140px;  }
p.pagination .next a {float: right; padding: 0 25px 0 0; background-position: 100% -120px;}
p.pages {clear: both;}

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

.gallery-caption {position: static;}
.bypostauthor {position: static;}
.content pre {overflow: auto; width: 625px;}
.theme_author {width: 980px; margin-left:auto; margin-right:auto; text-align: right;}

/*footer wodget*/

.widget {margin-bottom: 1.5em; padding: 0 0 10px; }
.widget select {width: 250px; margin: 5px 0;}
footer > div h3 {margin: 0; padding-bottom: 5px; border-bottom: 2px solid #d00049;}
footer > div .tagcloud {margin: 1.5em 0; }
footer > div ul {list-style: none; margin: 10px 0; padding: 0;}
footer > div ul li {margin: 0; padding: 3px 0 3px 20px; background: url("images/arrow.gif") 0 10px no-repeat; color: #444;}
footer > div ul li.current-menu-item>a, footer > div ul li.current_page_item>a, footer > div ul li.current-cat>a,
footer > div ul li.current-menu-item>a:visited, footer > div ul li.current_page_item>a:visited, footer > div ul li.current-cat>a:visited {font-weight: bold; color: #666;}
footer > div a {color: #344d5e;}
footer > div a:visited, aside .tagcloud a:visited {color: #666;}
footer > div a:hover {color: #d00049; text-decoration: none;}
footer > div ul li ul {margin: 3px 0 -3px;}
footer > div ul ul li {padding-left: 20px; background: url("images/arrow.gif") 0 10px no-repeat; }

footer > div form {margin: 10px 0; padding: 0; border: none; background: none; }
footer > div form input {width: 180px; background: #fff;}


/*custom*/
.content,
.theme_author,
footer,
header {
	padding: 0 10px;
}
input, select, select[class], textarea {
	max-width: 100%;
}
footer form input,
aside form input {
	width: 70%;
}
footer form input {
	width: 60%!important;
}
footer form.searchform button,
aside form.searchform button {
	margin-right: -40px;
}
.main {
    width: 60%;
	margin-right: -10%;
}
aside {
    width: 31%;
}
select {
	max-width: 100%;
}
nav select {
	display: none;
}
footer > ul.menu,
nav ul.menu,
footer > div,
.content > div,
.theme_author,
header > div {
	width: auto;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}

footer .widgets {
	overflow: hidden;
	padding-top: 20px;	
}

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%;
}
	
@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;	
	}
	p.pagination,
	.main article.post, .main article.page {
		margin-left: 10px;	
		margin-right: 10px;	
	}
	aside {
		border-left: none;
		border-right: none;
		padding-left:10px;
		padding-right: 10px;
		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: 66%;
		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 {
		margin-top: 10px;	
	}
}
@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) {
	.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 {
		margin-top: 10px;	
	}
	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;
	}
	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%; 
		margin-right: 5px;
	}

	iframe {
		max-height: 200px!important;
	}
	p.form-submit, p.form-allowed-tags {
		margin-left: 0;	
	}
	
	.powered {
		text-align: center;	
	}
	nav {
		padding: 10px 0;
	}
}
@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%; 
	}
	
}