/* RESETS, BODY & SETUP */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
ul { list-style: none inside; }
a { outline: none; }
a img { border: none; }

body {
	margin: 0 auto;
	color: #000;
	background: #FFF none repeat scroll 0% 50%;
	font-family: Tahoma, Arial, "lucida grande","lucida sans unicode",helvetica,sans-serif;
}

/* ESTRUTURA DA PÁGINA */
#header {
	height: 100px;
	background: #3378A2 url(images/logo-directorio-dicas-blogs.png) no-repeat;
	color: #FFF;	
}

#logo {
	width:960px;
	height: 80px;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}

#navigation {
	display:block;
	line-height: 1.6em;
	padding: 5px 20px;
	background: #000;
	color: #EEE;
	border-top: 1px solid #302E2F;
	border-bottom: 2px solid #5C96BB;
	overflow: hidden;
	font-variant:small-caps;
}

#wrap {
	width: 975px;
	line-height: 1.30em;
	margin: 0 auto;
	overflow:hidden;
	padding: 0px 10px;
	background: transparent url(images/bg2.png) no-repeat scroll left bottom
}

#content {
	width: 728px;
	float: left;
	padding: 5px 20px 50px 5px;
	margin-left: 3px;
	min-height: 425px;
	}
	#adsense-content {
	width: 728px;
	overflow: auto;
	margin: 10px 0;
	}
	
#sidebar{
	width: 192px;
	padding: 10px 10px 0 0;
	float: right;
}

	#adsense-sidebar {
	width: 120px;
	height: 240px;
	padding: 4px;
	margin: 30px;
	float: left;
	background: #FFF url(images/adsense_sidebar.gif) no-repeat;
	}

#footer{
	width: 100%;
	height: 80px;
	clear: both;
	border-top: 2px solid #5C96BB;
	border-bottom: 3px solid #B59647;
	background: #85B7C3;
	font-size: 12px;
	padding-top: 5px;
	text-align: right;
}
	
	#adsense-footer {
	width: 468px;
	height: 60px;
	padding: 4px;
	margin: 5px 20px;
	text-align: left;
	float: left;
	background: #FFF url(images/adsense468x60.png) no-repeat;
	}

#categorias {
	float: left;
	clear: both;
	width: 728px;
	margin: 0;
	font-size: 0.85em;
}

	#categorias ul li {
	float: left;
	width: 157px;
	height: 5em;
	margin: 10px;
	text-align: center;
	background: #85B7C3;
	border: 1px solid #000;
	position: relative;
	-moz-border-radius: 8px
	}

/* FORMATAÇÃO INTERNA */
#descr {
	width: 100%;
	float: left;
	font-size: 90%;
	text-align: left;
	color: #000;
	clear: both;
	background-color: #468AB4;
	font-variant: small-caps;
}


.featured {
	clear: both;
	background: #ebecde;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0 4px;
	border: 1px solid #85B7C3;
	overflow: visible;
	font-size: 95%;
}

.thumbr {
	margin: 0 10px;
	height: 90px;
	clear: both;
	font-size: 90%;
	color: #000;
	overflow: auto;
}

.thumb {
	border: 2px solid #85B7C3;
	float: left;
	width: 80px;
	height: 61px;
}

.thumb:hover {
	border: 2px solid #3378A2;
}

.linkitem { 
	padding-left: 100px;
	font-size:0.9em
	}

	.linkitem a { 
		font-size:1.05em;
		font-weight:700
		}

.url {
	color: #6f6f6f;
	font-style: italic;
	font-size: 80%;
}

.small {
	margin-left: 10px;
	color: #909090;
	font-size: 80%;
}
.small a {
	color: #85B7C3;
}

.navig {
	font-size: 90%;
	color: #369;
	padding: 10px;
	margin: 10px;
	height: 20px;
	clear: both;
	background: #EEE;
}

/*  PAGERANK BAR */
.pr {
	font-size: 70%;
	float: left;
	margin: 10px 21px; 
	clear: both;
}
.prg{
	width: 40px;
	border: 1px solid #4d5349;
	height: 3px;
	font-size: 1px;
}
.prb{
	background: #3378A2;
	height: 3px;
	font-size: 1px;
}

