/*
Theme Name: Shiro
Theme URI: http://shiro.pixxels.at
Description: Shiro is a clean and minimal three-column CMS and blog theme by pixxels.at. A responsive layout optimizes the theme for mobile devices. You can customize the theme by using your own logo, color and background. For more instructions take a look at the theme's website. Shiro is ready to translate and is available in English and German.

Author: Marion Lindert
Author URI: http://www.pixxels.at
Version: 1.1.3

Tags: yellow, orange, dark, custom-colors, custom-background, three-columns, right-sidebar, threaded-comments, custom-menu, sticky-post, full-width-template, translation-ready, flexible-width, featured-images

License: GNU/GPL Version 2 or later
License URI: http://www.gnu.org/licenses/gpl.html
*/


/* Reset
--------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color:#EEE;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
	overflow:auto;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/** -- GENERAL STRUCTURE -- **/

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 0.8em;
	height:100%;
	background-size:cover; -moz-background-size:cover; -webkit-background-size:cover;  	
}

#page {
	position:absolute;
	top:3em;
	z-index: 0;
	padding: 0;	
	width:100%;	
}
#main {
	min-width:96%;
	width:96%;
	margin-left: 1%;
	margin-right: 2%;	
	margin-bottom: 8em;	
	float: left;
	overflow: hidden;
}
#primary {
	width:20%;
	float:left;
}

#wrapper {
	overflow: hidden;
	float:left;
	width:79%;
}
#container {
	background-color:#444; 
	width:100%;
	height:100%;
	float:left;			
}
#content {
	width:80%;
	float:left;
	padding-top: 0.7em;	
}
body.no-sidebar #content {
	width: 100%; 
}
 
/* full-width-page*/
.mainpage .full-width #content, .full-width #content  {
	width:99%;	
}
#secondary {
	width: 19%; 
	float: left;
	overflow:hidden;
}

/** -- STYLES -- **/

.aligncenter, div.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
img {
	max-width: 100%;
	height: auto;
}
#content h1 {
	font: bold 1.6em/1.6 sans-serif;
	padding: 1.8em 0 0.6em;
	color:#B9B9B9;
	text-transform: uppercase;
}
#content h2 {
	font: bold 1.4em/1.4 sans-serif;
	padding: 1.5em 0 0.5em;
	color:#B9B9B9;
	text-transform: uppercase;
}
#content h3 {
	font: bold 1.2em/1.4 sans-serif;
	padding: 1.2em 0 0.3em;
	color:#B9B9B9;
	text-transform: uppercase;
}
#content h4 {
	font: bold 1.1em/1.4 sans-serif;
	padding: 1.1em 0 0.2em;	
	color:#B9B9B9;	
	text-transform: uppercase;	
}
#content h5 {
	font: bold 1em/1.3 sans-serif;
	padding: 1em 0 0.2em;		
	text-transform: uppercase;		
}
#content h6 {
	font: bold .9em/1.3 sans-serif;
	padding: 0.9em 0 0.1em;		
	text-transform: uppercase;		
}
p {
	line-height: 1.4;
	padding-bottom: 1em;
	color:#EEE;
} 
blockquote {
	margin: 1em 0em;
	padding: 0.5em 1em 0.2em;
	background-color: #999;
	background: rgba(255, 255, 255, .1);
}
#content address {
	padding: 0 0 2em 0;
	font-style: italic;
}
#content abbr, acronym {
	border-bottom: .1em dotted;
}
#content pre, code, tt, kbd {
	font-size: 1.1em;
}
#content img {
	max-width:100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#content img.aligncenter {
	margin: 1em auto;
}
#content img.alignleft ,#content .wp-caption.alignleft {
	margin: 1em 1em 0 0;
}
#content img.alignright,#content .wp-caption.alignright {
	margin: 1em 0 0 2em;
}
#content img.alignnone {
	margin: 0;
}
img.attachment-thumbnail, img.wp-post-image, img.attachment-medium, img.attachment-large, img.attachment-full{
	float: left;
	margin-right:1em !important;
	padding-top:0.5em !important;
}
#content .wp-caption.alignnone {
	margin: 0 0 1em;
}
#content .wp-caption {
	max-width: 100%;
}
#content p.wp-caption-text, .entry-caption p  {
	font-size:0.8em;
}
#content object, #content embed, #content iframe {
	max-width: 100%;
}
.page-link a{  
	margin:0 0.1em;  
	padding:0.2em 0.3em;  
	background-color:#333;
}
strong {
	font-weight:bold;
}

