/*
Theme Name: Atlantic BT
Theme URI: http://www.atlanticbt.com/
Description: Atlantic BT's custom blog theme based on their <a href="http://www.atlanticbt.com">current site</a>.
Version: 1
Author: Atlantic BT
Author URI: http://www.atlanticbt.com/
Tags: abt, atlantic bt, blue, custom, fixed width, two columns, widgets

	Atlantic BT v1
	http://www.atlanticbt.com/

	This theme was designed and built by Atlantic BT

	The CSS, XHTML and design is released under Creative Commons:
	http://creativecommons.org/licenses/by-nc-nd/3.0/

*/



/*======================================
	=Base & Columns
======================================*/

body { font-family: Arial, Helvetica, sans-serif; }

body#blog #content { float: right; margin: 0 10px 0 0; padding-bottom: 30px; width: 700px; }
	/*body#blog div.single #content { width: 940px; }*/
body#blog #secondary-content { float: left; margin: 0 80px 0 10px; padding-bottom: 30px; width: 160px; }


/*======================================
	=Headers
======================================*/
/* remove exterior link, and change link color */
#content h1,
#content h1 a { color: #234b60; padding: 0; background: none; }

#content h2,
#content h2 a { color: #006aa7; padding: 0; background: none; }



/*======================================
	=Form
======================================*/

#searchform { margin: 0 0 20px; }
#searchform input { width: 146px; }
	#searchform div.submit { margin-top: .5em; text-align: right; }
	#searchform input#searchsubmit { padding: 0; border: 0; width: auto; background: none; cursor: pointer; }
										

/*======================================
	=Nav & Sidebar
======================================*/

#blog-nav,
#blog-nav ul,
#blog-nav ul li,
#blog-nav ul li ul li { float: left; display: inline; margin: 0; padding: 0; width: 170px; background: none; }

	#blog-nav { width: 160px; }
	#blog-nav ul { position: relative; margin: 0 0 0 -10px; }
	#blog-nav ul ul { margin: 0; }

	#blog-nav ul li.message p { padding: 5px; width: 158px; border: 1px solid #ccc; }
	#blog-nav ul li h2 { margin: 4px 0 5px; padding-left: 10px; color: #050e14;
							font: bold 16px/1.2em "Akzidenz Grotesk BE", Arial, Helvetica, sans-serif; }
							
	#blog-nav ul li.pagenav,
	#blog-nav ul li#archive-nav,
	#blog-nav ul li.categories,
	#blog-nav ul li.linkcat,
	#blog-nav ul li#meta-nav { margin-top: 20px; background: url(/img/bg_secondary-nav.gif) no-repeat 0 0; }

	#blog-nav ul li ul li { position: relative; margin: 0; padding: 5px 0 8px 10px; width: 160px;
							background: url(/img/bg_secondary-nav-li.gif) no-repeat left bottom; }

		#blog-nav ul li ul li a { color: #050e14; }


/*======================================
	=Entries
======================================*/

