/* -------------------------------------------------- Theme Name: Moon_Tents Version: 1.0 Author: James Parker Author URI: http://OverTheMoonEvents.com -------------------------------------------------- */ /* Structure and DIV specific styling Over The Moon Events -------------------------------------------------- */ #ev_document {margin: auto; width: 1298px; font-family: Arial, Helvetica, sans-serif;} #ev_top_slice {float: left; width:1298px;height:345px;background-image: url(images/OTM_Event_01.jpg); } #ev_top_slice_children {float: left; width:1298px;height:345px;background-image: url(images/OTM_Event_01_children.jpg); } #ev_top01 {float: left; width:1298px;height:78px;background-image: url(images/OTM_Event_02.jpg);} #ev_Navigation {float: left; margin-left:118px;margin-top: 25px; width:795px;height:26px;font-size: 115%; color: #3c5896; text-decoration: none; text-align:center;} #ev_Navigation a:link,a:visited {color: #3c5896; text-decoration: none;} #ev_Navigation a:hover, a:active {color: #ff9900; text-decoration:underline;} #ev_slide_slice {float: left; width:460px; height:430px;margin-top: 0px; margin-left:285px; margin-top: -350px;} #ev_middle_slice {float: left;width:1298px;height:377px;background-image: url(images/OTM_Event_03.jpg); } #ev_pageBack {float: left; width:1298px; background-image: url(images/OTM_Event_04.jpg);background-repeat: repeat-y;} #ev_pageContent {float: right; margin-right:248px; width:270px; margin-top:-330px; text-align: left;font-size:110%; color: #4e4139;} #ev_pageContent .page_item {text-align: center; font-size:120%; color: #3c5896; display: block} #ev_pageContent H1 {font-size: 140%;font-weight: bolder; color: #3c5896 ; text-align : center; padding-bottom: 5px; text-decoration: underline;} #ev_bottom_slice {float: left;width:1298px;height:372px;background-image: url(images/OTM_Event_05.jpg);} #Small_text p {float: left;margin-left:252px; margin-top: -40px; width:700px;height:30px;font-size: 100%; color : #b7b6ad; text-align : center;} /* Structure and DIV specific styling Over The Moon Tents -------------------------------------------------- */ #document {margin: auto; width: 1112px;font-family: Verdana, Arial, Helvetica, sans-serif;} #pageHeader {margin: 20px 0; width: 900px;} #pageHeader h1 {margin-bottom: 0px;} #pageHeader h2 {margin-top: 0px;} ul#mainMenu {float: left; margin: 10px 0 20px 0; font-size: 130%; list-style: none; font-size: 20%; color: #990000;} ul#mainMenu li {margin: 0 20px 0 0; display: inline;} #document a:link,a:visited {color: #503a2c;text-decoration: none;} #document li {text-decoration: none} #document a:hover, a:active {color: #ff9900; text-decoration:underline;} #searchForm {float: right; margin-bottom: 20px;} #searchSubmit {margin: 0;} #s {margin: 0 3px 0 0;} .post, .page {clear: left; margin-bottom: 40px;} h2.postTitle {margin-bottom: 0;} p.postDetails {padding: 2px 0; font-size: 75%; color: #990000;} p.postDetails a {color: #990000;} p.postComments {padding-left: 20px;} .pageNavigation {padding: 20px 0;} H1 {font-size: 120%;font-weight: bolder; margin: 0px; padding-bottom: 10px;color: #4e4139;} H2 {font-size: 100%; margin: 0px; border : 0px; padding-top: 10px; padding-bottom: 4px;color: #763907} #comments {clear: left; margin-top: 30px;z-index:21;} .commentList {margin: 10px 0 20px 0;} .commentList li {padding: 10px 10px 0 10px; border-bottom: 1px dashed #ccc;} .commentList cite a {font-weight: bold;} .commentList p {padding-top: 10px;} body {background-image: url(images/grass_tile.jpg); background-repeat: repeat; background-color: #000000;} #Navigation {float: left; margin-left:205px;margin-top: -45px; width:795px;height:26px;font-size: 120%;} a:link,a:visited.Navigation {color: #503a2c;text-decoration: none;} a:hover, a:active.Navigation {color: #ff9900; text-decoration:underline;} ul#nav {margin-top: -40px; height:25px; margin:1em 0;padding:0;font-size: 90%;} ul#nav li {list-style:none;float:left; line-height:25px;padding:0 10px;font-size: 90%;} #div_top_slice {float: left; margin-top: -7px;width:1112px;height:233px;} #div_top {float: left; width:1112px;height:177px; background-image: url(images/otm_02.gif); } #div_top01 {float: left; width:1112px; margin-top: -1px; height:56px;background-image: url(images/otm_04.gif);} #div_slide_slice {float: left;width:1112px;height:260px;} #slideshow_slice {float: left;width:1112px;height:260px;} #div_topSlide {float: left; width:1112px; margin-top: -2px; height:66px;background-image: url(images/otm_05.gif); } #div_botSlide {float: left; margin-left:133px; margin-top: 0px; width:821px;height:194px;background-image: url(images/otm_07.gif); } #gallery_topSlide {float: left; width:1112px; margin-top: -2px; height:66px;background-image: url(images/slideshow_05.gif); } #gallery_botSlide {float: left; margin-left:133px; margin-top: 0px; width:821px;height:194px;background-image: url(images/slideshow_07.gif); } #gallery {float:left; margin-left:193px; margin-top:-900px; width:708px; height:510px;} #slide-runner {float:left; margin-left:193px; margin-top:-257px; width:708px; height:205px; background-color: #000000;} #div_middle_slice {float: left;width:1112px;height:185px; margin-top:-4px;} #div_middle_page {float: left;width:1112px;} #div_boxes {float: left; margin-left:0px; width:1112px; height:185px;background-image: url(images/otm_10.gif);} #div_boxes_page {float: left; margin-left:0px; width:1112px; height:185px;background-image: url(images/otm_09.gif);} #div_gallery_page {float: left; margin-left:0px; width:1112px; height:185px;background-image: url(images/slideshow_09.gif);} #div_gallery {float: left; margin-left:154px; margin-top:-10px; width:252px; height:116px;background-image: url();} #Box1 {float: left; margin-left:-220px;margin-top:40px;width:145px; height:80px; color: #990000;font-size:75%;} #div_blog {float: left; margin-left:6px; margin-top:-10px; width:252px; height:116px;background-image: url();} #Box2 {float: left; margin-left:-225px;margin-top:40px;width:154px; height:71px;color: #990000;font-size:75%;} #div_search {float: left; margin-left:3px; margin-top:-10px; width:252px; height:116px;background-image: url();} #Box3 {float: right;margin-right:185px;margin-top:-65px;;width:225px; height:70px;color: #990000;} #page_papertile {float: left; margin-left:111px;margin-top:0px; width:1000px;background-image: url(images/otm_11.gif); background-repeat: repeat-y;} #pageContent {float: left; margin-left:65px; width:480px;margin-top:-50px; text-align: justify; font-size:90%; } #pageContent a:link,a:visited {color: #009900;} #pageContent a:hover, a:active {color: #ff9900; text-decoration:underline;} #slideshow_crate_cr {float:left; margin-left:-400px; margin-top:-200px; width:406px; height:430px; background-image: url(images/slideshow_crate.gif);} #slideshow_crate_cr2 {float:left; margin-left:-400px; margin-top:0px; width:406px; height:430px; background-image: url(images/slideshow_crate.gif);} #slideshow_crate_cr3 {float:left; margin-left:-400px; margin-top:0px; width:406px; height:430px; background-image: url(images/slideshow_crate.gif);} #slideshow_crate_ss {float:left; margin-left:20px; margin-top:170px; width:365px; height:249px;} #slideshow_crate_yt {float:left; margin-left:52px; margin-top:170px; width:308px; height:249px;} #slideshow_crate_yt2 {float:left; margin-left:52px; margin-top:170px; width:308px; height:249px;} #hardHat {float: right; margin-right:-200px; margin-top:400px; height:221px; width:200px; background-image: url(images/hard-hat.gif);} #pegBag {float: right; margin-right:-175px; margin-top:-450px; margin-left:0px; height:345px; width:300px; background-image: url(images/peg-bag.gif);} #sidebar_box_top {float: right; margin-top:-57px; margin-right:173px; height:28px; width:268px; background-image: url(images/SideBar_06.gif);} #sidebar_box {float: right; margin-right:173px; width:268px;margin-top:-30px;font-size: 75%;color: #06421d; background-image: url(images/SideBar_08.gif); background-repeat: repeat-y; list-style-type: none; text-decoration: none} #sidebar_box h2 {font-size: 125%;} #sidebar_box ul li {list-style-type: none; text-decoration: none} #sidebar_box_bot {float: right; margin-right:0px; margin-top:0px; height:31px; width:268px; background-image: url(images/SideBar_09.gif);} #sidebar_box a:link,a:visited {color: #503a2c;} #sidebar_box a:hover, a:active {color: #ff9900; text-decoration:underline;} #sidebar ul {list-style-type: none; text-decoration: none} #sidebar li {list-style-type: none; text-decoration: none} #sidebar ul li {list-style-type: none; text-decoration: none} #sidebar ul ul li {list-style-type: none; text-decoration: none} #sidebar ul ul ul li {list-style-type: none; text-decoration: none} #pagenav {list-style-type: none; text-decoration: none} #pagenav ul {list-style-type: none; text-decoration: none} #pagenav ul li {list-style-type: none; text-decoration: none} #pageitem {list-style-type: none; text-decoration: none} #pagenav a:link,a:visited {color: #503a2c;} #pageTitle h2 {font-size: 100%; padding-bottom: 2px;} #sidebarContent {float: left; margin-left:20px; width:230px; margin-top: -20px;} #Info_text {font-size: 75%; color: #555853; text-align:left;} #table_text {font-size: 65%; color: #555853; text-align:left;} #small_text {font-size: 65%; color: #555853; text-align:left;} #mainContent {float: left; margin-left:187px;margin-top:-525px; width:735px; height:230px; font-size: 85%;} #div_bottom_slice {float: left; margin-top:-5px; width:1112px;height:480px;margin-top:0px;} #Home_footer {float: left; margin-left:187px; width:700px;margin-top:-325px; font-size: 80%; color: #555853; text-align: center;} #footer {float: left; margin-left:190px; width:700px;margin-top:-390px; font-size: 90%; color: #555853; text-align: center;} #div_botLeft {float: left; margin-left:0px; width:547px;height:365px;background-image: url(images/otm_12.gif); } #div_botRight {float: right; margin-right:0px; width:565px;height:451px;background-image: url(images/otm_13.gif); } #gallery_botLeft {float: left; margin-left:0px; width:547px;height:365px;background-image: url(images/slideshow_12.gif); } #gallery_botRight {float: right; margin-right:0px; width:565px;height:451px;background-image: url(images/slideshow_13.gif); } div.wrap{ width:993px; margin:0 auto; text-align:left; } div#top div#nav{ float:left; clear:both; width:993px; height:52px; margin:22px 0 0; } div#top div#nav ul{ float:left; width:700px; height:52px; list-style-type:none; } div#nav ul li{ float:left; height:52px; } div#nav ul li a{ border:0; height:52px; display:block; line-height:52px; text-indent:-9999px; } div#header{ margin:-1px 0 0; } div#video-header{ height:683px; margin:-1px 0 0; } div#header div.wrap{ height:201px; } div#header div#slide-holder{ z-index:40; width:704px; height:201px; position:relative; } div#header div#slide-holder div#slide-runner{ top:3px; left:-58px; width:702px; height:201px; overflow:hidden; position:relative; } div#header div#slide-holder img{ margin:0; display:none; position:absolute; } div#header div#slide-holder div#slide-controls{ left:0; bottom:228px; width:704px; height:46px; display:none; position:absolute; } div#header div#slide-holder div#slide-controls p.text{ float:left; color:#fff; display:inline; font-size:10px; line-height:16px; margin:15px 0 0 20px; text-transform:uppercase; } div#header div#slide-holder div#slide-controls p#slide-nav{ float:right; height:24px; display:inline; margin:11px 15px 0 0; } div#header div#slide-holder div#slide-controls p#slide-nav a{ float:left; width:24px; height:24px; display:inline; font-size:11px; margin:0 5px 0 0; line-height:24px; font-weight:bold; text-align:center; text-decoration:none; background-position:0 0; background-repeat:no-repeat; } div#header div#slide-holder div#slide-controls p#slide-nav a.on{ background-position:0 -24px; } div#header div#slide-holder div#slide-controls p#slide-nav a{} div#nav ul li a{} loat:left; clear:both; width:993px; height:52px; margin:22px 0 0; } div#top div#nav ul{ float:left; width:700px; height:52px; list-style-type:none; } div#nav ul li{ float:left; height:52px; } div#nav ul li a{ border:0; height:52px; display:block; line-height:52px; text-indent:-9999px; } div#header{ margin:-1px 0 0; } div#video-header{ height:683px; margin:-1px 0 0; } div#header div.wrap{ height:201px; } div#header div#slide-holder{ z-index:40; width:704px; height:201px; position:relative; } div#header div#slide-holder div#slide-runner{ top:3px; left:-58px; width:702px; height:201px; overflow:hidden; position:relative; } div#header div#slide-holder img{ margin:0; display:none; position:absolute; } div#header div#slide-holder div#slide-controls{ left:0; bottom:228px; width:704px; height:46px; display:none; position:absolute; } div#header div#slide-holder div#slide-controls p.text{ float:left; color:#fff; display:inline; font-size:10px; line-height:16px; margin:15px 0 0 20px; text-transform:uppercase; } div#header div#slide-holder div#slide-controls p#slide-nav{ float:right; height:24px; display:inline; margin:11px 15px 0 0; } div#header div#slide-holder div#slide-controls p#slide-nav a{ float:left; width:24px; height:24px; display:inline; font-size:11px; margin:0 5px 0 0; line-height:24px; font-weight:bold; text-align:center; text-decoration:none; background-position:0 0; background-repeat:no-repeat; } div#header div#slide-holder div#slide-controls p#slide-nav a.on{ background-position:0 -24px; } div#header div#slide-holder div#slide-controls p#slide-nav a{} div#nav ul li a{}