/** -- Links -- **/
a, a:link, a:visited {
	color: #333;
	text-decoration: none;
} 
a:hover, a:active {
	color: #FFCC00;
	text-decoration: underline;
}

/** -- Navigations -- **/
#primary #main-menu {
	margin-right: 0.5em;
	margin-top:8em;
	max-width: 100%;
	position:relative;
	word-wrap: break-word;		
}
#primary #main-menu ul li {
	list-style: none;
}
#primary #main-menu ul li a {
	display: block;
	font-size: 1.3em;
	color:#B9B9B9!important;
	text-transform:uppercase;
	font-weight:bold;
	z-index: 5000;		
}
#primary #main-menu ul li a:hover, #primary #main-menu li.current_page_item a, #primary #main-menu li.current_page_parent a{
	color:#666!important;
	text-decoration: none;
}
#primary #main-menu ul li:hover > ul {
	display: inline; 
}
#primary #main-menu ul ul {
	display: none;
	background-color:#EEE;		
	position:absolute;
	left:20%;
	margin-top:-0.5em;
	padding-right:0.6em;
}
#primary #main-menu ul ul ul {
	left: 100%;
	top: 0;
}
#primary #main-menu ul ul li a, #primary #main-menu ul ul ul li a {
	font-size: 0.9em;	
	color:#333!important;
	background-color:#EEE!important;
	width: 100%;
	height: auto;
	text-transform: none;
	padding:0.2em 0.2em 0.2em 0.5em;
	border: none;
	margin: 0.2em 0 0.3em 0em;
}
#primary #main-menu ul ul a:hover, #primary #main-menu ul ul ul a:hover  {
	color:#ffcc00!important;
	background-color: #333!important;
	z-index: 5000;	
}

/** -- Copyright -- **/
#copyright {
	margin-top:12em;	
}
#copyright p, #copyright a, #copyright a:link {
	color:#B9B9B9!important;
	line-height:0.6;
}
#copyright p {
	font-size:0.8em;	
}

/** -- 404 --*/
#content .error404 {
	min-height:40em;
	padding:0 1em;	
}
/** -- search page --*/
.spacer{
	padding:0 1em;
}

.page-header {
	padding:0 1em;
}


/** -- Lists -- **/
#content .post ul, #content .page ul, .comment-body ul  {
	padding:0.5em 0 0.5em 2em; 
	line-height: 1.3;
}
#content .post ul li, #content .page ul li, .comment-body ul li {
	padding:0;
	list-style: disc!important;
}
#content .post ol, #content .page ol, .comment-body ol  {
	padding:0.5em 0 0.5em 2em ;
	line-height: 1.3;
}
#content .post ol li, #content .page ol li, .comment-body ol li {
	padding:0;
	list-style: decimal!important;
}
#content .post ol ol li, #content .page ol ol li,  .comment-body ol ol li {
	list-style: lower-latin!important;
}
#content .post ol ol ol li, #content .page ol ol ol li, .comment-body ol ol ol li {
	list-style: decimal!important;
}
#content dl {
	margin:0 ;
	padding: 0;
}
#content dt {
	font-weight: bold;
	margin: 0;
	padding-top: 1em;
}
#content dd {
	margin: 0;
	padding-bottom: 1em;
	padding-left: 3em;
}

/** -- HEADER -- **/

/** -- Blog-Title -- **/

#blog-title {

}
#site-title{
	margin: 0;
	font-size: 4em;
	line-height:1.2;
	font-weight: bold;
	word-wrap: break-word;		
}
#site-title a, #site-title a:link{
	color:#FFCC00!important;
}
#site-title a:hover {
	text-decoration:none;
	color:#999!important;
}
#site-description {
	font-size: 1em;
	color: #B9B9B9;
	margin: 0.5em 0 0 0;
}

