/*
Theme Name: Tema para ISM
Version: 0.1
Author: Rafael Cesar (Gaia Creative)

*/

* {
	margin:0;
	padding:0;
	border-collapse:collapse;
	background:transparent;
	border:none;
	list-style-type:none;
}
textarea {overflow:auto}
a:hover {text-decoration:none}
hr {display:none}

#header h1 a,
#content .inscrevase button, #content .contato button, #content .newsletter button, #content form#commentform button,
.replacement {
	display:block;
	text-align:left;
	text-indent:-5000px;
	overflow:hidden;
	background-repeat:no-repeat;
}
#content .newsletter ul li:after,
#content .inscrevase li:after,
#content .projetos-premiados .playlist:after,
.clearfix:after {
	content:".";
	visibility:hidden;
	height:0;
	display:block;
	clear:both;
}
#content .newsletter ul li,
#content .inscrevase li,
#content .projetos-premiados .playlist,
.clearfix {*zoom:1}

input, textarea {
	border:1px inset #777;
	background-color:#FFF;
}
select {padding-right:10px}
select, button {
	border:1px outset #777;
	background-color:#FFF
}



body {
	background:url(images/bg.gif) left top repeat;
	font:11px "Trebuchet MS", Arial, Verdana;
}

.post {background-color:#FFFFFF;}
.post p {margin:10px 0}
.post img {display:block}
.post .aligncenter {text-align:center}
.post .alignleft {float:left;margin-right:5px;}
.post .alignright {float:right;margin-left:5px;}
.post ul li, .post ol li {padding-left:15px}
.post ul li {list-style-type:disc}
.post ol li {list-style-type:decimal}

#post_antigo { padding-top:15px; padding-left:5px; float:left;}
#post_antigo a {color:#000000; text-decoration:none; background-color:#00bcf2; padding:5px;}

.navigation {height:45px;}

#page {
	width:745px;
	margin:0 auto;
}

#header {
	background:url(images/bg-header.png) left top no-repeat;
	width:744px;
	height:110px;
	margin-bottom:10px;
	position:relative 

}
	/*#header h1 {
		padding-top:65px;
		margin-left:300px;
	}*/
		#header h1 a {width:744px; height:207px;}
	#header .description {display:none}
	#header #icos {
		width:35px;
		height:165px;
		position:absolute;
		right:-35px;
		top:0px;
		background:url(images/ico-facebook_twitter.png) left top no-repeat;
	}
		#header #icos a {
			display:block;
			height:55px;
			text-indent:-5000px;
			overflow:hidden;
		}


#tv {
	height:429px;
/*	background:url(images/bg-tv.png) left top no-repeat;*/
	position:relative;
	margin-bottom:10px;
}
	#tv .tv-content {
		position:relative;
		left:84px;
		height:200px;
		top:144px;
		width:240px;
	}
	#tv .menu {
		background:url(images/bg-menu.gif) left top no-repeat;
		float:center;
                position:relative;
		margin-bottom:10px;
		width:739px;
		height:36px;
		padding-left:5px;
		padding-top:5px;

	}
		#tv .menu li {
			float:left;
			margin-right:4px;
			padding-left:4px;
			font-size:14px;
			border-left:1px solid purple;
		}
			#tv .menu li a {
				color:#434141;
				text-decoration:none;
			}
		#tv .menu li.first {border:none}
	#tv .newsletter {
		float:right;
		width:132px;
		height:81px;
		background:url(images/bg-newsletter.gif) left top no-repeat;
		clear:both;
		color:#FFF;
		padding-left:23px;
		padding-top:35px;
	}
		#tv .newsletter a {color:#FFF;text-decoration:none}
		#tv .newsletter a:hover {text-decoration:underline}
	#tv .destaque {
		position:absolute;
		left:375px;
		top:110px;
	}

.submenu li {
	background:#FFFFFF;
}

.submenu_item li {
    display: none;		
}

.submenu li:hover > .submenu_item li {
    display: block;
	margin-top:10px;
}

#formulario_busca input {
 	height:20px;
	border:1px solid #CCCCCC;

}

#formulario_busca #searchsubmit {
	color:#fff;
	background-color:#c1e653;
}

