/*  
Theme Name: Argila
Theme URI: http://www.clicrbs.com.br/rs/
Author: Cristina Sturm - 6486
Author URI: http://www.clicrbs.com.br/rs/
Description: Tema padrão para os blogs do clicRBS.
Version: 2.0
*/

/* reset */
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;}
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: ''; content: none;}
table {border-collapse: collapse;	border-spacing: 0;}
i, em {font-style: italic;}
b, strong {font-weight: bold;}
code {font-family: Courier, "Courier New", monospace;}

/** PADROES **/
/* cor primaria (links e titulos) - #0054a6 */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a,
#cat-1 h2, #cat-3 h2, #cat-5 h2,
#cat-1 p, #cat-3 p, #cat-5 p,
#post-1 h3 a, #post-3 h3 a, #post-5 h3 a,
.page .posts h2, .archive h2.cat_name, .search h2.cat_name, .error404 h2.cat_name, .widget_categories li li:before,
.navigation .wp-pagenavi, .wp-pagenavi a:hover, .wp-pagenavi span.current, #destaque .arrow {color: #0054a6;}

#cat-1 a, #cat-3 a, #cat-5 a,
.navigation .wp-pagenavi a,
.navigation .wp-pagenavi a:hover,
.navigation .wp-pagenavi .pages, 
.navigation .wp-pagenavi .page,
.navigation .wp-pagenavi .nextpostslink,
.navigation .wp-pagenavi span,
.navigation .wp-pagenavi span.current,
.page .posts h2, .archive h2.cat_name, .search h2.cat_name, .error404 h2.cat_name {border-color: #0054a6;}

#cat-1 a:hover, #cat-3 a:hover, #cat-5 a:hover,
#searchform, #searchsubmit, #submit, .post_footer a.home_link,
img.nothumb,
.navigation .wp-pagenavi .page,
.navigation .wp-pagenavi .previouspostslink,
.navigation .wp-pagenavi .nextpostslink {background-color: #0054a6;}

/* cor secundaria (destaques) - #a1a1a1 */
#cat-2 h2, #cat-4 h2, #cat-2 p, #cat-4 p, 
#post-2 h3 a, #post-4 h3 a,
h3.widgettitle, #destaquinho h2 a, 
.comment_header cite, .posts .date {color: #a1a1a1;}

#cat-2 a, #cat-4 a, h3.widgettitle {border-color: #a1a1a1;}

#cat-2 a:hover, #cat-4 a:hover, a.comentarios,
.widget_calendar th, .post_author {background-color: #a1a1a1;}

/* background */
html {background-color: #ccc;}

/* cor de fundo do blog */
#wrapper, #destaque .arrow {background-color: #fff;}

/* cor do menu */
#main_menu {background: #333;}
#main_menu a {color: #fff;}

/* cor do rodape */
#footer {background-color: #ccc;}
#footer, #footer a {color: #333;}

/** ESTILOS GERAIS **/
body {
	background-color: transparent;
	font-size: 62.5%;
	color: #333;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 20px 0;
}

h1 {font-size: 2.5em;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.6em;}

p, .post ul li, .post ol li {
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 0 0 14px 0;
}

p li, li li {font-size: 1em;}

.post ul, .post ol {padding-left: 20px;}
.post ul {list-style: disc;}
.post ol {list-style: decimal;}
.post ul li, .post ol li {margin: 5px 0;}
.post li li {font-size: 1em;}

.post, .attachment .navigation  {
	/* não alterar isso */
	border-bottom-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
}

a, a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}

	/* botoes */
	#submit, #searchsubmit, .post_footer a.home_link {
		padding: 0;
		border: none;
		cursor: pointer;
		text-transform: uppercase;
		color: #fff;
		font-size: 1.1em;
		width: auto;
		max-width: 200px;
		height: 30px;
		line-height: 30px;
		font-weight: bold;
	}

	#submit:hover, #searchsubmit:hover, a.home_link:hover {text-decoration: none;}

	a.comentarios {
		background-image: url(images/coments.gif);
		background-position: 5px 5px;
		background-repeat: no-repeat;
		padding: 0 5px 0 30px;
		display: block;
		min-width: 25px;
		width: auto !important;
		width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 1.4em;
		color: #fff;
		position: absolute;
		font-weight: bold;
		top: 0;
		right: 0;
		_right: 20px;
	}

	a.comentarios:hover {text-decoration: none;}
	
	span.comentarios {display: none;}

	/* alinhamentos */
	.alignright, .navigation .right {float: right; margin: 0 0 0 10px;}
	.alignleft, .navigation .left {float: left; margin: 0 10px 0 0;}
	.aligncenter {display: block; margin: 0 auto;}
	.attachment .navigation {height: 5em;margin-bottom: 20px; padding-bottom: 20px;}
	.attachment .alignright, .attachment .alignleft {position: relative;}
	.attachment .alignright a, .attachment .alignleft a {text-decoration: none;}
	.attachment .alignright a:after, 
	.attachment .alignleft a:after {
		color: rgba(255, 255, 255, 0.8);
		display: block;
		font-size: 5em;
		line-height: 80px;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		width: 80px;
	}
	.attachment .alignright a:after {content: "\00bb";}
	.attachment .alignleft a:after {content: "\00ab";}

	/* estrutura basica */
	#wrapper {
		width: 940px;
		padding: 40px 20px 0;
		margin: 0 auto;
		text-align: left;
		overflow: hidden;
		position: relative;
		z-index: 1;
	}

	#header, #main_menu {
		width: 980px;
		margin: 0 auto;
		text-align: left;
	}

	#top, #bot, #blog {
		width: 100%;
		float: left;
		margin-bottom: 40px;
		position: relative;
		z-index: 1;
	}

	#destaque, .posts {
		float: left;
		width: 540px;
	}
	
	.posts.fullwidth {
		float: none;
		width: 100%;
	}

	.attachment .posts {width: 100%;}

	#destaquinho, #sidebar {
		float: right;
		width: 380px;
	}

