/* Theme Name: Refresh Louisville Theme URI: http://refreshlouisville.org Description: Wordpress Theme Based on Todd Budnikas' Refresh Louisville Designs Version: 1.0 Authors: Todd Budnikas and Dennis Sheridan Author URI: http://refreshlouisville.com Refresh Louisville 1.0 http://refreshlouisville.org */ @import "reset.css"; @import "advanced.css"; html { background: #071c4e; height: 100%; padding: 6px 0 0 0; width: 100%; } body { background: url(/images/vert_dash.jpg) 600px 0 repeat-y #fff; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; min-width: 900px; width: 100%; } code { font-size:10px; } /*--------------------------- =Header Section ---------------------------*/ #header { background: #fff; padding: 23px 20px 25px 0; width: 880px; } #branding a { background: url(/images/logo.jpg) 0 0 no-repeat; display: block; float: left; height: 94px; overflow: hidden; text-indent: -10000px; width: 337px; } #branding a:hover { background-position: 0 -94px; } #navigation { display: block; float: left; height: 97px; width: 543px; } #navigation li { display: block; float: left; height: 97px; } #navigation li a { display: block; height: 97px; overflow: hidden; padding: 0 16px 0 0; text-indent: -10000px; } #nav_forums a { background: url(/images/navigation.jpg) 0 0 no-repeat; width: 105px; } #nav_forums a:hover { background-position: 0 -97px } #nav_blog a { background: url(/images/navigation.jpg) -121px 0 no-repeat; width: 83px; } #nav_blog a:hover { background-position: -121px -97px; } #nav_events a { background: url(/images/navigation.jpg) -219px 0 no-repeat; width: 95px; } #nav_events a:hover { background-position: -219px -97px; } #nav_about a { background: url(/images/navigation.jpg) -330px 0 no-repeat; width: 88px; } #nav_about a:hover { background-position: -330px -97px; } #nav_join a { background: url(/images/navigation.jpg) -434px 0 no-repeat; width: 91px; } #nav_join a:hover { background-position: -434px -97px; } #follow_us { float: right; margin: -112px 0 0 0; } #follow_us li { color: #959595; display: block; float: left; font-size: 11px; line-height: 14px; margin: 0 0 0 3px; } #follow_us li a { display: block; height: 14px; overflow: hidden; text-indent: -10000px; width: 14px; } #follow_rss { background: url(/images/icons/follow_icons.jpg) 0 0 no-repeat; } #follow_rss:hover { background: url(/images/icons/follow_icons.jpg) 0 -14px no-repeat; } #follow_facebook { background: url(/images/icons/follow_icons.jpg) -14px 0 no-repeat; } #follow_facebook:hover { background: url(/images/icons/follow_icons.jpg) -14px -14px no-repeat; } #follow_twitter { background: url(/images/icons/follow_icons.jpg) -28px 0 no-repeat; } #follow_twitter:hover { background: url(/images/icons/follow_icons.jpg) -28px -14px no-repeat; } #follow_flickr { background: url(/images/icons/follow_icons.jpg) -42px 0 no-repeat; } #follow_flickr:hover { background: url(/images/icons/follow_icons.jpg) -42px -14px no-repeat; } /*--------------------------- =Maincontent Section ---------------------------*/ #maincontent { color: #626a7e; float: left; padding: 0 39px 70px 39px; width: 522px; } #maincontent h1 { text-shadow: #999 0px 1px 2px; clear: both; color: #072263; font: normal 47px/47px "Lucida Grande", Arial, Helvetica, sans-serif; letter-spacing: -.03em; margin: 0 0 28px 0; width:550px; } #maincontent h2 { color: #072263; display: block; font-weight: normal; font-size: 26px; margin: 17px 0 5px 0; } #maincontent h3 { color: #072263; display: block; font-weight: bold; font-size: 16px; margin: 0 0 24px 0; text-transform: uppercase; } #maincontent h3#respond { margin: 0 0 0px 0; } #maincontent h1 a { color: #072263; } #maincontent h1 a:hover { color: #f0f0f0; } #maincontent h1 strong { display:block; font-size: 59px; font-weight: bold; } #maincontent p { font-size: 14px; line-height: 20px; margin: 0 0 1em 0; } #maincontent blockquote p { font-size: 19px; font-weight: normal; line-height: 24px; } #maincontent .entry ol, #maincontent .entry ul { font-size:13px; list-style:disc; margin:0 0 0 15px; padding:0; } #maincontent .entry ul { color:#474E5F; margin:2px 0 2px 25px; } #maincontent .entry ul li{ line-height:16px; margin:4px 0; } #maincontent .entry abbr { color:#474E5F; font-style:italic; font-weight:bold; cursor: help; } #maincontent a { color: #ed9d1e; } #maincontent a:hover { color: #3B414F; } #maincontent ol{ margin: 0 0 0 20px; } #maincontent input.text, #maincontent textarea { border-bottom: 1px solid #dddddd; border-left: 2px solid #dddddd; border-right: 1px solid #dddddd; border-top: 2px solid #dddddd; } #maincontent input.text { margin: 0 12px 0 0; } #maincontent label { color: #777777; } #maincontent #submit { background: #ffffff; border-bottom: 1px solid #ccc; border-left: 2px solid #ccc; border-right: 1px solid #ccc; border-top: 2px solid #ccc; color: #777777; cursor: pointer; padding: 4px; text-transform: lowercase; } #maincontent ul.read-more { font-size:16px; margin: 0 0px 0 0; padding:4px 0 0 0; } #maincontent ul.read-more li { display: block; float: left; margin: 0 26px 0 0; padding:0; } #maincontent .postList { margin: 0 0 3em 0; } #maincontent div.postmetadata { border-left:3px solid #ed9d1e; border-top:1px dotted #dedede; font-size:11px; margin:10px 0 20px 0; padding:10px 0 0 10px; } #maincontent div.postmetadata p { font-size:11px; } #maincontent div.postmetadata ul { margin:5px 0; } #maincontent div.postmetadata ul li { display:inline; padding:0 7px; } #maincontent div.postmetadata ul li.first { padding:0 7px 0 0; } #maincontent div.postmetadata ul li.last { border:none; padding:0 0 0 7px; } #maincontent div.postmetadata p.tags, ul li.subscribe-link a, ul li.leave-response a, ul li.post-trackback a, ul li.edit a, span.edit a { background:url("/images/icons/tag.gif") 0px 2px no-repeat; font-size:11px; padding-left:14px; } ul li.subscribe-link a { background-image:url("/images/icons/tiny-feed.gif"); } ul li.leave-response a { background-image:url("/images/icons/tiny-comment.gif"); } ul li.post-trackback a { background-image:url("/images/icons/tiny-trackback.gif"); } ul li.edit a, span.edit a { background-image:url("/images/icons/tiny-edit.gif"); } span.edit a { margin-left:10px; } #maincontent div.postmetadata p.tags { background:url("/images/icons/tag.gif") 0px 5px no-repeat; font-size:12px; } /*ul li.alt { background:#ccc; }*/ #maincontent p.from-the-blog a { background:#f3f4f4; color:#999; display:block; font-size:12px; margin:-10px 0 19px -40px; padding:5px 5px 5px 20px; width:130px; } #maincontent p.from-the-blog a:hover { background:#e8e8e8; color:#666; } #maincontent div.post h3 { font-size:.9em; margin:13px 0 2px 0; padding:0;} div.post small { color:#3E4D6F; margin:0; padding:0;} .wmd-preview { border:1px dotted #ccc; padding:10px; } .wmd-preview ol, .wmd-preview ul { list-style:disc; margin-left:15px; } #commentform label { display:block; font-size:.8em; } #commentform textarea, form p span textarea { border-bottom: 1px solid #dddddd; border-left: 2px solid #dddddd; font:11px/14px "Lucida Grande", Lucida, "Trebuchet MS",Tahoma, sans-serif; border-right: 1px solid #dddddd; border-top: 2px solid #dddddd; padding:5px; width:400px; } #maincontent #commentform p label strong { color:#072263; } #maincontent #commentform span small { display:none; } #maincontent #commentform #fbc_login { margin:0; padding:0; display:block; width:500px; } #maincontent #commentform a#fbconnect_login_button, #maincontent .fbc_connect_button_area { background:none; margin:0; padding:0; } /* comment template */ h3#comments { display: block; margin:0px 0 10px 0; padding:10px 0 0 0; text-transform: uppercase; } #maincontent ol.commentlist { font-size: 12px; list-style:none; margin: 0 0 36px 0; padding: 0 0 0 0px; } #maincontent ol.commentlist em.mod { border:1px solid red; display:block; margin:18px 0 8px 0; padding:4px; } #maincontent ol.commentlist li { border-bottom: 1px dotted #ccc; margin:0; position:relative; padding:15px; } /*#maincontent ol.commentlist li.alt { background:#f9f9f9; }*/ #maincontent ol.commentlist cite { display: block; font-weight: bold; font-style:normal; font-size:15px; margin: 0px 0 -8px 0; padding:18px 0 0 0; } #maincontent ol.commentlist cite small { color:#ccc; display: block; font-size:12px; font-weight: normal; } #maincontent ol.commentlist cite img { float:left; margin-right:10px; } #maincontent ol.commentlist small { margin: 0; padding: 0; } #maincontent ol.commentlist p { font-size: 12px; line-height:16px; margin: 0 0 12px 0; padding: 0; } #maincontent ol.commentlist p.comment-num { background:url("/images/drop.jpg") 10px 8px no-repeat; color:#fff; height:20px; letter-spacing:-1px; padding:20px; position:absolute; right:0; width:20px; } #maincontent ol.commentlist li .commentmetadata { margin:3px 0 10px 0; } #join-form label { display:block; font-size:11px; margin-top:10px; } /*--------------------------- =Sidebar Section ---------------------------*/ #sidebar { color: #7c7c7c; float: left; font-size: 11px; width: 280px; } #sidebar h2 { color: #ed9d1e; font-size: 22px; font-style: italic; margin: 0 0 .7em 0; padding: 22px 0 0 25px; letter-spacing: -.03em; } #sidebar h3 { font-size: 14px; } #sidebar dl dt { color: #ed9d1e; font-size: 22px; font-style: italic; margin: 0 0 .7em 0; padding: 22px 0 0 25px; letter-spacing: -.03em; } #sidebar dl dd { background: url(/images/sidebar_dash.jpg) 0 bottom repeat-x; font-size:13px; padding: 0 0 22px 25px; } #sidebar dl dd p { font-size:12px; margin:4px 0 14px 0; } #sidebar dl dd p.browse { margin:7px 0 0 0; } #sidebar dl dd.last { background: none; } #sidebar dl dd ul { background: none; margin: 1em 0 0 1em; padding: 0; } #sidebar dl dd ul li { color:#ed9d1e; font-size:7px; list-style: disc; margin: 0; padding:4px 0; } #sidebar dl dd ul li a { font-size:13px; } #sidebar ul { background: url(/images/sidebar_dash.jpg) 0 bottom repeat-x; padding: 0 0 22px 25px; } #sidebar fieldset.search { padding: 22px 0 22px 25px; } #sidebar ul.last { background: none; } #sidebar a { color: #ed9d1e; } #sidebar a:hover { color: #3B414F; } #sidebar p { font-size: 11px; line-height: 17px; margin: 0 0 1em 0; } #sidebar input.text, form p span input { border-bottom: 1px solid #d9dce3; border-left: 1px solid #737f9b; border-right: 1px solid #d9dce3; border-top: 1px solid #737f9b; font-size: 12px; padding: 5px 0 6px 3px; } #sidebar input.submit { background: #fff; border:1px solid #fff; color: #071c4e; cursor: pointer; font-size: 17px; line-height: 20px; } /*--------------------------- =Footer Section ---------------------------*/ #footer { background: url(/images/footer.jpg) 0 0 repeat-x #071c4e; clear: both; min-width: 900px; padding-bottom:10px; width: 100%; } /* css3 - adds background, animated */ a.add-background-animated {background: #fff; color: #ff0066;} a.add-background-animated:hover{background: #FFAECE;} #footer a { color: #ed9d1e; font-size: 11px; } #footer a:hover { color: #BF4C00; } #footer_twitter, #footer_sponsors, #footer_member_cities { float: left; padding: 0 0 0 25px; min-height:230px; width: 275px; } #footer_member_cities, #footer_twitter { background: url(/images/footer_columns.gif) 0 1px no-repeat; } #footer_twitter h3, #footer_sponsors h3, #footer_member_cities h3 { display: block; float: left; height: 50px; overflow: hidden; text-indent: -10000px; } #footer_twitter h3 { background: url(/images/footer_hd-twitter.jpg) 0 1px no-repeat; width: 129px; } #footer_sponsors h3 { background: url(/images/footer_hd-sponsors.jpg) 0 1px no-repeat; width: 160px; } #footer_sponsors p a { color: #ed9d1e; float: right; font-size: 11px; padding: 23px 16px 0 0; } #footer_sponsors a img { border: 3px solid #65b4f0; } #footer_sponsors a:hover img { border: 3px solid #626a7e; } #footer_sponsors li { margin: 3px 0 11px 0; } #footer_sponsors li.sponsor_link a { background: url(/images/footer_sponsor_link.jpg) 0 0 no-repeat; display: block; height: 33px; overflow: hidden; text-indent: -10000px; width: 259px; } #footer_member_cities h3 { background: url(/images/footer_hd-cities.jpg) 0 1px no-repeat; width: 275px; } #footer_twitter ul, #footer_sponsors ul, #footer_member_cities ul { clear: both; color: #626a7e; font-size: 11px; padding: 17px 0 0 0; } #footer_twitter ul { color:#fff; } #footer_twitter ul li, #footer_member_cities ul li { line-height: 17px; } #footer_twitter ul li { border-bottom:1px dotted #254D7E; padding:5px 0; } #footer_member_cities ul { float: left; padding: 17px 23px 0 0; width: 112px; } #footer_member_cities ul.col2 { clear: none; } #footer_member_cities p { clear: both; } #footer_member_cities a {-webkit-transition-property:color,padding-left;-webkit-transition-duration:500ms,200ms} #footer_member_cities a:hover{color:#fff;padding-left:5px} #footer_twitter ul li.aktt_more_updates { border:0; } a.follow { display:block; font-weight:bold; margin:10px 0; } /*--------------------------- =Classes ---------------------------*/ .clear { clear: both; display: inline; height: 0px; }