/* Theme Name: Cajun Encounters Custom Theme URI: http://wordpress.org/ Description: Custom WordPress Template for CajunEncounters.com. Version: 1.0 Author: CompuCast Author URI: http://compucast.com */ /* Begin Typography & Colors */ body { height: 100%; margin: 0px; background-color: #1F1E1F; } #sidebar { position:absolute; width:260px; z-index:1; left: 50%; margin:40px 0px 0px -490px; font-family: tahoma, helvetica, arial; color: #FFFFFF; font-size:10px; line-height:13px; text-align:center; } #sidebar .emailCell { background-image:url('/images/ce_sidebar_emailOffers_bgInt.png'); background-repeat:no-repeat; } #sidebar #email { padding:0px 45px 0px 45px; } #sidebar #contact { padding:0px 45px 0px 45px; font-size:10px; } #sidebar #contact a:link { color:#FFFFFF; text-decoration:none; } #sidebar #contact a:visited { color:#FFFFFF; text-decoration:none; } #sidebar #contact a:hover { color:#FFFFFF; text-decoration:underline; } #sidebar .contactField { width:164px; height:12px; margin-top:8px; font-size:10px; color:#7b7b7b; } #sidebar .contactButton { margin-top:8px; } #container { position:absolute; height:100%; width: 1020px; left: 50%; margin-left: -510px; font-family: tahoma, helvetica, arial; color: #000000; font-size:12px; line-height:16px; } #contentContainer { position:relative; width:700px; min-height:1010px; padding:20px 40px 20px 280px; background-image:url('/images/ce_contentBg.jpg'); background-repeat:no-repeat; background-color:#FFFFFF; } #contentContainer hr { border: 0; width: 100%; color: #cccccc; background-color: #cccccc; height: 1px; margin:20px 0px 18px 0px; } #contentContainer table { font-size:12px; line-height:17px; } #contentContainer h1, h2, h3, h4 { margin:0px; padding:0px; font-weight:bold; } #contentContainer h1 { font-size:16px; line-height:28px; } #contentContainer h2 { font-size:14px; line-height:22px; } #contentContainer h3 { font-size:14px; line-height:18px; padding:0px 0px 4px 0px; } #contentContainer a:link { text-decoration:none; color:#41578e; } #contentContainer a:visited { text-decoration:none; color:#41578e; } #contentContainer a:hover { text-decoration:underline; color:#000000; } #contentContainer .bodyImgLeft { float:left; display:inline; } #contentContainer .bodyImgRight { float:right; display:inline; } #contentTop { position:relative; width:1020px; height:060px; margin:0px 0px 0px 0px; background-image:url('/images/ce_contentLocallyOwned.jpg'); } #footer { position:relative; width:1020px; padding:20px 0px 20px 0px; text-align:center; font-size:11px; line-height:15px; color:#999999; } #footer a:link { color:#999999; text-decoration:none; } #footer a:visited { color:#999999; text-decoration:none; } #footer a:hover { color:#FFFFFF; text-decoration:underline; } #footer .medium { font-size:12px; line-height:15px; } #footer .large { font-size:12px; line-height:15px; font-weight:bold; color:#CCCCCC; } #footer .cc { font-size:10px; line-height:14px; font-weight:bold; color:#CCCCCC; } #footer .cc a { font-size:10px; line-height:14px; font-weight:bold; color:#CCCCCC; } #cityToursHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_cityTours.jpg'); } #cityTours { margin:0px } #cityTours .bodyImgLeft { margin:0px 20px 10px 0px; } #cityTours .bodyImgRight { margin:15px 0px 10px 20px; } #swampToursHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_swampTours.jpg'); } #swampTours { margin:0px } #swampTours .bodyImgLeft { margin:12px 15px 10px 0px; } #swampTours .bodyImgRight { margin:0px 0px 10px 20px; } #swampTours .details { padding-top:5px; font-size:10px; line-height:12px; } #plantationToursHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_plantationTours.jpg'); } #plantationTours { margin:0px } #plantationTours .bodyImgLeft { margin:0px 20px 10px 0px; } #plantationTours .bodyImgRight { margin:-20px 0px 10px 20px; } #comboToursHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_comboTours.jpg'); } #comboTours { margin:0px } #comboTours .bodyImgLeft { margin:0px 20px 10px 0px; } #comboTours .bodyImgRight { margin:15px 0px 10px 20px; } #groupResHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_groupRes.jpg'); } #groupRes { margin:0px } #groupRes .bodyImgLeft { margin:0px 20px 10px 0px; } #groupRes .bodyImgRight { margin:15px 0px 10px 20px; } #testimonialsHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_testimonials.jpg'); } #testimonials { margin:0px } #testimonials .bodyImgLeft { margin:0px 20px 10px 0px; } #testimonials .bodyImgRight { margin:15px 0px 10px 20px; } #driverHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_driver.jpg'); } #driver { margin:0px } #driver .bodyImgLeft { margin:0px 20px 10px 0px; } #driver .bodyImgRight { margin:15px 0px 10px 20px; } #videosHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_videos.jpg'); } #videos { margin:0px } #videos .bodyImgLeft { margin:0px 20px 10px 0px; } #videos .bodyImgRight { margin:15px 0px 10px 20px; } #mapHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_map.jpg'); } #map { margin:0px } #map .bodyImgLeft { margin:0px 20px 10px 0px; } #map .bodyImgRight { margin:15px 0px 10px 20px; } #storeHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_store.jpg'); } #map { margin:0px } #map .bodyImgLeft { margin:0px 20px 10px 0px; } #map .bodyImgRight { margin:15px 0px 10px 20px; } #birthdayHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_birthdayParties.jpg'); } #map { margin:0px } #map .bodyImgLeft { margin:0px 20px 10px 0px; } #map .bodyImgRight { margin:15px 0px 10px 20px; } #contactUs .textfield { width:250px; margin-bottom:10px; } #contactUs .textarea { width:250px; height:150px; margin-bottom:10px; } #rebirthHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_rebirthTours.jpg'); } #customToursHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_customTours.jpg'); } #reservationsHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_reservations.jpg'); } #couponsHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_coupons.jpg'); } #celebritiesHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_celebrities.jpg'); } #partnersHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_partners.jpg'); } #contactHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_contact.jpg'); } #newsHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_news.jpg'); } #transportationHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_transportation.jpg'); } #celebrityHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_celebrities.jpg'); } #fishingHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_fishing.jpg'); } #privateSwampToursHeader { position:relative; width:1020px; height:300px; background-image:url('/images/ce_header_privateSwampTours.jpg'); } #module1 { position:absolute; margin:0px 0px 0px 0px; padding:258px 25px 0px 25px; width:186px; height:203px; background-image:url('/images/ce_home_module1_bg.png'); } #module2 { position:absolute; margin:0px 0px 0px 238px; padding:258px 25px 0px 25px; width:186px; height:203px; background-image:url('/images/ce_home_module2_bg.png'); } #module3 { position:absolute; margin:0px 0px 0px 477px; padding:258px 25px 0px 25px; width:186px; height:203px; background-image:url('/images/ce_home_module3_bg.png'); } #module4 { position:absolute; margin:481px 0px 0px 0px; padding:80px 280px 0px 25px; width:404px; height:131px; background-image:url('/images/ce_home_module4_bg.png'); } #module5 { position:absolute; margin:702px 0px 709px 0px; padding:80px 280px 0px 25px; width:402px; height:128px; background-image:url('/images/ce_home_module5_bg.png'); } #home a:link { font-family:"century gothic", Tahoma, Helvetica, arial; font-size:11px; line-height:16px; } #iframeRes { width:680px; border:none; background-color:#fff; padding:12px 10px 10px 10px;} #iframeGroupRes { width:680px; border:none; background-color:#fff; padding:12px 10px 10px 10px; margin-top:15px;} #homeHeader { position:relative; width:1020px; height:450px; background-image:url('/images/ce_header_home.jpg'); } img { border-style: none; } /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */ #sidebarNav { position:absolute; z-index:1; width:260px; left: 50%; margin:40px 0px 0px -490px; background:transparent url('/images/sidebar_bg_top.png') no-repeat top center; color:#fff; } #sidebarNav img { border:0px; } #sidebarNav a:link { color:#fff; text-decoration:none; } #sidebarNav a:visited { color:#fff; text-decoration:none; } #sidebarNav a:hover { color:#fff; text-decoration:underline; } #sidebarNav form { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #sidebarNav .top { width:260px; height:28px; } #sidebarNav .top .corner { position:absolute; width:260px; height:73px; background-image:url('/images/sidebar_bg_topCorners.png'); } #sidebarNav .btm { width:260px; height:28px; background-image:url('/images/sidebar_bg_btm.png'); } #sidebarNav .btm .corner { position:absolute; width:260px; height:73px; background-image:url('/images/sidebar_bg_btmCorners.png'); margin:-45px 0px 0px 0px; } #sidebarNav .mid { width:220px; background-image:url('/images/sidebar_bg_mid.png'); padding:20px 20px 20px 20px; } #sidebarNav .section { margin:0px 0px 0px 0px; padding:0px; text-align:center; font-weight:normal; font-family:tahoma, verdana, arial; font-size:11px; line-height:14px; } #sidebarNav .section .text { width:184px; padding:0px 18px 0px 18px; } #sidebarNav .divider { width:184px; padding:0px 18px 0px 18px; line-height:0px; } #sidebarNav .divider hr { width:184px; margin:5px 0px 5px 0px; border:0px; height:1px; color:#5a6b91; background-color:#5a6b91; } #sidebarNav .formField { width:150px; height:10px; font-size:10px; margin:5px 0px 0px 0px; } #sidebarNav .formButton { margin:5px 0px 10px 0px; padding:0px 0px 0px 0px; } /* Vertical Pop Out Menu basic code */ #sidebarNav #menu { width:204px; margin:0px 0px 15px 8px; font-size:11px; font-weight:bold; font-family:verdana, arial; } #sidebarNav #menu ul { list-style-type:none; margin:0px 0px 0px -20px; padding:5px 0px 0px 0px; } #sidebarNav #menu a { display:block; border-width:0px; margin:0px; padding:4px 0px 3px 32px; color:#fff; text-decoration:none;font-size:12px; } #sidebarNav #menu a:hover { color:#fff; background-image:url('/images/screen40.png'); text-decoration:none; } /* Positioning the Pop Outs */ /* make the list elements a containing block for the nested lists */ #sidebarNav #menu li { position: relative; margin:0px 0px 2px 10px; background-image: url('/images/sidebar_bullet.png'); background-repeat: no-repeat; background-position: 30px 7px; padding-left: 10px; } #sidebarNav #menu .submenu { width:200px; margin:-10px 0px 0px 0px; padding:10px 0px 12px 0px; background:#31436d; border-style:solid; border-width:2px 2px 2px 0px; border-color:#fff; } /* background: url('/images/sidebar_submenu_bg.gif') repeat-y */ #sidebarNav #menu .submenu a { font-size:12px; font-weight:normal; padding:3px 3px 3px 5px;} #sidebarNav #menu .submenu li { position: relative; margin:0px 0px 0px 0px; position: relative; background-image: none; } #sidebarNav #menu ul ul { position: absolute; top: 0; left: 100%; /* to position them to the right of their containing block */ width: 100%; /* width is based on the containing block */ } #sidebarNav #menu .noLink { display:block; border-width:0px; margin:0px 0px 2px 10px; padding:4px 0px 3px 42px; color:#fff; text-decoration:none;font-size:12px; } /* Hiding and Revealing using :hover */ #sidebarNav div#menu ul ul, div#menu ul li:hover ul ul { display:none; } #sidebarNav div#menu ul li:hover ul, div#menu ul li:hover ul { display:block; } #celebrityGuests { margin:0px; } #celebrityGuests .column1 { width:226px; height:420px; background-color:transparent; margin:0px 10px 0px 0px; float:left; display:inline; } #celebrityGuests .column2 { width:226px; height:420px; background-color:transparent; margin:0px 10px 0px 0px; float:left; display:inline; } #celebrityGuests .column3 { width:226px; height:420px; background-color:transparent; margin:0px 0px 0px 0px; float:left; display:inline; } #celebrityGuests .column1 img { width:206px; height:150px; background-color:#eee; margin:10px 0px 0px 10px; } #celebrityGuests .column2 img { width:206px; height:150px; background-color:#eee; margin:10px 0px 0px 10px; } #celebrityGuests .column3 img { width:206px; height:150px; background-color:#eee; margin:10px 0px 0px 10px; } #celebrityGuests .column1 .text { width:206px; background-color:transparent; margin:10px 0px 15px 10px; } #celebrityGuests .column2 .text { width:206px; background-color:transparent; margin:10px 0px 15px 10px; } #celebrityGuests .column3 .text { width:206px; background-color:transparent; margin:10px 0px 15px 10px; } #celebrityGuests p { font-size:12px; margin:0px 0px 10px 0px; } #celebrityGuests h2 { font-size:12px; margin:0px 0px 5px 0px; }