/*
Theme Name: JJ Site
Theme URI: http://www.quartouniversitario.com/sarna
Description: Projeto JJ Site
Version: 1.0
Author: Sarna
Tags: jornalismo, urbano, web 2.0
*/

/* -------------------------------------------------------------------- */
/* Reset

Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0 */
html{color:#000;background: #fff; font-family:arial;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* -------------------------------------------------------------------- */
/* Clearfix */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {	display: inline-block;}
html[xmlns] .clearfix {	display: block;}
* html .clearfix {	height: 1%;}

/* -------------------------------------------------------------------- */
/* All */
#limit{width:930px; margin:0 auto;padding:0 35px;}
a{text-decoration:none;}
/* -------------------------------------------------------------------- */
/* Bar */
#bar{width:100%; padding:20px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#bar li{display:block; float:left;}
#bar ul{height:39px;}
#bar #social{float:left;width:290px; padding:8px 0;}
#bar #social li{padding:0 3px;}
#bar #menu li a{margin-right:10px;}
#bar #menu li a:hover{opacity:0.8; filter(alpha=0.8);}

/* -------------------------------------------------------------------- */
/* Header */
#header{width:730px;padding:20px 0 20px 0}
#header h1{float:left; background:url(images/logo.png); width:219px; text-indent:-9999px; height:100px;}
#header h2{float:right; background:url(images/titulo.jpg); width:470px; text-indent:-9999px; height:100px;}

/* -------------------------------------------------------------------- */
/* Body */
#main{width:930px;padding-top:35px;}
#news{width:280px; float:left;padding-right:15px;}
#news .new{height:160px;width:280px;padding:10px 0 20px 0;}
#news .new h3{color:#ff6600; border-bottom:1px solid #ff6600;padding-bottom:5px;font-size:25px;}
#news .new .textwidget{padding:10px 0;color:#555;font-size:13px;}
#news .new .textwidget img{position:relative;top:5px;}
#news .new .textwidget a{border-bottom:1px dotted #777;color:#333;}
#news .new .textwidget a:hover{color:#FF6600;border-bottom:1px dotted #f60;}
#slide{width:425px; height:355px; padding-bottom:10px; border-bottom:1px dotted #ccc;float:left;}
#twitter{width:190px;float:right;padding-bottom:20px;}
#twitter #twittertopo{height:20px;width:190px; background:url(images/topotwitter.jpg) right top no-repeat;}
#twitter #twittercont{width:175px; padding:30px 0 0 15px;background: url(images/twittermid.jpg) right top no-repeat;}
#twitter #twittercont .cont{background:#EAEAEA;padding:10px;color:#777;font-size:70%;width:155px;}
#twitter #twitterrodape{background:url(images/rodapetwitter.jpg) no-repeat right top; height:10px;}
#twitter .twitter-message{font-size:90%;color:#444;padding:5px 0;border-bottom:1px dotted #777;}
#twitter .twitter-message a{color:#222;}
#twitter .twitter-message a:hover{color:#FF6600;}

/* -------------------------------------------------------------------- */
/* Posts */
#posts{width:730px;padding:20px 0;clear:left;}
#postssingle{width:700px;clear:both; padding:0;}
#posts .post{width:340px;height:100px;padding-right:25px;float:left;font-size:90%;padding-bottom:20px;}
#postssingle .postsingle{width:700px;float:left;font-size:90%;padding-bottom:20px;}
#postssingle .postsingle h1{color:#ff6600; padding:10px 0 5px 0;font-size:140%; font-weight:bold;padding-bottom:20px;}
#postssingle .postsingle h2{color:000; padding:0 0 10px 0;font-size:120%;font-weight:bold;}
#postssingle .postsingle strong{font-weight:bold;}
#postssingle .postsingle p{font-size:80%; color:#777;padding:5px 0;line-height:1.6em;color:#444;}
#postssingle .postsingle p a{border-bottom:1px dotted #777;color:#333;}
#postssingle .postsingle p a:hover{color:#FF6600;border-bottom:1px dotted #f60;}
#posts .post .img{float:left;margin:0 10px 10px 0;}
#posts .post h1{color:#ff6600; padding:10px 0 5px 0;}
#posts .post p{font-size:80%; color:#777;display:inline;}
#posts .post .more{position:rlative;top:5px; left:5px;margin-top:5px;}

/* -------------------------------------------------------------------- */
/* Footer */
#footer{width:100%; background:#eaeaea; padding:45px 0 40px 0; clear:both; text-transform:uppercase; font-size:70%;}
#footer li{float:left; display:block;}
#footer a{border-left:1px solid #FF6600; color:#555;padding:0 10px 0 5px;}
#footer a:hover{color:#333;}
#footer h5{color:#555; float:right;text-transform:uppercase;}
#footer h5 a{border:none;}

/* -------------------------------------------------------------------- */
/* Creditos */
#creditos{width:650px; padding:20px 90px;font-size:70%; background:#f5f5f4;}
#creditos h5{float:right;background:url(images/credito.jpg); width:158px; height:17px; padding:17px 10px 3px 10px; text-align:center;}
#creditos h4{margin-right:30px;float:right;background:url(images/credito.jpg); width:158px; height:17px; padding:17px 10px 3px 10px; text-align:center;}
#creditos a{color:#FF6600;}
#creditos a span{color:#666;}
#creditos a:hover{color:#333;}
#creditos a:hover span{color:#333;}

/* -------------------------------------------------------------------- */
/* Form */
	#formulariocontato{width:650px;}
	#formframe{width:250px;padding:20px;border-right:1px solid #555;float:left;}
	#formdesc{width:340px;float:right;text-align:justify;}
	#formdesc h4{color:#333;}
	#formdesc p{padding:3px 0;color:#000;}
	#formdesc h5{color:#555;font-size:80%;}

/* -------------------------------------------------------------------- */