div.hentry { position: relative; float: left; display: inline; width: 640px; margin: 0 0 3em 60px; padding: 20px 0 0 0;
				background: url(/img/g_rough-edge.gif) no-repeat 0 0; }
	div.single div.hentry { background: none; margin-left: 0; padding: 0; width: 700px; }
	
		div.single .navigation { float:left; display: inline; padding-bottom: 1em; width: 700px; /*margin-left: 100px;*/
								background: url(/img/g_rough-edge.gif) no-repeat left bottom; }
		
		#blog div.single div.top a
		{ padding-left: 15px; background:url(/blog/wp-content/themes/abt/images/i_blog-arrows.gif) no-repeat left -10px;  }
			#blog div.single div.top .alignright a { padding-right: 15px; background-position: right 3px; }
	
	div.hentry h2 { margin-top: 0; }
	
	div.index #content div.hentry p.pubdate,
	div.archives #content div.hentry p.pubdate { position: absolute; left: -80px; top: 0; margin: 0; padding: 20px 0 0 0;
												width: 60px;
												/*background: url(/img/bg_date-corner.gif) no-repeat 0 0;*/
												font-family: Georgia, "Times New Roman", Times, serif;
												font-size: 24px; font-weight: bold;
												text-align: right; color: #234b60; }
		div.index div.hentry p.pubdate em,
		div.archives div.hentry p.pubdate em { font-style: normal; }
		
				div.index div.hentry p.pubdate .month,
				div.archives div.hentry p.pubdate .month
				{ border: 0; display: block; width: 60px; font-size: 18px; }
				div.index div.hentry p.pubdate .date,
				div.archives div.hentry p.pubdate .date { display: block; width: 60px; line-height: 1em; }
				div.index div.hentry p.pubdate .comma,
				div.index div.hentry div.postmetadata .comma,
				div.index div.hentry p.pubdate .year,
				div.archives div.hentry p.pubdate .comma,
				div.archives div.hentry div.postmetadata .comma,
				div.archives div.hentry p.pubdate .year,
				div.hentry div.postmetadata span.comma
				{ position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; }
				div.hentry .posted-in { clear: both; }
				div.postmetadata p.extra
				{ clear: both; padding-top: 2em; font-size: 11px; line-height: 16px; font-style: italic; }
				
				
				div.single #content div.hentry p.pubdate
				{ /*padding-bottom: 15px;*/ text-align: center; font-size: 14px;
					/*background: url(/img/bg_curve-underline.gif) no-repeat center bottom;*/
					font-family: Georgia, "Times New Roman", Times, serif; }
				div.single div.hentry p.pubdate em { padding: 2px 10px; font-style: normal; }
				div.single div.hentry p.pubdate .year {  }
				div.single div.hentry h1,
				div.single div.hentry p.blogauthor { text-align: center; }
				#content div.hentry p.blogauthor
				{ margin: 0 0 1em; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; }
					 #content div.hentry p.blogauthor strong,
					 #content div.hentry p.blogauthor a { text-transform: uppercase; font-weight: normal; }
				div.hentry h1, div.hentry h2 { margin: 0 0 .15em; }
				
				div.single div.entry { margin-top: 1em; padding-top: 1em; font-size: 105%; line-height: 1.7em;
										background: url(/img/g_rough-edge.gif) no-repeat left top; }


			div.hentry div.postmetadata,
			div.hentry div.postmetadata strong,
			div.hentry div.postmetadata a.tag,
			div.hentry div.postmetadata a.tag span,
			div.hentry div.postmetadata a.category,
			div.hentry div.postmetadata a.category span,
			div.hentry div.postmetadata a.comments,
			div.hentry div.postmetadata a.comments span
			{ float: left; display: inline; margin: 0; padding: 0; background: none; text-decoration: none; color: #777; }
			
			#blog #content div.hentry div.postmetadata
			{ position: relative; margin: 2em 0 1em -100px; padding: 0 0 0 100px;
				min-height: 71px; height: auto !important; height: 71px;
				width: 640px; line-height: 24px; background: url(/img/bg_metadata.gif) no-repeat 0 0; }
					#blog div.single #content div.hentry div.postmetadata { margin-left: -40px; }
			#blog div.hentry div.postmetadata a.tag,
			#blog div.hentry div.postmetadata a.category { margin-left: 10px; white-space: nowrap;
													background: url(/img/bg_tags-wp.gif) no-repeat right top; }
			#blog div.hentry div.postmetadata a.tag span,
			#blog div.hentry div.postmetadata a.category span { padding: 0 14px; color: #444;
														background: url(/img/bg_tags-wp-c.gif) no-repeat 0 0; }					
					#blog div.hentry div.postmetadata a.tag:hover span,
					#blog div.hentry div.postmetadata a.category:hover span,
					#blog div.hentry div.postmetadata a.comments:hover span { color: #000; text-decoration: none; }
					
					div.single #content div.hentry div.postmetadata p.extra { position: relative; margin-left: -60px; }
					
					
					
				#blog div.hentry div.postmetadata a.comments { margin-left: 10px; line-height: 1em; color: #fff;
														background: url(/img/bg_comments-wp.gif) no-repeat 0 0; }
				#blog div.hentry div.postmetadata a.comments span
				{ padding: 4px 10px 9px; color: #fff; background: url(/img/bg_comments-wp-c.gif) no-repeat right top; }
					
					
			div.hentry div.postmetadata span.edit { position: absolute; left: 0; top: 0; }
				#blog div.hentry div.postmetadata span.edit a
				{ padding-left:  24px; background: url(/img/icons/i_pencil.gif) no-repeat 0 0; }
				
					/* for alt metadata */
					#blog div.hentry div.postmetadata p.extra a.category,
					#blog div.hentry div.postmetadata p.extra a.category span
					{ float: none; margin: 0; padding: 0; background: none; color: #0066CC; }
					#blog div.hentry div.postmetadata p.extra a.category:hover { text-decoration: underline; }
					
			.tweetmeme-button { float: left; display: inline; width: auto; margin: .5em 1em .25em 0; }
			
			/*div.hentry .social { position: absolute; right: 0; top: 0; }*/
			
			#blog div.hentry .social { margin-top: 3em; padding-top: 1.5em; background: url(/img/g_rough-edge.gif) no-repeat 0 0; }
			
			.hentry .social-links { color: #777; font-weight: bold; line-height: 15px; }
				#main-area .social-links ul { float: left; display: inline; width: 100%; margin: 0; }
				#main-area .social-links li { float: left; display: inline; width: auto; margin: 0 5px 0 0; padding: 0; display: inline; background: none; }
				#main-area .social-links li.sharethis { margin: 0 10px 0 0; }
				#main-area .social-links a { float: left; display: inline; width: auto; background: none; padding: 0; }
				#main-area .social-links img { float: left; display: inline; width: auto; }
				
			/*#blog div.single div.hentry .social { padding-left: 100px; }*/
			#blog div.hentry .social .stbutton { padding-left: 22px; }
			#blog div.hentry .social .subscribe-rss,
			#blog div.hentry .social .comments-rss { padding: 1px 5px 5px 22px;
												background: url(/img/icons/i_rss2.gif) no-repeat 0 0; }
												
												
												
			#content div.hentry .pullquote { position: relative; margin: 0 -20px 0 0; width: 720px;
												background: url(/img/bg_blogquote.gif) no-repeat left bottom;
												font: 16px/1.5em Georgia, "Times New Roman", Times, serif; }
				#content div.hentry .pullquote div { padding: 10px 85px 10px 45px; 
														background: url(/img/bg_blogquote-c.gif) no-repeat 0 0; }
														
				div.index #content div.hentry .pullquote,
				div.archives #content div.hentry .pullquote { margin-left: -100px; }