#content {
	width:740px;
        padding-top: 50px;
}
	#content .posts {
		margin-bottom:30px;
	}
		#content .posts .bg-top {
			background:url(http://conexoestecnologicas.org.br/wp-content/themes/ism/images/bg-posts_top.gif) left top no-repeat;
			display:block;
			clear:both;
			width:100%;
			height:19px;
		}
		#content .posts .box-branco {
			padding:0 80px;
			font:12px "Trebuchet MS", Arial, Verdana;
			color:#5d5d5d;
			background-color:#FFF
		}
		#content .posts .bg-bottom {
			display:block;
			clear:both;
			width:100%;
			background:url(http://conexoestecnologicas.org.br/wp-content/themes/ism/images/bg-bottom_posts.png) left top no-repeat;
			height:21px;
		}
		#content .post {
			padding-bottom:100px;
			padding-top:84px;
			position:relative;
		}
			#content .post h2 {
				margin:0 auto 15px;
				width:568px;
				height:84px;
				font:28px/40px "Trebuchet MS", Arial, Verdana;
				background:url(images/bg-tit_posts_azul.gif) left top no-repeat;
				color:#FFF;
				position:absolute;
				top:-19px;
				padding-left:10px;
			}
				#content .post h2 a {
					color:#FFF;
					text-decoration:none;
				}
			#content .posts .post .sociable {
				clear:both;
				margin-bottom:0;
			}
				#content .post .sociable .sociable_tagline strong {
					display:block;
					width:98px;
					height:19px;
					overflow:hidden;
					margin-bottom:5px;
					text-indent:-5000px;
					background:url(images/txt-compartilhe.gif) left top no-repeat;
				}
				#content .post .sociable a {
					color:#000;
					text-decoration:none;
				}
				#content .post .sociable a:hover {text-decoration:underline}
				#content .post .sociable img {display:inline}
			#content .post .comente {
				background:url(images/bg-lateral_comente.gif) left top no-repeat;
				padding-left:13px;
				margin-right:-80px;
				position:relative;
				float:right;
				height:32px;
			}
				#content .post .comente p {
					padding-right:10px;
					height:32px;
					margin:0;
					line-height:32px;
					background:url(images/bg-comente.gif) left top repeat-x;
				}
					#content .post .comente p a.lnk-comente {
						padding-left:20px;
						background:url(images/ico-comente.gif) left top no-repeat;
					}
					#content .post .comente p a {
						color:#000;
						text-decoration:none;
					}
					#content .post .comente p a:hover {text-decoration:underline}
			#content form#commentform p {
				clear:both;
				padding-left:25px;
			}
				#content form#commentform input {padding:2px 0}
				#content form#commentform input, #content form#commentform textarea {
					background-color:#B2E7FA;
					margin-bottom:10px;
					width:430px;
				}
				#content form#commentform label {
					float:left;
					width:70px;
					margin-right:5px;
					text-align:right;
					font:12px Tahoma, Arial, sans-serif;
					color:#5D5D5D;
				}
			#content form#commentform p.button {
				height:25px;
				padding-right:47px;
			}
				#content form#commentform button {
					float:right;
					background-image:url(images/bt-enviar_azul.gif);
					width:74px;
					height:21px;
					border:none;
				}
			
			#content .post .entry {}
				#content .post .entry .tit-verdeescuro,
				#content .post .entry .tit-verdeclaro {
					margin-left:-80px;
					position:static;
					text-indent:80px;
					color:#FFF;
					font-size:22px;
					background:url(images/bg-tit_bt_verdeescuro.gif) left top no-repeat;
					cursor:pointer;
					width:519px;
					height:29px;
					line-height:29px;
					overflow:hidden;
				}
				#content .post .entry .tit-verdeclaro {background-image:url(images/bg-tit_bt_verdeescuro.gif)}
			
			
			
		#content .newsletter h2 {
			background-image:url(images/bg-tit_posts_verde.gif);
			font-size:40px;
			line-height:80px;
			text-align:center;
		}
		#content .newsletter ul li {
			list-style-type:none;
			margin-bottom:10px;
		}
			#content .newsletter li label {
				float:left;
				width:60px;
				margin-right:5px;
				text-align:right;
				color:#5D5D5D
			}
			#content .newsletter li label.inline {float:none}
			#content .newsletter li input, #content .newsletter li textarea {
				background-color:#E7F1CA;
				color:#718437;
				width:495px;
			}
			#content .newsletter li textarea {height:80px;}
			#content .newsletter li #news_ddd, #content .newsletter li #news_ddd_cel {width:40px}
			#content .newsletter li #news_tel, #content .newsletter li #news_cel {width:160px}
			#content .newsletter li #news_tel {margin-right:12px}
		#content .newsletter h3 {
			margin:10px 0;
			color:#718437;
		}
		
		#content .newsletter button {
			width:74px;
			height:21px;
			float:right;
			background-image:url(images/bt-enviar_verde.gif);
			border:none;
			cursor:pointer;
		}
		#content .projetos-premiados h2 {
			font-size:37px;
			line-height:80px;
		}
		#content .projetos-premiados .destaque {
			margin-bottom:65px;
		}
			#content .projetos-premiados .destaque h3 {
				margin-bottom:25px;
				font-size:17px;
				color:#FFF;
				margin-left:-80px;
				text-indent:80px;
				background:url(images/bg-tit_projetos.gif) left top no-repeat;
				font-weight:normal;
			}
		#content .projetos-premiados .playlist div {
			float:left;
			height:90px;
			width:270px;
			margin-right:20px;
			margin-bottom:30px;
		}
			#content .projetos-premiados .playlist div img {
				float:left;
				margin-right:10px;
			}
			#content .projetos-premiados .playlist div a {
				color:#5D5D5D;
				text-decoration:none;
				line-height:25px;
			}
		
	#content .contato h2 {
		background:url(images/bg-tit_posts_verde.gif) left top no-repeat;
		font-size:37px;
		line-height:80px;
	}
	#content .contato .tweetmeme_button {display:none}
	
	#content .inscrevase ul, #content .inscrevase li,
	#content .contato ul, #content .contato li {
		margin:0;
		padding:0;
		list-style-type:none;
	}
	#content .inscrevase li, #content .contato li {margin-bottom:10px}
	#content .inscrevase li label, #content .contato li label {
		float:left;
		text-align:right;
		width:65px;
		margin-right:5px;
	}
	#content .inscrevase li input, #content .contato li input {
		background-color:#B1E6FA;
		width:495px;
		border:1px solid lightgray;
	}
	#content .contato li input {background-color:#E7F0CA}
	#content .contato li textarea {background-color:#E7F0CA}
	
	#content .inscrevase li input#ddd, #content .contato li input#ddd {width:40px}
	#content .inscrevase li input#tel, #content .contato li input#tel {width:160px}
	
	#content .inscrevase button, #content .contato button {
		width:74px;
		height:21px;
		display:block;
		margin-left:70px;
		border:none;
		cursor:pointer;
	}
	#content .inscrevase button {background-image:url(images/bt-enviar_azul.gif)}
	#content .contato button {background-image:url(images/bt-enviar_verde.gif)}	
	
	#assista {
		width:740px;
		height:340px;
		background:url(images/bg-assista.png) left top no-repeat;
		margin-bottom:25px;
		position:relative;
		clear:both;
	}
		#assista h2 {display:none}
		#assista #video-youtube {
			position:absolute;
			top:89px;
			left:378px
		}
		#assista p {
			padding:120px 0 0 40px;
			width:215px;
			color:#5d5d5d;
			font:12px "Trebuchet MS", Arial, Verdana;
			
		}
			#assista p a {
				color:#181717;
				text-decoration:none;
				font-weight:bold;
				float:right;
			}
			#assista p a:hover {text-decoration:underline}
	
	
	#destaque-trabalho {
		background:url(images/bg-destaque_seu_trabalho.png) left top no-repeat;
		width:294px;
		height:296px;
		float:left;
		padding:127px 80px 0;
	}
		#destaque-trabalho h2 {display:none}
		#destaque-trabalho a {
			font:bold 15px Arial;
			color:#FFF;
			background-color:#000;
			text-decoration:none;
		}
	
	#tag_cloud {
		text-align:center;
	}
	
	#tag_cloud a {
		text-align:center;
		color:#666666;	
	}
	
	#twitter {
		width:343px;
		height:330px;
		background:url(images/bg-twitter.png) left top no-repeat;
		float:left;
		margin-left:-71px;
		position:relative;
		margin-right:12px;
		padding-top:80px;
	}
		#twitter h2 {display:none}
		#twitter div {padding-left:90px}
			#twitter p {margin:0 10px 20px 0}

#footer {
	width:434px;
	height:27px;
	background:url(images/bg-footer.gif) left top no-repeat;
	margin:-10px auto 15px;
	position:relative;
	clear:both;
	text-align:center;
	font:12px/27px Helvetica, Arial, sans-serif;
	color:#656565;
}