/*  
THEME NAME: Neutica
THEME URI: http://www.allancole.com/themes/neutica/
DESCRIPTION: A clean and elegant Sandbox theme for Wordpress based on the classic font - Helvetica Neue. Features a color options page, automatically pulled post thumbnail images(no need for custom fields).
VERSION: 1.0.9
AUTHOR: Allan Cole
AUTHOR URI: http://www.allancole.com/
TAGS: simple, two column, widget ready, gravatar support, theme options, magazine, right sidebar, fixed width, helvetica, yellow.
.
This work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Please leave the footer links in tact. THANKS!
.
*/

@import "css/reset.css";
@import "css/layout.css";
@import "css/type.css";
@import "css/colors.css";


/*	Wordpress 2.5+ Image Styles
------------------------------------------ */
.img,img.alignnone {margin: 0 0 1em 0;clear:both;float:none;display:block;}
img.alignleft {margin:0 10px 1em 0px;clear:left;float:left;}
img.alignright {margin:0 0 1em 10px;clear:right;float:right;}
img.aligncenter{margin:0 auto;position:relative;clear:none;}

/*	Wordpress 2.5+ Shortcode Styles
------------------------------------------ */
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
dd.gallery-caption {width:100%;}

/*****************responsive-alfa****************/
#wrapper{
    width:90%;
    max-width: 1001px;
    padding:0 5%;
}
#header{
    height: auto;
}
#logo{
    display:block;
    height: auto;
    margin: 20px 0;
    text-align: center;
    padding:0 3%;
    float:none;
}
.menuStyle{
    background: #691f3c;
    height: auto;
    margin-left:0;
    margin-right:0;
}
.menuStyle ul{
    text-align: justify;
}
.menuStyle ul:after{
  content: "";
  display: inline-block;
  width: 100%;
}
.menuStyle li{
    display:inline-block;
    float:none;
    margin: 8px 0.7% 7px;
}

.menuStyle li a{
    font-weight:bold;
    border:none;
    padding: 0 12px;
}
#content {
    margin-top:25px;
    clear: none;
    float: left;
    margin-left: 0;
    width: 60%;
}
.sidebar {
    clear: none;
    float: right;
    margin: 20px 0 30px 0;
    padding: 10px 0;
    width: 35%;
    background:white;
}
#sidelist {
    float: none;
}
}
.auto-resizable-iframe{
  max-width: 500px;   margin: 0px auto;
}

/*****************mobileresponsive********/

.nav-mobile {
    display:none; /* Hide from browsers that don't support media queries */ 
    background: #691f3c none repeat scroll 0 0;
    color: white;
    cursor: pointer;
    display: none;
    position: fixed;
    text-align: left;
    text-indent: 2%;
    top: 0;
    width: 100%;
    z-index: 9999;
}
  #qtranslate-mobil{
    display:none;
  }

@media (max-width:735px){
    #menu li a{color:#691f3c !important;background:white !important}
  #menu li a:hover{color:#691f3c !important;}
  .header-img{
  margin-top:40px
  }
.sidebar {
    width:100%;
    float: none;
    margin: 20px auto 30px;
}  
#content {
    clear: none;
    float: none;
    margin-left: 0;
    width: 100%;
}

.menuStyle{
    background: none;
    text-align: center;
}
.menuStyle ul{
    text-align: center;
}
.menuStyle li{
    display:block;
    float:none;
    border-bottom: 1px solid #691f3c;
    padding:5px;
}
.menuStyle li a{
    color:#691f3c;
    border:none;
    padding: 0 12px;
}
  .nav-mobile {
    display:block;
    font-size: 18px;
    height: 24px;
    left: 0;
    padding-top: 5px;
    box-shadow:0 0 5px 0 black;
  }
  .nav-list {
    display:none;
  }
  #logo {
    margin: 50px 0 0;
  }
  #qtranslate-mobil{
    display: block;
    position: fixed;
    right: 50px;
    top: 5px;
    z-index: 9999;
  }
  #qtranslate{
    display:none;
  }
  .nav-active {
    top: 28px;
  }
  
  #qtranslate {width:100%;}

  .qtrans_language_chooser { 
  list-style-type:none;
  margin:auto;
  text-align:center;
  }


  .qtrans_language_chooser li { 
	  display:inline;
  }


  .qtrans_language_chooser li a { 
	  color:#ffffff;       
	  padding: 2px 3%;
	  margin:10px 3% 0;
  }

  #qtranslate-mobil .qtrans_language_chooser li a { 
	  color:#ffffff;       
	  padding: 5px 6%;
  }
  #qtranslate-mobil .qtrans_language_chooser li a:hover { 
	  text-decoration:underline;
  }
}


/***************menu-responsive*******************/


.nav-active {
    display: block;
    background: white !important;
    border-bottom: 2px solid #691f3c;
    display: block;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
    box-shadow:0 0 5px 0 black;
    padding-top:5px !important;
}

/***************youtube-preview*******************/

.youtube-container { display: block; margin: 20px auto; width: 100%; max-width: 500px; }.youtube-player { display: block; width: 100%; padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block;height:0 }img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: rgba(0, 0, 0, 0) url("/wp-content/devolution/images/devolution/play-button.png") no-repeat scroll 0 0 !important; }#youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }