/*
Theme Name: Ricardo Lopes
Theme URI: http://www.interamplitude.com.br
Description:Página do artista plástico Ricardo Lopes.
Author: InterAmplitude
Version: 1.0
Tags: arte, pintura, ricardo, lopes.

*/

@charset "utf-8";
/* CSS Document */
/* 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, 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 {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}/* HTML5 display-role reset for older browsers */  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;background:#202020;font-size:12px;line-height:14px;font-family:Arial, Helvetica, sans-serif;color:#FFF;  }ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: '';content:none;} table {border-collapse: collapse;border-spacing: 0;}html { margin-top: 0 !important; }* html body { margin-top: 0 !important; }.clear {clear:both;}#geral {width:990px;margin:auto;}

a:link, a:visited {color: #05e7ff;}
a:hover {color: #0CB3C5;}

 #topo {width:990px;height:106px;background:url(images/bgtopo_02.jpg);}
 #logo {width:348px;height:106px;padding-top:5px;padding-left:5px;float:left;}
 #menu {float:right;width:500px;}
		ul.menus {padding-left:28px;}
		#menu li {font-family:Verdana, Geneva, sans-serif;font-size:16px;color:#8a8a8a;margin: 0 10px 0 0;padding-left:12px;float:left;}
				#menu li a {text-decoration:none;font-family:Verdana, Geneva, sans-serif;font-size:16px;color:#8a8a8a;padding: 59px 8px 3px 8px;display:block;}
				.current_page_item a {background:#FFF;}
				#menu li a:hover {background:#FFF;color:#4c4c4c;}
 #container {margin-bottom:20px;overflow:hidden;}

#conteudo {margin-top:22px;min-height:379px;}
#conteudo_home {width:360px;margin-top:22px;float:left;}
		p.titu_video {font-size:14px;}
		#conteudo p {color:#FFF;}
		.home strong {color:#0cb3c5;}
		.home a {text-decoration:none;color:#0cb3c5;}
		.home a:hover{color:#fff;}

		#slides {width:500px;height:460px;float:right;margin:12px 20px 0 0;overflow:hidden;position:relative; }
				#ladodir {position:absolute;right:0;top:0;z-index:100;margin:0; }
				#ladoesq {position:absolute;left:0;top:0;z-index:100;margin:0; }
				#slideshow #slidesContainer {margin:12px auto 0;width:500px;height:375px;overflow:auto; /* allow scrollbar */ position:relative;}
				#slideshow #slidesContainer .slide {margin:0 auto;width:500px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:375px;}
				.control {display:block;width:31px;height:48px;text-indent:-10000px;position:absolute; cursor: pointer;}
				#leftControl {top:400px;left:0;background:url(images/setaesq_03.png) no-repeat;}
				#leftControl:hover {background-position:bottom;}
				#rightControl {top:400px;right:0;background:url(images/setadir_03.png) no-repeat;}
				#rightControl:hover {background-position:bottom;}

#footer {width:990px;height:55px;color:white;padding-top:18px;margin-top:18px;font-family:Verdana, Geneva, sans-serif;font-size:18px;background:url(images/ponto_03.jpg) repeat-x;clear:both;}
		.espaco {margin-left:15px;}
		#telefone {background:url(images/tel_03b.png) left center no-repeat;width:600px;height:73px;margin-left:150px;margin-top:10 auto;padding-left:215px; line-height:73px; }
				#telefone span {line-height:73px; }
				#telefone img {margin-bottom:-10px; }
				
		#menu_final {padding: 20px 10px;}
			#menu_final li {display:inline; border-left: 1px solid #333; padding: 0 15px; font-size: 10px;}
			#menu_final li:first-child {border: 0 none;}
				#menu_final li a {color: #999;}
				#menu_final li a:hover {color: #CCC;}

/*Contato*/
		#conteudo .contato { width:307px; margin:0 auto;} 
		#conteudo .contato p {margin-bottom:15px;font-size:14px; line-height:1.3em; font-weight:normal; }
		.tabela1{background:url(images/fd_text.png) no-repeat;margin-top:10px; width:307px;height:21px;line-height:21px;border:0;color:#CCC;font-size:12px;font-weight:bold;padding:0 5px;}
		.tabela2{background:url(images/fd_text1.png) no-repeat;margin-top:10px; width:307px;height:161px;line-height:21px;border:0;color:#CCC;font-size:12px;font-weight:bold;padding:0 5px;overflow:auto;max-width:308px;min-width:308px;max-height:161px;min-height:161px;}
		#conteudo p{font-family:Verdana, Geneva, sans-serif;font-size:14px;color:#FFF;font-weight: bold;}
		#tel{margin-top:15px;}

		#mensagem{ margin-top:10px;}

		#tabela4{height:160px;}
		.btcon{background:url(images/btcon_03.png);border:none;text-indent:-9999px;width:53px;height:26px;cursor:pointer;}

/*Sobre*/
#ricardoft{background:url(images/ricardoft_03_03.jpg);width:140px;height:201px;margin-left:110px;margin-top:20px;border:2px solid #fff; float:left; }
.sobre{float:right;width:610px; float:left; margin:20px 20px 0;  }
		.sobre p{font-family:Verdana, Geneva, sans-serif;font-size:14px;margin-bottom:20px;line-height:1.3em;}
		.tit_sobre{font-family:Verdana, Geneva, sans-serif;font-size:18px;font-weight:bold;margin-bottom:20px;}

/*Vídeos*/
.vid1{margin-left:50px; margin-top:30px; width:420px; float:left; padding-bottom:5px; border-bottom:1px dashed #333; height:400px;  }
		.vid_video { }
		.vid_1{margin:5px 0; }
				.vid_1 h1{font-size:18px;color:#CCC;font-weight:bold; line-height:1.2em;  }
				.vid_1 p{font-size:14px;color:#999;line-height:1.2em; }

/*Portfólio*/
.portfolio {overflow:hidden; }
   .port_menu {width:200px; float:left; }
		.port_menu h2 {font-size:18px; font-weight:bold; border-bottom:1px dashed #434343; color:#454545; line-height:1.6em; font-style:italic;  }
		.port_menu li {list-style:none; margin-bottom:2px; border-bottom:1px dashed #2c2c2c; }
		.port_menu li a {display:block; font-size:14px; height:30px; line-height:30px; font-weight:bold; text-decoration:none; color:#CCC; padding-left:20px; }
		.port_menu li a:hover {background:#CCC; color:#666;  }

   .port_list {width:100px; float:left; margin-left:50px; }
		.port_list a {display:block; margin:0 0 5px; }
		.port_list a img {border:1px solid #CCC; }
		.port_list a:hover img {border:1px solid #666; }
	.port_ct {margin-left:230px;}
		.port_ct h1 {font-size: 21px; margin: 5px 0 10px; font-weight: bold; }
		.port_ct p {margin-bottom: 20px; color: #CCC;}
	.port_slides {background: #000 ;}
	#galleria {}
		#galleria .galleria-container {background:#000;}
		
		
/* SOCIAL */
.social {overflow:hidden; }
	.social_fb, .social_tw, .social_gp, .social_titulo {width:110px; float:right; }
	.social_fb {width:100px; }
	.social_titulo {font-size:18px;	font-weight:bold; color:#333; width:130px; font-style:italic;  }
	
	
.post {display:block; overflow:hidden; }
	.post * {color:#CCC;}
	.post p, .post ul, .post ol {font-size:14px; line-height:1.3em; margin-bottom:20px;}
	.post li {margin-left:1.5em;}
	.post ul li {list-style:disc;}
	.post ol li {list-style:decimal;}
	.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {font-weight:bold; line-height:1.3em;}
	.post h1 {font-size:2em;}
	.post h2 {font-size:1.8em;}
	.post h3 {font-size:1.6em;}
	.post h4 {font-size:1.4em;}
	.post h5 {font-size:1.2em;}
	.post h6 {font-size:1.1em;}
	.post a, .post a:visited {color:#0CB3C5; text-decoration:underline;}
	.post a:hover {color:#FFF;}
	.post q, .post blockquote {margin-bottom:20px; padding:10px 20px 15px; font-style:italic; color:#333; background:#F3F3F3; }
	.post q p, .post blockquote p {margin:0}
	.post pre {margin-left:20px; white-space:pre-warp; }
	.post code {font-family:"Courier New", Courier, monospace; color:#666; }
	
/* =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.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}