/*
Theme Name: WW2009
Theme URI: http://danielbdesigns.com
Description: Warriors and Warbirds Air Show 2009. (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Daniel Brinneman
Author URI: http://danielbdesigns.com
Tags: ww2009, clean, simple
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/contactform.css"; /* Select cforms.css from dropdown and replace text with / Imported to main stylesheet using wide_open_no_border.css code */





/*** PAGE SECTION LAYOUT ***/

/*
RESET
*/

* {
margin: 0;
font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
font-stretch:normal;
font-style:normal;
font-variant:normal;
line-height:normal;
}




/*
UTILITIES
*/

#clear {
clear:both;
}

.button {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border: medium none;
padding:5px 12px 3px;
color: #000; /* white !important; */
background: #FFF; /* #000; */
font-size:15px;
font-weight:bold;
/* letter-spacing:-1px; */
}

.button:hover {
background: #000; /* #2E2E2E none repeat scroll 0 0; */
color: #FFF; 
cursor:pointer;
}

a {
color: #CC6600; /* #FF9900; /* #CC9933 /* orange */
text-decoration: none;
outline: none;
}

a:hover {
color: #000;
}





/*
LAYOUT
*/

html, body {
height: 100%;
}


body {
background-color: #A6763B; /* #FFDFB7; // #CC9933; // #663300; // #333; */
/* background: url(/~warr10rs/images/edgerpt.png) repeat-y center; */
}

#outer-wrapper {
width: 960px; /* 990px */
text-align: left;
overflow: hidden; /* hidden */

/* push footer to bottom - extra help */
min-height: 100%; /* part of push */
height: auto !important; /* part of push */
height: 100%; /* not a mistake by showing double 'height' */
margin:0 auto -150px; /* -250px added for footer bottom push help // the -No. has to be same as push +No. */
}

#inner-wrapper {
/* background-color: #AFD7EF; /* #8FA6B3; // #CCC // Shows in Content area */
/* border: 1px solid black; */
background-image: url(/~warr10rs/images/content-sidebar.png);
background-repeat: repeat-y;
background-position: top left;
}


/*
Poster image on Home page needs to float:left to not float right of the table on any other browser. Putting it in a table won't fix the problem, even if it is aligned:center.  Also add a margin-left:15px and margin-right:0px to the image properties.

Also added overflow:hidden to #content to hide the image, if it happened to have that problem again for some reason, so it doesn't look obvious.
*/



/*
FONT-SIZE SETTINGS
*/

#header-wrapper p {
font-size: 14px;
}

#content-wrapper, #sidebar-wrapper {
font-size: 15px;
}

#footer-inner-wrapper {
font-size: 12px;
}

/*
HEADER
*/

#header-wrapper {
background-color: #AFD7EF;
background-image: url(/~warr10rs/images/headerbg.gif); /* /~warr10rs/images/headerbg.gif // images/headerbg.jpg */
background-repeat: no-repeat;
background-position: top left; /*** because the domain name is not set, this is the only way  to show an image /~warr10rs/images/headerbg.gif ***/
color: #000;
height: 100px; /* 120px */
}

/* SET IN RESET LOCATION 
#header-wrapper h1, #header-wrapper p {
font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
*/

#header-wrapper h1 {
float:left;
font-size: 20px; /* 22px */
margin:0;
font-size-adjust:none;
}

#header-wrapper h1 a {
text-decoration: none;
color: #000;
outline:none;
}


#header-wrapper p {
/* font-size: x-small; - changed in FONT-SIZE SETTINGS */
clear: left;
float: left;
color: #000;
width: ; /* 140px */
font-weight: bold;
}

#header-title-description {
float:left;
margin:10px 10px; /* top-bottom left/right */
} /* This DIV wraps all the text to the left, helps with alignment and allow searchform to be where I tell it. */




/*
SEARCH BOX and SEARCH BUTTON
*/