/** -- Article-Headers -- **/
.entry-wrap{
	padding:0 1em;
}
.entry-header {
	padding-bottom: 0.6em;
	margin-top:0;
}
#content .entry-header h1, .entry-header h1 a, .entry-header h1 a:link, .entry-header h1 a:visited {
	font: bold 1.4em/1.4 sans-serif;
	color:#EEE!important;
	padding-top:0;
}
.entry-header h1 a:hover, .entry-header h1 a:active {
	text-decoration:underline;
}
.entry-header p {
	font-size: 0.8em;
	font-style:italic;
	color:#999;
	margin-top:-1em;
}

/** -- POSTS -- **/

#content .post {
	overflow: hidden;
	clear: both;
	padding-bottom: 0.9em;
}
#content .entry-content {
	padding-bottom: 0.5em;
}
#content .entry-meta {
	margin-bottom:1.0em;
}
#content .entry-meta p{
	font-size: 0.8em;
	font-style:italic;
	color:#999;
}
#content .entry-meta p:first-child {
	padding: 0.2em 0 0;
}
#content .entry-meta a, #content .entry-meta a:link, #content .entry-meta a:visited {
	text-decoration:none;
}
#content .entry-meta a:hover, #content .entry-meta a:active {
	text-decoration:underline;
}
#content .sticky {
}
.more-link {
	font-weight:bold;	
}
#content table {
	margin:1em 0em 3em 0em;
}
#content table tr {
	border-bottom:1px solid #333;
}
#content table tr th {
	padding: 1em 2em 1em 2em;
	border-top:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
	font-weight:bold;
}
#content table tr td {
	padding: 1em 2em 1em 2em;
	border-left:1px solid #333;
	border-right:1px solid #333;
}

/** -- clearing floats -- **/

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	visibility:hidden;
	width:0;
	height:0
}
.page-link {
	clear:both;	
	color:#999;
	font-style:italic;
	padding-top:0.5em;
}

/** -- SIDEBAR -- **/

aside.widget {
	font-size: 0.9em;
	padding-top: 0.7em;
	padding-bottom: 2em;
	padding-left:1em;
	word-wrap: break-word;		
}
aside.widget ul{
}
aside.widget ul li {
	padding: 0em;
}
aside.widget li li{
	padding-left: 1em;
}
.widget h3.widget-title {
	color: #B9B9B9!important;
	text-transform: uppercase;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:0.5em;
}
.widget a, .widget a:link, .widget a:visited {
	color: #B9B9B9!important;	
	text-decoration:none;
}
.widget a:hover, .widget a:active {
	color: #FFCC00!important;	
}

/**-- nav posts --**/
#content #nav-posts {
	padding-left:1em;
}
/**-- nav below --**/
#content #nav-below .nav-previous, #nav-below .nav-next {
	font-size:1em;
	float:left;
	color:#B9B9B9!important;	
}
#content #nav-below .nav-previous a, #content #nav-below .nav-next a{ 
	padding:1em;
	margin-bottom: 1em;	
	margin-left: 1em;	
	display:block;
	font-weight:bold;
	background:#333;
	background: rgba(255, 255, 255, .1);		
}
#content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover, #content #nav-below .nav-previous a:focus, #content #nav-below .nav-next a:focus, #content #nav-below .nav-previous a:active, #content #nav-below .nav-next a:active {
	background: #FFCC00;
	color:#FFF!important;
	text-decoration:none;
}
#content #nav-below .nav-previous { 
	margin-right: 1em;
}

/** -- Search -- **/

.search {
	padding: 0.3em 0.2em 2em;
}
#search_form {
	width: 90%;
	margin: 0;
	padding: 0;
	text-align:left;
	overflow: hidden;
}

