/* Theme Name: Urolaser1 Theme URI: http://www.savvywebdesign.net/ Description: Custom theme for TareeUrolaser.com.au, by savvywebdesign.net Author: Savvy Web Design Version: 02 */ * {padding:0; margin:0;} body {font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:62.5%;text-align:center;background:#ffffff;margin:0 auto;} img {border:0;margin:0;padding:0;}img.title {margin:30px 0 10px 0;}p {margin:10px 0;line-height:170%;font-size:1.4em;color:#222222;}.caption {color:#666666;font-size:95%;font-weight:normal;margin:15px 0;/*width:300px;*/text-align:right;}.indent {padding:0 30px;margin-left:15px;border-left:1px solid #c8b028;font-size:1.2em;line-height:150%;color:#222222;} hr {margin:20px 0;} blockquote{text-align:left;font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size: 1em;margin:20px;padding:10px 20px;background:url(images/bg-quote.gif) no-repeat top left;} blockquote p {color:#436b9e;} a {color:#436b9e;text-decoration:underline;}a:visited {color:#325177;} a:hover {text-decoration:underline;} a.dashed {color:#ffcc33;text-decoration:none;border-bottom:1px dashed #ffcc33;} a.arrowed {padding-right:7px;background:url(images/arrow-link.gif) no-repeat right top;} a.youarehere {background: url(images/youarehere.gif) no-repeat center top;} .post-edit-link {font-size:.7em;text-transform:uppercase;} h1 {color: #436b9e;text-align:left;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:4em;font-weight:bold;margin:0;} h1.logo {visibility:hidden;} h2 {color:#436b9e;text-align:left;font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:3.2em;font-weight:normal;margin:25px 0 30px 0;} h2 a {color:#436b9e;text-decoration:none;} h2.logo {margin:5px 0 0 40px;color:#436b9e;font-size:2.5em;} h3 {color:#436b9e;text-align:left;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:2em;font-weight:bold;margin:30px 0 15px 0;} h4 {color: #436b9e;font-size:1.8em;font-weight:bold;margin:20px 0;} .topmenu {padding:0px 30px;} ul {list-style-position:outside;list-style-type:square;margin-left:30px;line-height:160%;font-size:1.5em;} ul li {margin:10px 0;} ol {list-style-position:outside;margin-left:35px;line-height:160%;font-size:1.5em;} ol li {margin:10px 0;} .boxed {background:#e7ecf2;border:1px solid #d0dae6;padding:30px;margin-top:20px;} .testimonial {border-top:1px solid #a1b5ce;padding:20px 0 15px 0;margin-top:20px;font-size:1em;} #wrapper { margin:0 auto; width:960px; text-align:left; position:relative; background: #ffffff;} /* Position:relative is necessary to allow inner elements to use position:absolute if required later */ /* HEADER SECTION */ #header {padding:0px;margin:0 auto;text-align:left;height:120px;overflow:hidden; background: url(images/bg-header.gif) no-repeat right top;} #address {position:absolute;top:14px;left:690px;z-index:5;} #address p{margin:1px 0;} /* MAIN SECTION */ #main {margin:55px auto 0 auto;position:relative;background:#ffffff;width:960px;overflow:auto;padding-bottom:30px;} /* Overflow auto is for the Firefox empty container problem */ #leftcolumn {margin-top:40px;float:left;display:inline;color:#333333;width:630px;text-align:justify;overflow:auto;}/* A separate stylesheet spaces the content correctly for IE6&7, which attribute no height to the abs positioned menu */ #content {/*font-size:1.2em;padding:5px 20px;*/}.post {margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #436b9e;}.post h3{font-size: 2.4em;} #sidebar {margin-top:30px;float:right;width:290px;display:inline;color:#000000;text-align:left;font-size: 1em;list-style-type:none;line-height:130%;}/* margin-top is 10px less than margin-top on left column because sidebar LIs inherit a 10px margin-top. */ #sidebar p {margin: 5px auto 10px auto;color:#333333;}#sidebar h2 {margin:15px 0;color:#000000;font-size:2.2em;}#sidebar ul {list-style-position:outside;list-style-type:none;list-style-image:none;margin:0;line-height:150%;padding-top:5px;border-top:1px solid #eee9cd;}#sidebar ul li {padding:3px 0 5px 0;border-bottom:1px solid #eee9cd;}#sidebar a {font-weight:normal;text-decoration:none;color:#000000;} .sidebar-box {background:#e7ecf2 url(http://tareeurolaser.com.au/resources/bg-sidebar-home-page.gif) no-repeat top right;border:1px solid #d0dae6;padding:20px;} .sidebar-box p {color:#436b9e !important;margin: 5px auto;font-size:1.1em;} /* FOOTER */ #footer {clear:both; width:100%; color:#222222; background:#e7ecf2; margin:40px auto 0 auto;padding:20px 0;border-top:5px solid #d0dae6;} #footer p {font-size:1em;color:#222222;padding:0 120px;} #footer a {font-weight:bold;text-decoration:none;border-bottom:none;color:#000000;} #footer a:hover {text-decoration:none;border-bottom:1px solid #000000;} #footer ul {list-style-type:none;margin:0;padding:0;list-style-image:none;font-size:1.4em;} #footer ul li {padding:0;display:inline;margin:0 4px;} #footer ul li.current_page_item a {text-decoration:none;border-bottom:1px solid #000000;} /* The following code is excerpted from the WP Default stylesheet */ #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform { margin: 5px 10px 0 0; } #commentform textarea { width: 100%; padding: 2px; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #commentform #submit { margin: 0 0 5px auto; float: right; } /* End Form Elements */ /* Begin Comments styling */ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 0; padding: 15px 5px 5px 10px; list-style: none;border-bottom:1px dashed #cccccc;} .commentlist li.odd {background:#eeeeee;} .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ .commentlist li, #commentform input, #commentform textarea { font: 1em Tahoma,Verdana,Arial,Helvetica,sans-serif; } .commentlist li ul li { font-size: 1em; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.7em; text-transform: none; } #commentform p { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; } .commentmetadata { font-weight: normal; } /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px 0; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 1.2em; line-height: 150%; padding: 0 4px 5px; margin: 5px 0;color:#333333; } /* End captions */ /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Wordpress standard image styles follow */ 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;margin-left:10px; } .alignleft { float: left;margin-right:10px; } /* End Wordpress standard image styles */ /*-------------*/ #navbar-holder {font-size:.75em;position:absolute;left:0px;top:125px;z-index:50;background:#436b9e;color:#ffffff;width:100%;} /* The following mishmash of CSS relates to the Wordpress plugin "wordpress-css-drop-down-menu" and is based on the work of Stu Nicholls */ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ .menu {width:960px; height:50px; position:relative; z-index:100;font-size:1em;margin:0 auto;} /* remove all the bullets, borders and padding from the default list styling */ .menu ul {padding:0;margin:0;list-style-type:none;} .menu ul li {margin:0;} /*.menu ul ul {width:100px;}*/ /* float the list to make it horizontal and a relative position so that you can control the dropdown menu position */ .menu li {float:left;width:120px;position:relative;} /* style the links for the top level */ .menu a, .menu a:visited {display:block;text-decoration:none;text-transform:uppercase;height:50px; margin:0 auto;line-height:49px; font-weight:bold;color:#ffffff;} .menu ul li {color:#ffffff;font-size:1.2em;} .menu ul li ul {background:none;} .menu ul li ul li {width:120px;font-size:.7em;} .menu ul ul ul li {border-left:4px solid #ffffff;} /* a hack so that IE5.5 faulty box model is corrected */ /* * html .menu a, * html .menu a:visited {width:111px; w\idth:100px;}*/ /* hide the sub levels and give them a position absolute so that they take up no room */ .menu ul ul {visibility:hidden;position:absolute;height:0;top:50px;left:0;width:120px;} /* another hack for IE5.5 */ * html .menu ul ul {top:49px;t\op:50px;} /* position the third level flyout menu */ .menu ul ul ul{left:120px; top:0; width:120px;} /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left {left:-120px;} /* style the table so that it takes no part in the layout - required for IE to work */ .menu table {position:absolute; top:0; left:0; border-collapse:collapse;} /* style the second level links */ .menu ul ul a, .menu ul ul a:visited {text-transform:none;background:#a1b5ce url(images/bg-submenu.gif) top center repeat-y;color:#000000;font-weight:normal;height:auto;line-height:1.2em; padding:10px; border-top:2px solid #ffffff;margin:0;width:100px} /* width is required to give IE something to hover over */ /* yet another hack for IE5.5 */ /* * html .menu ul ul a, * html .menu ul ul a:visited {width:110px;w\idth:100px;}*/ /* style the top level hover */ .menu a:hover {color:#ffffff;background:#a1b5ce url(images/bg-menu-hover.gif) top center repeat-y;text-decoration:none;} .menu :hover > a/*, .menu ul ul :hover > a*/ {color:#ffffff; background:#a1b5ce url(images/bg-menu-hover.gif) top center repeat-y;} /* style the second level hover */ .menu ul ul a:hover{background:#436b9e url(images/bg-menu-hover.gif) top center repeat-y !important;color:#ffffff;text-decoration:none;} .menu ul ul :hover > a {background:#436b9e url(images/bg-menu-hover.gif) top center repeat-y !important;color:#ffffff;} /* Marked important so that subpages still have blue hover bg when ON a subpage (?) */ /* style the third level background (inherited otherwise?) */ .menu ul ul ul a, .menu ul ul ul a:visited {background:#a1b5ce url(images/bg-submenu.gif) top center repeat-y !important;} /* style the third level hover (inherited otherwise?) */ .menu ul ul ul a:hover {background:#436b9e !important;color:#ffffff;} /* make the second level visible when hover on first level list OR any link */ .menu ul li:hover ul, .menu a:hover ul {visibility:visible !important;} /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{visibility:hidden !important;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{ visibility:visible !important;} .current_page {background:#ffffff url(images/bg-menu-current.gif) top center no-repeat !important;border:none;} /* Makes tab pale blue when current */ .current_page_link {color:#333333 !important;} /* .current_parent {background:#a1b5ce !important;color:#ffffff !important;} */