input#s { /* Search Box Location */
font-size: 20px;
width: 140px;
vertical-align: top;
border: 1px solid #FFF;
color: #FFF;
background: transparent;
height: 27px;
}

form#searchform { /* Search Button Location */
float: right;
margin:10px 10px; /* top-bottom left/right */
margin-bottom: 50px; /* moves header-wrapper p  down */
clear: right; /* not necessary */
}



/*
MENU
*/

#menu {
background: #8FA6B3; /* #39779B // #000 */
text-align:center;
clear:both;
/* height: 100%; /*** Forces #menu ul li.page_item into the fixed height area // For IE7+ - But messes up the IE6 look ***/
padding: 5px; /* Space above and below the line of links */
}

#menu ul li.page_item {
display: inline; /* inline works on IE6+, Firefox and Webkit // inline-block doesn't work on IE6+ */
color: #FFF;

padding: 0px 5px; /* Padding around the links below // 0px 10px // 5px 15px // 5px 20px; /* top/bottom  left/right */
/* background-color: green; */
}

#menu ul li.page_item a {
color: #FFF;
text-decoration: none;
outline:none;
padding: 0px 5px; /* Padding to increase the clickable area // 5px 15px // 5px 20px; /* top/bottom  left/right */
margin: 0 auto; /*** Keeps links contained in Menu DIV, just like Height: 100% // For Webkit and Mozilla ***/
/* background-color: black; */
}

#menu ul li.page_item a:hover {
color: navy; /* #39779B; // #CC9933; // orange */
}

#menu ul li.current_page_item a {
color: #FAEC75; /* #39779B; // #8FA6B3; // orange */
}





/*
CONTENT
*/

#content-wrapper { /* #sidebar-wrapper */
min-height: 480px; /* same as sidebar min-height */
}

#content {
float:left;
margin: 5px;
padding: 5px;
width: 690px; /* 700px */
/* background: white; */
overflow: hidden;
}

#content h2 {
text-align:center;
}

/*
#content p {
font-family: Verdana: sans-serif;
}
*/


/*
SIDEBAR
*/

#sidebar-wrapper {
/* background: #39779B; /* #8FA6B3; // #AFD7EF; */
float:left;
margin: 0; /* 5px with width of 225px // 0px with width of 240px // around outside */
width: 240px; /* 240px // 215px */
padding: 10px 5px; /* top-bottom left-right */
/* min-height: 480px; /* same as sidebar min-height */
height: 100%;
}

#sidebar-wrapper a {
color: #FAEC75; /* #FF9900; /* #CC9933 /* orange */
text-decoration: none;
outline: none;
}

#sidebar-wrapper a:hover {
color: red;
}


/*
VIDEOS
*/

#n0 { /* Home page video for 2008 */
margin: 10px;
}


/*
EXTRA PAGES 1,2,3
*/

#link-pages {
margin-top: 20px;
margin-bottom: 5px;
text-align: center;
}

#link-pages a {
border: 1px solid black;
background-color: #39779B;
color: #AFD7EF;
padding: 0px 4px; /* top-bottom left-right */
}

#link-pages a:hover {
border: 1px solid red;
background-color: #FAEC75; /* #39779B */
color: black; /* #AFD7EF */
padding: 0px 4px; /* top-bottom left-right */
}



/*
FOOTER
*/

footer-wrapper, #push(1) { /*************/
height: 90px; /* +No. here // 250px // Pushes footer to bottom */
}

#footer-wrapper {
background-color: #8FA6B3; /*#FFEDD7; /* #999 */
/* position: absolute; /* keeps footer at bottom of window /
bottom: 0; /* keeps footer at bottom of window /
width: 100%; / keeps footer at full width of #inner-wrapper */
}

#footer-inner-wrapper {
text-align: center;
/* font-size: x-small; - adjusted in FONT-SIZE SETTINGS */
}

#footer-inner-wrapper a {
color: navy;
text-decoration: none;
outline: none;
}

#footer-inner-wrapper a:hover {
color: white;
}