/* ---------------------------------------------------------------------- Style Sheet for 7ª Essência www.7essencia.com author: Inayaili de Leon email: hello@yaili.com website: http://yaili.com/ ------------------------------------------------------------------------*/ /* ---------------------------------------------------------------------- CONTENTS: =Resets & General =Main Blocks =Header =Main Nav =Main Content =Aside =Forms =Footer ------------------------------------------------------------------------*/ /* =Resets & General ----------------------------------------------------- ------------------------------------------------------------------------*/ body { background:#fff url(../images/css/header_bkg.jpg) repeat-x top left; margin:0; padding:0; font:13px Verdana, Arial, Helvetica, sans-serif; color:#417b86; text-align:center; } h1, h2, h3, h4, h5, h6, p, ul, li, div, img, form, input, label, legend, select, textarea, button, span, a { margin:0; padding:0; } ul { list-style-position:inside; } .clear { clear:both; height:0; } a img { border:none; } a { color:#483048; } /* =Main Blocks ---------------------------------------------------------- ------------------------------------------------------------------------*/ #header { background:url(../images/css/header_bkg_pattern.jpg) no-repeat 50% top; margin-bottom:29px; } #header .padding { width:780px; margin:auto; text-align:left;height:204px; position:relative; } #content { background:#fff url(../images/css/content_bkg.jpg) repeat-x left bottom; } #content .padding{ width:780px; margin:auto; text-align:left; background:url(../images/css/content_padding_bkg.jpg) no-repeat 50% bottom; } #content #mainContent { width:570px; float:left; margin-bottom:60px; } #content #aside { width:180px; float:right; margin-bottom:60px; } #footer { clear:both; padding:65px 0 7px 0; color:#c0a594; font-size:11px; position:relative; text-align:center; } #footer #federada { position:absolute; left:0; top:70px; } /* =Header --------------------------------------------------------------- ------------------------------------------------------------------------*/ h1 { text-indent:-10000px; width:230px; } h1 a { height:167px; display:block; } #proximasAulas { position:absolute; right:0; top:0; background:url(../images/css/proximasaulas_bkg.png) no-repeat right top; width:235px; height:163px; overflow:visible; padding-top:56px; } #proximasAulas p { margin:0 28px 3px 16px; font-size:12px; } /* =Type ---------------------------------------------------------------- ------------------------------------------------------------------------*/ #mainContent h2 { font:bold italic 22px/24px Georgia, "Times New Roman", Times, serif; margin-bottom:10px; } #mainContent h3, #festas-content h3, #campos-content h3 { font:bold italic 17px/20px Georgia, "Times New Roman", Times, serif; margin-bottom:5px; } #mainContent h3 span.date { color:#cf812d; font:11px Verdana, Arial, Helvetica, sans-serif; margin-left:5px; } #mainContent p, #festas-content p, #campos-content p { line-height:18px; margin-bottom:13px; } #mainContent p a { color:#417b86; text-decoration:none; background:#e9dbce; padding:1px; } #mainContent p a:hover { border-bottom:1px dotted #417b86; } #mainContent ul, #festas-content ul, #campos-content ul { margin-bottom:15px; margin-left:10px; } #mainContent li, #festas-content li, #campos-content li { padding:3px 0; } #mainContent li a { color:#417b86; text-decoration:none; background:#e9dbce; padding:1px; } #mainContent li a:hover { border-bottom:1px dotted #417b86; } span.note { color:#f00; font-weight:bold; font-size:12px; } p.note { font-size:12px; } /* =Nav ---------------------------------------------------------------- ------------------------------------------------------------------------*/ ul#nav { position:absolute; bottom:0; left:0; list-style:none; } ul#nav li { float:left; margin-right:9px; } ul#nav li a { background:url(../images/css/menu.gif) no-repeat left top; display:block; text-indent:-10000px; height:37px; } ul#nav li#nav-home a { width:72px; background-position:-2px top; } ul#nav li#nav-home a:hover, #home ul#nav li#nav-home a { background-position:-2px bottom; } ul#nav li#nav-aulas a { width:67px; background-position:-88px top; } ul#nav li#nav-aulas a:hover, #aulas ul#nav li#nav-aulas a { background-position:-88px bottom; } ul#nav li#nav-servicos a { width:88px; background-position:-164px top; } ul#nav li#nav-servicos a:hover, #servicos ul#nav li#nav-servicos a { background-position:-164px bottom; } ul#nav li#nav-equipa a { width:77px; background-position:-261px top; } ul#nav li#nav-equipa a:hover, #equipa ul#nav li#nav-equipa a { background-position:-261px bottom; } ul#nav li#nav-metodologia a { width:119px; background-position:-347px top; } ul#nav li#nav-metodologia a:hover, #metodologia ul#nav li#nav-metodologia a { background-position:-347px bottom; } ul#nav li#nav-galeria a { width:80px; background-position:-476px top; } ul#nav li#nav-galeria a:hover, #galeria ul#nav li#nav-galeria a { background-position:-476px bottom; } ul#nav li#nav-inscricoes a { width:98px; background-position:-565px top; } ul#nav li#nav-inscricoes a:hover, #inscricoes ul#nav li#nav-inscricoes a { background-position:-565px bottom; } ul#nav li#nav-contactos a { width:102px; background-position:-672px top; } ul#nav li#nav-contactos a:hover, #contactos ul#nav li#nav-contactos a { background-position:-672px bottom; } /* =Aside ---------------------------------------------------------------- ------------------------------------------------------------------------*/ h3#campos a, h3#festas a, h3#hi5 a, h3#msn a, h3#blog a, h3#fb a{ display:block; height:66px; margin-bottom:9px; text-indent:-10000px; background:none no-repeat left top; } h3#campos a, h3#festas a, h3#blog a { width:180px; clear:both; } h3#hi5 a, h3#fb a, h3#msn a { width:85px; float:left; } h3#hi5 a, h3#fb a { margin-right:10px;} h3#campos a { background-image:url(../images/css/aside_camposferias.jpg); } h3#festas a { background-image:url(../images/css/aside_festas.jpg); } h3#hi5 a { background-image:url(../images/css/aside_hi5.jpg); } h3#msn a { background-image:url(../images/css/aside_msn.jpg); } h3#blog a { background-image:url(../images/css/aside_blog.jpg); } h3#fb a { background-image:url(../images/css/aside_fb.jpg); } /* =Tables ---------------------------------------------------------------- ------------------------------------------------------------------------*/ table.normal { border-collapse:collapse; margin-bottom:14px; font-size:12px; } table.normal caption { text-align:left; font:italic bold 14px Georgia, "Times New Roman", Times, serif; margin-bottom:5px; } table.normal td, table.normal th { padding:2px 3px; text-align:center; border:1px solid #fff; border-width:0 1px 1px 0; } table.padd td, table.padd th { padding:8px 4px; } table.normal th { background:#97cbd6; } table.normal td { background:#e9dbce; } table.normal td.empty { background:none; } /* =Content -------------------------------------------------------------- ------------------------------------------------------------------------*/ #mainContent a.doc { background:#e9dbce url(../images/css/file_doc.gif) no-repeat left 50%; padding:2px 0 2px 20px; } img.along { border:1px solid #c0a594; padding:3px; float:right; margin:0 10px 0 10px; } img.gallery-photo { margin:0 10px 10px 0; } img.img-pop { padding-bottom:10px; } .erro { background:url(../images/css/erro.jpg) no-repeat left top; padding:2px 0 3px 29px; } .ok { background:url(../images/css/obrigado.jpg) no-repeat left top; padding:2px 0 3px 29px; } /* =Forms ---------------------------------------------------------------- ------------------------------------------------------------------------*/ form#contacts { margin:15px 0; } form#contacts label { display:block; clear:both; margin-bottom:2px; } form#contacts input, textarea { width:200px; clear:left; margin-bottom:10px; font-size:13px; padding:2px; border:1px solid #97cbd6; float:left; } form#contacts input:focus, form#contacts textarea:focus { background:#e9dbce; border-color:#417b86; } form#contacts input.submit { display:block; clear:both; margin-top:10px; font:13px Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px; text-transform:uppercase; padding:3px; border:1px solid #97cbd6; background:#417b86; color:#fff; cursor:pointer; width:auto; } form#contacts input#antispam { width:50px; } .requi { color:#f00; font-weight:bold; } .validation-advice { background:#CC0000; float:left; clear:none; width:280px; padding:4px 10px; text-align:center; margin:0 0 10px 10px; color:#fff; } /* =Ultimas -------------------------------------------------------------- ------------------------------------------------------------------------*/ #ultimas { background:#e9dbce url(../images/css/ultimas_bkg_bottom.gif) no-repeat 50% bottom; padding-bottom:13px; } #ultimas h3 { font:italic bold 13px Georgia, "Times New Roman", Times, serif; position:relative; padding:10px 0 10px 8px; background:url(../images/css/ultimas_bkg_top.gif) no-repeat 50% top; } #ultimas h3 span { position:absolute; right:8px; top:10px; font:normal bold 11px Verdana, Arial, Helvetica, sans-serif; } #ultimas h3 a { color:#417b86; } #ultimas .entry { margin:9px 9px 0 9px; font-size:11px; } #ultimas .entry-date, #ultimas .entry-title, #ultimas .entry-content { display:block; clear:both; } #ultimas .entry-date { margin-bottom:3px; color:#cf812d; padding:3px 0 3px 20px; background:url(../images/css/calendar.gif) no-repeat left 50%; } #ultimas .entry-title { font:bold 13px/13px Georgia, "Times New Roman", Times, serif; margin-bottom:5px; } #ultimas .entry a { font-weight:bold; text-decoration:underline; color:#417b86; } /* =Pagination ---------------------------------------------------------------- ------------------------------------------------------------------------*/ .pagination { margin-top:15px; } .pagination a { padding:3px 4px; border:1px solid #e99c3d; text-decoration:none; margin-right:2px; } .pagination a:hover, .pagination a:active { background:#f5c04f; color:#000; } .pagination span.current { padding:3px 4px; border:1px solid #e99c3d; color:#fff; background:#e99c3d; margin-right:2px; } .pagination span.disabled { padding:3px 4px; border:1px solid #fae1a2; color:#fae1a2; margin-right:2px; } /* =Footer ---------------------------------------------------------------- ------------------------------------------------------------------------*/ #federada p { color:#417b86; font-size:11px; text-align:left; margin-bottom:4px; } #federada p.fps { color:#fd0000; font-size:11px; width:65px; text-align:left; float:left; margin-top:2px; } #federada img { float:left; margin:0 4px 0 0; } #parceiros { margin-bottom:8px; margin-left:150px; } #parceiros p { margin-bottom:8px; } #parceiros img { margin:0 7px; } p#webdesign { display:inline; width:170px; } p#webdesign a { padding:7px 91px 10px 0; color:#c0a594; text-decoration:none; background:url(../images/css/webdesign_yaili.gif) no-repeat right 50%; display:inline-block; } p#webdesign a:hover { text-decoration:underline; }