/* Theme Name: Every Victory Counts Theme URI: http://www.everyvictorycounts.org Description: Every Victory Counts is a clean theme developed for the Davis Phinney Foundation by Hank Pantier. Version: 1.0 Author: Invisible Window - Hank Pantier Author URI: http://www.invisiblewindow.com/ The CSS, XHTML and design is released under Creative Commons Attribution 2.5: http://creativecommons.org/licenses/by/2.5/ */ body { font: 12px/16px Verdana, Arial, Helvetica; color: #666; margin: 0; padding: 0; background: url(images/hd-gradient.jpg) repeat-x #f9f9f9; } a { color: #3173AA; text-decoration: none; } a:visited { color: #6DA6E2; } a:hover { color: #6DA6E2; text-decoration: underline; } img { border: none; } p { padding: 0 0 15px; margin: 0; line-height: 16px; } h1 { margin: 0; padding: 0 0 15px 0; font: bold 24px/30px verdana, arial, helvetica, sans-serif; color: #5A483C; } h1 a, h1 a:visited{ color: #6DA6E2; text-decoration: none; } h1 a:hover{ color: #3A75B6; text-decoration: none; } * h2 { color: #37689B; margin: 5px 0 10px 0; font: normal 20px verdana, arial, helvetica, sans-serif; padding: 0; } h2 a, h2 a:visited { color: #37689B; text-decoration: none; } h2 a:hover { color: #999; text-decoration: none; } h3 { font: normal 20px/26px Verdana, Arial, helvetica, sans-serif; color: #7d3400; margin: 10px 0 5px; text-align: justify; text-transform: uppercase; } h3 strong { color: #4b8aca; } h4 { font: normal 130%/100% "Trebuchet MS", Tahoma, Arial; color: #2763A5; margin: 10px 0 5px; } form { margin: 0; padding: 0; } #page { margin: 0; width: 960px; } /* header area */ #header { height: 90px; position: relative; background: #f9f9f9; } #headerimg { position: relative; padding: 0; margin: 0; height: 90px; width: 275px; background: url(images/dpf-logo.gif) no-repeat; cursor: pointer; } #headerimg .description, #headerimg h1 { position: relative; margin-left: -9000px; } #nav { list-style: none; margin: 0; pading: 0; position: absolute; bottom: 0; left: 245px; height: 40px; } #nav li { float: left; margin: 0; padding: 0; } #nav li a span, #nav li span { display: none; } #nav li.home a { background: url(images/nav/home.gif) no-repeat; background-position: top left; width: 58px; height: 40px; display: block; } #nav li.programs a { background: url(images/nav/programs.gif) no-repeat; background-position: top left; width: 70px; height: 40px; display: block; } #nav li.events a { background: url(images/nav/events.gif) no-repeat; background-position: top left; width: 51px; height: 40px; display: block; } #nav li.news a { background: url(images/nav/news.gif) no-repeat; background-position: top left; width: 44px; height: 40px; display: block; } #nav li.shop a { background: url(images/nav/shop.gif) no-repeat; background-position: top left; width: 44px; height: 40px; display: block; } #nav li.contact a { background: url(images/nav/contact.gif) no-repeat; background-position: top left; width: 58px; height: 40px; display: block; } #nav li.home a:hover, #nav li.programs a:hover, #nav li.events a:hover, #nav li.news a:hover, #nav li.shop a:hover, #nav li.contact a:hover { background-position: bottom left; } #nav li.textsize { background: url(images/nav/text-size.gif) no-repeat; width: 52px; height: 40px; padding-right: 15px; } /* content area */ #content { padding: 0 15px 25px 15px; float: left; width: 928px; overflow: hidden; } .post { width: 500px; margin: 0 auto; padding-top: 15px; } .postblog { width: 695px; margin: 0 0 30px 0; padding: 0 15px 20px 0; border: 0; float: right; } /* .entry { float:left; width: 670px; position: relative; border: 0; color: #333; padding: 245px 0 25px 0; } */ .entry { float:left; width: 670px; position: relative; border: 0; color: #333; padding: 5px 0 25px 0; } .post-cat { padding: 5px 0; float:left; font-size: 11px; color: #999; } .post-comments { padding-left: 0; float: right; font-size: 11px; } .post-content { clear: both; padding-top: 10px; } .post-content img { border: 3px solid #EEE; } .navigation { clear: both; padding: 10px 0; } .navigation a, .navigation a:visited { color: #2763A5; } .previous-entries a { float: left; padding-left: 18px; background: url(images/mini-nav-left.gif) no-repeat left center; } .next-entries a { float: right; padding-right: 18px; background: url(images/mini-nav-right.gif) no-repeat right center; } /* comments area */ #comments, #respond { border-bottom: 1px dotted #CCC; padding: 10px 0 5px 0; clear: both; } .commentlist { margin: 10px 0; padding-left: 20px; line-height: 130%; } .commentlist li { padding: 5px 10px; } .commentlist .alt { background: #DDEBF4; } .commentlist cite, .commentlist cite a, .commentlist cite a:visited { font-weight: bold; font-style: normal; font-size: 120%; color: #2763A5; } .commentlist small { margin-bottom: 5px; display: block; font-size: 87%; } #commentform { margin-top: 10px; font: 110% Arial, Helvetica, sans-serif; } #commentform p { padding: 6px 0; margin: 0; } #commentform label{ color: #787878; font-size: 87%; } #commentform input{ width: 200px; background:#EDF4FA; border: 1px solid #0C488B; padding: 3px; margin-top: 3px; } #commentform textarea{ width: 485px; height: 115px; background: #EDF4FA; border: 1px solid #0C488B; padding: 2px; margin-top: 3px; } #commentform textarea:focus, #commentform input[type="text"]:focus { background: #FFF; } #commentform #submit{ background: url(images/btn-bg.gif) no-repeat; font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; border: none; float:right; width: 144px; height: 28px; cursor: pointer; } /*sidebar */ #sidebar { float: left; padding: 0 15px 20px 0; width: 185px; color: #666; overflow: hidden; } /*sidebar title (h2) */ #sidebar h2, #sidebar .sidebartitle{ font: normal 140%/100% "Trebuchet MS", Tahoma, Arial; color: #2763A5; margin: 20px 0 2px; border-bottom: 1px solid #6DA6E2; } /*sidebar text styles */ #sidebar a, #sidebar a:visited{ color: #3173AA; text-decoration: none; } #sidebar a:hover{ color: #23547C; text-decoration: none; } /*sidebar list level1 */ #sidebar ul { margin: 0; padding: 0; } #sidebar ul li { list-style: none; margin: 0; padding: 0; border: none; } /*sidebar list level2 */ #sidebar ul li ul { padding: 0; margin: 0; } #sidebar ul li ul li{ padding: 2px 0 2px 0; border-bottom: 1px solid #DDEBF4; } /*sidebar list level3 */ #sidebar ul li ul li ul li{ padding: 1px 0 1px 10px; border: none; } /*blogroll */ ul.list-blogroll li{ background: url(images/mini-blogroll.gif) no-repeat !important; padding-left: 16px !important; } /*category widget */ ul.list-cat li, li.widget_categories li { padding-left: 10px !important; } ul.list-archives li, li.widget_archives li{ padding-left: 10px !important; } /*pages widget */ ul.list-page li, li.widget_pages li, li.widget_recent_entries li{ background: url(images/mini-page.gif) no-repeat !important; padding-left: 20px !important; } /*sub-pages */ ul.list-page li ul li, li.widget_pages li ul li{ background: url(images/mini-page-arrow.gif) no-repeat !important; padding-left: 10px !important; } /*recent comments widget */ li.widget_recent_comments li{ background: url(images/mini-recent-comments.gif) no-repeat !important; padding-left: 20px !important; } /*calendar widget */ li.widget_calendar td { padding: 1px 7px; } /*text widget */ .textwidget { padding-top: 5px; } /*search form */ #searchform { padding: 15px 0 0 0; width: 200px; height: 40px; } #searchform div { background: url(images/nav/search.gif) no-repeat; padding-left: 60px; } #searchform #s { width: 105px; height: 16px; padding: 1px; border: 1px solid #999; background: #fff; color: #666; font-weight: normal; margin: 0 5px 0 0; } /* search form button - to specify button only use input[type="submit"] */ #searchform #searchsubmit { background: url(images/nav-btn-bg.gif) no-repeat; border: 0; width: 26px; height: 18px; font: normal 10px/12px VArial, Helvetica, sans-serif; text-transform: uppercase; color: #FFF; } /* Top Commentators */ #sidebar ul.user li { background: url(images/user.gif) no-repeat; padding-left: 20px; } /* footer area */ #footer { clear: both; background: #573221; color: #FFF; font-size: 12px; line-height: 16px; padding-bottom: 10px; border-top: 1px solid #7d3400; } #footer a, #footer a:visited { color: #AABBCE; } #footer h4 { font: normal 18px/24px "Trebuchet MS", Tahoma, Arial; color: #FFF; margin: 15px 0 10px; } .column { width: 280px; float: left; padding: 10px 15px 15px 25px; } .column address { font-style: normal; padding-bottom: 15px; } .column ul { list-style: none; margin: 0; padding: 0; } .column ul li { padding: 0 0 5px 0; } .column ul#social li { margin-bottom: 5px; padding: 5px 0 0 25px; } .column ul#social li.fb { background: url(images/evc-fb.gif) no-repeat; } .column ul#social li.rss { background: url(images/evc-rss.gif) no-repeat; } .column ul#social li.twitter { background: url(images/evc-twitter.gif) no-repeat; } .column ul#social li a { color: #bebcbc; } /* alignments */ .center { text-align: center; } img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } img.alignleft, img[align="left"] { float:left; margin: 2px 10px 5px 0; } .alignright { float: right; } img.alignright, img[align="right"] { float:right; margin: 2px 0 5px 10px; } .clear { clear:both; } hr.clear { clear:both; visibility: hidden; margin: 0; padding: 0; } /* change font size */ form#chgfontsizeoptions a:last-child { display: none; } form#chgfontsizeoptions a { margin: 0; padding: 0; border: 0; } form#chgfontsizeoptions a img { padding: 9px 0 0 0; margin: 0; float: left; } /* top portion */ #top, #top2 { width: 958px; height: 270px; } #top2 { height: 605px; } #sidenav { list-style: none; margin: 15px 0 0 8px; padding: 0; border-top: 1px solid #b78a74; width: 220px; float: left; } #sidenav li a { font: normal 14px verdana, arial, helvetica; color: #FFF; text-transform: uppercase; padding: 3px 0 0 10px; width: 209px; height: 20px; display: block; background: url(images/nav-bg.jpg) no-repeat; border-left: 1px solid #b78a74; border-bottom: 1px solid #b78a74; } #sidenav li a:hover, #sidenav li.current_page_item a, #sidenav li.current_page_parent a { text-decoration: none; background: url(images/nav-bg-on.jpg) no-repeat; border-left: 1px solid #37689b; border-bottom: 1px solid #37689b; } /*Featured Post Slide Show*/ #featured_posts { width: 501px; height: 246px; float: left; border-top: 1px solid #37689b; border-left: 1px solid #37689b; border-bottom: 1px solid #60a3e7; background: #729DD2; margin-left: 0; padding: 0; } #featured_posts ul, #featured_posts ul li { padding: 0; margin:0; } #featured_posts2 { width: 728px; height: 590px; float: left; border-top: 1px solid #37689b; border-left: 1px solid #37689b; border-bottom: 1px solid #60a3e7; border-right: 1px solid #60a3e7; background: #FFF; margin-left: 0; padding: 0; } #preview { float: left; padding: 30px 0 0 35px; } #preview a { display: block; width: 133px; height: 135px; background: url(images/preview-btn.png) no-repeat; } #downloadList { list-style: none; margin: 0; padding: 0; } #downloadList li { margin: 0 0 15px 0; } #downloadList li a { font-size: 12px; font-weight: bold; } #pagenav a { color: #888; } #pagenav a.on { color: #3173AA; } ul.pagenav { list-style: none; } ul.pagenav li a { display: block; padding: 5px 10px; border: 3px solid #DDD; margin-bottom: 15px; text-align: center; background: #729DD2; color: #FFF; font-weight: bold; font-size: 14px; line-height: 20px; text-decoration: none; } ul.pagenav li a:hover { text-decoration: none; background: #8fb5e5; } .ddsg-wrapper p { display: none; } .thumbborder { background: url('images/postimage.png') no-repeat; position: absolute; top: 0; left: 0; z-index: 5; width: 665px; height: 216px; } .entry .wp-post-image { position: absolute; top: 0; left: 0; z-index: 1; width: 665px; height: 216px; } /* clear those floats */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .metastuff { width: 45%; float: left; } .retweet-btn-small { width: 45%; float: right; }