/** MENU **/
#main_menu {height: 45px;}

#main_menu ul {padding: 0 20px;}

#main_menu li {
	float: left;
	margin-right: 20px;
}

#main_menu li a {
	padding: 10px 0;
	line-height: 45px;
	font-size: 1.3em;
}

a.access, li.access {position: absolute; left: -9999px;}

/** HEADER **/
#header {
	position: relative;
	z-index: 2;
}

#logo {
	float: left;
	width: 100%;
	height: 100%;
	margin: 0;
}

#logo a {
	display: block;
	height: 100%;
}

#header .banner{
	position: absolute;
	top: 20px;
	z-index: 10;
	width: 728px;
	height: 90px;
	text-indent: 0;
}

/** TOP **/
#top {overflow: hidden;}

#destaque, #destaque li, #destaquinho {height: 300px;}

	/* modelo 1 & modelo 2 */	
	#destaque li {position: relative;}

	#destaque img,
	.modelo_2 #destaquinho img {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		height: 100%;
	}

	#destaque .hasimage h2,
	.modelo_2 #destaquinho h2 {
		position: absolute;
		z-index: 2;
		bottom: 0;
		width: 100%;
		min-height: 20px;
		padding: 10px 0;
		margin: 0;
		background: rgb(255, 255, 255);
		background: rgba(255, 255, 255, 0.9);
	}
	
	#destaque .onlytext h2 {
		line-height: 1.2em;
		margin: 0 0 1.5em 0;
		padding-right: 60px;
		font-size: 2.2em;
	}
	
	#destaque .hasimage  h2 a,
	.modelo_2 #destaquinho h2 a	{
		display: block;
		padding: 0 10px;
	}
	
	#destaque .onlytext p {font-size: 1.6em;}
	#destaque .onlytext .more {font-size: 1em;}

	.comentarios {z-index: 2;}
	
	#destaquinho h2 {font-size: 1.6em;}
	
	/* modelo 1 */
	.modelo_1 #destaquinho li {
		height: 60px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	.modelo_1 #destaquinho li.post-4 {
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.modelo_1 #destaquinho img {
		float: left;
		margin-right: 10px;
		width: 80px;
		height: 60px;
	}
	
	.modelo_1 #destaquinho img.nothumb {display: none;}

	.modelo_1 #destaquinho h2 {margin: 0;}
	
	.modelo_1 #destaquinho .onlytext h2 {margin: 0 0 0.5em 0;}
	
	/* modelo 2 */
	.modelo_2 #destaquinho li {
		height: 140px;
		margin-bottom: 20px;
		position: relative;
	}
	
	.modelo_2 #destaquinho li.post-2 {margin-bottom: 0;}
	
	/* modelo 3 */
	.modelo_3 #destaque {
		width: 940px;
		background: #f3f3f3;
	}

	.modelo_3 #destaque img {
		position: relative;
		float: left;
		width: 540px;
	}

	.modelo_3 #destaque h2,
	.modelo_3 #destaque p {
		position: relative;
		width: 350px;
		float: right;
		padding: 30px 30px 20px 0;
		background: none;
	}
	
	.modelo_3 #destaque p {padding: 0 30px 20px 0;}

	.modelo_3 #destaque h2 a {padding: 0;}

/** BOT **/
#bot .linha {
	float:left;
	width: 100%;
}

