/* Front page only 04-10 For compactness, does not use zarifas-template.css or zarifas-wide-template.css, structural elements are here */ /* deploy as zarifas-main-04-10deploy.css */ /* STYLES FROM MAIN SITE CSS AND EVENTS to eliminate extra CSS include */ body,html { margin:0 0 24px 0; font-family:Arial, Helvetica,sans-serif; } body { background-image:url(/images/zarifas-egyptian-bg-07.gif); background-color: #ffffff; } body.nobg { background-color: #ffffff;background-image: none; } body.popup { background-color: #FFFFFF; background-image: none; padding: 12px; } h1,h2,h3,h4 { font-family: verdana,geneva,sans-serif; color:#000080; margin-bottom: 3px; padding-bottom:0; } /* if not defined first, overwrites #event_head */ h1 { font-size: 140%; padding-top: 28px; } h2 { font-size: 130%; } h3 { font-size: 120%; } h4 { font-size: 110%; } .clear { clear: both; } .small { font-size: 75%; } .bold { font-weight: 700; } .center { text-align: center; } .emph { font-weight:700; color:#ff0000; } .medium { font-size: 90%; } .nospace { padding:0; margin:0; } /* mostly forms, catch-all for no margin/padding */ ul.logo { margin:6px; padding:0; font-size:90%; } .go-to { text-align: right; margin:0; padding: 2px; } /* right-aligned "more info/go to" link */ .img-rule { margin:auto; text-align: center; } /* image rules */ ul.logo li { margin-left: 18px; text-indent: -3px; list-style-image: url(/images/logobug.gif); } .logo li a, nodot li a, .submenu li a { text-decoration: none; } ul.submenu { margin:0; padding:0; } ul.submenu li { margin:0; padding-left: 6px; font-size: 95%; font-weight: 500; list-style: none;list-style-image: none; } .reverseHead { background-color: #af690a; color:#ffff00; font-weight: 700; font-family: verdana,geneva,sans-serif; } .reverseHead h3, .reverseHead h4, .reverseHead h5 { padding: 4px; } ul.horizontal_links { white-space: nowrap; display: inline; padding:0; margin: 0; } ul.horizontal_links li { display: inline; } label { font-weight:700; } a:link { color: #000080; } a:visited { color: #101fa0; } a:active { color: #FF0000; } a:hover { color: #f3ad1b; } a.noline:link,a.noline:visited,a.noline:active,a.noline:hover { text-decoration: none; } a.headline { font-weight: 700; text-decoration: none; font-size:110%; font-family: verdana,geneva,sans-serif; } a.headline:link { color: #ca0065; } a.headline:visited { color: #ca0065; } a.headline:active { color: #FF0000; } a.headline:hover { color: #ff00ff; } .reverseHead a { font-weight: 700; text-decoration: none; } .reverseHead a:link { color: #ffff00; } .reverseHead a:visited { color: #ffff00; } .reverseHead a:active { color: #FF0000; } .reverseHead a:hover { color: #ddddff; } a.credit { text-decoration: none; font-size:90%; font-family: arial,helvetica,sans-serif; } a.credit:link { color: #af690a; } a.credit:visited { color: #af690a; } a.credit:active { color: #FF0000; } a.credit:hover { color: #de9321; } .go-to a { text-decoration: none; font-size:90%; font-style: italic; font-weight: 700; font-family: arial,helvetica,sans-serif; } .go-to a:link { color: #714406; } .go-to a:visited { color: #664210; } .go-to a:active { color: #FF0000; } .go-to a:hover { color: #b7005b; } #belly-dance-header a { text-decoration: none; } #belly-dance-header a:link { color: #ffffff; } #belly-dance-header a:visited{ color: #ffffdf; } #belly-dance-header a:active { color: #FF0000; } #belly-dance-header a:hover { color: #ffdc4f; } /* this is NORMALLY used only on events pages (events-only07-08.css) but is in the left column */ /* we WANT this fixed and small */ .other_events { border:1px solid #af690a; padding:6px; padding: 0; margin: 6px; font-size:11px; } .other_events div { padding: 2px; margin: 0; text-align: center; } .other_events h4 { display: inline; color:#ffff00; font-size:12px; } .other_events ul { margin:4px; padding:0; white-space: nowrap; } .other_events li { list-style: none; } .other_events li a { font-weight: 700; } /* end styles copied from main sheet*/ /* page structural elements */ #belly-dance-header { width: 100%; height:125px; background: url(/images/egyptian-decor-bg.gif) top left repeat-x; text-align: center; margin:0; padding:0; } #egyptian-statue { width: 900px; height: 125px; text-align: center; margin:auto; background:url(/images/egyptian-statue-header.jpg) top left no-repeat; } #bellydance-home { width: 900px; height: 104px; display: block; margin:0; padding:0; } #belly-dance-header ul { width: 900px; height: 20px; margin:0; padding:0; } #belly-dance-header li { margin:0; padding:0; display: inline; text-align: center; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: 700; color: #ffffff; } #outer { margin: 0 auto 0 auto; padding:0; width: 900px; background: #ffffff url(/images/heiroglyphics-left.gif) top left repeat-y; } #inner { margin: 0; padding:0; width: 900px; background: url(/images/heiroglyphics-right.gif) top right repeat-y; } #egyptian-statue-container, #bellydance-container, { margin:0; padding:0; float: left; width: 900px; height: 30px; } #belly-dance-border-top { margin:0; padding:0; float: left; width: 844px; height: 30px; background: url(/images/heiroglyphics-top.gif) top left repeat-x; } #belly-dance-border-bot { margin:0; padding:0; float: left; width: 844px; height: 30px; background: url(/images/heiroglyphics-bot.gif) top left repeat-x; } .egyptian-statue-left { margin:0; padding:0; float: left; width: 28px; height: 27px; background:url(/images/egyptian-decor-corner.gif) top left no-repeat; } .egyptian-statue-right { margin:0; padding:0; float: right; width: 28px; height: 27px; background:url(/images/egyptian-decor-corner.gif) top right no-repeat; } #bellydance-container .egyptian-statue-left, #bellydance-container .egyptian-statue-right { margin-top: 3px; } #main { margin: 0; padding:6px 36px 1px 36px; } /* 0px bottom breaks IE 7 */ .footlinks { margin:0; padding:0; font-size: 11px; font-weight: 700; text-align:center; padding-top:3px; padding-bottom:3px; } .footlinks li { list-style: none; display: inline; white-space: nowrap; } /*footer address */ #zarifas-foot { margin:0; padding:0; font-size: 75%; font-weight:700; text-align:center; color: #ca0065; white-space: nowrap; } /* left */ .company-info { text-indent: -9999px; font-size: 0px; height: 0; line-height: 0; margin:0; padding:0; } #fp-left { background:#f7f0ea url(/images/cat-bg.gif) top right repeat-y; float: left; width:220px; margin: 3px 0 6px -3px; padding:4px 4px 12px 4px; border-bottom: 2px solid #CEA989; border-left: 1px solid #CEA989; border-top: 1px solid #CEA989; font-size: 90%; } #qsl { margin: 12px 3px 6px 3px; padding:0; font-size:90%; white-space:nowrap; } #q { width: 120px; } /* search text field */ #category-head { margin:0; padding:0; background: url(/images/fp/category-head.gif) top left no-repeat; } #category-head a { display: block; width: 222px; height: 36px; padding:0; margin:0; } #m-list-div { margin:12px auto 12px auto; background-color:#fff9ea; text-align:center; border:1px solid #af690a; padding:6px; } #m-list-div p { font-size: 75%; margin:0; padding:0; } #m-list-div h4 { font-size: 90%; padding:0; margin:0; } #m-list-div form { font-size:90%; padding-top:6px; } #egyptian-myths { padding: 6px; margin: 8px 0 36px 0; font-size: 90%; background-color:#ffffd2; } #egyptian-myths h5 { font-size:85%;font-style:italic; margin:0; padding:0; font-weight: 500; } #egyptian-myths p { margin: 3px; padding: 0; } .submit_button { font-size:85%; font-weight:700; padding-left:0px; padding-right:0px; } .autocenter { margin:auto 8px auto 8px;text-align:center; } .autoleft { width:95%; margin:12px auto 12px auto; } .fp_events { margin:24px auto 12px auto; padding:6px; background-color:#ffffff; } /* w. other_events */ /* end left */ /* right column */ #belly-dance-costume p, #belly-dance-comp p, #egyptian-decor p, #fairies-metaphysical p, #event-notices p, #comm-dance-notices p	{ font-size: 90%; } #belly-dance-costume .t-container p, #egyptian-decor .t-container p, #fairies-metaphysical .t-container p, #event-notices .t-container p { margin:0; padding:3px 0 3px 0; font-size: 75%; font-weight:700; } #belly-dance-head a, #egyptian-decor-head a, #fairies-head a, #comm-dance-notices-head a { display: block; padding:0; margin: 12px 0; height: 36px; width: 575px; } #fp-right { float: right; width:575px; padding:0 6px 0 12px; hasLayout:true; } #announcement { margin:6px 0 6px 0; } #announcement h2 { margin:0; padding:0; font-family: arial, helvetica, sans-serif; font-weight:700; font-size: 85%; color: #ff0000; display: inline; } #announcement ul { margin:0; padding:0; display: inline; } #announcement ul li { margin:0; padding:0; font-size: 80%; list-style:none; display: inline; font-family: arial, helvetica, sans-serif; font-weight:700; } #announcement ul li a { text-decoration: none; } #belly-dance-head { margin-top:0; background: url(/images/fp/belly-dance-head.gif) top left no-repeat; } #new-arrivals-bd { float:right; width: 267px; padding:0;margin:0 0 0 9px; } #belly-dance-background { width:575px; height:350px; margin-top: 12px; } #egyptian-decor-head { background: url(/images/fp/egyptian-decor-head.gif) top left no-repeat; } #new-arrivals-egyptian { float: right; width: 201px; padding:0; margin:0 0 0 9px; } #fairies-head { background: url(/images/fp/fairy-metaphysical-head.gif) top left no-repeat; } #fairy-pic { float: left; width: 233px; padding:0; margin:0 12px 0 0; } #comm-dance-notices-head { background: url(/images/fp/community-dance-head07-08.gif) top left no-repeat; } #ss-img { float: left; width: 250px; padding:0; margin:0 12px 0 0; } #contact-info { text-align:center; } #contact-info #lt, #contact-info #rt { width: 49%; float: left; } #contact-info #top-contact{ margin:12px 0 0 0; } #contact-info h3, #contact-info h4 { margin:2px 0 0 0; } .t-container { margin:auto; } .two-wide { width: 280px; float: left; margin: 3px; text-align: center; } .three-wide { width: 185px; float: left; margin: 3px; text-align: center; } .four-wide { width: 137px; float: left; margin: 3px; text-align: center; } .five-wide { width: 108px; float: left; margin: 3px; text-align: center; } /* extras */ #free-gifts { text-align: center; margin: 6px 0 6px 0; padding:8px; background-color:#f7f0ea; } #sounds { float: right; width: 100px; background-color: #ff0000; margin: 12px 0 0 6px; padding: 6px; } #sounds h4 { font-size: 85%; font-family: arial,helvetica, sans-serif; font-weight: 700; color: #ffff00; text-align: center; margin:0;padding:0; } #sounds p { font-size: 75%; font-weight: 700; color: #ffffff; } #foot-credit { font-size:70%; font-style:italic; hasLayout:true; }