/*======================================
	=Comments
======================================*/

div#comments-wrap,
div#comments-wrap ol.commentlist { float: left; display: inline; padding: 20px 0 0 0; width: 700px;
									background: url(/img/g_rough-edge.gif) no-repeat 0 0; }
	div#comments-wrap h3 { margin-top: 0; }
	
	div#comments-wrap ol.commentlist,
	div#comments-wrap ol.commentlist li { margin: 0; padding: 0; background: none; list-style: none; }
	
	div#comments-wrap ol.commentlist li { margin: 1em 0; width: 620px;
											background: url(/img/bg_comment-quote.gif) no-repeat 0 0;
											min-height: 80px; height: auto !important; height: 80px; }
		div#comments-wrap ol.commentlist li div.comment-inner,
		div#comments-wrap ol.commentlist li div.comment-body { padding: 60px 40px 20px;
			background: url(/img/bg_comment-quote-c.gif) no-repeat left bottom; }
		
		
	#commentform p,
	#commentform div { clear: both; float: left; display: inline; margin: .75em 0; width: 500px; }
	#commentform textarea { width: 486px; }
	#commentform label	{ display: block; margin-bottom: .25em; font-size: 12px; }
	#commentform input { width: 486px; font-size: 14px; }
	#commentform input#submit { padding: 0; border: 0; width: auto; background: none; cursor: pointer; }



/*======================================
	=Author Profiles
======================================*/


#author-profile, #respond { float: left; display: inline; margin: 20px 0; width: 700px; }
#author-profile img { float: left; display: inline; margin-right: 10px; border: 5px solid #dedede; }
.author-summary { float: left; display: inline; width: 600px; }
#author-profile h4 { margin-top: 0; }
#author-profile h4 a { color: #008ac5; text-decoration: underline; }
#author-profile h4 a:hover { color: #147; text-decoration: underline; }









/*======================================
	=Various Styles
======================================*/


br { }
	.postmetadata br { clear: both; }






/*======================================
	=Kubrick Junk
======================================*/


.widecolumn .entry p { }

.narrowcolumn .entry, .widecolumn .entry {	}

.widecolumn {	}

.narrowcolumn .postmetadata {	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}



#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}





.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}



.nocomments, blockquote, strike { color: #777; }

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}


a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0 0 20px 0;
	padding: 0;
	}

#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
	}

#header {
	background-color: #73a0c5;
	margin: 0 0 0 1px;
	padding: 0;
	height: 200px;
	width: 758px;
	}

#headerimg {
	margin: 0;
	height: 200px;
	width: 100%;
	}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	margin: 0px 0 0;
	width: 450px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.post { }

.post hr { }

.widecolumn .post { }

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}
/* End Structure */



/* Begin Images */
p img { padding: 0; max-width: 100%; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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; }
	
	
	
	/* i don't always trust other people's css. + i don't have time to check exactly how the insert img classes work in WP, so i'll just hijack it with an additional class for now */
	#content img.wp-img-left { margin: 0 20px 20px 0; border: 1px solid #ddd; }
	#content img.wp-img-right { margin: 0 0 20px 20px; border: 1px solid #ddd; }
	#content img.wp-img-mid-left { margin: 20px 20px 20px 0; border: 1px solid #ddd; }
	#content img.wp-img-mid-right { margin: 20px 0 20px 20px; border: 1px solid #ddd; }
	#content img.wp-img-bot-left { margin: 20px 20px 0 0; border: 1px solid #ddd; }
	#content img.wp-img-bot-right { margin: 20px 0 0 20px; border: 1px solid #ddd; }
	#content img.wp-img-none { margin: 20px auto; border: 1px solid #ddd; }
/* End Images */







/* Begin Form Elements */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}


#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 545px;
	width: 190px;
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}


blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/*-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
}



#content .wp-caption img { margin: 0; padding: 0; border: 0; }
.wp-caption p.wp-caption-text { margin: .5em 0; font-size: 11px; line-height: 17px; }

.wp-caption-white { margin: 0 0 20px 20px; background-color: #fff; }
/* End captions */