/*
Theme Name: Lisbon Cycle Chic 2013
Description: Tema desenvolvido à medida
Author: Gonçalo Peres
Version: 1
 */

@media screen, projection {
	
	/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

  html, body { height: 100%; }
	body {
    background-color: #000;
    font-family: Arial, sans-serif;
    color: #aaa;
    text-align:left;
  }
  
	/* Layout Properties */
  .page-container { margin: 0 auto; width: auto;  min-width: 740px; max-width: 1000px; padding: 0 15px 15px 15px;  }
  #header, #main, #footer { clear: both; position: relative; }
	#main { float: left; width: 100%; min-height: 100%; height: auto !important; height: 100%; padding-top: 30px; margin-bottom: 15px; }
	
	#main-container { float: left; width: 100%; }
	#sidebar { float: left; width: 319px; margin-left: -320px; border-left: 1px solid transparent; }
  
  #content { margin-right: 320px; padding: 0px 30px 0px 0px; }

  /**
  * @section clearing methods
  * @see     http://yaml.de/en/documentation/basics/general.html
  */

  /* (en) clearfix method for clearing floats */
  .clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }

  /* (en) essential for Safari browser !! */
  .clearfix { display:block; }

  /* (en) alternative solution to contain floats */
  .floatbox { display:table; width:100%; }

  /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
  #ie_clearing { display:none; }


  /* =Global Elements
  --------------------------------------------------------------
  Main global 'theme' and typographic styles */

  /* Text elements */
  h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: Oswald, Helvetica, Arial, sans-serif; text-transform: uppercase; margin-bottom: 10px; line-height: 130%; }
  h1 { font-size: 250%; margin-bottom: 20px; color: #b90000; }
  h2 { font-size: 175%; }
  h3 { font-size: 150%; }
	.mceContentBody h1, .mceContentBody h2, .mceContentBody h3 { margin-bottom: 15px; }
	
  p { margin-bottom: 15px; line-height: 150%; }
  ul {
    list-style: square; padding-left: 1.5em; margin-bottom: 18px;
  }
  ol {
    list-style: decimal; padding-left: 36px; margin-bottom: 18px;
  }
  ol ol {
    list-style: upper-alpha;
  }
  ol ol ol {
    list-style: lower-roman;
  }
  ol ol ol ol {
    list-style: lower-alpha;
  }
  ul ul,
  ol ol,
  ul ol,
  ol ul {
    margin-bottom: 0;
  }
	.mceContentBody ul li, .mceContentBody ol li { margin-bottom: 5px; }
  dl {
    margin: 0 0 24px 0;
  }
  dt {
    font-weight: bold;
  }
  dd {
    margin-bottom: 18px;
  }
  table { border-collapse: collapse; }
  strong {
    font-weight: bold;
  }
  cite,
  em,
  i {
    font-style: italic;
  }
  big {
    font-size: 131.25%;
  }
  ins {
    background: #ffc;
    text-decoration: none;
  }
  blockquote {
    font-style: italic;
    padding: 0 3em;
  }
  blockquote cite,
  blockquote em,
  blockquote i {
    font-style: normal;
  }
  pre {
    background: #f7f7f7;
    color: #222;
    line-height: 18px;
    margin-bottom: 18px;
    padding: 1.5em;
    word-wrap: break-word;
  }
  abbr,
  acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
  }
  sup,
  sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
  }
  sup {
    bottom: 1ex;
  }
  sub {
    top: .5ex;
  }
	hr {clear: both;		
		background-image: -moz-linear-gradient(left, #111 0%, #666 50%, #111 100%);
		background-image: -ms-linear-gradient(left, #111 0%, #666 50%, #111 100%);
		background-image: -webkit-linear-gradient(left, #111 0%, #666 50%, #111 100%);
		background-image: -o-linear-gradient(left, #111 0%, #666 50%, #111 100%);
		background-image: linear-gradient(left, #111 0%, #666 50%, #111 100%);
		border: none;
		height: 2px;
		margin: 0;}
  a { /*color: #33bbff;*/ color: #99DDFF; text-decoration: none; }
  a:visited { /*color: #33bbff;*/ color: #99DDFF; }
  a:hover { color: #FFFF77; }


  /* =Images
  --------------------------------------------------------------
  Resize images to fit the main content area.
  - Applies only to images uploaded via WordPress by targeting size-* classes.
  - Other images will be left alone. Use "size-auto" class to apply to other images.
  */
  
  /* Responsive images */
	.entry-content img,
	.comment-content img,
	.widget img {
		max-width: 100%; /* Fluid images for posts, comments, and widgets */
		/*height: auto;*/
		box-sizing: border-box;
	}
	img[class*="align"],
	img[class*="wp-image-"],
	img[class*="attachment-"] {
		height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
		box-sizing: border-box;
	}
	img.size-full,
	img.size-large,
	img.header-image,
	img.wp-post-image {
		max-width: 100%;
		height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
		box-sizing: border-box;
	}

	/* Make sure videos and embeds fit their containers */
	embed,
	iframe,
	object,
	video {
		max-width: 100%;
		box-sizing: border-box;
	}
  .alignleft,
  img.alignleft {
    display: inline;
    float: left;
    margin-right: 10px;
    /*margin-top: 4px;*/
  }
  .alignright,
  img.alignright {
    display: inline;
    float: right;
    margin-left: 10px;
    /*margin-top: 4px;*/
  }
  .aligncenter,
  img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  img.alignleft,
  img.alignright,
  img.aligncenter {
    margin-bottom: 12px;
  }
  .wp-caption {
    background: #222;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
    line-height: 18px;
    margin-bottom: 20px;
    max-width: 100% !important; /* prevent too-wide images from breaking layout */
    padding: 4px;
    text-align: center;
  }
  .wp-caption img {
    /*padding: 5px 5px 0;*/
  }
  .wp-caption p.wp-caption-text {
    color: #888;
    font-size: 12px;
    margin: 5px;
  }
  .wp-smiley {
    margin: 0;
  }
	
	/* Forms
  -------------------------------------------------------------- */
  
  /* Form fields, general styles first */
	button,
	input,
	textarea {
		border: 1px solid #999;
		border-radius: 3px;
		font-family: inherit;
		padding: 6px;
		padding: 0.428571429rem;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
	}
	button,
	input {
			line-height: normal;
	}
	textarea {
		font-size: 100%;
		overflow: auto;
		vertical-align: top;
	}

	/* Reset non-text input types */
	input[type="checkbox"],
	input[type="radio"],
	input[type="file"],
	input[type="hidden"],
	input[type="image"],
	input[type="color"] {
		border: 0;
		border-radius: 0;
		padding: 0;
	}

	/* Buttons */
	.menu-toggle,
	input[type="submit"],
	input[type="button"],
	input[type="reset"],
	article.post-password-required input[type=submit],
	li.bypostauthor cite span {
		padding: 6px 10px;
		/*padding: 0.428571429rem 0.714285714rem;*/
		font-size: 11px;
		font-size: 0.785714286rem;
		/*line-height: 1.428571429;*/
		font-weight: normal;
		color: #7c7c7c;
		background-color: #e6e6e6;
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
		background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
		background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
		background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
		background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
		border: 1px solid #d2d2d2;
		border-radius: 3px;
		box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
	}
	.menu-toggle,
	button,
	input[type="submit"],
	input[type="button"],
	input[type="reset"] {
		cursor: pointer;
	}
	button[disabled],
	input[disabled] {
			cursor: default;
	}
	.menu-toggle:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover,
	article.post-password-required input[type=submit]:hover {
		color: #5e5e5e;
		background-color: #ebebeb;
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
		background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
		background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
		background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
		background-image: linear-gradient(top, #f9f9f9, #ebebeb);
	}
	.menu-toggle:active,
	.menu-toggle.toggled-on,
	button:active,
	input[type="submit"]:active,
	input[type="button"]:active,
	input[type="reset"]:active {
		color: #757575;
		background-color: #e1e1e1;
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
		background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
		background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
		background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
		background-image: linear-gradient(top, #ebebeb, #e1e1e1);
		box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
		border: none;
	}
	/* Google Forms */
	#ss-form br { display: none; }
	#ss-form div.ss-item { margin-bottom: 10px; }
	#ss-form .ss-q-title { font-weight: bold; }
	#ss-form div.ss-text div.ss-form-entry input { display: block; width: 300px; max-width: 95%; }
	#ss-form div.ss-paragraph-text div.ss-form-entry textarea { display: block; width: 95%; }
	div.ss-required-asterisk { text-indent: -4000px; }
	div.ss-resp-card div.ss-confirmation, div.ss-resp-card div.ss-footer { display: none; }
	div.ss-resp-card div.ss-custom-resp { }
	div.ss-required-asterisk:after { content: '* Campos Obrigatórios'; }
	#ss-form div.errorbox-bad div.ss-item-required input { background-color: #ffffc0; }
	div.ss-footer { display: none; }

	/* #header
  -------------------------------------------------------------- */
	#header { }
	#header h1 { margin: 20px 0px 5px 0px; text-align: center; }
	#header h1 img { width: 100%; height: auto; }
	#searchform {
		float: right; margin: 12px 5px 12px 12px; border: 1px solid #333; }
	#searchform #s, #searchform #searchsubmit {
		float: left;
		margin: 0;
		background: transparent;
		box-shadow: none;
		outline: 0px;
		font-size: 14px;
		height: 24px;
		box-sizing: border-box;
		border: 0px;
		border-radius: 0px;
	}
	#searchform #s { 		
		width: 150px;		
		padding: 0 6px;
		color: #ccc;
	}
	#searchform #searchsubmit {
		background-color: transparent;
		background-image: url('images/sprite.png');
		background-repeat: no-repeat;
		background-position: -263px -26px;
		text-indent: -3000px;
		padding: 0;
		width: 25px;
	}
	
	/* Main Nav Menu
  -------------------------------------------------------------- */
	
	#nav {
		clear:left;
		float:left;
		width:100%;
		overflow:hidden;
		/*background-color: #222;
		background-image: url('images/background-stripes03.png');*/
		border-bottom: 1px dotted #555;
		border-top: 1px dotted #555;		
		font-family: Oswald, Arial, sans-serif;
	}
	#nav ul {
		clear:left;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		/*left:50%;*/ /* center menu */
		text-align:center;
	}
	#nav ul li {
		display:block;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		/*right:50%;*/ /* center menu */
	}
	#nav ul li a {
		display:block;
		margin:0;
		padding:0 10px;
		line-height:50px;
		color: #888;
		text-transform: uppercase;
	}
	#nav ul li a:hover {
		color: #FFFF77;
	}
	#nav ul li:first-child a { padding-left: 5px; }

	/* Archive
  -------------------------------------------------------------- */
	#article-index {  }
  #article-index article { margin-bottom: 40px; overflow: hidden; }
	/*#article-index article:after {
		content:""; 
		height:1px;
		background-image: -moz-linear-gradient(left, #111 0%, #666 50%, #111 100%);
		background-image: -ms-linear-gradient(left, #111 0%, #666 50%, #111 100%);
		background-image: -webkit-linear-gradient(left, #111 0%, #666 50%, #111 100%);
		background-image: -o-linear-gradient(left, #111 0%, #666 50%, #111 100%);
		background-image: linear-gradient(left, #111 0%, #666 50%, #111 100%);
		width:100%;
		display:block;
		overflow: hidden;
	}*/
  #article-index article > a { color: inherit; }
  #article-index article > a:hover { text-decoration: none; }
  #article-index article > a h2 { margin-bottom: 10px; color: #b90000; font-size: 150%; }
	#article-index article > a h2:after { content: '\0000a0\0000a0»'; }
	#article-index article > a:hover h2 { color: #FFFF77; }	
	#article-index article > a img { float: left; margin: 5px 15px 25px 0px; border: 3px solid #EEE; border-radius: 3px; }
	#article-index article > a p { margin-bottom: 5px; }
  #article-index article .entry-meta { margin-bottom: 20px; color: #999; font-size: 85%; line-height: 150%; }
	#article-index article .entry-meta span a { white-space: nowrap; }
  /*#article-index article a img { float: right; margin: 0 0 0 15px; border: 2px solid #fff;  }*/
	.category-description { color: #999; }
	#article-index .entry-content { padding-bottom: 15px; }
	#article-index .entry-footer { border-bottom: 1px solid #222; overflow: hidden; }
	#article-index .entry-footer a { background-color: #222; color: #b90000; float: right; font-family: Oswald; text-transform: uppercase; text-shadow: 1px 1px 0 #000; padding: 10px; }
	#article-index .entry-footer a:hover { color: #FFFF77; }
	
	
	/* Single / Page
  -------------------------------------------------------------- */
	#content .entry-meta { font-size: 85%; margin-bottom: 20px; color: #666; }
	body.single #content article, body.page #content article { margin-bottom: 15px;	}
	/*#content article.post {
		background-image: -moz-linear-gradient(left, #111 0%, #666 50%, #111 100%);
		background-image: -ms-linear-gradient(left, #111 0%, #666 50%, #111 100%);
		background-image: -webkit-linear-gradient(left, #111 0%, #666 50%, #111 100%);
		background-image: -o-linear-gradient(left, #111 0%, #666 50%, #111 100%);
		background-image: linear-gradient(left, #111 0%, #666 50%, #111 100%);
		background-position: left bottom;
		background-repeat: no-repeat;
		background-size: 100% 1px;
	}*/
	.entry-content { line-height: 150%; }
	
	
	
	body#tinymce.mceContentBody {
    font-size: 16px !important;
    font-family: Arial, sans-serif !important;
		line-height: 150% !important;
    color: #ddd !important; 
    max-width: 650px !important;
		padding: 15px !important;
  }
	body#tinymce.black-studio-tinymce-widget {
    font-size: 85% !important;
    width: 300px !important;
		max-width: 300px !important;
  }
	#widgets-footer body#tinymce.black-studio-tinymce-widget {
    font-size: 85% !important;
    width: auto !important;
		max-width: 100% !important;
  }
	
		
	/* ---------- HOME ---------- */
	
	
	/* ---------- COMMENTS ---------- */
	#comments { margin-bottom: 30px; }
	#comments .comments-title { margin-bottom: 25px; font-size: 150%; background-color: #222; padding: 8px 10px; text-shadow: 1px 1px 3px #000; }
	#comments .comment-list { list-style: none; padding: 0; }
	#comments .comment-list .comment { margin-bottom: 25px; line-height: 150%; }
	#comments .comment-list .comment .comment-author .avatar { float: left; margin: 0 15px 15px 0; }
	#comments .comment-list .comment .comment-author .fn { font-style: normal; font-weight: bold; color: #eee; }
	#comments .comment-list .comment p { clear: left; }
	
	
	/* ---------- SIDEBAR ---------- */
	#sidebar {}
	#sidebar > .widget-area { margin: 0 0 0 19px; padding: 0; list-style: none; }	
	#sidebar > .widget-area > .widget { margin-bottom: 30px; }
	#sidebar > .widget-area > .widget h2 { font-size: 16px; line-height: 150%; margin-bottom: 10px; text-transform: uppercase; background-color: #222;
