/* reset | 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}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* Project Name: San Diego Youth Council Theme URI: http://www.sdyouthcouncil.org Version: 1.00 Author: Eren Emre Kanal Author URI: http://erenemre.com */ body { background: url(../images/background.png) repeat-y center top; font: 13px/18px arial, helvetica, sans-serif; color: #333; } #main { width: 914px; margin: 0 auto; } /* common */ .clear { clear: both; } .hide { display: none; } .img2txt { text-indent: -999999px; display: block; } .left { float: left; } .right { float: right; } /* header */ #header { background: url(../images/header.jpg) no-repeat; height: 151px; } #header h1 a { width: 345px; height: 95px; margin: 45px 0 -20px; } #navigation { width: 265px; margin: 65px 0px 0px 0px; } #navigation li { float: left; } #navigation li a {background: url(../images/menu-items.png) no-repeat; text-indent: -999999px; display:block } #navigation .seperator { height: 30px; width: 6px; text-indent: -999999px; background: url(../images/menu-items.png) no-repeat -7px -154px; } #navigation li a#m-join { width: 177px; height: 27px; background-position: -333px 1px; } #navigation li a#m-join:hover, #navigation li.selected a#m-join { background-position: -333px -79px; } #navigation li a#m-spanish { width: 61px; height: 27px; background-position: -518px 1px;} #navigation li a#m-spanish:hover, #navigation li.selected a#m-spanish { background-position: -518px -79px; } #navigation li a#m-about { width: 47px; height: 30px; background-position: -4px -34px;} #navigation li a#m-about:hover, #navigation li.selected a#m-about { background-position: -4px -114px; } #navigation li a#m-news { width: 47px; height: 30px; background-position: -55px -34px; } #navigation li a#m-news:hover, #navigation li.selected a#m-news { background-position: -55px -114px; } #navigation li a#m-media { width: 117px; height: 30px; background-position: -168px -34px; } #navigation li a#m-media:hover, #navigation li.selected a#m-media { background-position: -168px -114px; } #navigation li a#m-media2 { width: 52px; height: 30px; background-position: -110px -34px; } #navigation li a#m-media2:hover, #navigation li.selected a#m-media2 { background-position: -110px -114px; } #navigation li a#m-campaigns { width: 77px; height: 30px; background-position: -293px -34px; } #navigation li a#m-campaigns:hover, #navigation li.selected a#m-campaigns { background-position: -293px -114px; } #navigation li a#m-contact { width: 63px; height: 30px; background-position: -379px -34px; } #navigation li a#m-contact:hover, #navigation li.selected a#m-contact { background-position: -379px -114px; } #navigation li a#m-links { width: 50px; height: 30px; background-position: -446px -34px; } #navigation li a#m-links:hover, #navigation li.selected a#m-links { background-position: -446px -114px; } /*header 2*/ #navigationtwo { width: 556px; margin: -1px 0px 0px 0px; } #navigationtwo li { float: left; } #navigationtwo li a {background: url(../images/menu-items.png) no-repeat; text-indent: -999999px; display:block } #navigationtwo .seperator { height: 30px; width: 6px; text-indent: -999999px; background: url(../images/menu-items.png) no-repeat -7px -154px; } #navigationtwo li a#m-join { width: 167px; height: 27px; background-position: -330px 1px; } #navigationtwo li a#m-join:hover, #navigationtwo li.selected a#m-join { background-position: -330px -79px; } #navigationtwo li a#m-spanish { width: 60px; height: 27px; background-position: -500px 1px;} #navigationtwo li a#m-spanish:hover, #navigationtwo li.selected a#m-spanish { background-position: -500px -79px; } #navigationtwo li a#m-about { width: 73px; height: 30px; background-position: -4px -34px;} #navigationtwo li a#m-about:hover, #navigationtwo li.selected a#m-about { background-position: -4px -114px; } #navigationtwo li a#m-news { width: 47px; height: 30px; background-position: -91px -34px; } #navigationtwo li a#m-news:hover, #navigationtwo li.selected a#m-news { background-position: -91px -114px; } #navigationtwo li a#m-media { width: 100px; height: 30px; background-position: -264px -34px; } #navigationtwo li a#m-media:hover, #navigationtwo li.selected a#m-media { background-position: -264px -114px; } #navigationtwo li a#m-media2 { width: 57px; height: 30px; background-position: -146px -34px; } #navigationtwo li a#m-media2:hover, #navigationtwo li.selected a#m-media2 { background-position: -146px -114px; } #navigationtwo li a#m-campaigns { width: 80px; height: 30px; background-position: -459px -34px; } #navigationtwo li a#m-campaigns:hover, #navigationtwo li.selected a#m-campaigns { background-position: -459px -114px; } #navigationtwo li a#m-contact { width: 72px; height: 30px; background-position: -548px -34px; } #navigationtwo li a#m-contact:hover, #navigationtwo li.selected a#m-contact { background-position: -548px -114px; } #navigationtwo li a#m-links { width: 83px; height: 30px; background-position: -629px -34px; } #navigationtwo li a#m-links:hover, #navigationtwo li.selected a#m-links { background-position: -629px -114px; } /* content */ #content { background: #fff url(../images/content-background.png) repeat-x left bottom; border: 3px solid #fff; border-left: 0; border-right: 0; min-height: 300px; } #content h2 { color: #e47d2f; font-size: 23px; margin: 10px 0 15px 0; } #content h3 { color: #00688f; font-size: 17px; margin: 15px 0 5px 0; } #content h4 { color: #e47d2f; font-size: 23px; margin: 10px 0 15px 0; font-weight: bold; line-height: normal; } #content h5 { color: #00688f; font-size: 17px; margin: 15px 0 5px 0; } #content .content-image { float: left; margin: 20px 0 20px 20px; } #content .text { padding: 20px; margin-left: 446px; } #content .text a { color: #00688f; } #content .text small { font-size: 11px; } #content .text ul { margin: 15px 0 15px 30px; list-style: square; } /* footer */ #footer { background: url(../images/footer.png) no-repeat 30px 20px; height: 100px; } #heading3 { color: #00688f; font-size: 17px; margin: 15px 0 5px 0; font-weight:bold;}