/* @override http://rmwebsite.com/bufordplasticsurgery/wp-content/themes/beauty-by-buford/style.css http://www.beautybybuford.com/wp-content/themes/beauty-by-buford/style.css */ /** GENERAL COMMENTS **/ * { margin:0; padding:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } ol, ul { list-style:none; } caption ,th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } abbr, acronym { border:0; } body { margin:0; padding:0 0 20px 0; height:100%; background-color:#FFFFFF; } /** GENERAL CLASSES **/ .grey { font-size:.6em; color: #908181; text-align:center; font:normal 62.5% "Trebuchet MS", Arial, Verdana, san-serif; } .whiteBg { background-image:url(images/bgWhite.gif); background-repeat: repeat-y; background-position: center; } .blogBreak { width:635px; height:1px; border-bottom:1px dashed #E8E0AE; margin:0 0 10px 15px; } /****/ #content a.no-show, a.no-show { text-decoration:none; color:#979797; } div.social-networks { float:right; } div.social-networks iframe { float:right; padding:0 0 10px 10px; } /****/ #headerNav { width:100%; padding:5px 0 5px 0; background:#E8E0AE; color:#5C5C5C; font:normal 10px Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; } #headerLayout { margin: 0px auto; } #headerLayout ul li { display:inline; } #headerLayout a { padding:0 10px 0 10px; color:#5C5C5C; text-decoration:none; } #headerLayout a:hover { color:#000000; } #headerLayout p, #headerLayout ul { min-width:1050px; margin:0; padding:0; } #headerLayout a span.city { display:none; } #main { width:100%; background-color:#000; } /*NAV*/ .logo { background: url("images/logo.png"); width:198px; height:120px; margin-left:153px; } #nav, #nav ul { /* all lists */ padding: 0; margin: 0 0 20px -20px; list-style: none; float : left; width : 8em; padding-bottom:10px; } #nav li { /* all list items */ position : relative; float : left; line-height : 1.25em; margin-bottom : 10px; width: 10em; } #nav li ul { /* second-level lists */ position : absolute; left: -999em; margin-left :190px; margin-top : -51px; line-height:0em; } #nav li ul a { text-align:left; width: 173px; height:31px; margin-bottom:-10px; margin-left:-5px; padding-left:6px; } #nav li ul ul { /* third-and-above-level lists */ left: -999em; } #nav li a { width: 15em; w\idth : 15em; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; text-align:right; font-size:12px; display : block; color : gray; text-decoration : none; background-color : black; padding : 0px 0.5em; padding-left:0px; text-transform: uppercase; } #nav li a:hover { color : white; background-color : black; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */ left: 0;z-index:99999; min-height: 0; } .logo-blog { background: url("images/logo.png"); width:197px; height:120px; margin-left:153px; } /** FOLLOW US **/ #page-link { display:none; } #follow-us { position:absolute; top:114px; left:50%; width:232px; } #phoneNumber { position:absolute; top:0; left:260px; width:232px; color: #fff; } #phoneNumber span { font-size: 26px; display: block; } #follow-us h4 { display:none; } /** color:#999; font-family:Arial,Helvetica,sans-serif; font-size:10px; line-height:25px; text-transform:uppercase; float:left; display:block; padding:0 5px 0 0; **/} #follow-us ul, #follow-us ul li { display:inline; } #follow-us #linked-in { display:block; background:transparent url('images/linkedin.gif') 0 0 no-repeat; height:25px; width:30px; float:right;} #follow-us #twitter { display:block; background:transparent url('images/twitter.jpg') 0 0 no-repeat; height:30px; width:40px; float:right; } #follow-us #facebook { display:block; background:transparent url('images/facebook.jpg') 0 0 no-repeat; height:30px; width:30px; float:right; } #follow-us a span { display:none; } /** NEWSLETTER **/ #newsletter { clear:both; width:230px; margin:0 auto; padding:20px 0 20px 0; } #newsletter h4 { color:#999; font-family:Arial,Helvetica,sans-serif; font-size:10px; text-align:center; text-transform:uppercase; } #newsletter label { color:#999; font-size:9px; font-family:Arial,Helvetica,sans-serif; } #selection a { color:#908181; text-decoration:none; } #mainLayout { width:1000px; height:100%; margin:0px auto; } #flashNav { float:left; width:350px; } .wrapphoto { width:299px; height: 586px; display: block; background-color: #fff; float: left; } #stockPhoto { float:left; width:299px; background: url("images/slide2.jpg") no-repeat; height: 586px; display: block; margin-top: 130px;} #address-left { color: #fff; width: 214px; float: right; margin-right: 30px; display: inline; } #address-left span { font-size:20px; font-weight:bold; } #btnMap { background: url("images/btnMap.jpg") no-repeat; display: block; width: 214px; height: 169px; text-indent: -9999px; } /** GALLERY LAYOUT **/ #galleryLayout { float:left; width:650px; height:100%; padding:90px 0 0 0; background-color:#000000; color: #979797; font:normal 12px/18px "Trebuchet MS", Arial, Verdana, sans-serif; text-align:left; text-transform:uppercase; } #galleryLayout a { color:#FFFFFF; margin:0 5px 0 5px; text-decoration:none; } #galleryLayout a:hover { color:#E8E0AE; } #galleryLayout p { margin:0; padding:0 0 25px 25px; } #galleryLayout small { margin:0; padding:0 0 0 247px; color:#CCCCCC; font-size:11px; } /** BLOG LAYOUT **/ #blogLayout { float:left; width:650px; padding:90px 0 0 0; background:#000000; font-family:Garamond; font-size:16px; line-height:170%; color: #979797; text-align: left; } #blogLayout h2 { margin:0 0 10px 15px; padding:0; width:300px; height:30px; text-indent:-999em; } #blogLayout h3 { margin:0; padding:0 0 5px 15px; color:#FFFFFF; font-size:20px; font-weight:bold; text-transform:uppercase; } #blogLayout h3 a { color:#FFFFFF; text-decoration:none; } #blogLayout h3 a:hover { text-decoration:underline; } #blogLayout a { color:#E8E0AE; text-decoration:underline; } #blogLayout a:hover { color:#FFFFFF; } #blogLayout em { font-style:italic; } #blogLayout p { margin:0; padding:0 0 10px 15px; font-size: 16px; } #blogLayout small.comments a { color:#CCCCCC; } #blogLayout small { margin:0; padding:0; color:#CCCCCC; font-size:12px; text-transform:uppercase; } #blogLayout small a { color:#666666; text-decoration:none; } #blogLayout small a:hover { color:#FFFFFF } #blogLayout span { color:#E8E0AE; font-weight:bold; } #blogLayout strong { color:#ffffff; font-size:16px; font-weight:bold; } #blogLayout ul { margin:0; padding:10px 0 20px 35px; list-style:disc outside; color:#BBBBBB; font-size: 11px; } #blogTitle { background:url(images/blogTitle.jpg) no-repeat top; } /** CONTENT SECTION **/ #content { float:left; width:350px; padding:95px 0 0 0; font:normal 12px/18px "Trebuchet MS", Arial, Verdana, sans-serif; color:#979797; text-align:left; } #content h2 { margin:0 0 10px 15px; padding:0; width:300px; height:30px; text-indent:-999em; } #content h2 a { display:block; width:300px; height:30px; } #content h3 { margin:0; padding:0 0 5px 15px; color:#FFFFFF; font-size:14px; font-weight:bold; text-transform:uppercase; } #content h3 a { color:#FFFFFF; text-decoration:none; } #content h3 a:hover { color: #E8E0AE; } #content a { color:#E8E0AE; text-decoration:none; } #content a:hover { color:#FFFFFF; } #content em { font-style:italic; } #content p { margin:0; padding:0 0 10px 15px; } #content small { margin:0; padding:0; color:#CCCCCC; font-size:11px; text-transform:uppercase; } #content span { color:#E8E0AE; font-weight:bold; } #content strong { color:#FFFFFF; font-size:14px; font-weight:bold; text-transform:uppercase; } #content ul { margin:0; padding:10px 0 20px 35px; list-style:disc outside; color:#BBBBBB; font-size:11px; } /** TITLE **/ #aboutBufordTitle { background:url(images/aboutBufordTitle.jpg) no-repeat top; } #surgeonTitle { background:url(images/surgeonTitle.jpg) no-repeat top; } #givingBackTitle { background:url(images/givingBackTitle.jpg) no-repeat top; } #staffTitle { background:url(images/staffTitle.jpg) no-repeat top; } #aboutTitle { background:url(images/aboutTitle.jpg) no-repeat top; } #directionsTitle { background:url(images/directionsTitle.jpg) no-repeat top; } #officeInfoTitle { background:url(images/officeInfoTitle.jpg) no-repeat top; } #requestFormTitle { background:url(images/requestFormTitle.jpg) no-repeat top; } #beforeBabyBodyTitle { background:url(images/beforeBabyBodyTitle.jpg) no-repeat top; } #bodyTitle { background:url(images/bodyTitle.jpg) no-repeat top; } #breastTitle { background:url(images/breastTitle.jpg) no-repeat top; } #faceTitle { background:url(images/faceTitle.jpg) no-repeat top; } #handsTitle { background:url(images/handsTitle.jpg) no-repeat top; } #welcomeTitle { background:url(images/welcomeTitle.jpg) no-repeat top; } #linksTitle { background:url(images/linksTitle.jpg) no-repeat top; } #eventsTitle { background:url(images/eventsTitle.jpg) no-repeat top; } #mediaTitle { background:url(images/mediaTitle.jpg) no-repeat top; } #newsTitle { background:url(images/newsTitle.jpg) no-repeat top; } #scheduleTitle { background:url(images/scheduleTitle.jpg) no-repeat top; } #skincareTitle { background:url(images/skincareTitle.jpg) no-repeat top; } #testimonialsTitle { background:url(images/testimonialsTitle.jpg) no-repeat top; } #specialsTitle { background:url(images/specialsTitle.jpg) no-repeat top; } /** CONTENT BUTTONS **/ #contentButtons { width:340px; height:75px; padding:0 0 0 10px; } .contentButton { float: left; width: 150px; height: 75px; } .contentButton a { display: block; width: 150px; height: 75px; text-indent: -999em; } /** **/ #judge { text-align:center; } #sponsor { margin:5px; } #sponsor ul, #sponsor ul li { display:inline; } #culture { float:left; width:63px; margin-top:5px; } #bnc { float:left; width 120px; margin:13px 0 0 30px; } #children { float:right; width:104px; margin-bottom:10px; } .center { text-align: center; } #galleryButton { width: 150px; height: 75px; background: url(images/galleryButton.gif) no-repeat center; } #galleryButton a:hover { background: url(images/galleryButtonOn.gif) no-repeat center; } #scheduleButton { width: 150px; height: 75px; background: url(images/scheduleButton.gif) no-repeat center; } #scheduleButton a:hover { background: url(images/scheduleButtonOn.gif) no-repeat center; } .testimonialBreak { width: 335px; height: 1px; border-bottom:1px dashed #E8E0AE; margin:0 0 10px 15px; } .testimonialEnd { border-bottom:2px solid #FFFFFF; } .inputTxt { width:198px; height:18px; padding:2px 0 0 2px; background:#FFFFFF; border:0; } .txtArea { width:198px; height:198px; padding:2px 0 0 2px; background:#FFFFFF; border:0; } .clear { clear: both; } #footerNav { clear:left; width:100%; height:30px; background:#FFFFFF; color:#5C5C5C; font:normal 10px Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; } #footerNav .grey { font-size:.6em; color:#908181; text-align:center; font:normal 62.5% "Trebuchet MS", Arial, Verdana, san-serif; margin-top: 5px;} #footerNav a{ font-size:11px; color:#908181; text-align:center; font:"Trebuchet MS", Arial, Verdana, san-serif; margin-top: 10px;} /** MAIN BUTTONS AND NAVIGATION **/ #main-buttons { width:1000px; margin:0 auto 0 auto; } #main-buttons ul { display:block; } #main-buttons ul li { display:block; float:right; padding:30px 0 0 14px; } #main-buttons ul li a { display:block; padding:5px; background-color:#FFFFFF; color:#000000; font-size:10px; text-transform:uppercase; text-decoration:none; } #main-navigation { display:none; } /** FOOTER LAYOUT **/ #footerLayout { width:1000px; margin:0px auto; } #footerLayout a { padding:0 15px 0 15px; color:#5C5C5C; text-decoration:none; } #footerLayout a:hover { color:#000000; } #footerLayout p, #footerLayout ul { margin:0; padding:8px 0 0 0; } #footerLayout ul li { display:inline; } .linklove { display: none; } a#emailus{ background: url("images/emailus.png") top left; display: block; width: 197px; height: 90px; float: right; margin-top:20px; margin-right: 60px; } a#emailus:hover { background: url("images/emailus.png") bottom left; display: block; width: 197px; height: 90px; } #blogLayout .img-right { float: right; } #blogLayout .img-left{ float: left; }