/*
Theme Name: RedPlanetFlute
Description: Red Planet Flute Theme
Author: Vedmant
Theme URI: 
Author URI: 
Version: 1.0
*/




/*===========================================================================*\
   Scaffolding
\*===========================================================================*/


body{font-size: 12px; font-family:  'Arial', 'Helvetica', sans-serif; color: #aaa; background-color: #181818;}
a{color: #E2A67F; transition: all 0.3s ease;}
a:hover{color: #aaa; text-decoration: none;}
h1{font-size: 1.6em;}
h2{font-size: 1.5em;}
h3{}
h4{}
h5{}
h6{}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child{margin-top: 0;}
p{line-height: 1.4;}
img{max-width: 100%;}



/*===========================================================================*\
    WORDPRESS CORE
\*===========================================================================*/

/*.alignnone {margin:5px 20px 20px 0;}*/
.aligncenter,
div.aligncenter {display:block; margin:5px auto 5px auto;}
.alignright {float:right; margin:5px 0 20px 20px;}
.alignleft {float:left; margin:5px 20px 20px 0;}
a img.alignright {float:right; margin:5px 0 20px 20px;}
/*a img.alignnone {margin:5px 20px 20px 0;}*/
a img.alignleft {float:left; margin:5px 20px 20px 0;}
a img.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.wp-caption {background:#FFF; border:1px solid #F0F0F0; max-width:96%; padding:5px 3px 10px; text-align:center;}
.wp-caption.alignnone {margin:5px 20px 20px 0;}
.wp-caption.alignleft {margin:5px 20px 20px 0;}
.wp-caption.alignright {margin:5px 0 20px 20px;}
.wp-caption img {border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto;}
.wp-caption .wp-caption-text,
.gallery-caption {font-size:11px; line-height:17px; margin:0; padding:0 4px 5px;}
.sticky {}
.bypostauthor {}




/*===========================================================================*\
   Layout
\*===========================================================================*/

.container{max-width: 772px; margin: 0 auto;}

#wrapper{margin: 27px auto; border: 1px solid #5E5E5E; border-radius: 10px; background-color: black;}

#page{padding: 10px;}
@media (min-width: 768px){ #page{padding-left: 35px;} }

@media (min-width: 768px){ #sidebar{padding-left: 30px;} }

#footer{padding: 30px 0 10px;}


/*===========================================================================*\
   Header
\*===========================================================================*/

#header{position: relative; padding-top: 3px; text-align: center; }
.languages-switcher{position: absolute; top: 160px; left: 35px; text-align: left;}
@media (max-width: 767px){
   .languages-switcher{position: static; padding: 10px 15px;}
}
.languages-switcher a{display: inline-block; margin-right: 10px;}
.languages-switcher a img{vertical-align: middle; margin-top: -3px;}


/*===========================================================================*\
   Main Menu
\*===========================================================================*/

.main-menu{margin: 0 10px; border: 1px dotted white; border-left: 0; border-right: 0; font-size: 14px;}   
.main-menu ul{list-style-type: none; margin: 0; padding-left: 25px;}
.main-menu ul > li{width: 16.66%; float: left;}
.main-menu ul > li > a{display: block; padding: 0; text-align: left; color: #A4AAAA;}
.main-menu ul > li > a:hover{color: #333;}

@media (max-width: 767px){
   .main-menu ul > li{width: auto; float: none;}
}


/*===========================================================================*\
   Main
\*===========================================================================*/




/*===========================================================================*\
   Lists
\*===========================================================================*/

.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;}

#content ul {margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; }
#content ul li {margin: 7px 0 8px 10px; padding-left: 15px;}
#content ol {padding: 0 0 0 35px; margin: 0;}
#content ol li {margin: 0; padding: 0;}

#sidebar ul li {padding-left: 5px;}
#content ul li:before, 
#sidebar ul li:before {content: "\00BB \0020"; display: inline-block; margin-left:-15px; margin-right: 5px; color: #776846;}

#sidebar ul, #sidebar ul ol {margin: 0; padding: 0; padding-left: 10px;}
#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 5px;}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;}




/*===========================================================================*\
   Sidebar and Widgets
\*===========================================================================*/

#sidebar{line-height: 1.1; font-size: 11px;}
.widgettitle{font-size: 14px;}



/*===========================================================================*\
   Footer
\*===========================================================================*/

#footer{font-size: 11px; padding-left: 35px;}

.qtrans_language_chooser {list-style-type:none; margin: 0;}
.qtrans_language_chooser li {float:left; margin-right:3px;}


/*===========================================================================*\
   Gallery
\*===========================================================================*/

.gallery{margin: 0 -10px;}
.gallery.gallery-columns-3 .gallery-item{float: left; margin: 0; padding: 10px; width: 33%; text-align: center;}
.gallery.gallery-columns-2 .gallery-item{float: left; margin: 0; padding: 10px; width: 50%; text-align: center;}
.gallery .gallery-item img{border: 2px solid #cfcfcf;}

@media (max-width: 767px){ .gallery .gallery-item{float: none; width: auto;} }

/*===========================================================================*\
   Unitities & Other
\*===========================================================================*/


.browsehappy {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}

.responsive-embed { position: relative; width: 100%; padding-bottom: 56.25%; }
.responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .responsive-embed .wp-video { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.responsive-embed .mejs-container, .responsive-embed .mejs-overlay { width: 100% !important; height: 100% !important; }