/*---------------------------------------------------------------------------- Global Style Seet version: 1.0 author: Geoff Towle email: geoff@incubox.com website: www.incubox.com copyright: Feel free to learn from and copy this code, but you may not copy the design (the unique combination of images, colors, sizes, typography, and positioning) as it is copyrighted by Incubox, AffinityUSA and madeleinesmustangs.org and may not be reproduced. ------------------------------------------------------------------------------*/ /* DEV Page Styles ----------------------------------*/ //#main_nav.test { background:url(/images/custom/banner_top.png) left bottom no-repeat; border-bottom:0; } #showcase2 { width:940px; height:340px; float:left; margin:5px 0 5px 0; padding:15px 10px; background:url(/images/custom/bg_showcase.png) 0 0 no-repeat; } #showcase2 #showcase_left { width:490px; height:340px; float:left; padding:0; } #showcase2 #showcase_right { width:440px; height:330px; float:right; padding:0; } .headlines { border-top:5px solid #E2DDCA; padding:5px; line-height:140%; height:42px; overflow:hidden; } .headline a { font-weight:normal; } /* Global ----------------------------------*/ html, body, form, fieldset, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin:0 0 10px 0; padding:0; } h2 { margin:0; padding:0; } ul,li { list-style-type:none; } img { margin:0; padding:0; } th, td, table { margin:0; padding:0; } body { background:#1A2A5E url(/images/custom/bg_body.png) 0 0 repeat-x; font:76%/160% Verdana, Arial, Helvetica, sans-serif; color:#333333; min-width:980px; } html, body { height:100%; } a { color:#800000; font-weight:bold; text-decoration:none; } a:hover { text-decoration:underline; } a.underline { color:inherit; font-weight:normal; text-decoration:underline; } a.underline:hover { color:#800000; } li { line-height:140%; } img.board_image { float:left; margin:5px 10px 35px 0; } /* Typography ----------------------------------*/ h1, h1 a { font-family:Georgia, "Times New Roman", serif; color:#0C5297; } h2 { font-size:120%; color:#0C5297; } p.serif { font:120%/160% Georgia, "Times New Roman", serif; } /* Layout ----------------------------------*/ #wrapper { width:960px; margin:0 auto; text-align:left; padding:10px; background:#1A2A5E; min-height:100%; } #header { height:202px; float:left; } #body_content { width:960px; float:left; background:#E2DDCA; } #body_content #content_left { width:622px; } #body_content #content_left { padding:0 0 10px 10px; float:left; } #body_content #content_right { float:left; margin-left:11px; width:300px; padding:10px 0 0; } #home #body_content #content_right { padding:0; } #body_content #content_top, #body_content #content_bottom { padding:10px 0 0; float:left; } #header #header_image { height:170px; } #mission_statement { background:#AA0516; padding:10px; float:left; margin-bottom:10px; } #mission_statement p { color:#D1D3D4; line-height:130%; } /* Home Page ----------------------------------*/ .small_block { background:#F1F1F1; float:left; width:305px; height:310px; margin-left:11px; } .small_block h2, #body_content h2, .content_right h2 { background:url(/images/custom/bg_h2.gif) 0 0 repeat-x; font:110% Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; padding:5px; margin-bottom:5px; } .small_block p, #body_content p, #content_right p { padding:0 10px; } .small_block .content, #content_right .content { float:left; width:305px; height:60px; margin-bottom:20px; } .small_block .gap, #content_right .gap { width:305px;; height:10px; background:#E2DDCA; float:left; } .small_block .links, #content_right .links { width:305px; height:130px; float:left; } .small_block .board_member, #content_right .board_member { float:left; width:293px; height:80px; margin:0 6px 6px; background:#F9F9F9; } .small_block .board_member .photo, #content_right .board_member .photo { width:59px; height:72px; float:left; margin:4px 10px 10px; overflow:hidden; } #body_content .content { background:#F1F1F1; } span.date { font-size:90%; color:#999999; } #takeaction { position:relative; } #takeaction #emails { width:285px; position:absolute; left:5px; top:160px; padding:3px 5px; background:#FFF; font-size:11px; } #icons { width:425px; height:82px; background:url(/images/custom/kit_bck.png) 0 0 no-repeat; } #sign-up { float:left; margin-top:20px; padding:10px 20px; background:#E2DDCA; width:385px; text-align:center; } #sign-up h2 { margin-bottom:5px; } #high-school { width:425px; height:60px; margin-top:20px; float:left; text-align:center; background:#E2DDCA; padding-top:10px;} /* Headines/Video Showcase ---------------------------------*/ #showcase { width:940px; height:350px; float:left; margin:5px 0; padding:10px; background:url(/images/custom/bg_showcase.png) 0 0 no-repeat; } #showcase #showcase_left { width:450px; height:310px; float:left; padding:5px 20px 5px 10px; } #showcase #showcase_right { width:440px; height:330px; float:right; padding:5px 10px; } #showcase .sliderwrapper .contentdiv h2 { color:#131E43; padding:0px 0px 6px 0px; font-size:110%; } #showcase .ne_content { padding:10px; background:#F1F1F1; height:310px; overflow:hidden; } #showcase .ne_content .ne_image { width:450px; height:220px; overflow:hidden; text-align:center; background:#FFF; } #showcase .ne_content .ne_image img { } #showcase .ne_content p { padding:5px 0; line-height:130%; font-size:90%; } #showcase .sliderwrapper { position: relative; overflow: hidden; width: 470px; height: 310px; background:#fff; color: #000; } #showcase .sliderwrapper .contentdiv { visibility:hidden; position:absolute; left:0; top:0; background:white; width:470px; height:100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity:1; opacity:1; } #showcase .pagination { width:470px; text-align:right; padding-top:7px; } #showcase .pagination a { padding:5px 10px;text-decoration:none; color:#1A2A5E; background:white; } #showcase .pagination a:hover, #showcase .pagination a.selected { color:#FFF; background-color:#AA0516; } /* Sub Pages ------------------------------------*/ #sub_content_left { width:620px; float:left; } #sub_content { background:#F1F1F1; } /*#sub_content h1, h2, h3, p { padding-left:10px; padding-right:10px; }*/ #sub_content h1 { font:150% Arial, Helvetica, sans-serif; font-weight:bold; color:#72533F; padding:10px; margin-bottom:5px; border-bottom:5px solid #E2DDCA; } #sub_content .entry { padding:15px 10px; border-bottom:10px solid #E2DDCA; } #sub_content .entry img { max-width:595px; height:auto; } #sub_content .board1, #sub_content .board2 { width:200px; height:120px; background:#F1F1F1; float:left; margin-top:10px; padding-top:5px; } #sub_content .board2 { margin-left:10px; } #content_right .sidebar_link { padding:10px; margin-bottom: 10px; background: #D0C8A9;} /* Miscellaneous ------------------------------------*/ .addthis_toolbox { width: 160px; padding:5px; } #guestbook { padding:15px; } #guestbook #sign { background-color:#FFF; padding:15px; z-index:100; } #guestbook table { width:100%; } #guestbook table th { width:40%; text-align:right; padding:0 10px 5px 0; vertical-align:top; height:40px; } #guestbook table td { width:60%; vertical-align:top; } #guestbook table input[type="text"], #guestbook table textarea { border:1px solid #999999; padding:3px; font-size:123.1%; color:#444444; letter-spacing:1px; margin:2px 0; } #guestbook table input[type="text"] { width:330px; } #guestbook table textarea { width:330px; height:120px; } #guestbook table textarea.wide { width:100%; height:300px; } #guestbook table input[type="submit"] { padding:3px 8px; border:1px solid #999999; cursor:pointer; font-size:108%; } #guestbook table select { width:335px; height:26px; padding-top:3px; } #guestbook table select option { padding:3px; } #guestbook span.required { color:#FF0000; } .odd, .even { padding:15px; } .odd { background-color:#FFFFFF; } .even { background-color:#EFEFEF; } /* Redesign --------------------------------------*/ #main_nav ul { padding: 0; margin: 0; height: 35px; background-image: url('/images/redesign/menu_background.png'); width: 960px; text-align: center; } #main_nav ul li { list-style-type: none; display: inline; float: left; color: #ffffff; background: url('/images/redesign/menu_separator.png') right center no-repeat; padding-right: 2px; } #main_nav ul li.last-child {background:none; padding-right:0;} #main_nav ul li a{ font-family: Arial, Tahoma, Verdana; font-size: medium; text-decoration: none; color: #ffffff; text-transform: uppercase; font-weight: bold; background-image: url('/images/redesign/menu_background.png'); background-repeat: repeat-x; line-height: 35px; padding: 8px 11px 8px 12px; } #main_nav ul li.last-child a { padding: 8px 13px; *padding: 8px 10px; } #main_nav ul li.first-child a { padding: 8px 14px; *padding: 8px 10px; } #main_nav ul li a:hover, #main_nav ul li a.current{ background-image: url('/images/redesign/menu_background_over.png'); } /* Main Navigation ---------------------------------- #main_nav { width:960px; background:#BF434F; float:left; text-align:center; } #main_nav ul, #main_nav li { margin:0; padding:0; } #main_nav li { display:inline; } #main_nav li a { font:110% Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:1px; color:#F1F1F1; background:#AA0516; padding:8px 17px; display:block; float:left; margin-left:1px; } #main_nav li a#home { padding-left:15px; padding-right:15px; } #main_nav li a:hover { background:#790410; color:#FFFFFF; text-decoration:none; } #main_nav li a.current { background:#E2DDCA; cursor:default; color:#790410; } #footer { float:left; width:960px; height:100px; text-align:center; margin-top:10px; color:#CCC; background:#1A2A5E; } */ /* FOOTER */ #bottom { color: #ffffff; text-align: center; font-size: 13px; *width: 960px; } #thanks, #copyright { padding: 10px; } #bottom h3 { margin: 0; font-size: 14px; padding: 10px; } #footer { background-color: #253C86; padding: 10px 125px; margin-top: 10px; } #bottom a { text-decoration: none; color: #ffffff; }