/* Theme Name: Throwdarts - Light Theme URI: http://www.fabianvorderegger.com/ Description: A theme built for "Throw Darts League Austria" Version: 1.0 Author: Fabian Vorderegger Author URI: http://www.fabianvorderegger.com/ Tags: Throw Darts, Fabian Vorderegger, Austrian Darts */ /* ============================================================================= HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* Reset - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} html, body, container { height: 100%; } body > #content { height: auto; min-height: 100%; } body { font-size: 62.5%; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: black; line-height: 1em; background-color: white } ul { list-style: none inside; } ul li a { border: none } ol { list-style: decimal inside; } strong { font-weight: bold } em { font-style: italic } a img { border:none } /* Gets rid of IE's blue borders */ .Img a { border: none } .no-border { border: none } .no-border:hover { border: none } .amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;font-style: italic; font-weight: normal; } :focus { outline: 0 } p.SerifTypo { font: normal normal normal 1.8em/1.5em Georgia, serif; color: #999 } span.edit { padding: 1px 5px 1px 5px; font-weight: bold; text-transform: uppercase } span.edit:hover { font-weight: bold; color: red; border-bottom: 1px solid red } .red { color: red } .darkblue { color: #004483 } .bigger { font-size: 120%; font-weight: bold } .PostDescription { margin-bottom: 40px; margin-top: 20px } /*used for Description of Metainformation below Post and above Comments */ .bookmarks { border-bottom: 1px solid #aaa; padding: 20px; font-size: 1.9em; color: #999 } .bookmarkHeader { padding: 20px; background-color: #ccc; border: 1px solid black; margin-top: 100px } #NewsLetterSubscription { padding: 10px } #newsletter { width: 245px; height: 16px; font-size: 11px; color: #002547; line-height: 11px; border: 1px solid #ccc; padding: 5px; font-family: Geneva, sans-serif; color: gray } #newsletter:focus { border: 1px solid #999;font-family: Geneva, sans-serif; color: #002547 } #newsletterAbout { width: 160px; height: 16px; font-size: 11px; color: #002547; line-height: 11px; border: 1px solid #ccc; padding: 5px; font-family: Geneva, sans-serif; color: gray } #newsletterAbout:focus { border: 1px solid #999; font-family: Geneva, sans-serif; color: #002547 } #newsletterButton { font-size: 11px; font-weight:bold; color: #002547; line-height: 11px; border: 1px solid white; padding: 5px 2px 5px 2px; margin-left: 3px; background-color: white; text-transform: uppercase } #newsletterButton:hover { border-bottom: 1px solid #0082FA; color: #0082FA } /* Languages */ #LanguageTunnel { width: 980px; margin: 0 10px; position: fixed; float: right; z-index: 81 } #LanguageTunnel ul { float: right } #LanguageTunnel ul li { float: left; padding: 0px 2px } #LanguageTunnel ul li a { border: none } #LanguageTunnel ul li a:hover { width: 100%; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5 } .legal-german { font-size: 1.9em; color: #999 } .legal-english { font-size: 1.9em; font-family: Georgia, serif; color: #aaa } /* Main Layout - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ header { float: left; width: 100%; position: fixed; z-index: 80; height: 130px; background: url(images/backgrounds/header.png) repeat-x top left; } nav { margin: 0 auto !important; width: 980px; padding: 50px 10px 10px 10px; } #container { width: 1000px; margin: 0px auto; height: auto !important; height: 100%; } #content { width: 980px; margin: 0px auto; min-height: 100%; height: auto !important; height: 100%; padding: 155px 0 0 0 } #HomeWrap { width: 100%; float: left } .HomeSlidedeck { width: 620px; float: left; padding-right: 4px; margin-right: 5px } .HomeColumns { width: 320px; float: left; padding-right: 4px; margin: 0 5px 20px 0; border-right: 1px solid #e5e5e5; min-height: 500px } .HomeColumns-right { width: 320px; float: right; margin-bottom: 20px; min-height: 500px } .start img { width: 320px; height: 216px; margin-bottom: 20px; border: none } .start a { border: none } .separator { width: 100%; border-bottom: 1px solid #e5e5e5; float: left; margin-bottom: 10px; } /* Menu - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #logo { float: left; margin-top: 19px; background: url(images/logo/throwdarts-web.png) 0 0 no-repeat; width: 262px !important; height: 30px !important; overflow: hidden } #logo:hover { background: url(images/logo/throwdarts-web.png) 0 -28px no-repeat } #navigation { float: right; margin: 19px 0 0 0; padding: 0; display: table; font-family: Helvetica,Arial,sans-serif; font-size: 1.20em; font-weight: bold; left: 0; position: relative; text-transform: uppercase; top: 0; width: 660px; z-index: 1000 } #navigation li { white-space: nowrap } #navigation a { color: #ccc; text-decoration: none } #navigation > li { display: table-cell; min-width: 100px; overflow: visible; padding-bottom: 3px !important; padding-left: 10px; position: relative } #navigation > li > a { background: none repeat scroll 0 0 #f5f5f5; display: block; padding: 10px; text-align: center; color: gray } #navigation > li > a:hover { background: none repeat scroll 0 0 #ccc } #navigation li ul { border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.5); display: none; margin-top: 3px; min-width: 100px; padding: 7px 0; position: absolute; background-color: black } #navigation > li:hover > a { background: none repeat scroll 0 0 #ccc } #navigation li:hover ul { display: block !important } #navigation li li { padding-bottom: 0 !important } #navigation li li a { display: block; padding: 8px 12px } #navigation li li a:hover { color: white } .search { float: left; display: block; width: 360px; height: 30px; margin-bottom: 20px } #searchform { float: left; width: 340px; margin: 0 10px } #searchform label { display: none; float: left; height: 14px; padding: 3px 2px; font: normal normal bold 14px/14px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-transform: uppercase } #searchform #s { float: left; background: url(images/Search.png) no-repeat -9px 0px; width: 250px; height: 26px; padding: 2px 2px 2px 28px; font-size:12px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; color:#ccc; border:none; margin: 0;} #searchform #Button { float: right; width: 60px; height: 30px; background: url(images/Search.png) no-repeat -289px 0px; border: none !important;} #searchform #s:focus, #searchform #s:hover { background: url(images/Search.png) no-repeat -9px -36px ;color: red } #searchform #Button:focus, #searchform #Button:hover { background: url(images/Search.png) no-repeat -289px -36px ; } #searchform #searchsubmit { border:0; background-color:#eee; height:50px; line-height:50px; padding:0 10px; cursor:pointer } #searchform #searchsubmit:hover { background-color:#ff3706; color:#FFF } textarea:focus { border: none !important } #searchform #s:focus { border: none !important } /* More - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .HomeColumns .readmore { float: left; margin-top: 0px } .readmore a { float: left; font: normal normal bold 13px/150% "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase; color:#0082FA; border: none; outline: none; margin-top: 10px; padding: 3px 5px; background-color: #f5f5f5 } .readmore a:hover { color: white; background-color: red } #leadstory { width: 100%; float: left; border-bottom: 1px solid #e5e5e5 } #main-content { width: 100%; float: left; margin: 10px 0; border-bottom: 1px solid #e5e5e5 } .lead { width: 980px; float: left } .learticle h1 { min-height:45px; font:bold 2.2em/1.1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin:0; padding:0 100px 0 0; letter-spacing:-1px; text-transform:uppercase } .learticle h1 a { color: #002547 } .learticle h1 a:hover { color: red } .lead img { width: 980px; height: 425px; margin-bottom: 20px; border: none } .lead a { border: 0 none; outline: none } .lead .learticle { float: left; position: absolute; z-index: 40; width: 400px; height: 170px; margin: 210px 0 0 20px; padding: 10px;background-color: #f5f5f5 } .lead .learticle p { padding: 0; font-size: 11px } .lead .learticle p a { border: none; font-weight: bold; color: gray } .lead .learticle p a:hover { color: #002547 } .lead .learticle p.description { margin: 0 5px 0 0; font-size: 1.25em; line-height: 1.55em; color: #555 } .lead .learticle p.first { font-size: 13px; padding: 7px 0 3px 0 } .lead .learticle p.following { border-top: 1px solid #ccc; padding: 1px 0 2px 0; line-height: 1.1em } .lead .learticle .bottom-aligned { width: 400px; bottom: 0px; position: absolute } div#Announcements { width: 620px; float: left; margin: 0 0 20px 0 } div.article { width: 310px; height: 194px; float: left; overflow: hidden } div.article .preview a { border: none } div.article .preview a img { width: 290px; height: 194px } div.article .article-over { display: none } div.article-over { left: 0; padding: 0; position: absolute; top: 120px; width: 290px; height: 74px } .article:hover .article-over { display:block; background-image: url(http://www.throwdarts.at/wp-content/themes/throwdarts/images/backgrounds/background-img.png); background-position: top left; background-repeat:repeat } div.article-over h2 { margin: 20px 0 5px 0 } div.article-over h2 a { color: #ccc; padding: 0 0 0 20px } div.article-over h2 a:hover { color: white } div.article-over p { text-transform: uppercase; font-weight: bold; font-size: 11px; padding: 0 0 0 20px } div.article-over p a { border: none; background-color: #444; color: black; padding: 1px } .article:hover .article-over { display:block } #Featured-Stories { width: 620px; float: left; display: block; padding-bottom: 20px; margin: 0 } .Home-Module-small { width: 192px; height: 570px; margin-right: 6px; padding-right: 5px; border-right: 1px solid #e5e5e5; float: left; font-size: 87%; font-weight: 400; color: #4c4c4c } .Home-Module-small .Img img { width: 191px; height: 128px } #Featured-Stories .body { margin: 10px 0 0 5px } #Featured-Stories .body p { padding: 0 } .Home-Module-small .body h3 { font: normal normal bold 2em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -1px; text-transform: uppercase; margin: 20px 0 } .Home-Module-small .body h3 a { color: #01417b } .Home-Module-small .body h3 a:hover { color: black } .Home-Module-small .body h5.metainfo { font: normal normal normal 1.3em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #999; padding: 0 } #Featured-Media { width: 360px; float: right; display: block; padding-bottom: 20px; margin: 0 } #Featured-Media h1 { float: left; font: normal normal bold 3.5em/1.1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 0; padding: 10px; letter-spacing: -2px; text-transform: uppercase; border-bottom: 1px solid #ccc } #Featured-Media h2 { font: normal normal bold 2.5em/1.1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 0; padding: 10px; letter-spacing: -1px } #Featured-Media ul#Events { font: normal normal normal 1.5em/1.1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 5px 0 25px 0 } #Featured-Media ul#Events a li { padding: 10px; border-bottom: 1px solid #ccc } #Featured-Media ul#Events a li:hover { background-color: #f5f5f5 } #Featured-Media ul#Events a li span.date { font-size: 0.8em; color: red } #Featured-Media ul#Events a li:hover span.date { color: black } #Featured-Media ul#Events a li span.event { font-weight: bold } #Featured-Media ul#Events a li:hover span.event { color: #333 } .Home-Sidebar-Media { width: 360px; float: left; font-size: 87%; font-weight: 400; color: #4c4c4c } .Home-Sidebar-Media .Img { width: 360px; height: 128px; overflow: hidden; margin: 0 0 20px 0 } .Home-Sidebar-Media .Img img { width: 360px; height: 241px } #Featured-Media .body { margin: 10px 0 0 5px } #Featured-Media .body p { padding: 0 } .Home-Sidebar-Media .body h3 { font: normal normal bold 2em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -1px; text-transform: uppercase; margin: 20px 0 } .Home-Sidebar-Media .body h3 a { color: #01417b } .Home-Sidebar-Media .body h3 a:hover { color: black } .Home-Sidebar-Media .body h5.metainfo { font: normal normal normal 1.3em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #999; padding: 0 } .Photogallery { padding: 10px; width: 40px; height: 40px; z-index:20; position: absolute; float: left; background-image: url(http://www.throwdarts.at/wp-content/themes/throwdarts/images/menu/photos-hover.png); background-position: center center; background-repeat: no-repeat; } .Videogallery { padding: 10px; width: 40px; height: 40px; z-index:20; position: absolute; float: left; background-image: url(http://www.throwdarts.at/wp-content/themes/throwdarts/images/menu/videos-hover.png); background-position: center center; background-repeat: no-repeat; } .MediaHeader-Background { overflow: hidden; width: 360px; height: 128px; z-index: 10; position: absolute; float: left } .MediaHeader-Background h3 { color: white; font: normal normal bold 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0px; text-transform: uppercase; margin: 96px 0 0 0; padding: 10px 10px; background-image: url(http://www.throwdarts.at/wp-content/themes/throwdarts/images/backgrounds/background-img.png); background-position: top left; background-repeat:repeat } .Mediaheader-Background img.icon { width: 12px !important; height: 12px !important } .MediaHeader-Background h3 a { color: white } .MediaHeader-Background h3 a:hover { color: #ccc } .Media-Separator { float: left; margin: 0 0 20px 0; width: 340px; height: 20px; padding: 10px } .MediaSubtitle { float: left; margin: 0 0 20px 0; width: 100%; border-bottom: 1px solid #e3e3e3; border-top: 10px solid black } #FB-Fanpage-Like { width: 100%; border-bottom: 1px solid #e3e3e3; margin: 5px 0 25px 0 } /* Featured Articles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ li.FeaturedGridView { float: left; width: 100% } #Featured { width: 980px; float: left; margin: 10px 0; padding-bottom: 20px } .module5 { width: 186px; height: 570px; margin-right: 6px; padding-right: 5px; border-right: 1px solid #e5e5e5; float: left; font-size: 87%; font-weight: 400; color: #4c4c4c } .module5 .Img img, .module5-right img { width: 185px; height: 125px } #Featured .body { margin: 10px 0 0 5px } #Featured .body p { padding: 0 } .module5-right { width: 186px; height: 570px; float: right; font-size: 87%; font-weight: 500; color: #4c4c4c } .module5 .body h3, .module5-right .body h3 { font: normal normal bold 2em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -1px; text-transform: uppercase; margin: 20px 0 } .module5 .body h3 a, .module5-right .body h3 a { color: #0082FA } .module5 .body h3 a:hover, .module5-right .body h3 a:hover { color: black } .module5 .body h5.metainfo, .module5-right .body h5.metainfo { font: normal normal normal 1.3em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #999; padding: 0 } /* Pages - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #pagepicture { width: 980px; float: left } .singlepage { width: 980px; float: left } .WholeWidthColumn { width: 980px; margin: 0 0 50px 0; float: left; padding: 0 } .WholeWidthColumn-Half { width: 490px; margin: 0 0 50px 0; float: left } .Trennlinie { margin: 5px 0 25px 0 } .ContactPage { width: 620px; float: left } .ContactBar { width: 350px; padding: 0 0 0 10px; float: right } .ContactBar .Info { width: 340px; padding: 5px; float: left; border-bottom: 1px solid gray } .ContactBar .Info .Img { width: 20px; height: 20px; float: left } .ContactBar .Info .Con { width: 304px; height: 14px; padding: 3px; font-size: 12px; line-height: 14px; float: right } .ContactBar .Info .Con a:hover { border-bottom: 2px solid black } #pagecomments { width: 960px; padding: 10px; float: left } .LigaNewsImg { margin: 0 0 10px 0 } #LigaNewsHead { margin: 10px 0 50px 0; float: left; width: 100% } div.singlepage table { color: #262626; width: 960px; font-size: 1.3em; margin: 20px 10px } div.singlepage table thead { color: #002547; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid black } div.singlepage table thead tr td, div.singlepage table tbody tr td { padding: 10px } div.singlepage table tbody { font-family: Verdana; color: gray } div.singlepage table tbody tr { border-bottom: 1px solid #e5e5e5 } /* Liga Tabellen - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .Tabellen { margin-bottom: 32px } h2.TabellenHeader { line-height: 18px; margin: 14px 0 0 10px } .Tabellen thead { line-height: 11px; height: 32px } .TablePost thead tr td { } .TablePost tbody { } .Tabllen tbody tr { height: 32px } .TablePost tbody tr td { } .TablePost tbody tr:hover { } .submenu { margin: 0 0 20px 0 } .MediumSize p, .MediumSizeRight p { font-size: 1.15em } /* Posts - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #picture { width: 300px; padding-right: 20px; float: left } #picture img { width: 300px; height: 203px } #picture h5 { font: normal normal normal 1.2em/1.4em "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: none; color: #999; padding: 0; margin-top: 10px } #picture h5.metainfo a { padding: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #999 } #picture h5.metainfo a:hover { color: #0082FA; } #picture div.Edit { width: 300px; margin: 20px 0 20px 0; float: left } #picture div.Edit img { width: 300px; height: 58px } .post h1 { font: normal normal bold 4em/1.1em "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; letter-spacing: -1px } .post p { font-size: 1.4em; line-height: 1.7em } .post ul li { list-style-type:square; list-style-position: inside; padding: 2px 10px 3px 10px; font-size: 1.3em; line-height: 1.6em; color: #444 } .post ul li a { border-bottom: 2px solid gray; padding: 1px 1px 1px 0; font-weight: normal } .post ol li { list-style-type: decimal; list-style-position: inside; padding: 2px 10px 3px 10px; font-size: 1.3em; line-height: 1.6em; color: #444 } .post ol li a { border-bottom: 2px solid gray; padding: 1px 1px 1px 0; font-weight: normal } .post { width: 520px; float: left; border-right: 1px solid #e5e5e5; margin: 0 0 20px 0 } div#SideBar { width: 122px; padding: 0; float: right; font-size: 90% } div#SideBar a { border: none } div#SideBar ul { margin-bottom: 20px } .module5-right ul li.bullseye-item { font-size: 12px } li.bullseye-item { padding: 10px 8px 10px 4px; border-bottom: 1px solid #ccc; color: #999; font-size: 11px; line-height: 11px } a li.bullseye-item { background-color: white; color: #333 } a:hover li.bullseye-item { background-color: #F5F5F5; color: #0082FA } li.cat-item { padding: 10px 8px 10px 4px; border-bottom: 1px solid #ccc; color: #999; font-size: 12px } li.cat-item a { color: #333 } li.cat-item a:hover { color: #0082FA } #comments { width: 960px; padding: 10px; float: left } .TablePost { color: #262626; margin-bottom: 40px; width: 99% } .TablePost thead { color: #002547; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid black } .TablePost thead tr td { padding: 10px } .TablePost tbody { font-family: Verdana; font-size: 10px; line-height: 11px } .TablePost tbody tr { border-bottom: 1px solid #e5e5e5 } .TablePost tbody tr td { padding: 10px } .TablePost tbody tr td.main { width: 220px } .TablePost tbody tr td.second { width: 60px } .TablePost tbody tr:hover { color: #666; border-bottom: 1px solid #ccc } #facebook-like { margin: 20px 0 10px 0 } div.addthis_toolbox a {border: none} div.Ad { margin: 0 0 10px 0 } div.Ad img { width: 120px; height: 90px; border: 1px solid #ccc } div.Ad img:hover { border: 1px solid #f5f5f5; opacity: 0.7 } div#gallery-1 { overflow: hidden } div#gallery-1 dl.gallery-item dt.gallery-icon a { border: none } div#gallery-1 img { width: 150px; height: 150px; border: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* future proofing */ -khtml-border-radius: 10px; /* for old Konqueror browsers */ } div#gallery-1 img:hover { opacity: 0.7 } /* Header & Typography - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ a { outline: none; text-decoration: none; color: gray; border-bottom: 2px solid gray } a:hover { color: black } a:active { position: relative; top: 1px } p { padding: 10px; margin: 0px; font-size: 1.55em; line-height: 1.55em; color: #5E5E5E } h1 { font: normal normal bold 2.5em/1.1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 0; padding: 5px 5px 5px 10px; letter-spacing: -1px } h2 { font: bold 2em/1em "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; color: #002547; margin: 20px 0 0 10px } h3 { font: normal normal normal 2em/1.4em Georgia, Times, serif; letter-spacing: -1px; margin: 0 0 10px 0 } h4 { font: normal normal bold 2em/1em "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; margin: 3px 0 20px 0; letter-spacing: -1px; padding: 0 0 6px } h5 { font: normal normal normal 1.3em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; padding-left: 5px; color: #999 } h6 { font: normal normal bold 2em/1em "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; letter-spacing: -1px; padding-left: 5px; margin-bottom: 15px; color: gray } h7 { font: normal normal bold 2.5em/1em "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; letter-spacing: -1px } h1 a { outline: none; text-decoration: none; color: #004483; border: none } h1 a:hover { color: black } h2 a { color: #002547; border: none } h2 a:hover { color: black } h3 a { color: #002547; border: none } h3 a:hover { color: #0082FA } h4 a { color: #002547; border: none } h4 a:hover { color: black } h5 a { color: #002547; outline: none; text-decoration: none; border-bottom: solid 1px #ccc } h5 a:hover { color: #0082FA; border-bottom: solid 1px #e5e5e5 } /* Federations - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #Federations { width: 100%; float: left } #Fed-hold { width: 960px; margin: 0 auto; } #Fed-hold img { float: right; padding: 5px } /* Footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ footer { height: 130px; clear: both; font-size: 1.1em; color: gray; background-color: } footer a { border:none } footer a:hover { border-bottom: 1px solid gray } #footer-inside { width: 960px; margin: 0 auto; padding: 20px 0 0 0 } #footer-1 { width: 660px; float: left; margin-top: 10px; margin-bottom: 30px; text-align: left } #footer-2 { width: 300px; float: right; margin-top: 10px; margin-bottom: 30px; text-align: right } #footer a { list-style-type: none; text-decoration: none; color: gray; padding: 3px } #footer-inside #footer-1 a.AdminLink { background-image: url(http://www.throwdarts.at/wp-content/themes/throwdarts/images/adminpanel/back.png); background-position: center center; background-repeat: repeat-x; margin: 0 3px 0 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; text-shadow: 0px 1px 1px #fff; font-weight: bold; border: none; padding: 3px 5px 3px 5px } #footer-inside #footer-1 a.AdminLink:hover { background-image: url(http://www.throwdarts.at/wp-content/themes/throwdarts/images/adminpanel/back-hover.png); background-position: center center; background-repeat: repeat-x; font-weight: bold; border: none; text-shadow: 0px 1px 1px #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px } footer ul { font-size: 12px; list-style-type: none } footer li { padding-left: 5px } #fteditor { float: right; width: 940px; margin-top: 74px; margin-left: auto; margin-right: auto; margin-bottom: 0px } .footypo { font: normal normal normal 98%/100% "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: right; padding: 10px; background-color: #191919 } /* 2 COLUMN DESIGN */ #twoColumns-1 { width: 480px; float: left } #twoColumns-2 { width: 480px; float: right } /* 3 COLUMN DESIGN */ #threeColumns-1 { width: 320px; float: left; height: 560px; margin-bottom: 20px } #threeColumns-2 { width: 320px; float: left; margin: 0 4px 0 4px; padding: 0 5px 0 5px; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; height: 560px; margin-bottom: 20px } #threeColumns-3 { width: 320px; float: right; height: 560px; margin-bottom: 20px } .threeClmImg { width: 320px; height: 216px; border: none } #SubMenu { width: 980px; float: left } #SubMenu a { border: none } #SubMenu .Left { width: 235px; padding: 5px; float: left; margin-bottom: 20px } #SubMenu .Right { width: 235px; padding: 5px; float: right; margin-bottom: 20px } .ThreeClm-Body { } .threeColumns-Tables1 { width: 320px; float: left; margin-bottom: 20px;} .threeColumns-Tables2 { width: 320px; float: left; margin: 0 4px 0 4px; padding: 0 5px 0 5px; margin-bottom: 20px; } .threeColumns-Tables3 { width: 320px; float: right; margin-bottom: 20px;} .threeColumns-Tables1 a, .threeColumns-Tables2 a, .threeColumns-Tables3 a, .ThreeClm-Body a { border: none } #threeColumns-Archiv { width: 980px; float: left; margin-bottom: 20px; } /* 4 COLUMN DESIGN */ #fourColumns-1 { width: 235px; float: left } #fourColumns-2 { width: 240px; float: left; margin-left: 10px; margin-right: 5px } #fourColumns-3 { width: 240px; float: left; margin-left: 5px; margin-right: 10px } #fourColumns-4 { width: 235px; float: right } /* 4 COLUMN DESIGN - MODIFIED */ #fourColumnsModified-2 { width: 475px; float: left; margin-left: 10px; margin-right: 5px; } #fourColumnsModified-3 { width: 240px; float: left; margin-left: 5px; margin-right: 10px; } #fourColumnsModified-4 { width: 235px; float: right; } .MediumSize { height: 570px; border-right: 1px solid #e5e5e5; margin-bottom: 20px; } .MediumSizeRight { height: 570px; border: none; margin-bottom: 20px; } /* Media */ .Media { float: left; width: 700px; border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px } .Media div.MediaPicture { float: left; width: 290px} .Media div.MediaPicture .Img img { width: 278px; height: 186px } .Media div.MediaDesc { float: right; width: 410px } .Media div.MediaDesc h1 { padding: 0 0 10px 10px; font: normal normal bold 2em/1.1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif } .Media div.MediaDesc h1 a { border: none; color: #333; padding-right: 10px } .Media div.MediaDesc h1 a:hover { color: gray; padding-right: 10px } .Media div.MediaDesc p { font: normal normal normal 1.2em/1.4em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #5e5e5e } .Media div.MediaDesc a.readmore { font: normal normal bold 1.4em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 5px 0; margin: 10px; float: left; border-bottom: 2px solid black; color: gray } #MediaSidebar { float: left; width: 160px; } #Sidebar250 { float: right; width: 250px } /* Sitemap / Author - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .SitemapFiller { margin: 0; width: 100%; height: 118px; } #fourColumns-1 ul, #fourColumns-2 ul, #fourColumns-3 ul, #fourColumns-4 ul, #twoColumns-1 ul, #twoColumns-2 ul { margin: 0 0 30px 0 } #fourColumns-1 ul li.page_item, #fourColumns-2 ul li.page_item, #fourColumns-3 ul li, #fourColumns-4 ul li.page_item, #twoColumns-1 ul li.page_item, #twoColumns-2 ul li.page_item { padding: 10px 1px 10px 5px; border-bottom: 1px solid #ccc; } #fourColumns-1 ul li.page_item a, #fourColumns-2 ul li.page_item a, #fourColumns-3 ul li a, #fourColumns-4 ul li.page_item a, #twoColumns-1 ul li.page_item a, #twoColumns-2 ul li.page_item a { font-size: 1.3em } #fourColumns-1 ul li.page_item a:hover, #fourColumns-2 ul li.page_item a:hover, #fourColumns-3 ul li a:hover, #fourColumns-4 ul li.page_item a:hover, #twoColumns-1 ul li.page_item a:hover, #twoColumns-2 ul li.page_item a:hover { font-weight: bold; color: #002547 } #fourColumns-1 ul li.current_page_item a { } #twoColumns-2 ul div.Img img { float: left; width: 60px; height: 40px; padding: 10px 5px; margin: 0 0 10px 0 } .author_page { min-height: 50px; margin: 0 } ul#Authors { float: left; font-size: 1.7em; padding: 10px; width: 460px } ul#Authors li { border-bottom: 1px solid #CCCCCC; padding: 10px 1px 10px 1px; color: #ccc } ul#Authors li a { font-weight: bold } ul#AuthorPosts { padding: 10px } /* Links - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #LinksList { width: 100%; float: left } #LinksList ul { margin: 0 0 30px 0 } #LinksList ul li ul li { padding: 10px 1px 10px 10px; border-bottom: 1px solid #E5E5E5 } #LinksList ul li ul li a { color: #a1a1a1 } #LinksList ul li ul li a img { padding: 10px } #LinksList ul li ul li { font-size: 1.7em; color: #aaa } #LinksList ul li ul li:hover { font-weight: bold; color: #002547; border-bottom: 1px solid #002547 } /* Bullseye Page Old - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .BullseyeOld { width: 185px; padding-right: 20px; float: left } .BullseyeOld .Img { float: left } .BullseyeOld .Img:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5 } .BullseyeOld .Img a img { width: 185px; height: 125px; margin-bottom: 25px } .BullseyeOld .Img div.Meat { position: absolute; margin: 10px; background-color: #0018FA; color: white; padding: 5px 3px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px } .BullseyeOldPost { width: 275px; float: left; padding: 0 0 10px 0 } .BullseyeOldPost h1 { padding: 2px; font: bold 1.7em/1.1em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; letter-spacing: 0px } .BullseyeOldPost h1 a { border: none; color: #333; padding-right: 10px } .BullseyeOldPost h1 a:hover { color: gray; padding-right: 10px } .BullseyeOldPost p { font: normal normal normal 1.2em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 2px; color: #5e5e5e; margin-bottom: 10px } /* Search & Archives - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #SearchPicture { width: 185px; padding-right: 20px; float: left } #SearchPicture .Img img { width: 185px; height: 125px; margin-bottom: 25px } .SearchPost { width: 635px; float: left; padding: 0 0 10px 0 } #SearchSidebar { width: 120px; padding-left: 20px; float: right } /* No Results shows 20 Posts */ #NothingFoundHead { float: left } .module20 { width: 185px; margin-right: 11px; margin-bottom: 11px; border: none; float: left; font-size: 81%; font-weight: 400; color: #4c4c4c; box-shadow: 3px 3px 5px gray; -moz-box-shadow: 3px 3px 5px gray; -webkit-box-shadow: 3px 3px 5px gray } .module20:hover { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5 } .module20 .Img img { width: 185px; height: 125px } #Featured .module20 .body { margin-right: 0px; margin-left: 0px; margin-top: 0px; background-color: black; padding: 5px; width: 175px } .SearchPost h1 { padding: 2px } .SearchPost h1 a { border: none; color: #333; padding-right: 10px } .SearchPost h1 a:hover { color: gray; padding-right: 10px } .SearchPost p { font: normal normal normal 1.5em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 2px; color: #5e5e5e; margin-bottom: 10px } .ArchiveMetaInformation { font: normal normal normal 1.2em/1.4em "Helvetica Neue", Helvetica, Arial, sans-serif; color: gray; padding: 2px; text-transform: none } /* The Mix of Content used in 'No Results' */ .module20 .body h3 { font: normal normal bold 1.3em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0px; background-color: black; text-transform: uppercase; margin: 0; color: white } .module20 .body h3 a { color: white } .module20 .body h3 a:hover { color: #0082FA } a.archive-readmore { font: normal normal bold 1em/1em "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 5px 0; margin: 0 0 40px 0; float: left; border-bottom: 2px solid black; color: gray } a.archive-readmore:hover { border-bottom: 2px solid gray; color: #0082FA } .archives-highlight { color: gray; border: 2px solid #ccc; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; margin: 10px 5px 10px 5px } /* Comments - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ div#comments a { border: none } ol.commentlist { margin:0; padding:0; border-bottom: 1px solid #ccc; margin-bottom: 40px } .commentlist li { list-style:none; margin-bottom:14px } .commentlist cite { padding: 10px; display:block; font-style:normal; border-top:1px solid #ccc } .commentlist a:link, .commentlist a:visited { color: #4c4c4c } .commentlist a:hover, .commentlist a:active { color: #7f7f7f } .commentlist cite img { padding:1px; float:left; margin-right:9px } .commentlist .author { text-transform: uppercase; font: bold 1.2em "Helvetica Neue", Arial, sans-serif } .commenttext { padding: 0 55px 10px 55px; font-family: Georgia; font-style: italic; color: #999 } /* Commentform */ form#commentform { border: 1px solid #ccc; padding: 15px } input#author, input#email, input#url, input#name { padding: 3px; font-size: 1.1em; font-family: "Helvetica Neue", Arial, sans-serif; margin: 10px; border: 1px solid #999 } input#author:focus, input#email:focus, input#url:focus, input#name:focus, textarea#comment:focus { background-color: #e5e5e5; border: 1px solid #002547 } textarea#comment { margin: 10px; padding: 3px; font-size: 1.3em; color: #002547; font-family: "Helvetica Neue", Arial, sans-serif; border: 1px solid #999 } input#submit { border: 1px solid #999; margin-left: 10px; margin-top: 20px; margin-bottom: 20px; display: block; width: 200px; height: 30px; background-color: #ccc; font-weight: bold; text-transform: uppercase } input#submit:hover { border: 1px solid #002547; background-color: #e5e5e5; color: #002547 } div.ImageDetail { background: black; width: 520px; float: left; margin: 0 0 20px 0 } p.ImageHeader { color: white; font-weight: bold } p.ImageHeader a { color: #ccc; border-bottom: none } p.ImageHeader a:hover { color: white } p.ImageImage { text-align: center } ul#ImageSwipe { float: left; width: 500px; padding: 10px } ul#ImageSwipe li.prev { float: left; list-style-type: none !important; list-style-position: outside; width: 245px; padding: 0 } ul#ImageSwipe li.next { float: right; list-style-type: none !important; list-style-position: outside; width: 245px; padding: 0 } ul#ImageSwipe li.prev a, ul#ImageSwipe li.next a { border: none } ul#ImageSwipe li.prev img, ul#ImageSwipe li.next img { width: 245px; height: 245px; -moz-border-radius: 5px; -webkit-border-radius: 10px; border-radius: 5px; -khtml-border-radius: 5px } ul#ImageSwipe li.prev img:hover, ul#ImageSwipe li.next img:hover { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3 } /* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them */ .aligncenter { display:block; margin:0 auto } .alignleft { float:left } img.alignleft { padding-right: 10px; padding-bottom: 10px; padding-top: 10px; } .alignright { float:right } img.alignright { padding-left: 10px; padding-bottom: 10px; padding-top: 10px; } .wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px } .legals { padding: 10px; margin-bottom: 20px; } div#stimuli_lightbox a { border: none } /* kills borders on lightbox images */ .uppercase { text-transform: uppercase } .last { margin-bottom: 10px } /* You might find the following useful */ br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */ div { position:relative } img#wpstats { display: none } .sharing { padding: 10px !important; } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */ div.like_button iframe { width: 120px !important; } /*Calendar - old events */ div.tec-nav-previous { display: none } /* Challenge */ div#Sub { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border: none; width: 960px; font-weight: normal; min-height: 60px; padding: 10px; margin-bottom: 20px; z-index: 70 } div#SubLogo { float: left; margin-top: 9px } div#SubLogo img { border: 0 none; float: left } .menu { float: right; margin: 19px 0 0 0; padding: 0; display: table; font-family: Helvetica,Arial,sans-serif; font-size: 1.20em; font-weight: bold; left: 0; position: relative; text-transform: uppercase; top: 0; z-index: 1000 } .menu li { white-space: nowrap } .menu a { color: #ccc; text-decoration: none } .menu > li { display: table-cell; min-width: 80px; overflow: visible; padding-bottom: 3px !important; padding-left: 10px; position: relative } .menu > li > a { display: block; padding: 10px 5px; text-align: center; color: gray } .menu > li > a:hover { background: none repeat scroll 0 0 #ccc } .menu li ul { border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.5); display: none; margin-top: 3px; min-width: 100px; padding: 7px 0; position: absolute; background-color: black } .menu > li:hover > a { background: none repeat scroll 0 0 #ccc } .menu li:hover ul { display: block !important } .menu li li { padding-bottom: 0 !important } .menu li li a { display: block; padding: 8px 12px; color: gray } .menu li li a:hover { color: white } .menu > li.current_page_item a { color: red; background: none repeat scroll 0 0 #f5f5f5 } .menu > li.current_page_item ul li a { color: gray !important; background: none repeat scroll 0 0 black !important } .menu > li.current_page_item ul li a:hover { color: white !important } div.ChallengeTable table { width: 100% !important; border: 0 none } div.ChallengeTable table tbody tr td { border-right: 0 none !important; border-left: 0 none !important; } div.ChallengeTable table tbody tr.xl804072 { font-weight: bold !important } #StatList { padding: 10px; float: left; width: 960px } #StatList li { border-bottom: 1px solid #e3e3e3; width: 100%; padding: 15px 0px; font: normal normal bold 4em/1.1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; margin: 0; letter-spacing: -1px } #StatList div.Break { width: 100%; height: 30px; } /* Handcrafted and coded in 2010 by Fabian Vorderegger - Design and Code */