@import "typography.css";
@import "layout.css";
@import "extras.css";
@import "wireframe.css"; /* ### DO NOT INCLUDE INTO LIVE SITE ### */

/* !Generals */

html{ 
/* font-family: 'Candal', sans-serif !important; */
/* font-family: 'Yanone Kaffeesatz'; */
}
body{
background: url(../images/layout/site-bg.jpg) 50% 0 repeat-y;
font-family: Tahoma, Verdana, Arial, sans-serif;
padding: 0;
margin: 0;
}
#content{ 
position: relative;
width: 100%;
margin: 0 auto;
overflow: hidden;
background: url(../images/layout/main-content-bg.jpg) 50% 0 repeat-y;
}

/* !Global Float Clearing */
#mainContent:after{ content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }

/* !Link Colors */

a:link   {}
a:visited{}
a:hover  {color: #ff0404 !important;}
a:focus  {}
a:active {}

/* !Headings */

h2{}

h3{}

#secondary h3{}

h4{}

/* !Header */

#header{
position: relative;
margin-bottom: 1em;
height: 70px;
width: 980px;
margin: 0 auto;
}

#branding{
width: 100%;
padding: 0;
margin: 0 !important;
overflow: hidden;
}
  
#branding h1{
margin: 0;
font-family: 'Paytone One', sans-serif !important;
color: #000;
text-decoration: none;
font-size: 2.4em;
line-height: 100%;
margin: 0;
font-weight: normal;
    width: 630px;
}

#branding p {
margin: 20px 0 20px 0;
color: #000;
}

#search-holder {
background: #333;
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
}

#search {
display: block;
clear: both;
margin: 0 auto;
overflow: hidden;
padding: 0;
width: 980px;
border: none;
background: #333;
}

#search p {
height: 43px;
line-height: 43px;
}

#search fieldset {
margin: 3px 0 0 0;
border: none;
}


form input {
border: 1px solid #999;
width: 190px;
height: 26px;
line-height: 26px;
padding: 0;
background: #666666;
float: right;
padding: 0 5px;
color: #000000;
}

form p {
width: 600px;
float: left;
color: #EFC646;
font-size: .85em;
margin: 0;
line-height: 30px;
}

form button {
background: #cc0000;
border: 1px solid #999;
border-width: 1px 1px 1px 0;
height: 28px;
line-height: 22px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
color: #fff;
float: right;
margin: 0;
font-size: 1.1em;
font-family: 'Paytone One', sans-serif !important
}

.tagline {
clear: both;
color: #fff;
margin: -10px 0 0 91px;
font-weight: bold;
font-size: 1.2em;
font-family: 'Paytone One', sans-serif !important
}

#update {
position: absolute;
top: 107px;
left: 0;
color: #000;
text-align: left;
padding: 5px 10px;
display: block;
width: 160px;
}

#update p {
color: #000;
margin: 0;
font-size: .9em;
line-height: 100%;
font-weight: bold;
}

.top-news {
overflow: hidden;
margin: 0 0 0 0;
padding: 20px 0;
}

.top-news h3 {
color: #cc0000;
font-size: 1.4em;
margin: 0;
font-weight: normal;
line-height: 100%;
font-family: 'Paytone One', sans-serif !important
}

.top-news h3 a {
color: #cc0000;
text-decoration: none;
}

.top-news p {
color: #cc0000;
font-size: 15px;
margin-bottom: 0;
line-height: 140%;
width: 340px;
float: left;
}

.top-news img {
float: right;
margin-top: 1.5em;
    height: 200px;
}

.news-stream {
padding: 20px 0;
}

.news-stream, .sec-holder {
margin-top: 20px;
}

.news-stream .post, .sec-holder .cont {
margin: 0;
overflow: hidden;
}
 
.sec-holder {
padding: 0 !important;
margin: 0 !important;
color: #fff !important;
}

.sec-holder h4 {
color: #ffcc00 !important;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 1.4em;
font-weight: normal;
font-family: 'Paytone One', sans-serif !important;
}


.date {
margin: 0;
font-size: .9em;
color: #000;
font-style: italic;
}

.news-stream h3 {
height: 15px;
line-height: 15px;
padding: 0;
margin: 0 0 20px 0;
text-transform: uppercase;
font-size: 1.6em;
font-weight: normal;
}

.post {
margin-bottom: 20px !important;
}

.post h4 {
margin: 3px 0;
font-weight: normal;
font-size: 1.6em;
}

.post h4 a {
color: #333;
}

.post p {
margin: 0;
font-size: .9em;
}

.post a {
color: #cc0000;
font-weight: bold;
text-decoration: none;
}

.recent {
padding-bottom: 0;
}

.recent ul {
margin: 10px 0 !important;
list-style-type: none;
padding: 0 !important;
}

.recent ul li {
color: #fff !important;
margin: 0;
}

.recent a {
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: .9em;
margin: 0 0 .5em 0;
display: block;
}

.recent .date {
color: #fff;
}

.social div {
margin: 10px !important;
}

.sec-holder img {
margin: 0 4px;
}

.tags a {
color: #fff;
font-weight: normal;
font-size: 1.1em;
text-decoration: none;
}

.tags .cont {
margin: 10px 0 !important;
}

.blogroll {
margin: 10px 0 !important;
list-style-type: none;
padding: 0;
}

.blogroll li {
margin-bottom: 5px;
}

.blogroll h5 {
margin: 0;
color: #fff;
line-height: 100%;
}

.blogroll a {
color: #ccc;
text-decoration: none;
font-size: 15px;
margin: 0;
line-height: 100%;
}

#mainContent{
width: 980px;
margin: 0 auto;
}
  
#primary  {
width: 600px;
padding: 0 10px 0 0;
margin: 10px 0 0 0;
float: left;
}

#secondary{
width: 290px;
float: right;
margin: 9px 0 0 0;
}

#secondary .sec-holder {
padding: 10px;
}

#tertiary {}

/* !Footer */

#footer-cont {
background: #333;
-moz-box-shadow: 0 0 3px #000;
-webkit-box-shadow: 0 0 3px #000;
}

#footer{
overflow: hidden;
color: #fff;
border: none;
padding: 22px;
margin: 20px auto 0 auto;
width: 980px;
font-size: 1.2em;
}

#footer a {
color: #fff;
text-decoration: none;
}

.about {
overflow: hidden;
}

.about p {
width: 140px;
margin: 10px 0 10px 0px;
float: left;
font-size: .8em;
}

.about img {
float: right;
margin: 10px 10px 10px 0;
}

/* !Main Content */

.post h1 {
    font-size: 1.4em;
}