/*
Theme Name: Military Blue
Theme URI: http://www.militarytimes.com/blogs/
Description: Military Times Blog Theme - Blue Variation used for Navy / Air Force blogs
Version: 1.0
Author: Chris Moore after David Lindsey
Author URI: http://www.militarytimes.com/

*/
 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

/* Top Elements */
* { margin: 0px; padding: 0px; outline: 0 }

html { margin: 0px; padding: 0px; }
body { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px 0px 10px 0px; background: #222    url(images/bk.jpg) repeat; color: #000; text-align: center; }

/* Links */
a, a:active, a:link {/*text-decoration: none;*/ color: #082449; color: #0a2449; }
a:hover {/*text-decoration: none;*/ color: #222;}
a:visited {/*text-decoration: none;*/ }

/* headers */
h1, h2, h3 { color: #000; }
h1 {font-size: 20px; font-weight: normal; letter-spacing: -2px; padding: 15px 10px 5px 10px; }
h2 {font-size: 14px; color: #082449; padding: 20px 10px 5px 10px; }
h3 {font-size: 1.7em; font-weight: normal; 	padding: 20px 10px 5px 10px; }

p, dl { padding: 10px 0px; margin: 0; }

ul, ol {margin: 10px 20px; padding: 0 20px; }
ul { list-style: none; }

dt { font-weight: bold; color: #fff; }
dd {padding-left: 25px;  }

/* images */
.postblock img {background: #fff; border: 1px solid #a49c8d; padding: 5px; }
img.float-right {margin: 5px 0px 10px 10px; }
img.float-left {margin: 5px 10px 10px 0px; }

code {margin: 5px 0; padding: 15px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace ; background: #111; }
acronym {cursor: help; border-bottom: 1px dotted #5B5B5B; }
blockquote {margin: 15px 10px; padding: 10px 10px 10px 35px; background: url(images/quote.jpg) no-repeat 10px 10px; font-weight: normal; font-size: 14px; line-height: 1.6em; font-style: italic; color: #505050; }
blockquote p {padding: 10px;}

/* start - table */
table {margin: 15px 10px; border-collapse: collapse; }
th {background: #000; color: #fff; height: 38px; padding-left: 12px; padding-right: 12px; text-align: left; border-left: 1px solid #211E20; border-right: 1px solid #211E20; border-bottom: 1px solid #211E20; border-top: 1px solid #48780E; }
tr {color: #5b5b5b; height: 34px; }
td {padding-left: 12px; padding-right: 12px; border: 1px solid #000; }
/* end - table */

/* form elements */
form {margin: 0px 10px 10px 10px; padding: 5px 10px 20px 10px; background: #3e6ba4; border: 1px solid #a49c8d; color: #222 }
form a{color: #222; }
form a: visited{color: #222; }
form a: link{color: #222; }
label {display: block; font-weight: bold; margin: 8px 0; color: #222; }
input, select, textarea {padding: 5px 4px; font: normal 1em Verdana, Tahoma, sans-serif; color: #222; background: #fff; border: 1px solid #a49c8d; }
textarea {width: 400px; height: 100px; display: block; }
input.button { font: bold 12px Arial, Sans-serif; height: 30px; padding: 2px 2px 2px 2px; color: #fff; border: 1px solid #222; background-color: #0a2449; }

/* search form */
.searchform {background-color: transparent; border: none; margin: 0px 0px 0px 20px; padding: 0px; /*width: 270px;*/ }
.searchform p { margin: 0; padding: 0 0 10px 0; }
.searchform input.textbox {width: 185px; height: 18px; padding: 2px; vertical-align: top; }
.searchform input.button {width: 60px; height: 24px; padding: 2px 5px; vertical-align: top; }

/* ------------------------------------------
   LAYOUT
------------------------------------------- */ 

#header { width: 100%; margin: 0px 0px 0px 0px; padding: 0px; background: #222; text-align:left; }
#header h1#logo-text a {margin: 0px; padding: 0px; font: normal 42px; letter-spacing: -1.5px; color: #000; text-decoration: none;  }
#header h1#logo-text a:hover {background: none;	border: none; }
#head {width: 910px; margin: 0px auto 0px auto; text-align:left;}

#topNav { width: 910px; margin: 10px auto 10px auto; height: 33px; background: #222222 url(images/top-nav-bk.jpg) repeat-x; }

#topNav ul, #topNav li { margin: 0px; padding: 0px; list-style: none; font-size: 10px; }
#topNav li { margin: 0px 10px 0px 10px; }

.topNavListItem { display: inline; }

.topNavListItem a { color: #fff; font-weight: bold; font-size: 10px; line-height: 29px; padding: 8px 15px 11px 15px; }
.topNavListItem a:hover { text-decoration: none; background-color:#000000 }

#wrap {position: relative; width: 910px; margin: 0 auto; text-align: left; background-color: #FFFFFF; }
#content-wrap {/*position: relative;*/ clear: both; /**/width: 100%; padding: 0; margin: 0px; background: #fff; /*float: left; display: inline;*/ }

.postblock {width: 540px; margin: 0px 0px 10px 6px; background: #fff url(images/post_bk.jpg) no-repeat 0 0; border-bottom: 1px solid #a8a192; padding: 10px;}
.postblock ul { list-style: disc; }
.postblock .tags {
	padding: 10px 0px 0px 0px;
}
.tags p {
	padding: 0px;
	margin: 0px;
}

/* postmeta */
.postmeta { 
padding: 7px 5px; 
margin: 10px 0px 0px 0px; 
font-size: 1em; 
color: #fff; 
border: 1px solid #222; 
/*background: url(images/field_bk.jpg)*/
background-color: #0a2449; 
}

.postmeta a {text-decoration: none; color: #fff;}
.postmeta a:hover {text-decoration: none; color: #3e6ba4;}
.postmeta .date{ margin: 0 10px 0 5px; }
.postmeta a.comments { margin: 0 10px 0 5px;	}
.postmeta a.readmore { margin: 0 10px 0 5px;	}

.post-info { font-size: 10px; padding: 3px 0px 10px 0px; margin: 0px 0px 5px 0px; color: #444; text-transform: uppercase; border-bottom: 1px dotted #222;	}
.post-info a { color: #082449; }
.post-info a:hover { color: #7e856a; }

.post-tools {
	width: 100%;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px dotted #222;
}
.postblock .post-tools img {
	padding: 0px;
	background: none;
	border: none;
}
.post-tools-twitter, .post-tools-facebook, .post-tools-addthis {
	height: 22px;
	text-align: center;
	vertical-align: middle;
}
.post-tools-twitter, .post-tools-facebook {
	float: left;
	margin-right: 10px;
}
.post-tools-addthis {
	float: right;
	padding-top: 2px;
}


#storyPaging {
	background-color: #EBF0F6;
	border: 1px solid #a8a192; 
	padding: 10px;
	font-weight: bold;
	width: 538px; 
	margin: 0px 0px 0px 6px;
}

#blogtitle { font-size: 24px; font-weight: bold; text-transform: uppercase; margin: 0px 0px 10px 6px; }
#blogtitle img { border: none; }

/* Main Column */
#main {float: left; width: 540px; padding: 0px; margin:  10px 0px 0px 0px; /*display: inline;*/ }
#main h2 {padding: 0px 0px 3px 0px; margin: 0px; font-size: 16px; line-height: 20px; color: #000; text-transform: none;	}
#main h2 a {color: #082449; text-decoration: none; border: none; }
#main ul li {list-style-image: url(bullet.gif); }

/* Sidebar */	
#sidebar { float: right; width: 300px; padding: 8px; margin: 10px 10px 0px 0px; background: #eaeef6; border: 1px solid #a8a192;  }	
#sidebar ul {text-align: left; margin: 5px 0px 0px 0px; padding: 0;	}
#sidebar ul li {list-style: none; padding: 6px 10px 6px 10px; margin: 0px 0px 10px 0px; border-top: 1px dotted #222; }	
#sidebar h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}
#sidebar a, #sidebar a:link, #sidebar a:visited { text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }

#posterAdTop, #posterAdBottom {
	width: 300px;
	height: 250px;
	overflow: hidden;
}

#posterAdTop {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #222;
}

#posterAdBottom {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px dotted #222;
}
#skyscraperAdBottom {
	margin-top: 10px;
	padding: 10px 70px 0px;
	border-top: 1px dotted #222;
	width: 160px;
	height: 600px;
	overflow: hidden;
}

#mailto {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #222;
}

/* footer */
#footer-wrap {position: relative; clear: both; padding: 10px 0 10px 0; margin-top: 10px; font: normal 1em; background: #222; color: #fff; width: 910px; float: left; display: inline; text-align: center; }
#footer-wrap h3 {font: normal 1.6em/1.6em; color: #ABABAB; }
#footer-content {margin: 0px; width: 910px;  }
#footer-content ul {width: 800px; display: block; padding: 0px; text-align: center; margin: 0px 0px 0px 60px;}
#footer-content li {list-style-type:none; padding: 0px 5px; margin: 0px; float: left;}
#footer-content p { margin: 0px 0px 0px 20px; padding: 0px; }

#bannerWrapper {
	width: 728px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 20px 0px;
}
#footer-banner * {width: 728px; height: 10px;}


/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

img.centered {display: block; margin-left: auto; margin-right: auto; }
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright {float: right; }
.alignleft {float: left; }

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #CCCCCC;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}


/* display and additional classes */
.clearer { clear: both; }

.clear { display:inline-block;}
.clear:after { display:block; visibility:hidden; clear:both; height:0; content: "."; }


form.formBuilderForm {
	margin: 0px;
	background-color: transparent;
}
form.formBuilderForm textarea, form.formBuilderForm .small_text_area textarea {
	width: 50%;
}
form.formBuilderForm label {
	margin: 0px 0px 8px 0px;
}
form.formBuilderForm .formBuilderFailure {
	background: none;
	margin: 0px 0px 10px 0px;
	border: solid #FF0000 2px;
}
form.formBuilderForm .formBuilderFailure ul {
	margin-left: 20px;
}
form.formBuilderForm .formBuilderLabel, form.formBuilderForm .formBuilderLabelRequired {
	width: 30% !important;
}
form.formBuilderForm .radio_buttons .formBuilderRadio {
	margin: 0px;
	position: static;
	width: 68%;
	float: right;
	text-align: left;
}
form.formBuilderForm .formBuilderLabelRequired {
	color: #F00;
}
form.formBuilderForm #formBuilderFieldsubmit {
	margin-left: 30%;
}
form.formBuilderForm .formBuilderSubmit {
	text-align: left;
	margin-left: 10px;
}
form.formBuilderForm .checkbox .formBuilderInput {
	float: left;
	margin-left: 30%;
	padding-left: 10px;
}
form.formBuilderForm .checkbox .formBuilderLabel {
	float: right;
	text-align: left;
	width: 62% !important;
}