/*  
Theme Name: Mannodesign.Com
Theme URI: http://www.mannodesign.com/
Description: wordpress Themes Mannodesign.Com  by <a href="http://www.mannodesign.com/">Mannodesign.Com</a>
Author: Nastya Manno
Author URI: http://www.mannodesign.com/
*/

* {
margin: 0;
padding: 0;
border: 0;
}

body {
background: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #222;
}

a {
color: #3093A8;
text-decoration: none;
outline: none;
transition:all .3s ease;
-webkit-transition:all .3s ease;
}

a:hover {
color: #a0afb1;
text-decoration: none;
transition:all .3s ease;
-webkit-transition:all .3s ease;
}

a:active, input, textarea {
outline: none;
}

h1 {
font-family: 'Open Sans', sans-serif;
font-size: 4.5em;
font-weight: 300;
text-transform: uppercase;
letter-spacing: -1pt;
padding: 100px 0 0;
}

h1 a {
color: #555;
}

h1 a:hover {
color: #555;
}

h2 {
font-family: 'Open Sans', sans-serif;
font-size: 2em;
font-weight: 300;
color: #555;
line-height: 1em;
letter-spacing: -1pt;
text-transform: uppercase;
padding: 0 0 20px;
}

h2 a { 
color: #555;
}

h2 a:hover { 
color: #555;
}

.clearfloat {
clear: both;
}

blockquote {
background: url(images/bk.gif) no-repeat top left;
font-family: 'Noto Serif', serif;
font-weight: 400;
font-style: italic;
color: #555;
margin: 10px;
padding: 0 0 0 25px;
}

blockquote cite {
text-align: right;
font-size: .9em;
}

#container { 
max-width: 1000px;
margin: 0 auto;
}

#header {
background: url(images/header.jpg) no-repeat;
max-width: 1000px;
height: 346px;
text-align: center;
}

.description {
font-family: 'Open Sans', sans-serif;
font-size: 1em;
text-transform: uppercase;
}

#content {
background: #fff;
max-width: 1000px;
margin: 0 auto;
}

#leftcolumn {
float: left;
width: 65%;
padding: 0 7px;
}

.postmeta {
font-size: .8em;
color: #999;
margin: 0 0 15px;
}

.entry {
background: url(images/entry-bg.png) no-repeat center bottom;
text-align: justify; 
padding: 0 15px 20px 0;
margin: 0 0 20px;
}

.entry h3 { 
font-size: 2em;
font-weight: 300;
color: #555;
margin: 0 0 25px; 
line-height: 1em;
text-align: left;
}

.entry p { 
font-size: 1em;
margin: 0 0 15px; 
line-height: 1.6em;
}

.entry img, #sidebar img {
max-width: 100%;
height: auto;
}

.entry ul, .entry ol {
font-size: 1em; 
margin: 0 0 15px; 
line-height: 1.6em;
}

.entry a {
color: #3093A8;
border-bottom:.08em solid #3093A8;
transition:all .3s ease;
-webkit-transition:all .3s ease;
}

.entry a:hover {
color: #a0afb1; 
border-bottom:.08em solid #a0afb1;
transition:all .3s ease;
-webkit-transition:all .3s ease;
}

.entry ul li{
list-style-position: inside; 
margin: 0 0 15px;
}

.entry ol li{
list-style-position: inside; 
margin: 0 0 15px;
}

.more-link {
margin: 5px 0;
float: right;
}

.related {
margin: 10px 0;
}

.related ul {
margin: 10px 0; 
padding: 0 10px;
}

.related li {
list-style-position: inside;
font-size: .9em;
margin: 0 0 7px;
}

.substitle, .relatedpost, .comments {
font-size: 1.5em;
font-weight: 300;
margin: 20px 0;
line-height: 1em;
color: #222;
}

.share {
text-align: left;
margin: 10px 0 20px;
}

.navigation {
display: block;
clear: both;
margin: 0 0 10px; 
padding: 0 0 20px;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}

#sidebar {  
width: 30%;
float: right;
padding: 5px 7px 0;
}

