/*
Theme Name: AM Design v2
Theme URI: http://www.alexmustin.com
Description: Wordpress theme for the AM Design website
Version: 2
Author: Alex Mustin
Author URI: http://www.alexmustin.com
Tags: am design, blue, two-column, fixed-width
*/



html					{ overflow-y:scroll; }
html, body				{ height:100%; }
body					{ font-size:62.5%; font-family:Arial, sans-serif; color:#ffffff; background: url('images/bodybg.jpg') top center no-repeat #172a5f; background-attachment:fixed; background-repeat:no-repeat; }
ul						{ list-style:none inside; }
ol						{ list-style:none inside; }
a						{ outline:none; text-decoration:none;}
a img					{ border:none; }
img						{ vertical-align:middle; }
table					{ border-collapse:collapse; }

.left					{ float:left; }
.right					{ float:right; }
.clear					{ clear:both; }

img.right				{ float:right; display:inline; margin-left:4px; border:1px solid #244093; }


#page-wrap					{ width:860px; margin:0px auto; min-height:100%; height: auto !important; height: 100%; padding-bottom:20px; }
#pageTopMargin				{ height:20px; }
#logoContainer 				{ position: relative; z-index:4; margin:0 auto; width:175px;  }
#logo 						{ position: absolute; display:block; width:212px; height:254px; left: -285px; margin-top:35px;}

#main-col, #bodyContainer	{ width:840px; margin-left:10px; margin-right:10px; }
#bodyContainer				{ background: url('http://www.alexmustin.com/wp-content/themes/AMDesign_v2/images/subpage_bodybg.png') top center repeat-y; }	

#flashContainer				{ width:840px; margin-left:10px; margin-right:10px; }
#bodyMainCol				{ width:560px; float:left; }
#bodySideCol				{ width:280px; float:left; }
#bodyInner					{ padding:15px 12px 15px 15px; }

#mainSidebar				{ width:255px; float:right; margin-right:40px; }
#homeBlog-title				{ float:left; }
#homeBlog-link				{ float:right; }



/*
	TYPOGRAPHY
*/
h1, h2, h3, h5, h5, h6 		{ font-weight:bold; } 

h2#postTitle				{ font-family:Georgia; color:#244093; font-size:28px; font-style:italic; font-weight:normal; padding-top:10px; padding-bottom:5px; }
a							{ color:#244093; text-decoration:none; }

.breadCrumb					{ font-family:Arial; color:#ffffff; font-size:14px; padding-bottom:20px; }
.breadCrumb	a				{ color:#666666; text-decoration:underline; }

h1							{ font-size:20px; font-weight:bold; margin-bottom:0px; margin-top:0px; }
h1	a						{ color:#244093; text-decoration:none; }
h1.pageTitle				{ font-size:22px; font-weight:bold; color:#ffffff; text-shadow: 2px 2px #426b8b; margin-bottom:4px; margin-top:4px; }
.mainColContent h2				{ font-size:17px; font-weight:bold; color:#244093; margin-bottom:0px; margin-top:0px; }
.mainColContent h2 a			{ color:#244093; text-decoration:underline; }
.mainColContent h3				{ font-size:14px; font-weight:bold; color:#244093; margin-bottom:0px; }
.mainColContent .posted			{ font-size:11px; font-style:italic; color:#eece1e; padding-top:5px; }
.mainColContent .tags			{ font-size:10px; font-style:italic; color:#ccc; padding-top:5px; }
.mainColContent .tags a			{ color:#ccc; text-decoration:underline; }
.mainColContent p				{ font-size:12px; line-height:20px; color:#ffffff; }

.sideColContent .title			{ font-size:14px; font-weight:bold; color:#244093; }
.sideColContent					{ font-family:Arial; font-size:12px; line-height:20px; color:#ffffff;}
.sideColContent li				{ list-style:none; margin-left:5px; }
.sideColContent li img			{ padding-top:3px; }
.sideColContent a				{ color:#ffffff; text-decoration:none; }
.sideColContent a:hover			{ color:#eece1e; text-decoration:none; }

.separator					{ height:2px; margin-top:10px; margin-bottom:10px; background: url('images/separator_bg.png') repeat-x; }

.commentForm				{ padding-top:10px; font-family:Arial; font-size:12px; color:#ffffff; }
.commentForm .left			{ float:left; width:100px; padding-right:10px; font-family:Arial; font-size:12px; font-weight:bold; color:#ffffff; text-align:right; padding-top:3px; }
.commentForm .right			{ float:left; text-align:left; padding-bottom:5px; }
.commentForm .reqd			{ color:#ff0000; }


/*
	HEADER
*/
h1#logo						{ width:212px; height:254px; background: url('images/logo.png') top center no-repeat; text-indent: -9999px; margin:0 0 19px 0; float:left;}
#top-bar					{ margin-left:10px; margin-right:10px; margin-top:60px; background: url('images/topbar_bg.png') top center no-repeat; height:160px; }
#top-bar p					{ color:#666666; width:300px; float:left; }


#threeBoxContainer							{ margin-left:10px; margin-right:10px; background: url('images/3box_bg.png') top center no-repeat; }
.oneBox										{ width:250px; padding-left:15px; padding-right:14px; padding-bottom:15px; margin-top:20px; float:left; }
.oneBox_title								{ font-size:12px; font-weight:bold; color:#ffffff; padding-bottom:10px; }
.oneBox_title a								{ color:#666666; text-decoration:underline; }
.oneBox_blogtitle, .oneBox_blogtitle a		{ font-size:16px; color:#244093; font-weight:bold; margin-bottom:10px; }
.oneBox_desc								{ font-size:11px; color:#ffffff; line-height:17px; height:123px; }
.oneBox_separator							{ width:1px; height:210px; background: url('images/3box_separator.png') top center repeat-y; margin-top:20px; float:left;}
.oneBox_btn									{ text-align:right; }

#twitterContainer			{ margin-left:20px; margin-right:20px; margin-top:25px; height:125px; }
.twitter_desc				{ font-size:12px; color:#244093; font-weight:bold; line-height:18px; }
.twitter_desc a				{ color:#172a5f; font-weight:normal; }
.twitter_date				{ margin-top:10px; margin-right:10px; text-align:right; font-size:10px; color:#172a5f; font-weight:bold; }

#introTextContainer			{ margin-left:300px; }
#introHeader				{ width:347px; height:33px; background: url('images/welcome.png') top center no-repeat; margin-top:25px; padding-bottom:10px; text-indent: -9999px;float:left;}
#introText					{ font-family:Arial; font-size:15px; line-height:24px; color:#ffffff; width:480px; }
#introText a				{ color:#99ccff; }

.imgRight			{ margin-left:4px; border:1px solid #244093; float:right; display:inline; text-align:right; }



/*
	FORM
*/
.bar				{display: none; background: url('js/Ajax-loader.gif') no-repeat; margin-left: 200px; margin-top: 50px; height: 32px; width: 32px; }

#contactForm		{ float: left; position: relative; height: 200px; }
#contactForm input 	{ margin-bottom: 10px; }

#container 			{ padding: 20px; float: left; position: relative; height: 200px; width: 400px; }


/*
	NAV
*/
#nav-bar					{ height:80px; margin-left:10px; margin-right:10px; text-align:right;}
#nav-container				{ margin-left:300px; }
#nav-spacer					{ width:50px; float:left; }
#nav-bar .nav a				{ float:left; color:#FFFFFF; text-transform:uppercase; font-size:16px; font-weight:bold; padding:10px; margin-top:22px;}
#nav-bar .nav a:hover		{ color:#eece1e; }



/*
	FOOTER
*/
#footer_topstripe			{ height:3px; margin-left:10px; margin-right:10px; background: #eece1e; }
#footer						{ height:150px; background: url('images/footer_bg.png') top center no-repeat; }
#footer-inside				{ width:840px; margin-left: 10px; margin-right:10px; color:#ffffff; padding-top:60px; font-size:12px; }
#footer-inside a			{ color:#999999; text-decoration:underline; }
#footer .f-left				{ float:left; width:300px; margin-left:40px; }
#footer .f-right			{ float:right; width:300px; text-align:right; margin-right:40px; }