padding: 5px 10px; }
	/*#sidebar > .widget-area > .widget a { }
	#sidebar > .widget-area > .widget a:hover { }*/
	#sidebar > .widget-area > .widget ol,
	#sidebar > .widget-area > .widget ul  { list-style: square; margin: 0; padding-left: 20px; }
	#sidebar > .widget-area > .widget li { margin-bottom: 5px; line-height: 130%; }
	#sidebar > .widget-area > .widget_archive ul { padding: 0; list-style: none; overflow: hidden; font-size: 12px; }
	#sidebar > .widget-area > .widget_archive ul li { float: left; margin: 0; }
	#sidebar > .widget-area > .widget_archive ul li a,
	#sidebar > .widget-area > .widget_tag_cloud .tagcloud a,
	.tagcloud a { display: inline-block; margin: 0 5px 5px 0; background-color: #333; padding: 2px 5px; border-radius: 5px; text-shadow: 1px 1px 0 #000; }
	#sidebar { font-size: 85%; }
		
	
	/* #footer
  -------------------------------------------------------------- */
	#footer { font-size: 85%; border-top: 1px dotted #444; padding: 10px 0px; }
	#footer > ul.widget-area { margin: 0; padding: 0; list-style: none; }
	#footer > ul.widget-area > li {}
	#footer > ul.widget-area > li ul.menu { padding: 0 0 8px 0; list-style: none; overflow: hidden; }
	#footer > ul.widget-area > li ul.menu > li { float: left; }
	#footer > ul.widget-area > li ul.menu > li a { padding: 0 10px; border-left: 1px solid #999; }
	#footer > ul.widget-area > li ul.menu > li:first-child a { padding-left: 0px; border-left: none; }
	#footer ul.widget-area li.widget_text .textwidget { color: #999; }
	
	/* Mobile */
	#mobile-menu { display: none; }
	
	/* Custom
  -------------------------------------------------------------- */
	#ajax-output { display: none; }
	
	.nav-pages { margin: 0 0 15px 0; padding: 14px 0 10px 0; overflow: hidden; }
	.nav-pages .page-numbers, .nav-pages a { font-family: Oswald; text-transform: uppercase; color: #b90000;
		display: inline-block; margin: 0px 6px 6px 0px; text-decoration: none; padding: 0px 12px; line-height: 33px;
		text-shadow: 1px 1px 0 #000; background-color: #222; float: left;
	}
	.nav-pages a:hover { color: #FFFF77; }
	/*.nav-pages a:last-child { margin-right: 0; }*/
	/*.nav-pages a:hover { color: #FFFF77; background-color: #33bbff; }*/
	.nav-pages .current { background-color: transparent; border: 1px solid #333; }
	.nav-pages .nav-previous { margin-right: 10px; }
	
	div.fb_iframe_widget { margin-bottom: 10px; min-height: 24px; max-width: 100%; }
	div.fb_iframe_widget span { max-width: 100% !important; }
	div.sharedaddy { margin-bottom: 5px; }
	div.sharedaddy h3.sd-title { display: none !important; }
	div.sharedaddy div.sd-content { width: 100% !important; }
	div.div-gpt-ad { margin-bottom: 25px; }
	
	img.w50 { width: 49%; height: auto; }
	img.w33 { width: 32.66%; height: auto; }
	img.w66 { width: 65.33%; height: auto; }
	img.w74 { width: 74%; height: auto; }
	img.w24 { width: 24%; height: auto; }
	img.w100 { width: 98%; height: auto; }
	
	ul.social-buttons { padding: 0 !important; list-style: none !important; overflow: hidden; }
	ul.social-buttons li { float: left; }
	ul.social-buttons li a {
		background-image: url('images/sprite.png');
		background-repeat: no-repeat;
		width: 48px;
		height: 48px;
		display: block;
		text-indent: -4000px;
		margin-right: 10px;
		opacity: 0.8;
	}
	ul.social-buttons li a:hover { opacity: 1; }
	ul.social-buttons li a.facebook { background-position: -2px -2px; }
	ul.social-buttons li a.twitter { background-position: -52px -2px; }
	ul.social-buttons li a.flickr { background-position: -104px -2px; }
	ul.social-buttons li a.google-plus { background-position: -155px -2px; }
	ul.social-buttons li a.rss { background-position: -206px -2px; }
	
	.jetpack_subscription_widget p { display: inline; }
	.jetpack_subscription_widget p:first-child { display: block; margin-bottom: 10px; }
	.jetpack_subscription_widget input[type="text"] { width: 50% !important; padding: 6px !important; }
	
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 760px) {
	.page-container { min-width: 320px; padding: 0 10px; box-sizing: border-box; }
	
	#content { margin: 0; padding: 0; }
	#sidebar { width: auto; margin: 0; border: 0; }
	#sidebar > .widget-area { margin: 0; }
	
	h1 { font-size: 200%; }
	#article-index article > a h2 { background-color: #222; margin-bottom: 10px; color: #b90000; text-shadow: 1px 1px 1px #000; font-size: 130%; padding: 5px; }
	#article-index article { margin: 0; }
	#article-index article .entry-meta { text-align: right; }
	#article-index .entry-content,
	#article-index .entry-footer { display: none; }
	
	#mobile-menu { display: inline-block; float: left; background-color: #333; padding: 0px 15px 0 10px; cursor: pointer; text-transform: uppercase; color: #66ddff; font-size: 18px; line-height: 36px; width: 96px; box-sizing: border-box; }
	#mobile-menu .icon { position: relative; top: 9px; background-image: url('images/sprite.png'); background-repeat: no-repeat; background-position: -263px -4px; background-color: transparent; height: 19px; width: 21px; float: left; margin-right: 8px; }
	
	#nav { border: none; }
	#nav ul {
		display: none; position: absolute; z-index: 1000; width: auto;
		list-style:none; margin:0; padding:0; left: 97px; text-align: left; background-color: #333;
		-webkit-box-shadow: 5px 5px 10px #000; -moz-box-shadow: 5px 5px 10px #000; box-shadow: 5px 5px 10px #000;
		/*left:50%;*/ /* center menu */
		/*text-align:center;*/
	}
	#nav ul li {
		display:block;
		float: none;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		border-bottom: 1px solid #000;
		/*right:50%;*/ /* center menu */
	}
	#nav ul li a {
		display:block;
		margin:0;
		padding:0 20px;
		line-height:36px;
		color: #6df;
		text-transform: uppercase;
	}
	#nav ul li a:hover {
		color: #FFFF77;
	}
	#nav ul li:first-child a { padding:0 20px; }
	
	#searchform { margin: 0; border: 1px solid #555; }
	#searchform #s { height: 34px; }
	#searchform #searchsubmit { position: relative; top: 5px; }
	
	img.w50 { width: 100%; height: auto; }
	img.w33 { width: 49%; height: auto; }
	img.w66 { width: 100%; height: auto; }
	img.w100 { width: 100%; height: auto; }
	
}

/* Tablets (portrait) ----------- */
@media only screen 
and (min-width : 761px) 
and (max-width : 900px) {
	img.w50 { width: 100%; height: auto; }
	img.w33 { width: 49%; height: auto; }
	img.w66 { width: 100%; height: auto; }
	img.w100 { width: 100%; height: auto; }
}

/* Smartphone 320px portrait ----------- */
@media only screen and (max-width : 479px) {
	#article-index div.div-gpt-ad { display: none; }
}