/* ---------------------------------------------------------- Jam with Jamie Managed by: Murali -- http://www.suchsweetthunder.net Last Update: August 2009 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - STRUCTURE 04 - HOMEPAGE ELEMENTS 05 - SUBPAGE ELEMENTS 06 - UTILITY ---------------------------------------------------------- */ /* @group 01 - GLOBAL BROWSER RESET */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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 { font-style: normal; font-weight: normal; } ol,ul { 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; } /* @end */ /* @group 02 - COMMON STYLE */ body { font: 62.5% "Helvetica Neue", Helvetica, Verdana, sans-serif; line-height: 1.4em; color: #555;} p { font-size: 12.5px; line-height: 1.3em; margin-bottom: 15px; color: #555;} body.interior p { font-size: 1.3em; line-height: 1.5em;} h1 { font-size: 36px; line-height: 1.5em; color: #fbb1cb; margin-bottom: 20px;} h2 { font-size: 24px; line-height: 1.5em; font-weight: bold; color: #6dca6f; } h3 { font-size: 14px; line-height: 1.5em; font-weight: bold; color: #555; } a { font-weight: bold; text-decoration: none; color: #6daefe; } a:hover { text-decoration: underline; } blockquote { font-size: 12.5px; line-height: 1.5em; margin: 10px 25px; border-left: 5px solid #6daefe; padding-left: 10px;} .base ul, ol { font-size: 12.5px; line-height: 1.5em; list-style-position: outside;} .base ul { list-style-type: disc; margin: 10px 25px; } .base ol { list-style-type: decimal; margin: 10px 25px;} .base ul li, .base ol li { } .base li ol { margin: 0 25px; list-style-type: lower-latin;} .base li ul { margin: 0 25px; list-style-type: circle;} /* @end */ /* @group 03 - STRUCTURE */ body { background: #4486bf url(images/uploads/wrapper/background.png) repeat center; } #container { width: 779px; margin: 0 auto; position: relative;} #masthead a { width: 779px; height: 101px; background: url(images/uploads/wrapper/masthead.jpg) no-repeat; display: block; text-indent: -9999px;} ul#navigation { width: 779px; height: 49px; background: url(images/uploads/wrapper/navigation.png) 0 0; } ul#navigation li { float: left; } ul#navigation li a { display: block; height: 49px; text-indent: -9999px; overflow: hidden;} ul#navigation li a.home { width: 84px; } ul#navigation li a.about { width: 130px; } ul#navigation li a.bookings { width: 135px; } ul#navigation li a.multimedia { width: 90px; } ul#navigation li a.testimonials { width: 135px; } ul#navigation li a.contact { width: 120px; } ul#navigation li a.home:hover { background: url(images/uploads/wrapper/navigation.png) 0 -49px; } ul#navigation li a.about:hover { background: url(images/uploads/wrapper/navigation.png) -84px -49px; } ul#navigation li a.bookings:hover { background: url(images/uploads/wrapper/navigation.png) -214px -49px; } ul#navigation li a.multimedia:hover { background: url(images/uploads/wrapper/navigation.png) -349px -49px; } ul#navigation li a.testimonials:hover { background: url(images/uploads/wrapper/navigation.png) -439px -49px; } ul#navigation li a.contact:hover { background: url(images/uploads/wrapper/navigation.png) -574px -49px; } #main { padding: 15px 15px 0px 15px; background: #fff;} #footer { text-align: right; background: url(images/uploads/wrapper/bg-body-footer.png) no-repeat; padding-top: 25px; padding-right: 15px; } #footer p, #footer ul, #footer ul li { display: inline; font-size: 11px; font-weight: bold;} #footer p, #footer ul li a { color: #fff; } #footer p { margin-right: 5px; } #footer ul li { padding-right: 5px; border-right: 1px solid #fff; margin-right: 5px;} #footer ul li.last { padding: 0; border: 0; margin: 0; } /* @end */ /* @group 04 - HOMEPAGE ELEMENTS */ #container img.sticker { position: absolute; right: -57px; top: 65px;} #intro-top { background: url(images/uploads/wrapper/bg-intro-top.jpg) no-repeat 0 0; height: 185px; } #intro { background: url(images/uploads/wrapper/bg-intro-bottom.jpg) no-repeat 0 100%; padding: 0 15px 15px; margin-bottom: 15px;} #intro h2 { background: url(images/uploads/wrapper/title-birthdayparties.png) no-repeat 0 0; height: 41px; text-indent: -9999px; overflow: hidden; margin-bottom: 0;} #intro p { margin-bottom: 0; font-weight: bold; font-size: 15px; line-height: 18px; color: #d15980;} #meet-jamie { background: url(images/uploads/wrapper/bg-meetjamie-bottom.jpg) no-repeat 0 100%; width: 415px; height: 167px; float: left; overflow: hidden;} #meet-jamie h2 { background: url(images/uploads/wrapper/bg-meetjamie-top.jpg) no-repeat; height: 40px; margin-bottom: 0;} #meet-jamie h2 a { display: block; width: 160px; padding: 15px 0 0 15px; text-indent: -9999px; overflow: hidden;} #meet-jamie p { font-size: 14px; line-height: 18px; color: #479b48; margin: 8px 80px 0 15px;} #meet-jamie p a { color: #479b48; } #testimonials { background: url(images/uploads/wrapper/bg-testimonials-bottom.jpg) no-repeat 0 100%; width: 322px; height: 167px; float: right; overflow: hidden;} #testimonials h2 { background: url(images/uploads/wrapper/bg-testimonials-top.jpg) no-repeat; height: 40px; margin-bottom: 0; text-indent: -9999px; overflow: hidden;} #testimonials h2 a { display: block; width: 180px; padding: 15px 0 0 15px; } #testimonials p { font-size: 14px; line-height: 18px; color: #960; margin: 8px 15px 0px 15px; } #testimonials h5 { float: right; margin: 0 15px 15px 0; color: #960; font-weight: bold; font-size: 14px;} #go-kids { float: left; } #go-kids p { margin: 0; line-height: 30px; font-size: 14px;} /* @end */ /* @group 05 - SUBPAGE ELEMENTS */ #testimonials-inner { } #testimonials-inner p { font-size: 16px; margin-bottom: 5px; color: #333;} #testimonials-inner h4 { text-align: right; font-size: 16px; font-weight: bold; font-style: italic; color: #999;} #testimonials-inner .testimonial { background: url(images/uploads/wrapper/bg-blockquote.jpg) no-repeat 0 0; padding: 20px 30px; } label { display: block; float: left; width: 100px;} input.text { width: 200px; } textarea { width: 400px; height: 150px; } input.text, textarea { padding: 3px; border: 1px solid #666; font: 12px Verdana, Helvetica, sans-serif; color: #666; } input.submit { margin: 1.5em auto;} /* @end */ /* @group 06 - UTILITY */ .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl-nomargin { float: left; margin: 0; padding: 0;} .floatr-nomargin { float: right; margin: 0; padding: 0;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} /* @end */