Template:Ranger

/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

@charset "utf-8"; /* CSS Document */

body { background-color: #fff; color: #777; font: normal 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; /*background:url(../images/bg_dots.jpg) repeat;*/ }

p { line-height: 20px; margin-bottom: 20px; }

h1 { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: bold; text-transform: uppercase; color: #444; font-size: 45px; margin-bottom: 20px; border-bottom:2px #009E60 solid; text-align: left; }

h2 { font-weight: 300; color: #009E60; font-size: 55px; text-transform: uppercase; text-align: center; margin-bottom: 20px; }

h2 strong {color:#fff }

h3 { font-size: 30px; color: #444; font-weight: bold; text-transform: uppercase; text-align: center; margin-bottom: 20px; }

h4 { font-size: 24px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; }

h5 { font-size: 15px; font-weight: bold; text-transform: uppercase; }

a { text-decoration: none; color: #444; }

a:hover { color: #009E60; }

strong { font-weight: bold; }

small { font-size: 13px; color: #777; font-style: italic; }

.clear { clear: both; }

margin: 0 auto; padding: 0 10px; width: 940px; }
 * 1) wrapper {

/*SECTION 1 - HEADER */ header { height: 120px; }

header h1 { float: left; margin-top: 32px; }

header h1 .color { color: #009E60; }

header nav { float: right; }

header nav ul li { float: left; display: inline-block; margin-top: 50px; }

header nav ul li a { color: #444; text-transform: uppercase; font-weight: bold; display: block; margin-right: 20px; }

/* END HEADER */

/* MOUNTAIN IMAGE */ height: 340px; padding-top: 1px; background: #333333 url('../images/mountain.jpg') no-repeat center; }
 * 1) mountain-image {

margin: 180px 0 40px 0; }
 * 1) moutain-image h2 {

/* BUTTON */

.button-1 { display: block; text-align: center; background: #444; border-radius: 3px; color: #fff; width: 180px; height: 50px; font-size: 20px; line-height: 50px; margin: 0 auto; }

.button-1:hover { background-color: #009E60; color: #fff; } /* END MOUNTAIN IMAGE */

/* FEATURE ELEMENTS */

background-color: #555555; border-bottom:#333333 2px solid; border-top:#333333 2px solid; }
 * 1) features {

margin: 80px 0; }
 * 1) features ul {

width: 300px; padding-top: 20px; float: left; margin-right: 10px; text-align: center; height:500px; }
 * 1) features ul li {

background: url no-repeat center bottom; background-color:#ffffff; border-bottom: 30px solid #009E60; border-top: 2px solid #009E60; }	background: url no-repeat top center; background-color:#ffffff; border-bottom: 30px solid #009E60; border-top: 2px solid #009E60; }	background: url no-repeat top center; background-color:#ffffff; border-bottom: 30px solid #009E60; border-top: 2px solid #009E60; }
 * 1) features ul li.feature-1 {
 * 1) features ul li.feature-2 {
 * 1) features ul li.feature-3 {

opacity:0.5; }
 * 1) features ul li img.feature-1 {

color:#fff; background:#009E60; border-color:#fff; }
 * 1) features ul li.feature-1:hover {

color:#fff; background:#009E60; border-color:#fff; }
 * 1) features ul li.feature-2:hover {

color:#fff; background:#009E60; border-color:#fff; } /*END FEATURE ELEMENTS */
 * 1) features ul li.feature-3:hover {

/* PRIMARY CONTENT */

background-color: #333333; padding: 60px 0; text-align: center; border-bottom:solid 2px #009E60; height:450px; }
 * 1) primary-content {

display: block; margin: 0 auto 20px auto; width: 400px; border-bottom: 2px solid #009E60; padding: 0 0 20px 0; color:#ffffff; }
 * 1) primary-content h3 {

margin: 20px 0; }
 * 1) primary-content a img {

color:#ffffff; } /* END PRIMARY CONTENT */
 * 1) primary-content p {

/*SUBCHAR*/ .subchar ul { list-style-type: none; margin: 15px 15px; padding: 0; overflow: hidden; background-color: #fff; }

.subchar li { float: left; width:16.65%; }

.subchar li a { display: block; color: #222222; background-color:#ffffff; text-align: center; padding: 10px 15px; text-decoration: none; border-top:2px solid #009E60; border-bottom:5px solid #009E60; margin:10px 10px; height:100px; }

.subchar a:hover { background-color: #009E60; color:white; border-top:2px solid #ffffff; border-bottom:5px solid #ffffff; }

.subchar ul:hover { color:white; } /*END SUBCHAR*/

/* FOOTER */ footer { padding: 10px 0; background-color:color; height:130px; }

width: 380px; float: left; margin-top: 10px; color:#333333; }
 * 1) footer-info {

width: 520px; float: right; }
 * 1) footer-links {

width: 150px; float: right; margin-left: 20px; }
 * 1) footer-links ul {

margin: 10px 0; }
 * 1) footer-links ul li {

/* END FOOTER */

State of Emergancy  Home Store Dgital Copy Blog</a></li> </ul> Welcome to The State of Emergancy Website Get Started</a> <font color="#009E60">Main characters <ul> <li class="feature-1"> Harold 'Harry' Smith Dr Harold Smith is a scientist and researcher at Manchester University's Jodrell Bank observatory in the UK. Before the Irish Sea crisis he was using the telescope as part of an international effort to find and catalogue a large number of exoplanets that could possibly be able to harbour intelligent life. He often worked alone, though from time to time, he had the company of one of the janitors, Michael Cannon, who helped him out from time to time. </li></a> <li class="feature-2"> Naomi Gordon The second Female Prime Minister of the United Kingdom, Naomi Gordon was the put into power after the vote to leaving the EU was passed earlier that year and the previous PM stood down. Originally an ambassador for Ireland, she moved back to the UK and lived in Belfast before being elected as a part of the Conservative Party. As the only Conservative in Northern Ireland, she got the job as the Secretary of Northern Ireland after the 2010 General Election. After the 2015 election she was promoted to Foreign Secretary by Prime Minister Callum Porter. In 2016, the UK voted to leave the EU and Callum Porter stood down after loosing the Brexit Referendum, and Gordon took the reigns of the Conservatives and thus took control of the Prime Ministry. </li> <li class="feature-3"> Andrew Haily The Secretary of Defence Dr Andrew Haily, is one of the most influential members of the US government. He served in the Gulf War, but was honourably discharged on the grounds of mental health after his team was ambushed by Iraqi soldiers on a routine patrol. He then went into politics in 2001 and was selected by President Oliver after to be the Secretary of Defence after the 2008 election win. He stayed in this position past the 2012 election cycle and began to slowly withdraw troops from Afghanistan. He also successfully managed to start the formation of the Russo-American Coalition in Syria (RACS) and reduced the current tension between the two nuclear superpowers in 2015 which helped push back the advance of ISIS. </li></a> </ul> <font color="#009E60">Sub Characters 	   Micheal Cannon                  </li></a> 	   President Peter Oliver          </li></a> 	   Brig Gen. Ronald Duncan         </li></a>      Cpt. Alexander Douglas         </li></a>      Dr. Jennifer Hammond            </li></a> <a href="../O'Hara">	   Taoiseach Cormac O'Hara         </li></a> <li><a href="../Jenson">	   Fleet Admiral Gregor Jenson     </li></a> <li><a href="../Renolds">	   Dr. Geoff Renolds               </li></a> <li><a href="../Greene">	   WO1 John Greene                 </li></a> <li><a href="../Kurz">	      Lt Anna Kurz                    </li></a> <li><a href="../Anders">	   Wng Cmdr James Anders           </li></a> <li><a href="../Davis">       Mjr Gen Cameron Davis           </li></a> </ul> Copyright 2016 Matthew Douglas Anderson Milroy. All rights reserved. <a href="#">Terms of Service</a> I <a href="#">Privacy</a> <ul> <li> Other Pages </li> <li><a href="../archive">Archive</a></li> <li><a href="#">RSS Feed</a></li> <li><a href="#">Facebook</a></li> <li><a href="#">DeviantArt</a></li> </ul>