.search {
background: transparent;
margin: 0 0 10px;
width: 100%;
position: relative;
}

.search input {
border: none;
}

.search .input {
width: 100%;
padding: 7px 38px 9px 15px;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: #999 solid 1px;
background: #fff;
font-size: 14px;
color: #222;
outline: none;
}

.search .submit {
position: absolute;
top: 0;
right: 0;
width: 38px;
height: 100%;
cursor: pointer;
background: url(images/search.png) 50% no-repeat;
}

#sidebar h3 {
font-family: 'Open Sans', sans-serif;
font-size: 1.5em;
font-weight: 300;
padding: 0 0 5px;
margin: 0 0 10px;
color: #222;
border-bottom: #ccc solid 1px;
}

#sidebar_menu {
font-size: 1em;
}

#sidebar_menu li:before{
content: "– ";
}

#sidebar ul {
list-style-type: none;
margin: 0 0 20px;
padding: 0 0 15px;
}

#sidebar ul ul {
padding: 0 0 0 15px;
margin: 0;
font-size: .9em;
}

#sidebar ul li {
padding: 10px 0 0;
}

#sidebar p {
font-size: .9em;
margin: 0 0 10px;
}

#sidebar a {
color: #3093A8;
}

#sidebar a:hover {
color: #a0afb1; 
}

.appruve {
color: #c00;
}

.spammershit {
position: absolute; 
left: -1000px;
}

#commentlist {
list-style: none;
}

.gravatar {
float: left;
margin: 5px 10px 0 0;
}

.gravatar img {
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
}

#commentlist li { 
background: #fff;
border: #ddd 1px dotted; 
margin: 10px 0; 
padding: 10px; 
line-height: 1.5em;
font-size: .9em;
}

#commentform {
margin: 5px 10px 0 0;	
padding-bottom:30px; 
}

#commentform p {
margin: 0 0 15px;
font-size: .9em;
} 

#email, #url, #author {
font-family: 'Open Sans', sans-serif;
font-size: 1em;
font-weight: 400;
width: 250px;	
padding: 10px; 
border: 1px solid #ccc;
}

#commentform textarea {	
font-family: 'Open Sans', sans-serif;
font-size: 1em;
font-weight: 400;
width: 90%;	
padding: 2px;	
border: 1px solid #ccc;	
padding: 10px;	
}

#commentform #submit {
font-family: 'Open Sans', sans-serif;
font-size: 1em;
font-weight: 400;
color: #fff;
padding: 10px;		
margin: 10px 0 0; 
background: #9FAFB1; 
border: 1px solid #9FAFB1;
transition:all .3s ease;
-webkit-transition:all .3s ease;	
}

#commentform #submit:hover {
color: #fff;
background: #555; 
border: 1px solid #555;	
transition:all .3s ease;
-webkit-transition:all .3s ease;
}

#footer {
background: url(images/footer.gif) no-repeat;
border-top: 1px dotted #ccc; 
height: 120px; 
max-width: 1000px; 
margin: 10px auto 0; 
}

#footer ul {
font-size: .9em;
list-style: none;
text-align: center;
margin: 10px 0;
}

#footer ul li {
display: inline;
margin: 0 10px;
}

#footer p {
color: #777;
font-size: .9em; 
padding: 10px 0; 
text-align: center;
}

#footer a {
color: #3093A8;
transition:all .3s ease;
-webkit-transition:all .3s ease;
}

#footer a:hover {
color: #a0afb1;
transition:all .3s ease;
-webkit-transition:all .3s ease;
}

.adssidebar {
font-size: .8em; 
}

@media screen and (max-width: 1000px) {
#leftcolumn {
width: 65%;
float: left;
}
#sidebar {
width: 30%;
float: right;
}
}

@media screen and (max-width: 700px) {
h1 {
font-size: 2.5em;
}
h2 {
font-size: 1.5em;
}
.description {
font-size: .9em;
}
#leftcolumn {
width: 95%;
float: none;
}
#sidebar {
width: 100%;
float: none;
}
}