/* MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM JEWTOPIA MiniSite CSS Tom Huston 100608 MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM */ /*----------------- Reset -----------------*/ 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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } body { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } img { outline:0; border:0; } .clear {clear:both;} /*----------------- Float -----------------*/ .right { float: right; } .left { float: left; } .none { float: none; } /*----------------- Main Styles -----------------*/ html { height: 100%; margin-bottom: 1px;/* force vertical scrollbars */ } body { font-size: 75%; text-align: center; background: #3979fb; } /*----------------- Typography -----------------*/ html { font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight:normal; letter-spacing:-0.02em; } h1 { padding-bottom:0px; font-size: 67px; line-height:.9em; } h2 { font-size: 50px; } h3 { font-size: 1.5em; padding-bottom:.6em; } h4 { font-size: 1.3em; line-height: 1.8em; } h5 { font-size: 1.2em; line-height: 1.6em; } h6 { font-size: 1.1em; line-height: 1.2em; } p { margin: 0 0 1em 0; text-align: left; line-height:1.4; } p.last { margin-bottom:0; } p.first { margin-top:1em; } p.img { float: left; margin:0 1em 1em 0; padding:0; } blockquote { margin:0 0 1em 1em; padding-left:1em; border-left:2px solid #EEEFF3; } strong { text-transform: uppercase; letter-spacing:-0.02em; } em { font-style: italic; } pre { border: 1px solid #ddd; margin-bottom: 1.2em; padding:1.2em; } ins { text-decoration:none; } del { text-decoration:line-through; } q, cite { font-style:italic; } dl { line-height:1.4; margin-bottom:1em; } dd { } dt { } hr { color: #fff; background:transparent; margin: 0 0 20px 0; padding: 0; border:0; border-bottom: 1px #3c3c3c solid; } /*----------------- Links -----------------*/ a:link, a:visited, a:focus, a:hover, a:active { color: #3c3c3c; text-decoration: none; cursor:pointer; } a:hover { text-decoration:underline; color:#1c1cb5; } a:visited { } a:active, a:focus { outline: 0; } /*remove border in ff*/ /*----------------- Layout -----------------*/ #headerStretch {background:url("http://static.thebackporchplayers.com/images/jewtopia/Jewtopia-Header-BKG-100613.jpg") no-repeat scroll center top; height:55px;} #header { } #contentStretch { background:url("http://static.thebackporchplayers.com/images/jewtopia/Jewtopia-Content-BKG-100613.jpg") no-repeat scroll center bottom; } #content { height:920px; } .wrap { width:960px; margin:0 auto; } .hidden { display:none; } /*----------------- Jewtopia Original Styles -----------------*/ #jewtopia { color:black; } #jewtopia #title { text-align:left; } #jewtopia #title h1 { font-size:24px; text-transform:uppercase; } #jewtopia #title h2 { margin:5px 0; font-size:18px; } #jewtopia #info { } #jewtopia #info h1 { } #jewtopia #info h2 {font-size:36px; } #jewtopia #info h3 { font-size:36px; } #jewtopia #info h4 { } #jewtopia #info span { } #jewtopia #info #logo a { background:url("http://static.thebackporchplayers.com/images/jewtopia/Jewtopia-Logo-100613.jpg") no-repeat scroll 0 0; text-indent:-9999px; height:138px; width:630px; margin:0; padding:0; overflow:hidden; display:block; } #jewtopia #info #logo a:hover {background-position:0 -140px;} #jewtopia #info h1 span { } #jewtopia #info .biline {color:#666666; font-size:19px; font-weight:bold; margin:0 0 10px; text-align:right; text-transform:uppercase; } #jewtopia #info .dates { color:#ff9933; text-transform:uppercase; font-size: 72px; font-weight:bold; } #jewtopia #info .directedby { font-size:18px; margin:5px 0 0; text-transform:uppercase; } #jewtopia #info .director { font-size:30px; margin:5px 0 10px 0; } #jewtopia #info .daysofweek { font-size: 18px; } #jewtopia #info .address { font-size: 18px; } #jewtopia #info .phonenumber { color:#1c1cb5; font-size:48px; margin:0 0 20px 0; } #jewtopia #quotes { color:black; text-align:right; } #jewtopia #quotes h2 { font-size:18px; padding:3px; } #jewtopia #quotes h3 { font-size:16px; margin:5px 0 0; } #jewtopia #quotes img { margin:0 0 0 7px; position:relative; width:30px; height:23px; top:4px; } #jewtopia #quotes img.open { margin:0 7px 0 0; } #jewtopia #sosumiStretch { } #jewtopia #sosumi { color:#375693; } /*----------------- Jewtopia Original Styles -----------------*/ #jewtopiaOrig { color:#25439b; } #jewtopiaOrig #title { font-family: helvetica, arial, serif; } #jewtopiaOrig #title h1 { font-family: 'Lobster', arial, serif; } #jewtopiaOrig #title h2 { margin:20px; font-family: 'Lobster', arial, serif; } #jewtopiaOrig #title span {position:relative; top:12px;} #jewtopiaOrig #quotes { color:black; } #jewtopiaOrig #quotes h3 { font-size:40px; padding:3px; } #jewtopiaOrig #quotes h4 { font-size:27px; line-height:31px; } #jewtopiaOrig #quotes .source { font-size:22px; font-style:italic; margin-top:15px; } #jewtopiaOrig #info { } #jewtopiaOrig #info h1 { } #jewtopiaOrig #info h2 { } #jewtopiaOrig #info h3 { } #jewtopiaOrig #info h4 { } #jewtopiaOrig #info span { } #jewtopiaOrig #info h1 span { font-size:40px; } #jewtopiaOrig #info .dates { } #jewtopiaOrig #sosumiStretch { } #jewtopiaOrig #sosumi { color:#375693; }