/* Theme Name: Epic Theme URI: http://www.epicgolf.com/ Description: Custom-designed for EpicGolf.com Version: 1.0 Author: David Mihm Author URI: http://www.davidmihm.com/ */ body {text-align: center; margin: 0 auto; background: url(images/bodybkg.jpg) center bottom fixed no-repeat #000000; font-family: Georgia, "Times New Roman", Times, serif; color: #000000; padding: 0 0 300px 0; overflow-x: hidden;} a {color: #4cab4a;} a:visited { color: #666666; } a:hover {color: #257423; } hr {width: 100%; border:0; border-top: 1px solid #d2d2d2; padding: 0; margin: 15px 0; clear: both; float: none;} img, div, span { behavior: url(iepngfix.php); } .alignleft {padding: 2px; border: 1px solid #d2d2d2; margin: 0 15px 15px 0; float: left; clear: left;} .alignright {padding: 2px; border: 1px solid #d2d2d2; margin: 0 0px 15px 15px; float: right; clear: right;} .aligncenter {text-align: center; padding: 2px; border: 1px solid #d2d2d2; margin: 0 0 15px 0; float: none;} .navigation .alignleft, .navigation .alignright, .navigation .aligncenter {border: 0; font-size: 11px; } .navigation a {font-weight: bold;} h1 {font-family: "Arial Black","Arial","Helvetica",sans-serif; text-transform: uppercase; font-size: 29px; font-weight: 600; letter-spacing: -2px; margin: 0; padding: 8px 0 0 0; line-height: 1.15em;} h1 a {color: #000000; text-decoration: none;} h1 a:hover {color: #4cab4a;} h2 {color: #777777; font-family: Arial, Helvetica, sans-serif; font-size: 28.25px; letter-spacing: -2px; font-weight: 100; margin: 0; padding: 0 0 8px 0; line-height: 1.15em;} p, ul, ol, li {font-size: 11px; margin: 10px 0; padding: 0;} div {padding: 0; margin: 0;} /* .clearboth {clear: both; overflow: visible; height: 0px; line-height: 0px; font-size: 0em; margin: 0; padding: 0; width: 100%; border: 0; display: block;} */ /* slightly enhanced, universal clearfix hack */ .clearboth:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; width: 100%; } .clearboth { display: block; } /* start commented backslash hack \*/ * html .clearboth { height: 1%; } .clearboth { display: block; } /* stop commented backslash hack */ img {border: 0; padding: 0; margin: 0;} #contentwrapper {text-align: left; margin: 35px auto; width: 1002px; position: relative; background-image: url(images/33pct.png); background-repeat:repeat; padding: 0;} #header {background: url(images/3dots.gif) repeat-x bottom #FFFFFF; position: relative; margin: 0; padding: 0px; width: 1002px; height: 74px;} #header img#logo {position: absolute; top: 20px; left: 8px;} #header img#feedicon {position: absolute; top: 10px; right: 10px !important; } #nav {list-style-type: none; text-indent: none; margin: 0; padding: 0; position: relative; top: 35px; left: 240px;} #nav li {padding: 0; margin: 0 5px; float: left; clear: none; display: inline;} #nav li a {background: url(images/nav.gif) no-repeat top left; border-bottom: 1px solid #FFFFFF; text-indent: -9999px; height: 10px; font-size: 8px; display: block; line-height: 8px; padding: 0 !important;} #nav li#home a {width: 39px; background-position: 0px 0px;} #nav li#blog a {width: 35px; background-position: -48px 0px;} #nav li#architecture a {width: 98px; background-position: -91px 0px;} #nav li#courses a {width: 114px; background-position: -197px 0px;} #nav li#trips a {width: 38px; background-position: -320px 0px;} #nav li#books a {width: 46px; background-position: -365px 0px;} #nav li#eighteen a {width: 44px; background-position: -421px 0px;} #nav li#home a:hover {background-position: 0px -13px;} #nav li#blog a:hover {background-position: -48px -13px;} #nav li#architecture a:hover {background-position: -91px -13px;} #nav li#courses a:hover {background-position: -197px -13px;} #nav li#trips a:hover {background-position: -320px -13px;} #nav li#books a:hover {background-position: -365px -13px;} #nav li#eighteen a:hover {background-position: -421px -13px;} #nav li.active a {border-bottom: 1px dotted #858585;} #content { padding: 0; margin: 0;} #feature {background: url(images/featurebkg.gif) repeat-y #FFFFFF; padding: 17px 7px 17px 17px; width:552px; voice-family: "\"}\""; voice-family:inherit; width:528px; float: left; clear: none; margin: 0;} html>body #feature {width:528px;} #feature.page {padding: 65px 102px; width: 732px; background-image: url(images/featurebkg_page.gif); voice-family: "\"}\""; voice-family:inherit; width:528px; } html>body #feature.page {width: 528px;} #feature.page p {line-height: 1.7em;} #feature ul {text-indent: none; list-style-type: square; padding: 0; margin: 10px 0; border: 0px; } #feature li {margin-left: 20px;} p.readmore {font-weight: bold;} .wp-caption {position: relative; padding: 0; margin: 0;} .wp-caption-text {background: #222222; color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 8px; margin-right: 10px; margin-top: 0px; } #architecturearchive {float: left; width: 255px; background: url(images/featurebkg.gif) right repeat-y #FFFFFF; clear: left; margin: 25px 7px 0 0; padding: 0 8px 25px 0px;} #featuredarchitect {float: right; clear: right; margin: 25px 0 0 0; width: 255px; padding: 0; } #featuredarchitect .alignleft {margin: 0 5px 5px 0; } #featuredarchitect .alignright {margin: 0 0px 5px 5px;} #featuredarchitect img {width: 100px;} #featuredarchitect img.title, #architecturearchive img.title {width: auto; margin-bottom: 10px;} #architecturearchive h3, #featuredarchitect h3 {font-size: 12px; margin: 0; padding: 0;} #architecturearchive p {padding-bottom: 14px; margin-bottom: 12px; border-bottom: 1px dotted #858585;} #rail {float: left; padding: 32px 0px 12px 0px; clear: left; width: 180px; margin: 0; position: relative;} #upperrail {position: absolute; left: 0px; top: 0px; z-index: 1000; height: 32px; width: 180px; margin: 0; padding: 0; background-image: url(images/singledot.gif); background-repeat: repeat;} #coursereviews { background-image: url(images/33pct.png); background-repeat:repeat; width:180px; voice-family: "\"}\""; voice-family:inherit; width:162px; position: relative; padding: 12px 9px 43px 9px; margin: 0;} html>body #coursereviews {width:162px;} #sidebar #coursereviews { margin: 40px 0 0 0;} .coursereview {padding: 16px 0 6px 0;} .coursereview h4 {text-transform: uppercase; font-size: 11px; padding: 0; margin: 0 0 0px 0;} .coursereview a {color: #000000; text-decoration: none; font-weight: bold;} .coursereview a:hover {color: #2e652d; text-decoration: underline;} .coursereview p {font-size: 10px; margin: 0; padding: 0;} .coursereview p a {padding-top: 5px;display: block; } .ratingwrapper {width: 74px; height: 12px; display: block; position: relative; padding: 3px 0 4px 0;} .rating {height: 12px; display: block; background: url(images/stars.png) top left no-repeat;} .ratinginfo .rating {display: block; background: url(images/stars_white.png);} .ratingtitles, .ratingstars {float: left; width: 120px; display: inline;} .ratingtitles {clear:left; } .ratingstars {clear: right;} p.location {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.15em;} img#allreviews {bottom: 9px; left: 0px; position: absolute;} #readercomments {background: #d2d2d2; voice-family: "\"}\""; voice-family:inherit; width:162px; position: relative; padding: 12px 9px 12px 9px; margin: 0; } html>body #readercomments {width:162px;} #readercomments ul, #readercomments li {margin-top: 0px; padding-top: 4px; list-style-type: none;} #sidebar #readercomments, html>body #sidebar #readercomments {width:252px} #blogroll {width: 252px; padding: 12px 9px; margin: 0;} #blogroll ul {list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-indent: 0px;} #blogroll li {list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 5px 0; padding: 0; text-indent: 0px;} blockquote {font-size: 18px !important; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.2em !important; position: relative; top: -3px; color: #666666; font-style: italic; border-width: 1px 0; border-color: #d2d2d2; border-style: solid; width: 360px; margin: 10px 20px 10px -60px; float: left; clear: left; display: inline; color: #333333; padding: 14px 0 0px 0; } blockquote p {font-size: 18px !important; padding-bottom: 15px !important;} #sidebar {margin: 0; padding: 0; float: right; clear: right; width: 270px;} form, fieldset {margin: 0; padding: 0; border: 0;} #searchform {background: url(images/singledot.gif) repeat; padding: 20px; } #searchform input {border: 2px solid #000000; width: 175px; padding: 5px 3px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #858585; font-size: 10px;} #searchform input#submit {background: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; padding: 3px; color: #FFFFFF; width: auto;} #searchform input#s {margin-right: 4px; } .rightblock {background: #444444; color: #FFFFFF; width: 270px; voice-family: "\"}\""; voice-family:inherit; width:252px; position: relative; padding: 12px 9px 23px 9px; margin: 0;} html>body .rightblock {width:252px;} .rightblock h3, .rightblock h3 a {font-size: 19px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: 100; letter-spacing: -1px; margin: 0; padding: 9px 0 5px 0; text-decoration: none; margin: 0;} .rightblock a:visited {color: #a2a2a2;} .rightblock a:hover {color: #4cab4a; text-decoration: underline;} .rightblock p {margin: 0 0 6px 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; line-height: 1.6em;} .rightblock .readmore {color: #d2d2d2; padding: 5px 0 0 0;} .rightblock h5 {padding: 6px 0 0 0; margin: 0;} .ratinginfo {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 12px; padding-bottom: 0px; clear: both; color: #d2d2d2;} .ratingtitles {line-height: 19px; padding-bottom: 12px;} .adr {background: #000000; width:270px; voice-family: "\"}\""; voice-family:inherit; position: relative; width:252px; padding: 15px 9px 18px 9px; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #d2d2d2; line-height: 1.7em; border-top: 1px dotted #d2d2d2; border-bottom: 1px dotted #d2d2d2; opacity:0.6; filter:alpha(opacity=60);} html>body .adr {width:252px;} .categorylist li, .portfolio li {font-family: Verdana, Arial, Helvetica, sans-serif; float: left; clear: none; width: 110px; display: inline; margin: 5px 0; padding: 0;} .categorylist li a, .portfolio li a {color: #d2d2d2;} .categorylist li a:hover, .portfolio li a:hover {color: #FFFFFF;} #taglist {margin: 0px; padding: 12px 12px 15px 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #444444; color: #d2d2d2; font-size: 11px; font-weight: bold;} #taglist a {font-weight: normal; color: #FFFFFF;} #taglist a:hover {color: #257423;} .breadcrumb a {color: #333333; text-decoration: none; font-weight: normal;} .breadcrumb a:hover {color: #257423;} .breadcrumb {text-align: center; margin: 0 auto -34px auto; width: 1002px; position: relative; opacity:0.33; filter:alpha(opacity=33); padding: 0; color: #333333; font-family: Georgia, "Times New Roman", Times, serif; font-size: 9px; /* text-transform: uppercase; */} .breadcrumb p {width: 980px; margin: 0 auto; padding: 7px 0; text-align: left; font-size: 9px; } #reads {color: #333333; width: 158px; voice-family: "\"}\""; voice-family:inherit; width:140px; position: relative; padding: 12px 9px; margin: 0; float: left; clear: left; } html>body #reads {width:140px;} #reads h3 {font-size: 12px; margin: 0; padding: 0; text-transform: uppercase;} #reads a {color: #000000; text-decoration: none;} #reads a:hover {color: #4cab4a;} #reads h6 {margin: 0;} #reads p {margin: 5px 0; padding: 0;} img.amazonthumbnail {margin: 10px 0 5px 0;} .bookhp {float: left; clear: left; width: 250px; margin: 8px 0;} #tweets {float: left; clear: left; color: #333333; width:position: relative; padding: 12px 9px; margin: 0; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; overflow:hidden !important;} html>body #tweets {} #tweets ul {list-style-type: none;} #tweets li {font-size: 9px;} #tweets a {color: #333333;} #tweets a:hover {color: #000000;} #rail #tweets { overflow: hidden !important; max-width: 140px !important;} .hentry {padding: 15px 0 30px 0; margin: 15px 0; border-top: 1px dotted #999999;} .hentry h2 {padding-bottom: 6px; margin-bottom: 0px;} small {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999;} .page h6 { color: #bababa; font-size: 54px; float: left; clear: left; padding: 0 10px 0 0; margin: 0 0px 0 0; border-right: 0px solid #999999; text-transform: none; position: relative; font-family: "Arial Black", Arial, Helvetica, sans-serif; font-weight: bold; line-height: 54px; letter-spacing: -4px; position: relative; top: -3px;} .entry h4 {margin:0; padding: 0; text-transform: uppercase; font-size: 12px; } .entry h4 a {text-decoration: none;} .entry .ratingwrapper, .entry .rating {position: relative !important; display:block; clear: right;} .entry .ratingwrapper {left: 170px; margin: 4px 0 0 0; padding: 0;} .tagdata {clear: both;} #respond {clear: both !important; position: relative; padding-bottom: 40px;} #respond form input#submit {color: #000000; background: url(images/submitcomment.gif) no-repeat top left #000000; height: 25px; width: 150px; text-indent: -9999px; border: 0px;} label {font-family: Verdana, Arial, Helvetica, sans-serif;} .commentfeed {float: right clear: right; font-size: 11px; font-weight: bold;} .commentfeed a {text-decoration: none; } .commentfeed a img {position: relative; top: 3px;} ol.commentlist {margin-left: 20px;} ol.commentlist li {border-top: 1px solid #d2d2d2; padding: 10px 15px; margin: 0; font-family: "Arial Black", Arial, Helvetica, sans-serif; color: #999999; font-size: 22px; margin-left: 4px;} .commentlist li .comment-body {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; color: #222222;} .commentlist li.even {background: #f2f2f2;} .comment-body cite {font-style: normal; font-weight: bold;} .comment-body cite a {text-decoration: none; color: #222222;} .comment-meta a {text-decoration: none; color: #999999} .comment-meta a:hover {text-decoration: underline;} #footer {background: url(images/footerbkg.gif) top left no-repeat #222222; width: 1002px; margin: 0; padding: 38px 0 12px 0; position: relative;} .home #footer {background: url(images/footerbkg_home.gif) top left no-repeat #222222;} .home #footer p {margin-left: 183px; position: relative; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif; color: #777777;} #footer p {margin: 0; padding: 6px 0 0 0; margin-left: 7px; position: relative; font-size: 10px; font-family: Georgia, "Times New Roman", Times, serif; color: #777777;} #footer p img {float: left; clear: left; position: relative; top: -7px; margin: 0; padding: 0;} .home #footer ul#nav {margin: 0px 0 0px 185px !important; padding-left: 0px; } #footer ul#nav {margin: 0px !important; padding-bottom: 20px !important; padding-left: 15px; padding-top: 15px; } #footer #nav li a {background: url(images/nav_footer.gif) no-repeat top; border-bottom: 1px solid #222222; text-indent: -9999px; height: 10px; font-size: 8px; display: block; line-height: 8px; padding: 0 !important;} #footer #nav {list-style-type: none; text-indent: none; margin: 0; padding: 0; position: relative; top: 0px; left: 0px;} #footer #nav li {padding: 0 !important; margin: 0 10px 0 0 !important; display:block; float: left; clear: none; position: relative; } #footer #nav li#home a {width: 39px; background-position: 0px 0px;} #footer #nav li#blog a {width: 35px; background-position: -48px 0px;} #footer #nav li#architecture a {width: 98px; background-position: -91px 0px;} #footer #nav li#courses a {width: 114px; background-position: -197px 0px;} #footer #nav li#trips a {width: 38px; background-position: -320px 0px;} #footer #nav li#books a {width: 46px; background-position: -365px 0px;} #footer #nav li#eighteen a {width: 44px; background-position: -421px 0px;} #footer #nav li#home a:hover {background-position: 0px -13px;} #footer #nav li#blog a:hover {background-position: -48px -13px;} #footer #nav li#architecture a:hover {background-position: -91px -13px;} #footer #nav li#courses a:hover {background-position: -197px -13px;} #footer #nav li#trips a:hover {background-position: -320px -13px;} #footer #nav li#books a:hover {background-position: -365px -13px;} #footer #nav li#eighteen a:hover {background-position: -421px -13px;} #footer ul#nav li ul li {float: left !important; margin: 0 10px 0 0; clear: none !important;} #footer ul#nav li ul {position: absolute; left: 124px; width: 500px; top: -1px; padding: 0px !important; margin: 0px !important; } #footer ul#nav li ul li a {text-decoration: none; background: none; text-indent: 0px; font-size: 9px; width: auto !important; display: block; float: left !important; clear: none !important;} #footer a {color: #777777; } #footer a:hover {color: #FFFFFF;} img.size-thumbnail {clear:none !important; width: 100px !important; height: 100px !important} #sidebar_gallery {margin-top: 25px;} #sidebar_gallery img {width: 100px !important;margin-right: 20px !important;}