/*
Theme Name: The Armory
Theme URI: http://ottoinfo.com
Description: Black N White
Version: 2 (WP2.6.2)
Author: Otto
Author URI: http://ottoinfo.com
Tags: naked, clean, basic
*/

/*
RESET
*/

*							{ margin: 0; padding: 0; }
html						{ overflow-y: scroll; }
html, body					{ height: 100%; }
body						{ font-size: 14px; margin: 0; padding: 0; font-family: Helvetica, Courier, Arial, sans-serif; font-size: 14; color: #ffffff; background: #000000; }

ul							{ border-left: 1px solid #ffffff; }
li							{ list-style: none; padding: 0 5px 0 5px; display: inline; border-right: 1px solid #ffffff; }
ol							{ list-style: none; }
a							{ outline: none; text-decoration: none; }
a img						{ outline: none; }
img							{ border: none; }
table						{ vertical-align: middle; }


/*
UTILITY
*/
.floatLeft					{ float: left; }
.floatRight					{ float: right; }
.clear						{ clear: both; }
.button						{ border: 1px solid #FF0099; background: white; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FF0099; }
.button:hover				{ background: black; color: white; }


/*
STRUCTURE
*/
#page-wrap					{ width: 800px; margin-left: auto; margin-right: auto; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto 0 auto; }
#mainContent				{ width: 800px; float: left; }
#pageContent				{ width: 800px; float: left; padding: 10px 0 10px 0; }
#divider 					{ border-bottom-style: dotted; width: 800px; height: 10px; border-bottom: 1px #ffffff dashed ; float: left; text-indent: -2222px;}
#footerInfo					{ width: 800px; height: 300px; text-align: center;  padding: 15px 0 0 0; font-size: 50px; }



/*
FOOTER
*/
#blogFooter					{ float: left; width: 800px; height: 30px; text-align: center; font-size: 8px; padding: 10px; }

/*
HEADER
*/
#blogLogo					{ width: 375px; height: 200px; float: left; }
#blogTitle					{ width: 425px; height: 180px; float: left; font-size: 30px; vertical-align: bottom; }
#blogMenu					{ width: 400px; height: 20px;  float: left; display: inline; padding-left: 7px;}
#blogMenu a					{ font-size: 16px;}

#searchBar					{ float: right; width: 300px; height: 47px; text-indent:-9999px; margin: -80px 0 0 0; }
#searchform					{ float: right; width: 363px; height: 47px; margin: 0; }
#s 							{ float: right; width: 334px; font-size: 14px; margin: 15px 8px 0 0; text-align: right; }

	
/*
TYPOGRAPHY
*/
p, li						{ font-size: 14px; line-height: 14px; margin: 0; }

a							{ color: #ffffff; }
a:hover						{ color: #999999; }
h1							{ font-size: 40px; font-weight: normal; }
h2							{ font-size: 36px; font-weight: normal; }
h3							{ font-size: 24px; font-weight: normal; }
h4							{ font-size: 20px; font-weight: normal; }
h5							{ font-size: 16px; font-weight: normal; }


/*
BLOG CONTENT
*/
.post 						{ float: left; width: 800px; overflow: hidden; margin: 0; padding: 10px 0 0 0;}
.info						{ float: left; width: 800px; }
.title						{ float: left; width: 700px; text-transform: uppercase; font-size: 24px; font-weight: bold; }
.date						{ float: left; font-size: 11px; text-transform: uppercase; }
.comments					{ float: right; width: 55px; height: 35px; padding-top: 2px; font-size: 18px; text-align: center; background: url(images/CommentBubble.png) no-repeat;}
.content					{ float: left; width: 800px; padding: 20px 0 0 0; }
.content p 					{ margin: 0 0 20px 0; }
.content img				{ border: black solid 2px; margin: 10px 10px 10px 0; }
.bottom						{ float: left; width: 800px; height: 10px; }

.olderPost					{ float: left; width: 400px; height: 15px; margin-top: 20px; font-size: 16px; }
.newerPost					{ float: right; width: 400px; height: 15px; margin-top: 20px; font-size: 16px; text-align: right; }

.post p 					{ line-height: inherit; }

.post p a					{ color: #ff0000; background: #000000; }
.post p a:hover				{ color: #ff0000; background: #ffffff; }

ul#oldernewer				{ width: 800px; background: #222222; }
ul#oldernewer li			{ display: inline; }


/*
COMMENTS
*/
.commentArea				{ margin: 10px 0 10px 0; }
ol.commentlist				{ list-style: none; }
.bubble						{ float: left; width: 800px; background: #000000; padding: 5px 5px 0px 5px; }
.box p						{ background: #000000; color: #FFFFFF; font-size: 12px; line-height: 12px; }
.whoSaid					{ text-transform: uppercase; text-decoration: none; font-size: 10px; margin: -10px 0 30px 5px; }

/* commentform */
#commentform 				{ padding: 10px 0; margin: 0; }
#commentform p 				{ clear: both; padding-bottom: 10px; }
#commentform label 			{ font-weight: bold; color:#ffffff; font-size: 14px; padding-top: 4px; width: 70px; float: left; }
#commentform small 			{ color: #999999; font-size: 10px; padding-top: 8px; display: block }
#commentform input 			{ width: 220px; padding: 2px 2px; border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #ccc; float: left; margin-right: 10px; background: #ffffff;}
#commentform textarea 		{ width: 480px; height: 150px; background: #ffffff; border: solid 1px #ccc; padding: 5px 3px 3px 7px; }
#commentform #submit 		{ width: 138px; height: 34px; padding: 0; border: none; margin-left: 342px; background: url(images/submit-btn-bg.gif) no-repeat; }
#commentform textarea:focus, 
#commentform input[type="text"]:focus { border-color: #999999; }

/*
Pages
*/
#pageAbout					{ width: 800px; min-height: 600px; }
#aboutQuote					{ width: 800px; height:275px; background: url(images/AboutQuote.jpg) no-repeat; }
#aboutText					{ width: 450px; padding: 0 260px 0 90px; text-align: justify; }

#pageTeam					{ width: 800px; min-height: 600px; }

#pageWeCarry				{ width: 750px; margin-left: auto; margin-right: auto; min-height: 600px; }

#contactPage				{ float: left; width: 800px; height: 500px; background: url(images/ArmoryMap.jpg) no-repeat;}
#contactSearch				{ float: left; width: 800px; height: 500px; }
#mapTop						{ float: left; width: 800px; height: 300px; }
#mapBottom					{ float: left; width: 800px; height: 200px; padding: 10px 0 0 15px; background: url(images/DirectionBubble.png) no-repeat; vertical-align: bottom; }
#submitButton				{ float: left; width: 210px; height: 35px; text-align: right;}