/* Theme Name: Stromness Theme URI: http://www.dragon-history.co.uk Description: Stromness theme for the incredible 'Dragon history'. Version: 10 Author: Neil Ford Author URI: http://www.neilford.net Stromness v1.0 http://www.dragon-history.co.uk This theme was designed and built by Neil Ford, whose online home you will find at http://www.neilford.net */ /*---------------------------------------------- RESETS ----------------------------------------------*/ * {margin: 0; border: 0; padding: 0;} html {height: 100%; margin-bottom: 1px; font: 12px/150% Consantia, Georgia, "Times New Roman", Times, serif;} *html {font: 75%/150% Consantia, Georgia, "Times New Roman", Times, serif;} body {width: 100%; background: #fff; color: #333; text-align: center; padding: 3em 0 1em 0;} h2,h3,h4,h5 {font-size: 1.5em; line-height: 3em; font-family: "Viner Hand ITC", Consantia, Georgia, "Times New Roman", Times, serif;} ul {list-style-type: none;} p {margin: 0 0 1.5em 0;} img, a img {display: block;} object {margin: 0; padding: 0; border: 0;} /*---------------------------------------------- FORM RESETS ----------------------------------------------*/ fieldset {border: 1px solid #333; padding: 1em; margin: 0 0 1em 0;} legend {border: 1px solid #333; padding: 1em;} input, textarea {border: 1px solid #ccc; padding: 8px; margin: 0 0 1em 0;} input:focus, textarea:focus {border: 1px solid #aaa;} label, abbr, accronym {cursor: help;} /*---------------------------------------------- LAYOUT ----------------------------------------------*/ div#box {background: #fff; width: 18em; position: absolute; top: 0; right: 0; height: 3em;} div#box h4 {font-size: 1em; float: left; line-height: 3em; font-weight: normal; width: 6em; display: inline;} div#box h4 a {outline: none;} div#box h4 a:link, div#box h4 a:visited {text-decoration: none; color: #ccc;} div#box h4 a:hover {color: #f30;} ul#quickLinks {float: left; list-style-type: none; width: 20em; display: inline;} ul#quickLinks li {display: inline; } ul#quickLinks li a {clear: right; float: left; display: block; font-family: Consantia, Georgia, "Times New Roman", Times, serif; font-size: 1em; font-weight: bold; line-height: 3em; text-decoration : none; text-align: center; background: #fff;} ul#quickLinks li a {padding: 2px 4px; text-decoration: none;} ul#quickLinks li a:link {font-weight: bold; font-size: 0.8333em; background:transparent; color:#CC5124;} ul#quickLinks li a:visited {font-weight: bold; font-size: 0.8333em; background:transparent; color:#CC5124;} ul#quickLinks li a:hover {font-weight: bold; font-size: 0.8333em; color:#000; text-decoration: underline;} ul#quickLinks li a:active {font-weight: bold; font-size: 0.8333em; color:#000; text-decoration: underline;} ul#quickLinks li a:focus{font-weight: bold; font-size: 0.8333em; color:#000; text-decoration: underline;} div#wrap1 {width: 960px; margin: 0 auto; text-align: left;} /* 960px grid */ div#wrap2 {position: relative; background: transparent url(images/paperHead.jpg) 0 0 no-repeat; height: 400px;} div#banner {position: absolute; top: 55px; left: 96px; display:block;} div#splashIntro {position: absolute; background: url(images/splash.png) 0 0 no-repeat; height: 324px; width: 960px; top: 176px; left: 0px;} div#splashIntro p {color: #F59A6E; z-index: 300; position: absolute; top: 70px; left: 244px; width: 336px;} div#streetFloat {position: absolute; top: -82px; left: 360px; background: url(images/street.png) 0 0 no-repeat; height: 616px; width: 404px;} div#franFloat {position: absolute; top: -32px; right: 0px; background: url(images/fran.png) 0 0 no-repeat; height: 340px; width: 247px;} div#splashIntro p a {font-weight: bold; list-style-type: none; text-decoration: underline;} div#splashIntro p a:link {background:transparent; color:#FDE69D;} div#splashIntro p a:visited {background:transparent; color:#FDE69D;} div#splashIntro p a:hover {background:transparent; color:#f60; text-decoration: none;} div#splashIntro p a:active {background:transparent; color:#f60; text-decoration: none;} div#splashIntro p a:focus{background:transparent; color:#f60; text-decoration: none;} div#siteNav {width: 224px; position: absolute; z-index: 250; top: 240px; left: 0px;} div#siteNav ul {list-style-type: none; width: 224px;} div#siteNav ul li {width: 224px;} div#siteNav ul li a {font-size: 16px; text-decoration: none; display: block; width: 208px; text-align: right; padding: 4px 8px;} div#siteNav ul li a:link {background:transparent; color:#fff;} div#siteNav ul li a:visited {background:transparent; color:#fff;} div#siteNav ul li a:hover {background:transparent; color:#f60;} div#siteNav ul li a:active {background:transparent; color:#f60;} div#siteNav ul li a:focus{background:transparent; color:#f60;} div#wrap3 {min-height: 600px; background: transparent url(images/paperFoot.jpg) 0 100% no-repeat; padding: 0 32px 32px 32px; width: 896px;} div#dragonSpeaks {float: left; z-index: 200; position:relative; width: 592px; padding: 64px 0 0 0; display; inline;} div.timeStamp {font-weight: bold; margin: 0 0 1em 0;} .hide {display: none;} .postmetadata {font-size: 0.916667em; color: #000;} div#dragonSpeaks h4 a, div#dragonSpeaks h2 a {text-decoration: none;} div#dragonSpeaks h4 a:link, div#dragonSpeaks h2 a:link {color:#990000;} div#dragonSpeaks h4 a:visited, div#dragonSpeaks h2 a:visited {color:#990000;} div#dragonSpeaks h4 a:hover, div#dragonSpeaks h2 a:hover {color:#CC0000;} div#dragonSpeaks h2 {font-size: 1.8em;} div#dragonSpeaks h4 {font-size: 1em;} div#dragonSpeaks p a {padding: 2px 4px;} div#dragonSpeaks p a:link {font-weight: bold; background:transparent; color:#CC5124; text-decoration: underline;} div#dragonSpeaks p a:visited {font-weight: bold; background:transparent; color:#CC5124; text-decoration: none;} div#dragonSpeaks p a:hover {font-weight: bold; background:url(images/tranBG.png) 0 0 repeat; color:#000; text-decoration: none;} div#dragonSpeaks p a:active {font-weight: bold; background:url(images/tranBG.png) 0 0 repeat; color:#000; text-decoration: none;} div#dragonSpeaks p a:focus{font-weight: bold; background:url(images/tranBG.png) 0 0 repeat; color:#000; text-decoration: none;} div#dragonSpeaks div.post {background: #FFFEF9; padding: 1em 16px; border: 1px solid #F2B979;} div#search {font-size: 0.833em; position: relative; z-index: 200; float: right; width: 272px; display; inline; padding-top: 66px} form#searchform {font-family: "Viner Hand ITC", Consantia, Georgia, "Times New Roman", Times, serif;} form#searchform fieldset {border: 1px solid #AA8766; background: url(images/tranBG2.png) 0 0 repeat; padding: 16px;} form#searchform label {display: block;} form#searchform input { float: left; width: 156px; height: 16px; border: 1px solid #AA8766; padding: 8px; margin: 0; } form#searchform button.submitBtn { float: right; cursor: pointer; cursor: hand; font-family: "Viner Hand ITC", Consantia, Georgia, "Times New Roman", Times, serif; background: url(images/tranBG3.png) 0 0 repeat; margin: 0; padding: 5px; border: 1px solid #AA8766;} div#flickrStream {position: relative; z-index: 200; float: right; width: 288px; display; inline; margin-right: -14px; background: transparent;} div#flickrStream div {float:left; width: 88px; display: inline; margin: 0 6px 6px 0; background: #fff;} div#flickrStream div a {display: block; border: none; width: 84px; height: 84px;} div#flickrStream div a:link {border: 2px solid #fff;} div#flickrStream div a:visited {border: 2px solid #fff;} div#flickrStream div a:hover {border: 2px solid #f93;} div#flickrStream div a:focus {border: 2px solid #f93;} div#flickrStream div a:active {border: 2px solid #f93;} div#flickrStream div a img {display: block; border: none; background: #000; width: 84px; height: 84px;} div#fransFacts {position: relative; z-index: 200; float: left; clear: left; display: inline; width: 288px; margin: 2em 16px 2em 0;} div#fransFacts ul li {margin: 0 0 1em 0;} div#fransFacts h4 a, div#fransFacts h3 a {text-decoration: none;} div#fransFacts h4 a:link, div#fransFacts h3 a:link {color:#990000;} div#fransFacts h4 a:visited, div#fransFacts h3 a:visited {color:#990000;} div#fransFacts h4 a:hover, div#fransFacts h3 a:hover {color:#CC0000;} div#fransFacts h3 {font-size: 1.8em;} div#fransFacts h4 {font-size: 1em;} div#fransFacts p a {padding: 2px 4px;} div#fransFacts p a:link {font-weight: bold; background:transparent; color:#CC5124; text-decoration: underline;} div#fransFacts p a:visited {font-weight: bold; background:transparent; color:#CC5124; text-decoration: none;} div#fransFacts p a:hover {font-weight: bold; background:url(images/tranBG.png) 0 0 repeat; color:#000; text-decoration: none;} div#fransFacts p a:active {font-weight: bold; background:url(images/tranBG.png) 0 0 repeat; color:#000; text-decoration: none;} div#fransFacts p a:focus{font-weight: bold; background:url(images/tranBG.png) 0 0 repeat; color:#000; text-decoration: none;} div#twitterStream {position: relative; z-index: 200; float: left; display: inline; width: 254px; padding: 0 16px; border: 1px solid #F2B979; margin: 2em 0 2em 0; background: url(images/tranBG.png) 0 0 repeat;} ul#twitter_update_list {} ul#twitter_update_list li {margin: 0 0 0.5em 0; border: 1px solid #F2B979; background: #fff; padding: 8px; } ul#twitter_update_list li a {display: block;} div#twitterStream h3 {font-size: 1.8em; color:#990000;} ul#twitter_update_list li a {padding: 2px 4px;} ul#twitter_update_list li a:link, div#twitterStream p a:link {font-weight: bold; background:transparent; color:#CC5124; text-decoration: underline;} ul#twitter_update_list li a:visited, div#twitterStream p a:visited {font-weight: bold; background:transparent; color:#CC5124; text-decoration: none;} ul#twitter_update_list li a:hover, div#twitterStream p a:hover {font-weight: bold; background:url(images/tranBG.png) 0 0 repeat; color:#000; text-decoration: none;} ul#twitter_update_list li a:active, div#twitterStream p a:active {font-weight: bold; background:url(images/tranBG.png) 0 0 repeat; color:#000; text-decoration: none;} ul#twitter_update_list li a:focus, div#twitterStream p a:focus {font-weight: bold; background:url(images/tranBG.png) 0 0 repeat; color:#000; text-decoration: none;} div#footer {clear: both; margin: 4em 0 4em 0;} div#feeds {float: right; width: 272px; padding-bottom: 2em; display: inline; background: transparent;} ul#feedList li {padding-left: 20px; background: url(images/feedIcon.png) 0 50% no-repeat; margin: 0 0 0.5em 0;} ul#feedList li a {padding: 2px 4px;} ul#feedList li a:link {font-weight: bold; font-size: 0.8333em; background:transparent; color:#CC5124; text-decoration: underline;} ul#feedList li a:visited {font-weight: bold; font-size: 0.8333em; background:transparent; color:#CC5124; text-decoration: none;} ul#feedList li a:hover {font-weight: bold; font-size: 0.8333em; background:url(images/tranBG.png) 0 0 repeat; color:#000; text-decoration: none;} ul#feedList li a:active {font-weight: bold; font-size: 0.8333em; background:url(images/tranBG.png) 0 0 repeat; color:#000; text-decoration: none;} ul#feedList li a:focus{font-weight: bold; font-size: 0.8333em; background:url(images/tranBG.png) 0 0 repeat; color:#000; text-decoration: none;} div#smallPrint {font-size: 0.833em; position: absolute; width: 864px; padding: 1em; text-align: center;} div#smallPrint p a {font-weight: bold; padding: 2px 4px;} div#smallPrint p a:link {font-weight: bold; background:transparent; color:#CC5124; text-decoration: underline;} div#smallPrint p a:visited {font-weight: bold; background:transparent; color:#CC5124; text-decoration: none;} div#smallPrint p a:hover {font-weight: bold; background:url(images/tranBG.png) 0 0 repeat; color:#000; text-decoration: none;} div#smallPrint p a:active {font-weight: bold; background:url(images/tranBG.png) 0 0 repeat; color:#000; text-decoration: none;} div#smallPrint p a:focus{font-weight: bold; background:url(images/tranBG.png) 0 0 repeat; color:#000; text-decoration: none;} /*---------------------------------------------- ARCHIVES ----------------------------------------------*/ div#dragonArchives div.post h2 {color: #CC5124;} div#dragonArchives div.post h3 {color:#CC5124; font-size: 1.4em;} div#dragonArchives div.post h4 {color: #CC5124; font-size: 1.4em;} div#dragonArchives div.post h5 {color: #CC5124; font-size: 1.4em;} div#dragonArchives div.post h2 a, div#dragonArchives h2.pagetitle a {text-decoration: none;} div#dragonArchives div.post h2 a:link, div#dragonArchives h2.pagetitle a:link {color:#CC5124;} div#dragonArchives div.post h2 a:visited, div#dragonArchives h2.pagetitle a:visited {color:#CC5124;} div#dragonArchives div.post h2 a:hover, div#dragonArchives h2.pagetitle a:hover {color:#f60;} div#dragonArchives div.post h2, div#dragonArchives h2.pagetitle {font-size: 1.8em;} div#dragonArchives div.post h3 a {text-decoration: none;} div#dragonArchives div.post h3 a:link {color:#CC5124;} div#dragonArchives div.post h3 a:visited {color:#CC5124;} div#dragonArchives div.post h3 a:hover {color:#f60;} div#dragonArchives div.post h3 {font-size: 1.4em;} div#dragonArchives {color: #333; padding: 32px; margin: -208px 0 0 240px; border: 1px solid #F2B979; width: 576px; position: relative; z-index: 200; background: #FFFEF9;} div#dragonArchives p.postmetadata {color: #aaa;} div#dragonArchives p.postmetadata a {font-weight: bold; list-style-type: none; text-decoration: underline;} div#dragonArchives p.postmetadata a:link {background:transparent; color:#555;} div#dragonArchives p.postmetadata a:visited {background:transparent; color:#555;} div#dragonArchives p.postmetadata a:hover {background:transparent; color:#CC5124; text-decoration: none;} div#dragonArchives p.postmetadata a:active {background:transparent; color:#CC5124; text-decoration: none;} div#dragonArchives p.postmetadata a:focus{background:transparent; color:#CC5124; text-decoration: none;} div#dragonArchives p a {font-weight: bold; list-style-type: none; text-decoration: underline;} div#dragonArchives p a:link {background:transparent; color:#555;} div#dragonArchives p a:visited {background:transparent; color:#555;} div#dragonArchives p a:hover {background:transparent; color:#CC5124; text-decoration: none;} div#dragonArchives p a:active {background:transparent; color:#CC5124; text-decoration: none;} div#dragonArchives p a:focus{background:transparent; color:#CC5124; text-decoration: none;} div#dragonArchives ol {margin: 0 0 1em 1.5em;} div#dragonArchives ol li {margin: 0 0 0.5em 1.5em; padding: 0 0 0 1em;} div#dragonArchives ul {margin: 0 0 1em 1.5em;} div#dragonArchives ul {list-style-type: circle;} div#dragonArchives ul li {margin: 0 0 0.5em 1.5em; padding: 0 0 0 1em;} /*---------------------------------------------- PAGES ----------------------------------------------*/ div#siteNav ul li.current_page_item a {color: #f30!important;} .alignright {float:right; margin: 0 0 8px 16px;} .alignleft {float:left; margin: 0 16px 8px 0;} div.searchResults div.post {margin-bottom: 2em;}