#bot .category, #bot .cat_post {
	float: left;
	text-align: center;
	overflow: hidden;
	width: 220px;
	margin-right: 20px;
}

#bot #cat-4, #bot #post-4 {margin-right: 0;}

#bot .category {height: 95px;}

#bot .cat_post {margin-top: 10px;}

#bot .category a {
	border-top-width: 2px;
	border-top-style: solid;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 100%;
	position: relative;
	margin: 0;
}

#bot .category a:hover, 
#bot .category a:hover h2, 
#bot .category a:hover p {color: #fff; text-decoration: none;}

#bot .cat_post h3 {font-size: 1.4em;}

#bot .cat_post h3, #bot .cat_post p {padding: 0 10px; margin: 10px 0; text-align: left;}

#bot h2 {
	font-size: 2em;
	margin: 10px 0 0 0;
}

#bot h2 span {
	display: block;
	padding: 10px;
	line-height: 0.8em;
}

/** BANNER **/
#wrapper .banner {
    background: #E8E8E8;
    float: left;
    height: auto;
    margin: -20px 0 20px;
    text-align: center;
    width: 100%;
}

#wrapper .banner > div {
	margin: 0 auto;
	height: 90px;
    width: 728px;
	padding: 5px 0;
	position: relative;
	z-index: 10;
}

#wrapper .banner div {left: 0;} /* ajuste para SuperBannerExpansivel desalinhado no IE7- */

#wrapper .banner object,
#wrapper .banner embed {margin: 0 auto;}

#wrapper .banner iframe {padding: 5px 0;}

/** BLOG / POSTS / PAGINAS **/
.post_header {
	position: relative;
	padding-right: 70px;
	margin-bottom: 20px;
	position: relative;
}

.page .post_header {padding-right: 0;}

.post h2 {
	margin: 0; 
	overflow: hidden; 
	line-height: 1.2em;
}

h3.widgettitle, .page .posts h2, .archive h2.cat_name, .search h2.cat_name {
	margin-top: 0;
	line-height: 1.5em;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.posts .date {
	font-size: 1.1em;
	display: block;
}

.post {
	padding-bottom: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

.attachment .post .content {text-align: center;}

a.more, a.more-link {font-size: 11px;}
.content img.thumbnail {
	float: left;
	margin: 5px 20px 20px 0;
}

.addthis_toolbox {padding: 5px 0;}

.post_footer,
.addthis_toolbox {overflow: hidden;}

.post_footer p {
	font-size: 1em;
	margin: 0;
	overflow: hidden;
}

.post_footer a.home_link {
	float: right;
	width: auto;
	padding: 0 10px;
}

.navigation {
	font-size: 1.6em;
	height: 1.8em;
	line-height: 1.8em;
	margin: 20px 0 40px;
}

.navigation .wp-pagenavi {
	font-size: 0.6em;
	font-style: normal;
	font-weight: normal;
	text-align: center;
}

.navigation .wp-pagenavi .page,
.navigation .wp-pagenavi .previouspostslink,
.navigation .wp-pagenavi .nextpostslink {
	color: #fff;
	border-width: 1px;
	border-style: solid;
}

.navigation .wp-pagenavi a:hover,
.navigation .wp-pagenavi span.current {font-weight: normal;}

#comments, #respond {
	font-size: 1.8em;
	line-height: normal;
	border: none;
	text-transform: capitalize;
}

#comments {margin: 0;}

#comments a {line-height: 2em;}

#respond {margin: 40px 0 0 0;}

	/* commentlist */
	.comment {
		overflow: hidden;
		padding: 10px 20px;
		margin-bottom: 10px;
	}

	.post_author {padding: 10px 20px;}

	.comment img {
		float: left;
		margin: 0 20px 0 0;
		border: 2px solid #fff;
	}

	.post_author img {
		float: right;
		margin: 0 0 0 20px;
	}

	.comment_header {margin-bottom: 10px;}

	.comment_header cite {
		display: block;
		font-size: 1.6em;
		margin-bottom: 2px;
	}

	.post_author .comment_header .date,
	.post_author .comment_header cite,
	.post_author .comment_header cite a {color: #fff;}

	.comment_text {overflow: hidden;}

	.post_author .comment_text {color: #fff;}

	/* commentform */	
	#commentform {padding: 45px 0;}

	#commentform label {
		font-weight: bold;
		font-size: 1.3em;
		display: block;
		margin-bottom: 5px;
		cursor: pointer;
	}

	#commentform label small {
		font-weight: normal;
		font-size: 0.8em;
	}

	#commentform .subscribe-to-comments,
	#commentform .accepted-terms	{margin: 0;}

	#commentform .subscribe-to-comments label,
	#commentform .accepted-terms label	{
		display: inline;
		font-size: 0.8em;
		font-weight: normal;
	}

	#commentform .subscribe-to-comments input,
	#commentform .accepted-terms input	{
		height: auto;
		line-height: auto;
	}

	#commentform input.field,
	#commentform textarea {
		background: #fff;
		border: 1px solid #ccc;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-size: 1.3em;
		color: #666;
		padding: 5px;
		width: 98%;
		margin-bottom: 10px;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	
	#commentform input.field:focus,
	#commentform textarea:focus {
		color: #333;
		-moz-box-shadow: 0 0 3px 0 #ddd inset;
		-webkit-box-shadow: 0 0 3px 0 #ddd inset;
		box-shadow: 0 0 3px 0 #ddd inset;
	}

	#commentform textarea {
		height: 100px;
		resize: vertical;
	}

	#submit {
		float: right;
		width: auto;
		margin-bottom: 10px;
		padding: 0 10px;
	}
	
	.secimgdiv p {float: left; width: 100%;}
	
	/* error 404 */
	.error404 h2 {
		font-size: 2.2em;
		border: none;
		margin-top: 0;
	}

	.error404 h2 .erro404 {
		display: block;
		font-size: 0.6em;
		line-height: 1.2em;
	}

	.error404 .post ul li {
		width: 30%;
		margin-right: 13px;
		float: left;
	}

