- html {rs
- height: 100%;
- width: 100%;
- }
- body {
- margin: 0;
- background-image: url(../images/backround.jpg);
- background-repeat: no-repeat;
- background-position: center bottom;
- background-color: #999;
- background-attachment: fixed;
- }
- #container {
- color: #FFFF00;
- font-family: Georgia,"Times New Roman",Times,serif;
- height: auto;
- margin-left: 10%;
- margin-right: 10%;
- padding: 0;
- text-align: left;
- width: 1280px;
- }
- #header {
- height: 165px;
- margin-left: auto;
- margin-right: auto;
- padding: 0;
- }
- #main {
- height: auto;
- margin: 20px auto auto;
- min-height: 800px;
- padding: 0;
- position: relative;
- }
- a:link {
- color: #000;
- font-weight: bold;
- text-decoration: none;
- }
- a:visited {
- color: #000;
- font-weight: bold;
- text-decoration: none;
- }
- a:hover {
- color: #333333;
- font-weight: bold;
- text-align: center;
- text-decoration: none;
- }
- #container #header #logo #tw-logo {
- background-image: url("/templates/tempestwolves/images/logo.jpg");
- bottom: 130px;
- display: block;
- height: 125px;
- left: 0;
- margin-left: auto;
- margin-right: auto;
- position: relative;
- right: 1024px;
- text-indent: -9999px;
- top: 0;
- width: 1280px;
- z-index: 2;
- }
- #container #main #navbar {
- background-image: url("/templates/tempestwolves/images/navbar.png");
- background-position: center center;
- background-repeat: no-repeat;
- bottom: 65px;
- font-size: 20px;
- height: 51px;
- list-style-type: none;
- position: relative;
- text-align: center;
- text-transform: capitalize;
- width: 1280px;
- z-index: 1;
- }
- #container #main #navbar ul {
- background-position: center 0;
- background-repeat: no-repeat;
- list-style-type: none;
- margin: 0;
- padding-right: 80px;
- padding-top: 10px;
- text-align: center;
- }
- #container #main #navbar ul li {
- background-image: url("/templates/tempestwolves/images/navwidget.png");
- background-position: center center;
- background-repeat: no-repeat;
- bottom: 5px;
- display: inline;
- font-size: 20px;
- font-weight: normal;
- height: 0;
- margin: 0;
- padding: 0 0 0 10px;
- position: relative;
- right: 0;
- text-align: center;
- text-transform: uppercase;
- }
- #container #navbar ul li a:link {
- color: #FFFF00;
- padding-left: 10px;
- text-decoration: none;
- }
- #container #navbar ul li a:visited {
- color: #FFFF00;
- text-decoration: none;
- padding-left: 10px;
- }
- #container #navbar ul li a:hover {
- background-image: url("/templates/tempestwolves/images/button.png");
- background-position: left 6px;
- background-repeat: no-repeat;
- color: #999900;
- height: 16px;
- margin: 0;
- padding-left: 10px;
- padding-top: 0;
- text-decoration: none;
- visibility: visible;
- z-index: 1;
- }
- #container #main #content {
- background-color: #666666;
- border: thick solid #000000;
- float: right;
- font-family: Arial, Helvetica, sans-serif;
- font-size: 24px;
- font-weight: bold;
- left: 220px;
- margin: 0;
- min-height: 800px;
- padding: 0;
- position: absolute;
- right: 0;
- text-align: center;
- text-transform: none;
- top: -19px;
- width: 1025px;
- z-index: 1;
- color: #000;
- }
- #container #main #login {
- background-color: #666666;
- background-image: url("/templates/tempestwolves/images/menuback.png");
- background-position: center center;
- background-repeat: no-repeat;
- border: thin solid #000000;
- bottom: 0;
- float: left;
- font-size: 12px;
- font-weight: bold;
- height: 340px;
- left: 0px;
- margin: 0;
- padding-bottom: 0;
- position: absolute;
- right: 0;
- text-align: center;
- text-transform: uppercase;
- top: -19px;
- width: 200px;
- }
- #container #main #ventrilo {
- background-color: #666666;
- border: thin solid #000000;
- float: left;
- font-weight: bold;
- height: 400px;
- left: 15px;
- position: absolute;
- text-align: center;
- text-transform: uppercase;
- top: 325px;
- width: 200px;
- }
- html {
- height: 100%;
- width: 100%;
- }
- body {
- background-color: #CCCCCC;
- margin: 0;
- }
- #container {
- color: #FFFF00;
- font-family: Georgia,"Times New Roman",Times,serif;
- height: auto;
- margin-left: 10%;
- margin-right: 10%;
- padding: 0;
- text-align: left;
- width: 1280px;
- }
- #header {
- height: 165px;
- margin-left: auto;
- margin-right: auto;
- padding: 0;
- }
- #main {
- height: auto;
- margin: 20px auto auto;
- min-height: 800px;
- padding: 0;
- position: relative;
- }
- a:link {
- color: #000000;
- text-decoration: none;
- text-transform: uppercase;
- }
- a:visited {
- color: #000;
- font-weight: bold;
- text-decoration: none;
- }
- a:hover {
- color: #333;
- font-weight: bold;
- text-align: center;
- text-decoration: none;
- }
- #container #header #logo #tw-logo {
- background-image: url("/templates/tempestwolves/images/logo.jpg");
- bottom: 130px;
- display: block;
- height: 125px;
- left: 0;
- margin-left: auto;
- margin-right: auto;
- position: relative;
- right: 1024px;
- text-indent: -9999px;
- top: 0;
- width: 1280px;
- z-index: 2;
- }
- #container #main #navbar {
- background-image: url("/templates/tempestwolves/images/navbar.png");
- background-position: center center;
- background-repeat: no-repeat;
- bottom: 65px;
- font-size: 20px;
- height: 51px;
- list-style-type: none;
- position: relative;
- text-align: center;
- text-transform: capitalize;
- width: 1280px;
- z-index: 1;
- }
- #container #main #navbar ul {
- background-position: center 0;
- background-repeat: no-repeat;
- list-style-type: none;
- margin: 0;
- padding-right: 80px;
- padding-top: 10px;
- text-align: center;
- }
- #container #main #navbar ul li {
- background-image: url("/templates/tempestwolves/images/navwidget.png");
- background-position: center center;
- background-repeat: no-repeat;
- bottom: 5px;
- display: inline;
- font-size: 20px;
- font-weight: normal;
- height: 0;
- margin: 0;
- padding: 0 0 0 10px;
- position: relative;
- right: 0;
- text-align: center;
- text-transform: uppercase;
- }
- #container #navbar ul li a:link {
- color: #FFFF00;
- padding-left: 10px;
- text-decoration: none;
- }
- #container #navbar ul li a:visited {
- color: #FFFF00;
- text-decoration: none;
- }
- #container #navbar ul li a:hover {
- background-image: url("/templates/tempestwolves/images/button.png");
- background-position: left 6px;
- background-repeat: no-repeat;
- color: #999900;
- height: 16px;
- margin: 0;
- padding-left: 10px;
- padding-top: 0;
- text-decoration: none;
- visibility: visible;
- z-index: 1;
- }
- #container #main #content {
- border: thick solid #000000;
- float: right;
- font-family: Arial, Helvetica, sans-serif;
- font-size: 14px;
- font-weight: bold;
- left: 125px;
- margin: 0;
- min-height: 800px;
- position: absolute;
- right: 0;
- text-align: center;
- text-transform: none;
- top: -19px;
- width: 1000px;
- z-index: 1;
- background-repeat: no-repeat;
- background-position: center top;
- padding-top: 0;
- padding-right: 0;
- padding-bottom: 0;
- color: #000;
- background-color: #999999;
- background-image: url(../images/contentbackround.jpg);
- }
- #container #main #login {
- background-color: #666666;
- border: thin solid #000000;
- bottom: 0;
- color: #000000;
- float: left;
- font-size: 12px;
- font-weight: bold;
- height: 250px;
- margin: 0;
- padding-bottom: 0;
- position: absolute;
- right: 0;
- text-align: center;
- text-transform: uppercase;
- top: -19px;
- width: 200px;
- left: -78px;
- }
- #container #main #ventrilo {
- background-color: #333;
- border: thick solid #000000;
- float: left;
- font-weight: bold;
- height: 350px;
- left: -78px;
- position: absolute;
- text-align: center;
- text-transform: uppercase;
- top: 235px;
- width: 192px;
- padding-top: 5px;
- padding-right: 0px;
- padding-bottom: 10px;
- padding-left: 0px;
- }
- fieldset {
- border: medium none;
- }
- h3 {
- font-size: 18px;
- font-weight: bold;
- }
- div.blog-featured h2 {
- padding-top: 15px;
- font-size: 50px;
- font-family: Impact;
- font-style: normal;
- text-transform: capitalize;
- font-weight: bold;
- margin: 0px;
- border-right-style: none;
- border-bottom-style: none;
- border-left-style: none;
- margin-bottom: 0.3em;
- color: #000;
- border-top-width: 0px;
- border-right-width: 0px;
- border-bottom-width: 0px;
- border-left-width: 0px;
- border-top-style: none;
- }
- div.blog-featured p {
- margin: 0px;
- margin-top: 0.3em;
- padding-bottom: 0px;
- }
- div.blog-featured p.readmore {
- margin: 0px;
- font-size: 36px;
- padding-bottom: 20px;
- text-decoration: underline;
- border-bottom-style: solid;
- border-bottom-width: medium;
- border-bottom-color: #000;
- font-family: Impact;
- }
- div.blog h1 {
- padding-top: 0px;
- font-size: 36px;
- font-family: Arial, Helvetica, sans-serif;
- font-style: normal;
- text-transform: uppercase;
- font-weight: bold;
- border-right-style: solid;
- border-bottom-style: solid;
- border-left-style: solid;
- border-top-color: #000;
- border-right-color: #000;
- border-bottom-color: #000;
- border-left-color: #000;
- margin-bottom: 0.3em;
- color: #000;
- border-top-width: medium;
- border-top-style: solid;
- height: 40px;
- width: 400px;
- margin-top: 0px;
- margin-right: 0px;
- margin-left: 0px;
- position: relative;
- text-align: center;
- background-color: #999;
- right: 0px;
- left: 300px;
- bottom: 0px;
- top: 10px;
- float: none;
- }
- div.blog h2 {
- padding-top: 10px;
- }
- div.blog p.readmore {
- margin: 0px;
- font-size: 24px;
- padding-bottom: 20px;
- text-decoration: underline;
- border-bottom-style: solid;
- border-bottom-width: medium;
- border-bottom-color: #000;
- }
- div.item-page {
- text-align: center;
- border: thin solid #000;
- position: relative;
- top: 5px;
- width: 978px;
- left: 10px;
- background-image: url(../images/contentbackround.jpg);
- background-repeat: no-repeat;
- background-position: center top;
- }
- div.item-page h2 {
- margin: 0px;
- position: relative;
- top: 5px;
- left: 410px;
- width: 200px;
- font-size: 36px;
- text-indent: -9999px;
- }