/*
Theme Name: Army Museum
Theme URI: http://www.avatar.co.nz
Description: Custom Theme for army museum. Based on the Starkers Theme. (http://elliotjaystocks.com)
Version: 1
Author: Simon Douglas
Author URI: http://www.avatar.co.nz
*/
/*extends army museum:*/
@import url('/national-army-museum.css');

/*--overrides--*/
body.boxes div#sect-body-inner ul {background:none;}

/*removed the h1 here for blog*/
#sect-title {
color:#FFFFFF;
font-size:24px;
font-weight:bold;
line-height:50px;
padding:0;	
text-indent:20px;
}

#sect-sub-title h1 {
border:medium none;
color:#FFFFFF;
font-size:18px;
font-weight:normal;
letter-spacing:2px;
line-height:18px;
margin-bottom:0;
margin-left:20px;
margin-top:9px;
padding:0;
text-transform:uppercase;
}


/*--- wordpress post --*/

.post {
float:left;
width:450px;
}

.post-title a {
text-decoration:none;
}
.post:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

/*--- post sidebar --*/
#sect-side-bar {
display:inline;
float:right;
width:200px;
}

.blogpage #sect-side-bar ul { margin:0; padding:0;}
.blogpage #sect-side-bar:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.blogpage #sect-side-bar li {
background-image:none; 
margin:0 0 10px 0; 
padding:0;
font-size:11px;
}

.blogpage .sidebardate, .blogpage #sect-side-bar dd {margin:0;}

/*--- wordpress comment area --*/
.comment-container {
width:450px;
float:left;
}

#comments {
clear:both;	
}

.comment-list {margin:0; padding:0; clear:both;}
.comment-list li {
background:#f4f4f4 !important; 
padding:0 !important;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid #ddd;
line-height:1.6em;
margin:9px 0 0 21px !important;
position:relative;
list-style:decimal !important;
}

.comment-list li .top {
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:url(/images/sect-sub-title-bg.gif) -10px 0 repeat-x;
border-bottom:2px solid #FFFFFF;
padding:3px 15px 5px 10px;
}
.comment-list .top a {color:#fff;}
.comment-list li p {
margin:2px 0 5px 4px;
}
.comment-list li .body {
padding-bottom:10px;
}
.comment-list li .body p {
line-height:1.5em;
margin-left:14px
}
.comment-list img {display:block; position:absolute; top:0; right:0;}


form#commentform {width:100%; margin:0 auto;}
form#commentform p { clear:both; float:left; width:100%;}
form#commentform label {
display:block;
float:left;
font-weight:bold;
width:232px;
line-height:16px;
}

form#commentform  input{
float:left;
width:100%;
border:1px solid #DDD;
background:url(/images/body-bg.jpg) -23px -23px no-repeat;
}
form#commentform  textarea{
width:100%;
height:100px;
margin-bottom:5px;
border:1px solid #DDD;
background:url(/images/body-bg.jpg) -23px -23px no-repeat;
}

form#commentform #submit {
float:right;
width:125px;
clear:both;
}
form#commentform .required {
color:#F50000;
font-size:11px;
}

div#recaptcha_widget_div div#recaptcha_area .recaptchatable #recaptcha_response_field {
float:none !important;
left:-1px;
}
#recaptcha_area, #recaptcha_table {
float:right;
margin-bottom:3px;
}
p.recaptcha-error  {
font-size:13px;
padding:0;
background:#ffff00;
padding:3px 0 3px 5px;
}
div.navigation {
clear:both;
width:100%;
border-top:1px dotted #e2e2e2;
padding-top:5px;
margin-top:10px;
float:left;
}
div.navigation div {
width:45%;
overflow:hidden;
}
div.navigation div.alignleft {
background:transparent url(images/bullet-left.gif) no-repeat scroll 0% 4px;
padding:0  0 0 18px;
}
div.navigation div.alignright {
background:transparent url(images/bullet.gif) no-repeat scroll 100% 4px;
padding:0 18px 0 0;
text-align:right;
margin-right:5px;
}
/*--social blog icons--*/
.sociable {clear:both;}
.sociable ul {padding-left:0;}
.sociable li { display:inline; background:none !important; padding:3px; }
.sociable li a{ text-decoration:none; display:inline;}
.sociable  img { border:none;}
/*--common wordpress classes--*/

.wp-caption {
font-size:11px;
text-align:center;
position:relative;
}
.wp-caption img {
padding:2px;
border:1px solid #e2e2e2;
}
.wp-caption a:hover img {
border:1px solid #333333;
} 

.alignleft {
float:left;
margin-right:10px;
margin-bottom:10px;
}
.alignright {
float:right;
margin-left:10px;
margin-bottom:10px;
}