/*  FORMATACAO DOS LINKS */
a {color: #468AB4}
a:hover, a:active {color: #3378A2; text-decoration: none}

#descr a { text-decoration: none}
#descr a:link, #descr a:visited	{color: #FFF}
#descr a:hover, #descr a:active	{color: #CCC}

#footer p { color: #EEE; padding: 5px 25px; margin:0}

#footer a:link, #footer a:visited {color: #FFF}
#footer a:active, #footer a:hover {color: #EEE;text-decoration: none}

#navigation a { font-size: 0.8em; text-decoration: none; margin-right: 20px}
	#navigation a:link	{color: #FFF}
	#navigation a:visited {color: #CCC}
	#navigation a:hover, #navigation a:active {color: #468AB4}

#categorias a	{text-decoration: none}
	#categorias a:link	{color: #FFF}
	#categorias a:hover, #navigation a:active {color: #000}
	#categorias a:visited {color: #CCC}
	
/* FORMATACAO DE TIPOS DE LETRA E TITULOS */

#header h1 {color: #000}
#header h2 {font-size: 1.5em; color: #FFF}

#content h1 {
	color: #5C96BB;
	padding: 8px;
	margin: 10px 0px;
	clear: both;
	border-bottom: 1px solid #85B7C3;
	font-variant: small-caps
}

#categorias h2 {
	font-size: 16px;
	margin: 0;
	height: 3.25em
}

#categorias p {
	clear: both;
	font-size: 0.9em;
	margin: 15px
}

h2 {
	color: #FFF;
	padding: 8px;
	margin: 10px 0px;
	clear: both
}

#sidebar h3 {
	color: #000;
	padding: 8px;
	margin: 25px 0px 5px 0px;
	clear: both;
	font-size: 16px;
	font-variant: small-caps;
	border: 2px solid #85B7C3;
	text-align: center
}

#sidebar li {
	font-size: 0.85em;
	list-style: none;
	padding-left: 15px;
	background: url(images/li_bg.gif) 0 5px no-repeat
	}

#sidebar p {
	font-size: 12px
}

h3 {
	color: #000;
	padding: 8px;
	margin: 10px 0px;
	clear: both;
	font-size: 16px;
	font-variant: small-caps;
	border: 2px solid #85B7C3;
	background: #FFF
} 

/* TOOLTIPS */
.tooltip {
display: none
}

#categorias ul li span {
display: none;
z-index: 24;
-moz-border-radius: 8px
}
	/* IE7 hack - para aparecer a caixa ao fazer hover . No IE6 o li:hover não funciona...*/
	#categorias ul li:hover {
	background: #85B7C3;
	border: 1px solid #069;
	color: #000;
	z-index:25;
	}
	
	#categorias ul li:hover span {
	display: block;
	background: #5C96BB;
	border: 1px solid #069;
	width: 150px;
	position: absolute;
	top: 2.5em;
	left: 5em;
	filter: alpha(opacity:95);
	MozOpacity: 0.95;
	opacity: 0.95;
	}

/* Caixa de pesquisa */

#searchform {
	text-align: left;
	margin-top: 5px;
}

.searchtext {
	color: #000;
	font: 24px Arial;
	height: 30px;
	width: 178px;
	margin-right: 10px;
	background: #e5e5e5;
	padding: 5px;
	border: 2px solid #85B7C3;
}

.searchbtn {
	border: 2px solid #135193;
	background: #3378A2;
	color: #FFF;
	font: 15px Tahoma, "Century Gothic";
	margin: 5px 0;
	width: 192px;
	font-weight: 700;
}

/* Pagina de Submissao */
.submitpage {
	overflow: auto;
	margin-left: 20px;
	line-height: 1.5em;
	}

.label {
	font: 13px Tahoma, "Century Gothic", Arial;
	font-weight: 700
}
.field {
	clear: both;
	}

.req {
	color: red;
	margin-right: 10px
}

.text {
	border: 1px solid #3378A2;
	width: 300px
}

.text:hover, .text:focus {
	border: 1px solid #85B7C3
}

.msg {
	border: 1px solid #85B7C3;
	margin: 10px;
	padding: 5px;
	background: #F7F7F7;
	color: #000;
	font-size: 0.7em
}

/* COMBOBOX */
.comboboxContainer
{
	border-left: solid 2px #777;
	border-top: solid 2px #777;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	font-size: 13px
}

.comboboxValueContent
{
	padding-left: 3px;
	text-transform: uppercase
}

.comboboxDropDownContainer
{
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	border-left: solid 1px #aaa;
	border-top: solid 1px #aaa;
	background: #fff;
	overflow: hidden;
	padding-left: 3px;
	cursor: default;
	overflow:scroll;
	height: 250px
}

.comboboxDropDownButton
{
	width: 16px;
	height: 18px;
	background-image: url(/jquery/default-combobox.gif)
}

.comboboxItem
{
	background: #fff;
	color: #000;
	text-transform: lowercase;
	font-weight: normal;
	font-style: normal;
}

.comboboxItemHover
{
	background-color: #999;
	color: #fff;
	text-transform: uppercase;
	padding-left: 4px
}