#search_form #s {
	padding: 0.4em 1em 0.4em 0.2em;
	font-size: 1em;
	width:10em;
	font-family: Arial, sans-serif;	
    outline: none;  
    border: 1px solid #999;
	background-color:transparent; 
}
#search_form #s:hover, #search_form #s:active, #search_form #s:focus, #search_form .search_input:hover, #search_form .search_input:focus, #search_form .search_input:active {
	background-color:#FFF!important;;
}
#search_submit {
	width:11.4em;	
	margin: 0;
	padding: 0.4em 1em 0.4em 0;
	display: inline;
	border: none;
	font-size: 1em;
	font-weight:bold;
	text-align: center;
	text-transform: uppercase;
	background:#333;
	background: rgba(255, 255, 255, .1);
	font-weight:bold;
	color:#B9B9B9!important;		
}
#search_submit:hover {
	color: #FFF!important;
	background-color: #FFCC00;
}
.widget_calendar #calendar_wrap {
	padding: 0.3em 0em 0.3em 1em;
}
.widget_calendar #wp-calendar caption {
	font-style: italic;
	text-align: left;
	margin-bottom: 0.5em;
	color:#B9B9B9;	
}
.widget_calendar table#wp-calendar th, .widget_calendar table#wp-calendar td {
	padding: 0 0.5em 0.5em 0;
}
.widget_calendar table#wp-calendar tbody tr td#today {
	font-style: italic;
}
.widget_calendar table#wp-calendar tbody tr td a{
	font-weight: bold;
}
.tagcloud {
	padding: 0.3em 0em 0.3em 1em;	
}

/** -- GALLERY -- **/

#content .gallery dl{
  float:left;
  position:relative;
  display:inline-block;
  margin:0;
  padding:0;
  background:rgba(50,50,50,.65);    
  border-collapse:collapse !important; 
  opacity: 0.70;
  -moz-opacity: 0.70;
  filter: 0;
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;

}
#content .gallery dl:hover{
  opacity: 1;
  -moz-opacity: 1;
  filter: 0;
}
#content .gallery dt {
  margin:0;
  padding:0;
  margin-right:0.2em;
}
#content .gallery dd {
  position:absolute;
  background:rgba(15,15,15,.65);
  overflow:hidden;
  left:0em;
  bottom:1.5em;
  padding: 0;
  color:#fff;
}
#content .gallery .gallery-caption {
  padding-left:1em;
  padding-right:1em;
}

/** -- COMMENTS -- **/
#comments {
	padding:1em;
	margin-top:1em;
}

#comments #comments-title {
	border-top: 1px dotted #999;
}
#comments .comment-meta {
	font-size: 0.8em;
	margin-bottom:1em;	
	color:#B9B9B9!important;
	font-style:italic;	
}
#comments .comment-meta a {
	color:#B9B9B9!important;
}
#comments .comment-awaiting-moderation {
	color: #E00;
}
#comments ol.commentlist {
	font-size:1em;
	clear:both;
}
#comments .bypostauthor{
  background:rgba(50,50,50,.65);    
  border-collapse:collapse !important; 
  opacity: 0.70;
  -moz-opacity: 0.70;
  filter: 0;
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
	font-weight:bold;
	padding: 0.5em!important;
}

.reply {
	margin-bottom:2em;
}
.reply a, .reply a:link, .reply a:visited {
	background:#333;
	background: rgba(255, 255, 255, .1);	
	padding: 0.3em 0.5em;
	text-transform:uppercase;
	font-size:0.9em;
	font-weight:bold;
	color:#B9B9B9!important;	
}
.reply a:hover, .reply a:focus, .reply a:active {
	background: #FFCC00;
	color:#FFF!important;
	text-decoration:none;
}
#comments li{
	list-style:none;
}
#content #comments ol li ul.children {
	padding:0em;
}
#content #comments ol li.depth-1 {
	padding:0em;
}
#content #comments ol li.depth-2, #content #comments ol li.depth-3, #content #comments ol li.depth-4, #content #comments ol li.depth-5 {
	margin:0 0 0em 2em;
	padding:0em;
	border-bottom:none;
}

#comments #comment-nav-above .nav-previous, #comments #comment-nav-above .nav-next, #comments  #comment-nav-below .nav-previous, #comments  #comment-nav-below .nav-next{
	font-size:1em;
	float:left;	
}

#comments .nav-previous a, #comments .nav-next a {
	padding:0.5em 0.8em;
	margin-bottom: 1em;	
	margin-right: 0.2em;	
	display:block;
	font-weight:bold;
	background:#333;
	background: rgba(255, 255, 255, .1);
	color:#B9B9B9!important;			
	
}
#comments .nav-previous a:hover, #comments .nav-next a:hover, #comments .nav-next a:focus, #comments .nav-previous a:focus, #comments .nav-previous a:active, #comments .nav-next a:active {
	background: #FFCC00;
	color:#FFF!important;
	text-decoration:none;
}
#comments .nocomments {
	padding-top:1em;
}

