/*   
Theme Name: Oforia
Theme URI: http://www.oforia.com.br/
Description: Wordpress theme designed and developed by Marcos Gonçalves
Author: Marcos Gonçalves
Author URI: http://www.oforia.com.br/
Version: 1.0
*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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, font, 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{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
body{line-height:1; padding-bottom:20px; font-family:Arial,Helvetica,sans-serif; font-size:12px}

ol, ul{list-style:none}

blockquote, q{quotes:none}

blockquote:before, blockquote:after, 

q:before, q:after{content:''}

/* remember to define focus styles! */

:focus{outline:0}

/* remember to highlight inserts somehow! */
ins{text-decoration:none}

del{text-decoration:line-through}

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse; border-spacing:0}

/*..........................*start..........................*/
body{background:#2a2a2a; color:#404040; font-family:Arial,Helvetica,sans-serif; font-size:12px}

/*Links ---------------------*/
a:link, a:active, a:visited, a:focus{ color:#333;  text-decoration:none;  outline:none}

a:hover{ color:#222}

p{line-height:1.5em}

#oforia_logo{background:url(../img/logo/oforia_blog.jpg) no-repeat center; height:184px}

#search_bar{background:url(../img/search_bar/bg.jpg) no-repeat center; height:32px}

#search_bar input[type=text]{color:#FFF; margin-top:6px; background:transparent; border:none}

/*..........................*menu..........................*/
#navigationSection{font-family:Arial,Helvetica,sans-serif; text-align:left;  overflow:hidden;  clear:left;  min-width:960px; z-index:999 !important}

#navigationSection >ul{ padding:5px;  overflow:hidden;  z-index:100}

#navigationSection ul li{ display:inline;  float:left;  white-space:nowrap}

#navigationSection ul li:last-child{ border-bottom:0}

#navigationSection ul li a{ display:block;  float:left;  padding:10px 5px;  margin-right:10px;  height:35px}

#navigationSection ul li a:hover, #navigationSection ul li a.hover{ -moz-border-radius-bottomleft:0;  -moz-border-radius-bottomright:0;  -webkit-border-bottom-left-radius:0;  -webkit-border-bottom-right-radius:0}

#navigationSection ul li ul{ display:none}

#navigationSection ul li:hover ul, #navigationSection ul li.hover ul{ z-index:101;  display:block;  background:#2a2a2a;  position:absolute;  -moz-box-shadow:0 3px 10px #666;  -webkit-box-shadow:0 3px 10px #666;  -o-box-shadow:0 3px 10px #666;  box-shadow:0 3px 10px #666;  margin-top:35px;  padding:2px;  min-width:160px;  -moz-border-radius:3px;  -webkit-border-radius:3px;  border-radius:3px;  -moz-border-radius-topleft:0;  -webkit-border-top-left-radius:0;  border-top-left-radius:0;  border:1px solid #404040;  #margin-top:0px !important;  #margin-left:0px !important;  #clear:left;  #padding-top:0}

#navigationSection ul li:last-child ul{ -moz-border-radius-topleft:3px;  -webkit-border-top-left-radius:3px;  border-top-left-radius:3px;  -moz-border-radius-topright:0;  -webkit-border-top-right-radius:0;  border-top-right-radius:0}

#navigationSection ul li ul li, #navigationSection ul li ul li ul li{ display:block;  float:none}

#navigationSection ul li ul li a, #navigationSection ul li ul li ul li a{ float:none;  margin:0;  padding:4px 6px;  #width:160px;  height:auto}

#navigationSection ul li:hover ul li ul, #navigationSection ul li ul li:hover ul li ul{ display:none}

#navigationSection ul li ul li:hover ul, #navigationSection ul li ul li ul li:hover ul{ display:block;  margin:-24px 0 0 160px}

/*..........................*container..........................*/
.container_12{min-width:980px; width:1000px; margin:auto;}

#container{background:#eaeaea;  border-top:1px solid #333;  border:1px solid #fff;  margin:0 15px 0 0;  padding:10px 0 0 0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}

.sep{width:100%; height:2px; background:url(../img/box/sep.png) repeat-x; margin-top:10px; margin-bottom:10px}

.post-entry{padding:0 20px; width:600px; overflow:hidden}

.post-entry .odd, .post-entry{background:#eaeaea url(../img/general/post-fade.png) repeat-x bottom left; padding:0 0 5px 0; clear:left; width:100%}

.post-entry .even{background:#eaeaea url(../img/general/post-fade.png) repeat-x bottom left; padding:0 0 5px 0}

.post-entry-post{padding:0 20px; padding-bottom:20px;}

.post-entry-post ol, .post-entry-post ul{margin-left:20px;}

.post-entry-post ol li, .post-entry-post ul li{margin-top:4px;margin-bottom:4px;}

.post-entry-post ol{list-style:decimal;}

.post-entry-post ul{list-style:circle;}

.post-entry-post a{color:#06F;font-weight:bold;}

.post-entry-post a:hover{color:#09F;}

.post-entry-post hr{margin-top:10px;    -bottom:10px;}

.post-entry a h2{text-align:center; font-size:1.8em; color:#0561b4; margin-top:40px}

#qbox {padding: 5px;}

#qbox h4 {color:#2a2a2a;margin-bottom:10px;}

#qbox ul {list-style:circle; margin-bottom:10px;}

#qbox ul li {margin-top:5px; margin-bottom:5px;}

.even .post-date, .odd .post-date{color:#fff; text-transform:uppercase; text-align:center!important; width:67px; overflow:hidden; font-size:13px; font-weight:bold; font-family:"Helvetica Bold",Arial,sans-serif; position:relative; z-index:1; margin-left:5px; line-height:2.5em; background:#2a2a2a; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; border:1px solid #212121}

.even .post-date span, .odd .post-date span{font-size:48px; text-align:center; display:block; font-weight:bolder; font-family:"Helvetica Bold",Arial,sans-serif}

.even p, .odd p, ol#ultimas_rapidinhas li div.cmm_content p{margin:0 0 5px 0; line-height:1.5em}

.post-date .overlay{width:65px; height:80px; background:url(../img/general/date-overlay.png) no-repeat left top; position:relative; z-index:2; margin:-68px 0 0 0}

.post-thumb img{margin-top:-50px; margin-left:15px; border:6px solid #333; width:600px}

.comm-count{background:url(../img/general/comm-bubble.png) no-repeat top left; text-align:center; width:170px; height:60px; padding:25px 0 0 0; margin:-40px 0 0 470px; position:relative; z-index:1; overflow:hidden}

.comm-count a{font-size:16px; color:#000}

.font{color:#FFF; font-size:22px}

.sidebar_content{background:url(../img/general/sidebar_top.jpg) no-repeat right top; padding-top:10px; margin-bottom:25px}

.sidebar_content_info{background:url(../img/general/sidebar_middle.jpg) right repeat-y; padding-top:20px}

.sidebar_content_footer{background:url(../img/general/sidebar_bottom.jpg) right bottom no-repeat; height:10px}

ul.destaques, ul.ultimas_rapidinhas{margin-left:50px; margin-top:30px; margin-bottom:20px}

ul.destaques{list-style:url(../img/general/destaques.png)}

ul.ultimas_rapidinhas{list-style:url(../img/general/ultimas-rapidinhas.png)}

ul.destaques li, ul.ultimas_rapidinhas li{margin-bottom:7px}

ul.destaques a{color:#09F; font-weight:bold}

ul.destaques a:hover{color:#0CF}

ul.ultimas_rapidinhas a{color:#9C0; font-weight:bold}

ul.ultimas_rapidinhas a:hover{color:#9F0}

ul.ultimas_rapidinhas a span{color:#09F}

#cmm_area{margin-top:30px}

#twitter{
	background:url(../img/general/sigam-me-os-bons-twitter.jpg) no-repeat center;
	width:100%;
	height:100px;
}
ol#ultimas_rapidinhas, ul#rapidinha_form{list-style:none; margin-top:50px; margin-bottom:70px}

ol#ultimas_rapidinhas li, ul#rapidinha_form li{color:#FFF}

ol#ultimas_rapidinhas li div.cmm_content{background:url(../img/box/bg_cmm.png) repeat-x; min-width:350px; min-height:20px; width:auto; height:auto; margin-left:97px; margin-top:-27px; padding:10px; color:#2a2a2a; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:8px; border-radius:8px}

ul#rapidinha_form li div.cmm_content{background:url(../img/box/bg_cmm.png) repeat-x; min-width:350px; width:auto; height:180px; margin-left:110px; margin-top:10px; padding:10px; padding-left:20px; color:#2a2a2a; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:8px; border-radius:8px}

ul#rapidinha_form li div.cmm_content textarea{background:transparent; border:none; margin-left:20px; width:97%; height:150px}

ul#rapidinha_form li div.cmm_form_info input[type=text]{background: url(../img/box/input_bg.png) center no-repeat; border:none; width:300px; font-size:14px; padding:5px; text-align:center; font-family:Arial,Helvetica,sans-serif; color:#FFF; margin-bottom:10px}

ul#rapidinha_form li div.cmm_form_info{position:relative; top:-160px; margin-left:120px}

ul#rapidinha_form li div.cmm_form_info label{color:#CCC}

ul#rapidinha_form li div.cmm_form_info .cmm_form_alert{color:#CCC; font-size:10px; font-style:italic}

ol#ultimas_rapidinhas li div.cmm_gravatar{background:url(../img/box/gratar_bg.png) no-repeat; width:129px; height:125px; padding:7px}

ul#rapidinha_form li div.cmm_gravatar{background:url(../img/box/gratar_form_bg.png) no-repeat; width:129px; height:125px; padding:12px; padding-top:33px; top:-30px; position:relative}

ol#ultimas_rapidinhas li div.cmm_info{position:relative; top:50px; margin-left:120px; color:#FFF; font-weight:normal}

ol#ultimas_rapidinhas li div.cmm_info a{color:#0CF; font-weight:bold}

ol#ultimas_rapidinhas li div.cmm_info a:hover{color:#0FF}

ol#ultimas_rapidinhas li div.cmm_info span{color:#9F0; display:none}

ol#ultimas_rapidinhas li div.cmm_info .cmm_date{font-size:10px; font-style:italic; margin-left:20px}

#sidebar_about_blog{background:url(../img/general/bottle.png) no-repeat top left; color:#FFF; margin-top:50px; padding:10px}

ul#about_author{list-style:none}

ul#about_author li{margin-bottom:10px; text-transform:lowercase; margin-left:20px}

ul#about_author .author_gravatar{float:left; margin-right:20px}

ul#about_author li a{color:#03F}

ul#about_author li a:hover{color:#09F}

ul#about_author .author_gravatar img{border:solid 2px #2a2a2a}

ul.search_result{list-style:none; margin-bottom:20px}

ul.search_result li{margin-left:60px; margin-bottom:10px; padding:7px; background-color:#36F}

ul.search_result li a{color:#FFF; font-weight:bold}

ul.search_result li a:hover{}

ul.search_result li a span{color:#2a2a2a; ; display:none; font-size:12px; padding-left:15px}

a.roll{margin-right:20px; margin-bottom:10px; font-variant:small-caps; font-weight:bold; color:#33F}

a.more-link{font-weight:bold; color:#03F;}

a.more-link:hover{color:#06F}

a.post-edit-link, a.comment-edit-link {color:#36F; font-variant:small-caps; font-weight:bold; float:right; margin-right:20px}

a.post-edit-link:hover, a.comment-edit-link:hover {text-decoration:underline; color:#03F}

a.comment-reply-link, a#cancel-comment-reply-link{color:#FC0; font-variant:small-caps; font-weight:bold; float:right; margin-right:20px}

a.comment-reply-link:hover, a#cancel-comment-reply-link:hover{text-decoration:underline; color:#FF0}

.alignleft{float:left; margin-right:10px; margin-bottom:10px}

.alignright{float:right; margin-left:10px; margin-bottom:10px}

.aligncenter{margin-left:auto; margin-right:auto; display:block; margin-top:20px; margin-bottom:10px;}

blockquote{padding-left:10px; padding-top:3px; padding-bottom:3px; border-left:solid 2px #999; margin-bottom:5px}

.logged_as a{color:#FC0; font-weight:bold}

.logged_as a:hover{color:#FF0}

a.signout{font-size:10px; text-transform:lowercase}

/*..........................*slider..........................*/
#slide_wrap{float:left; padding:15px 20px 15px 20px; width:600px; overflow:hidden; background:url(../img/general/post-fade.png) repeat-x bottom left; clear:right}

#slide_wrap ul{padding-top:55px; color:#999}

#slide_wrap ul li a:hover{background-position:0 -16px}

#slide_wrap ul:hover, #slide_wrap ul:hover a{color:#666; background-position:0 -16px}

#featured{margin:2px 0 -109px -1px; position:relative; z-index:999; width:32px}

.frame a img{width:600px; height:260px}

.the_title{display:none; position:absolute; bottom:0; left:0; text-align:left; padding:15px 20px 12px 20px; background:url(../img/general/main_overlay.png) repeat; width:560px}

.the_title a{color:#fff; text-transform:uppercase; font-size:85%; text-shadow:#000 0px 1px 1px}

.the_title a:hover{border-bottom:1px solid #fff}

#main-photo-slider{border:6px solid #690; height:260px; width:590px; overflow:hidden}

.panel{height:260px; overflow:hidden}

.panel ul{text-align:left; margin:0 15px 0 30px}

.stripViewer{ position:relative;  overflow:hidden; width:600px; height:263px}

.stripViewer .panelContainer{position:relative; left:0; top:0}

.stripViewer .panelContainer .panel{float:left; position:relative; width:600px}

.stripNavL, .stripNavR, .stripNav{display:none}

.cross-link a{ background:url(../img/general/cross_thumb.png) no-repeat top; width:28px;  height:20px; margin-right:8px; padding:6px 0 0 0; float:left;  text-align:center;  color:#fff; font-weight:bold; font-family:"Helvetica Bold",Arial,sans-serif; text-shadow:#CCC 0px 1px 1px}

.active-thumb a{background:url(../img/general/cross_thumb.png) no-repeat top; background-position:-12px -26px}

.slide-thumb{margin:-38px 0 0 480px; width:600px; position:relative; z-index:999}

/*Button Style*/
.btn input{font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; padding:3px 10px; border:none; font-size:12px; border-width:1px; border-style:solid; -moz-border-radius:11px; -khtml-border-radius:11px; -webkit-border-radius:11px; border-radius:11px; cursor:pointer; text-decoration:none; margin-top:-3px; text-shadow:rgba(123,123,123,1) 0 1px 0}

.btn{ margin-bottom:3px}

.btn input{border-color:#d5e0ed; !important; font-weight:bold; color:#FFF !important; background:#b2bbc6  url(../img/btn/silver-grad.png) repeat-x scroll left top}

.btn input:active{background:#b2bbc6 url(../img/btn/silver-grad-active.png) repeat-x scroll left top; !important}

.btn input:hover{border-width:1px; border-style:solid; border-color:#999}