/* This code is written by Jason Naylor Theme Name: Dynamic Pilates by Jason Naylor Theme URI: http://wedo.net.nz/ Description: Dynamic Pilates Version: 1.0 Author: Jason Naylor Author URI: http://wedo.net.nz */ * { margin:0; padding:0; } html { overflow-y: scroll; } body {font-family: "Trebuchet MS", helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; background-image: url(images/DSC_0291_full_grad.jpg); background-repeat: no-repeat; background-color:#020202; background-position: top; text-align:center; padding-top: 15px; padding-bottom: 15px; } a img { border:0;} a { color:#C1D72E; text-decoration:none; } a:hover { coloror:#C1D72E; background:#232323; } /*ul{ list-style-type:none; }*/ #menudiv { background-color: #020202; } #container{ width:880px; text-align:left; margin-left:auto; margin-right:auto; /*border: 5px solid #232323;*/ } #container div { behavior: url(/iepngfix-v1/iepngfix.htc); } #header{position:relative; background-color:#C1D72E; width:880px; } #header_left{background-color:#C1D72E; position:relative; text-align: centre ;} #header_right{position:relative; text-align: right ; height:165px;} #header_left img, div { behavior: url(/iepngfix-v1/iepngfix.htc); } #logo {font:bold 25px "Trebuchet MS", helvetica, sans-serif; color:#fff; position:absolute; top:0px; left:30px; letter-spacing:-1px; margin-left: 30px; margin-top: 24px; } #logo a { color:#fff;} #logo a:hover { background:none;} #description {position:absolute; top:225px; left:30px; color:#fff;} #menu { list-style-type:none; position:relative; top:0px; left:0px; width:880px; } #menu li { float:left; text-transform: uppercase; } #menu li a {line-height:30px;color: #fff; text-decoration:none;font-size:13px;font-weight:normal;padding:3px 3px;margin:0px 10px; } #menu li a:hover {color: #000; /*background-color:#C1D72E;*/ background-color:#D5E47B; /*border-top: 2px solid #C1D72E; border-bottom: 2px solid #C1D72E; */} #home_image {text-align:left; width: 400px; } #home_image img { margin-left: 0px ; } #news { width: 37%; float:right; margin: 0px 0px 30px 0; padding: 0px 0px 10px 0px; /*background-color: #373737; */} #news h1 { color: #FFFFFF!important; padding: 0 0 0 10px ; margin-bottom: 0px!important; } #news a { color: #00AEEF; } #newscarousel { padding-bottom: 0px!important; } .widgettitle h2 { margin: 0; padding: 0; } #facebook-fan-box {list-style-type: none; } /*#news {float: right; vertical-align: middle; width: 304px; background: #373737; text-decoration:none; font-size:13px; font-weight:normal; position:relative; margin: 2px; height: 30px;} */ /* don't need */ #news_header { padding-left: 5px; padding-right: 5px; color: #C1D72E; } #news_content { width: 218px; float: right; /*position: absolute; removed when I moved from menu to Home page*/} #carousel { position: relative; float: right ;} #mycarousel, #mycarousel ul { list-style: none; padding: 0; margin: 0; } #mycarousel li { width: 218px ; float: left ; } #mycarousel a { color: #EEEEEE; display: block; width: 218px; } #mycarousel li ol { position: relative; display: none; } /*#mycarousel li:hover ol { display: block; position: relative; top:-30px; z-index: 1; background: #373737;}*/ /*#mycarousel li:hover ol a { background: #373737; }*/ .current_page_item {color: #fff; background-color:#C1D72E; } .current_page_item a {color: #000!important; font-weight: bold!important; } .expIco{ padding-left: 28px; background: url(images/plus.gif) no-repeat 0px 24px; } .collIco{ padding-left: 28px; background: url(images/minus.gif) no-repeat 0px 24px; } #column-1 { position: relative; float: left; width:880px; /* remember to set a width */ } .overlay{ position: absolute; top: 0; /* These positions makes sure that the overlay */ bottom: 0; /* will cover the entire parent */ left: 0; width: 100%; background: #020202; opacity: 0.65; -moz-opacity: 0.65; /* older Gecko-based browsers */ filter:alpha(opacity=65); /* For IE6&7 */ } /*#column-1 { line-height: 30px; } */ /* not sure where this came from */ #column-1 #content { width:820px; padding: 30px; padding-top: 10px; } #content { position: relative; } #maincol { padding-bottom:20px; padding-left:20px; padding-right:20px;} #maincol h1 { font-size:28px; color:#00AEEF; font-weight:normal; letter-spacing:1px; padding-top: 15px; margin-bottom: 20px; clear:both!important; } #maincol h2 { font-size:14px; color:#C1D72E; padding-top: 5px; margin-bottom: 10px; line-height: 120%; clear:both; } #maincol h3 { font-size:18px; color:#00AEEF; font-weight:normal; letter-spacing:0px; margin-top: 20px; margin-bottom: 5px; clear:both; } #maincol h4 { font-size:10px; font-style: italic; color: #00AEEF; margin-top: 20px; margin-bottom: 5px; clear:both; } #maincol ul { list-style-type: normal; padding-left: 1em; padding-top:5px; } #maincol ul li { font-size: 12px; list-style-type: disc; list-style-image: url(images/bullet_green.png); list-style-position: outside; padding-right: 10px; } #maincol ol { padding-left: 1em; padding-bottom: 20px ;} #maincol ol li { list-style-type: none; list-style-image: none; } #maincol p { margin:5px 0; letter-spacing: 0.0em; /*clear: both; */ } #maincol address { font-style: none; padding-bottom: 10px; } #maincol table { margin-bottom: 20px; } #maincol table thead { background-color:#373737;} #maincol table th { padding: 3px; } #maincol table td { padding: 1px 2px; /*border-bottom: 1px #00AEEF dotted;*/ /*border-right: 1px #00AEEF dotted; */ min-width: 33px; } #maincol table td.time { padding-left: 5px; padding-right: 5px; background-color: #373737; } #maincol table td.mat { background-color:#99dbf8; /*background-color:#d5e47b;*/ color:#373737; text-align:center; text-transform: lowercase; font-size: 12px; white-space:nowrap; min-width:115px; padding-left: 3px; padding-right: 2px; } #maincol table td.free { /*background-color:#d5e47b;*/ background-color:#d5e47b; text-align:center; text-transform: lowercase; font-size: 11px; width: 34px; } #maincol table td.closed { /*background-color:#d5e47b;*/ /*background-color:#3F3E39 ;*/ text-align:center; text-transform: lowercase; font-size: 11px; width: 34px; } #maincol table td.orange { background-color: #d5e47b; color:#373737; } #maincol table td.lightblue { background-color: #DDDDDD; color:#373737; padding-left: 6px; } #maincol table td.training { /*background-color:#d5e47b;*/ background-color:#C8EBFA; color:#000000; text-align:center; text-transform: lowercase; font-size: 11px; width: 34px; } #maincol table td.apparatus { color:#373737; background-color:#222222; font-weight: bold; text-align:center; text-transform: lowercase; font-size: 11px; } /*#maincol table tr { border-bottom: 1px #00AEEF solid; }*/ /* wp-table reloaded table */ .wp-table-reloaded { margin-bottom: 20px; padding:0px; margin:0px; background-color: #99dbf8; border-collapse:collapse; } .wp-table-reloaded { margin-left:-18px; } .wp-table-reloaded tr { padding: 15px 14px 13px 12px; height:9px; } /*.wp-table-reloaded .column-1 { padding-left: 5px!important; padding-right: 5px!important; background-color: #373737; width: 33px;} /* this is for the time column - same as TIME below */ .wp-table-reloaded td { background-color:#99dbf8; border:0px ; } /* this is to ensure every OTHER field has the correct background */ .wp-table-reloaded thead { background-color:#373737; text-align: center;} .wp-table-reloaded th { padding: 3px; } .wp-table-reloaded td { background-color:#99dbf8; padding: 1px 2px; /*border-bottom: 1px #00AEEF dotted;*/ /*border-right: 1px #00AEEF dotted; */ min-width: 129px; height:9px; vertical-align: top; /* these following because .mat is no longer used */ min-width: 129px!important; min-width: 129px; color:#373737; text-align:center; padding-left: 3px; padding-right: 2px; white-space:nowrap; text-transform: lowercase; /*to here*/} .wp-table-reloaded td.time { padding-left: 5px; padding-right: 5px; background-color: #373737; } .wp-table-reloaded td.mat { /*background-color:#99dbf8;*/ /*background-color:#d5e47b;*/ color:#373737; text-align:center; text-transform: lowercase; font-size: 12px; white-space:nowrap; padding-left: 3px; padding-right: 2px; } .wp-table-reloaded td.free { background-color:#99dbf8; text-align:center; text-transform: lowercase; font-size: 12px; width: 34px; } .wp-table-reloaded td.closed { /*background-color:#3F3E39;*/ vertical-align: middle; text-align:center; text-transform: lowercase; font-size: 12px; background-color: #99dbf8; color: #FFFFFF; } .wp-table-reloaded td.orange { background-color: #d5e47b; color:#373737; } .wp-table-reloaded td.lightblue { background-color: #DDDDDD; color:#373737; padding-left: 6px; } .wp-table-reloaded td.training { /*background-color:#d5e47b;*/ background-color:#C8EBFA; color:#000000; text-align:center; text-transform: lowercase; font-size: 11px; width: 34px; } .wp-table-reloaded td.apparatus { color:#373737; background-color:#222222; font-weight: bold; text-align:center; text-transform: lowercase; font-size: 11px; } /*.wp-table-reloaded tr { border-bottom: 1px #00AEEF solid; }*/ .wp-table-reloaded td.column-1 { background-color:#C8EBFA; } .wp-table-reloaded td.column-3 { background-color:#C8EBFA; } .wp-table-reloaded td.column-5 { background-color:#C8EBFA; } .wp-table-reloaded td.column-7 { background-color:#C8EBFA; } .wp-table-reloaded td h5 { font-style: italic; color: #00AEEF; margin-bottom:2px; font-size:11px; } #maincol li, img { behavior: url(/iepngfix-v1/iepngfix.htc); } #entrytext_home { width: 63%; float:left; } .post-edit-link { clear:both; } #rightcol {width:180px; float:left;} #rightcol h2{ font:bold italic 15px/20px Georgia; color:#fff; margin:10px 0px 4px 10px; background-color:#DB3838; padding:0px 0px 0px 18px; background-image: url('images/bg-rightcol.gif');background-repeat:no-repeat;background-position: left top;} #rightcol ul { list-style-type:none; margin:0 0 0 12px; font-size:10px; font-weight:bold;} #rightcol ul li{margin:0; padding:0;} #rightcol p {padding:5px 0px 0px 15px;} #rightcol a { display:block; width:162px; text-transform:uppercase;} #singlecol { padding:20px;} #footer{ height:40px; background-image: url('images/banner_bottom_tagline.jpg'); background-color:#00AEEF; background-repeat:no-repeat; background-position: left center ; font-size:10px; text-transform:uppercase; } #footer div { padding: 15px; color: #373737; } #footer div a { color: #373737; } code {font: 11px 'Courier New', Courier, Fixed; border:1px dashed #ccc; display:block; padding:5px; background:#eae3dc } small {font-size:10px;line-height: 1.5em; margin-left:7px;} acronym, abbr, span.caps{ border:0;} blockquote { margin: 15px 30px 0 5px; padding-left: 15px; border-left: 5px solid #DB3838;} blockquote cite { margin: 5px 0 0; display: block;} hr {display: none;} select {width: 130px;} p img {padding: 0;max-width: 100%; margin-left: 100px; margin-right:100px;} img.centered {display: block; margin:7px auto;} img.alignright {margin: 0 0 2px 7px; float:right;} img.alignleft {margin: 5px 20px 5px 0; float:left; clear:both; } img.border {border:3px solid #333;} .clear{ clear:both;} .input-search { border:1px solid #ccc; background-color:#fff; font-family:georgia; font-style: italic;font-size:11px;letter-spacing:-1px;font-weight:bold;color:#232323;padding:1px 3px;width:95px;} .middle{vertical-align:middle;} .right{text-align:right;} .left{text-align:right;} .center { text-align:center;} .alignright {float: right;} .alignleft {float: left} .navigation {display: block;text-align: center;margin: 20px;} .navigation a{ padding:2px 5px;} h2.pagetitle { float:none!important; } .alt {background-color: #f8f8f8;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} .alt {margin: 0; padding: 10px;} .post {margin: 0 0 20px;} .entry ul { list-style-type:disc !important; margin-left:25px;} .entry ol { list-style-type:decimal !important; margin-left:25px;} .postmetadata {font-size:10px;} .postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;} #wp-design a:hover { background:#65C9E2; color:#fff; } #wp-design a:hover strong {color:#FF3300;} div#SGM { width: 770px; height: 350px; border: solid 3px #00AEEF; margin: 20px 10px 0 0; } div#SGM div.infoWindow { margin: 0 0 0 10px; line-height: 14px; font-size: 10px; color: #333; } div#SGM form { margin: 8px 0 0 0; } div#SGM input { padding: 2px; font-size: 10px; } div#SGM input.text { width: 100px; border: solid 1px #bbb; } div#SGM input.submit { background-color: #89cce2; border: solid 1px #53a5c0; margin-left: 2px; }