/** -- comment reply -- **/

#comments #respond {
	clear:both;
	padding: 1em;
	padding-left:0em;
}
#content #comments #respond h3#reply-title {
	margin:0;
	padding:0;	
	font-size: 1.4em;
}
#commentform {
	font-size: 0.9em;
}
form#commentform p.comment-form-author, form#commentform p.comment-form-email, form#commentform p.comment-form-url, form#commentform p.comment-form-comment {
	padding:1.5em 0 0;
}
input#submit {
	background-color:#FFF;
	padding: 0.5em 0.5em;
	color:#B9B9B9;
	margin: 0;
	border: none;
	text-align: center;
	text-transform: uppercase;	
	font-size: 1em;
	font-weight:bold;	
}
input#submit:hover {
	background-color:#FFCC00;
	color:#FFF!important;
}
form#commentform input#author, form#commentform input#email, form#commentform input#url {
	margin: 0;
	padding: 0.5em;
	display: block;
	font-size:1em;
	color:#444;
}
form#commentform textarea#comment {
	margin: 0.5em 0 0;
	padding: 0.5em;
	display: block;	
	font-family: Arial, sans-serif;
	font-size: 1em;	
	width:80%;
}

/** -- colored pages -- **/
.mainpage #container {
	background-color:#ffcc00;	
}
.mainpage a:hover, .mainpage .widget a:hover, .mainpage .widget li a:hover, .mainpage .widget .tagcloud a:hover, .mainpage .widget td a:hover {
	color:#FFF!important;
	background-color:#333;
}
.mainpage h1, .mainpage h2, .mainpage h2 span, .mainpage h3, .mainpage h4, .mainpage h5, .mainpage h6, .mainpage p, .mainpage a, .mainpage a:link, .mainpage a:visited, .mainpage .entry-header h1, .mainpage .widget h3.widget-title, .mainpage .widget a, .mainpage .widget a:link, .mainpage .widget a:visited, .mainpage li, .mainpage .entry-header h1, .mainpage .entry-header a, .mainpage .page-link, .mainpage dl, .mainpage dt, .mainpage dd, .mainpage th, .mainpage td, .mainpage address, .mainpage pre, .mainpage code, .mainpage strike, .mainpage strong, .mainpage var, .mainpage .widget_calendar #wp-calendar caption, .mainpage #comments .comment-author, .mainpage #comments .comment-author span, .mainpage #commentform p.comment-form-author, .mainpage #commentform p.comment-form-email, .mainpage #commentform p.comment-form-url, .mainpage #commentform p.comment-form-comment, .mainpage label, .mainpage .required,  .mainpage #comments .comment-meta a:link, .mainpage .entry-content p span{
	color:#333!important;
}
.mainpage #search_submit {
    border: 1px solid #333;	
	color: #333!important;
}
.mainpage a, .mainpage a:link, .mainpage a:visited, .mainpage .widget a, .mainpage .widget a:link, .mainpage .widget a:visited, .mainpage .entry-header a:hover{
	text-decoration: underline!important;
}
.mainpage #search_submit:link, .mainpage input#submit:link, .mainpage .reply a:link  {
	color:#FFF!important;
 	background:rgba(50,50,50,.55);    
	border-collapse:collapse !important; 
	opacity: 0.70;
	-moz-opacity: 0.70;

}
.mainpage #search_submit:hover, .mainpage input#submit:hover, .mainpage .reply a:hover, .mainpage #comments .comment-author a:hover, .mainpage a:hover {
	color:#FFF!important;
	background-color:#333!important;;	
}
.mainpage .entry-header h1, .mainpage .entry-header h1 a {
	text-decoration:none!important;	
	color:#333!important;	
}
.mainpage .page-link a, .mainpage .page-link a:link, .mainpage .page-link a:visited, .mainpage #comments .comment-meta a:hover, .mainpage .entry-header h1 a:hover, .mainpage #content .entry-meta a:hover {
	color:#FFF!important;;
}
.mainpage #comments .bypostauthor{
	background:rgba(50,50,50,.25);    
 	border-collapse:collapse !important; 
 	opacity: 0.70;
	-moz-opacity: 0.70;
}