/** SIDEBAR **/
#sidebar {padding-bottom: 130px;}

#sidebar .widget {
	margin: 0 0 40px 0;
	overflow: hidden;
}

#sidebar .publicidade,
#sidebar #clicshopping_ajax {
	margin: 20px auto;
	text-align: center;
	width: 100%;
}

#wide-sidebar .publicidade,
#wide-sidebar #clicshopping_ajax {width: 300px;}
#left-sidebar,
#right-sidebar {width: 180px;}
#left-sidebar {float: left;}
#right-sidebar {float: right;}
#sidebar .publicidade:empty {margin: 0; display: none;}

.widget li {font-size: 1.3em; line-height: 1.5em; margin: 0 0 5px 0;}

.widget_categories li ul {margin: 5px 0 15px 15px;}
.widget_categories li li {font-size: 1em;}
.widget_categories li li:before {content: "-"; margin-right: 5px;}

	/* busca */	
	.widget_search h3 {display: none;}
	
	#searchform {
		float: left;
		padding: 10px;
		width: 360px;
	}
	
	#left-sidebar #searchform, #right-sidebar #searchform {width: 160px;}
	
	.post #searchform {
		float: none;
		overflow: hidden;
		width: 420px;
		margin: 40px auto;
	}
	
	#s {
		width: 75%;
		padding: 5px;
		float: left;
		background: #fff;
		border: 1px solid #fff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-size: 1.1em;
		color: #666;
	}
	
	#searchsubmit {
		float: right;
		width: 20%;
		height: 25px;
		line-height: 25px;
	}

	#left-sidebar #s, #left-sidebar #searchsubmit,
	#right-sidebar #s, #left-sidebar #searchsubmit {width: 92%;}

	/* calendario */
	.widget_calendar #wp-calendar {font-size: 1.3em; width: 100%;}
	.widget_calendar caption {font-weight: bold; text-align: center; margin-bottom: 10px;}
	.widget_calendar th, .widget_calendar td {text-align: center; padding: 5px;}
	.widget_calendar th {color: #fff; text-transform: uppercase;}
	.widget_calendar tfoot {font-size: 0.8em;}
	.widget_calendar #prev {text-align: left;}
	.widget_calendar #next {text-align: right;}

	/* tag cloud */
	.widget_tag_cloud a {margin-right: 10px;}
	.widget_tag_cloud {padding-bottom: 10px;}
	
/** FOOTBAR **/
#footbar {
	width: 980px;
	margin: 0 auto;
	font-size: 10px;
}

#footbar h3 {display: none}

#footbar .widget {width: 100%; display: block; overflow: hidden;}

/** FOOTER **/
#footer {padding: 50px 0 30px 0;}

#footer .aligncenter {
	width: 550px;
	overflow: hidden;
}

#footer .logo_rodape {
	float: left;
    margin-right: 25px;
	height: 40px;
	line-height: 40px;
}

#footer ul {
	overflow: hidden;
	text-align: left;
}

#footer .copyright {line-height: 40px;}
#footer .show_links, #footer .links {line-height: 20px;}

#footer li {
	display: inline;
	font-size: 1.3em;
	line-height: 1.4em;
	margin-right: 10px;
}

#footer li.last-child {margin-right: 0;}

.fly {
	position: absolute;
	top: 0;
	left: 0;
}

/* esconder besteirinhas do wp */
#podPress_footer, #wpstats {display: none !important;}