/** -- CSS3 MEDIA QUERIES FOR RESPONSIVE DESIGN -- **/
@media screen and (max-width : 1350px) {
#site-title{font-size:3em;}	
}
@media screen and (max-width : 1050px) {
#site-title{font-size:2.5em;}	
}
@media screen and (max-width : 940px) {
#page {	margin: 0 auto; padding: 0;}
#main {width:95%; margin-left: 1%;	margin-right: 2%; margin-bottom: 2em;}
#primary {float: left; position:absolute;}
#wrapper {left:15em; position:relative; width:100%;}
body.no-sidebar #content, #content { width: 70%; }
.mainpage .full-width #content, .full-width #content {width: 75%;}
#secondary { width: 70%; margin-top:3em; background-color:transparent; float:left;}
aside.widget { font-size: 1em; padding-bottom:2em; padding-top:2em;	border-top: 1px dotted #333;}
aside.widget ul li { padding: 0; margin:0 2em 0 0; list-style: none; display:inline; line-height:2;}
aside.widget ul li ul {	display:inline;	margin:0 0 0 2em; }
aside.widget li.menu-item ul.sub-menu li.menu-item:last-child{ margin:0; }
.widget h3.widget-title {color: #FFCC00; text-transform: none;	font: bold 1.5em/1.4 sans-serif; text-align: left; }
.widget a, .widget a:link, .widget a:visited { color: #FFCC00;	text-decoration:underline; }
.widget a:hover, .widget a:active {	color: #333; text-decoration: underline; }
.widget ul li ul a, .widget ul li ul a:link, .widget ul li ul a:visited {color: #999!important; text-decoration:underline; }
.widget ul li ul a:hover, .widget ul li ul a:active { color: #333!important; text-decoration: underline; }
#content #nav-below {padding-top:1em;}
}
@media screen and (max-width : 850px) {
#site-title{font-size:2em;}	
.mainpage .full-width #content, .full-width #content {width: 70%;}
}
@media screen and (max-width : 660px) {
#primary {width: 150px;}
#main {width:100%; margin-left: 0;	margin-right: 0; margin-bottom: 2em;}
#wrapper {left:160px; border:0;}
#container {width:70%;}
#content, body.no-sidebar #content, .mainpage .full-width #content, .full-width #content { width: 100%; }
#secondary { width: 80%;}
#comments #respond {width:90%;}
#site-title{font-size:1.8em;}	
}
@media screen and (max-width : 540px) {
#content, body.no-sidebar #content { width: 90%; }
}
@media screen and (max-width : 479px) {
#page {	padding: 0; margin:0; width:100%; }	
#primary {width: 94%; position:relative; }
#wrapper {width:100%; left:0;}	
#container {width:100%;}
#content { padding-top:3em;}
#primary #main-menu {float:none; margin:0;	padding:0;}
#primary #main-menu ul {margin:0; padding:0; }
#primary #main-menu ul li, #primary #main-menu ul li ul li  {list-style-type:none; padding:0; margin:0; display:inline; float:none;}
#primary #main-menu ul ul {display:inline; float:none; margin:0 ; position:relative; top:0; padding:0; left:0;}	
#primary #main-menu ul li a {font-size: 1em; float:none;margin:0;	margin-bottom:0.2em; margin-top:0.5em;}
#primary #main-menu ul li:first-child a {margin:0;} 
#primary #main-menu ul li:hover > ul {display: inline;}
#primary #main-menu ul ul li{padding-left:15em;}
#primary #main-menu ul ul li a, #primary #main-menu ul ul ul li a {display:inline;	padding:0; margin:0; margin-left:1em; line-height:1.5; text-decoration:underline;}
#primary #main-menu ul ul li a:hover, #primary #main-menu ul ul ul li a:hover  {text-decoration:underline; }
#primary #main-menu ul li:hover > ul {display: inline;}
#blog-title {padding: 1em 0 0.5em}
#site-title {font-size:2.5em; margin: 0 0.5em 0 0; line-height:1}
#site-description {font-size:0.8em;}
.entry-header {padding-bottom: 0;}
.entry-header h1, .entry-header h1 a, .entry-header h1 a:link, .entry-header h1 a:visited {line-height:1; font-size:1.2em; padding: 0;}
#wrapper {float:none; margin:0.5em 0 0;	padding: 0; }
#copyright {margin-top:1em}
}