/*  */
/* General styles */
body {
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;
	max-width: 960px;
	font-size:80%;
	margin: 0 auto;
	background-image: url('../images/BackgroundTop.gif');
	background-repeat: repeat-x;
	background-color: #BD0317;
	color: White;
	font-family:Verdana, Serif;
}

.wrapper { width: 960px; margin: 0 auto; }
/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	position: relative;
}
/* Main menu */
.mainMenu {
	color:#4d4d4d;
	font-size:10px;
	text-decoration:none;
}
a.mainMenu:link {
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}
a.mainMenu:visited {
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}
.menu {
	padding-top: 7px;
	float:left;
}

/* 'widths' sub menu */
#layoutdims {
	clear:both;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
.colmask {
	clear: both;
	zoom: 1.0;
}
/* highlight */
.highlightbox {
	background: #880000;
	border: 1px solid #aa0315;
	margin-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;

}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
}
/*  */



/*** Markup Ninjas Code ***/

/*** ALA Compact Forms ***/
label.overlabel {
    color:#999;
  }

  label.overlabel-apply {
    position:absolute;
    top:3px;
    left:5px;
    z-index:1;
    color:#999;
  }

.colmid { overflow: hidden; zoom: 1.0; width: 960px; margin: 0 auto; clear: both;  background: url(../images/bg_fauxBorders.gif) repeat-y 270px 0;}
.colleft { overflow: hidden; zoom: 1.0; }
	.col1 { float: left; width: 469px; padding: 0 20px;}
	.col2 { float: left; width: 240px; padding-right: 30px;}
	.col3 { margin: 0 0 0 798px; }

/* APPLICABLE ONLY FOR HTML, WIDGET CSS AFTER COMMENT END
----------------------------------------------------------------------- 
.albumRoller { overflow: hidden; zoom: 1.0; margin: 0px; padding: 0px;}
	.threecol .albumRoller li { list-style: none; margin: 0px; padding: 0px; float: left; }
		.albumRoller li a { list-style: none; margin: 0px; padding: 0px; float: left; }
			.albumRoller li a img  { margin: 0px; padding: 0px; float: left; border: none; margin-right: 3px; margin-bottom: 3px;}
*/			


.flickr-photos { overflow: hidden; zoom: 1.0; }
	.flickr-photos a { display: block; float: left;}
		.flickr-photos a img { display: block; margin-right: 3px; margin-bottom: 3px;}

.col1 h2 { font-size: 12px; font-weight: bold !important; text-transform: uppercase; }
.albumTitle { color: #8f4f56; font-size: 12px; }
a { text-decoration: underline; color: white; }
a:visited { text-decoration: underline; color: white; }
a:hover {
	text-decoration: none;
	background-color: #8f4f56;
	color: #ffffff;
}

.blogPost { margin: 0px 0 0 0; }
	.blogPost h2 { font-weight: bold !important; padding: 0 0 16px 0 !important; display: block;}
	.blogPost p.date { color: #cecece; font-size: 12px; line-height: 16px; padding-bottom: 0px !important;}
	.blogPost h3 { font-size: 20px; margin: 0 0 18px 0 !important; }
	.blogPost p { padding-bottom: 18px !important; }
	
.avatar {display: block; margin: 0 0 18px 0 !important; }

.followLinks { padding: 15px; background: #880000; margin-top: 20px;}
	.followLinks h4 { margin: 0; text-transform: uppercase; color: #fff; font-size: 12px; font-family:Verdana, Serif;}

.followList { padding: 0px; list-style: none; margin-bottom: 0px; zoom: 1.0;}
	.col3 .followList li { padding: 0px !important; margin: 0px; line-height: 25px; display: block;}
		.followList li a { padding: 0 0 0 13px; }
			.followList li a img { vertical-align: middle; }
			
.bookRelease {  }
	.bookRelease ol { margin: 0 0 0 85px !important; padding: 0px !important; font-family: Verdana, Serif; font-size: 12px;}
	
.col2 p { padding-bottom: 20px !important; border-bottom: solid 1px #a70000; }
	.col2 p.quote { border-bottom: none; }
	.col2 p.quote_src { border-bottom: none; margin: 0 0 0 70px;}

.quotes {  padding-bottom: 20px;}
	

.inviteForm { float: right; width: 280px; height: 92px; margin-right: 9px; padding-top: 5px;}
	.inviteForm h2 { float: left; font-size: 12px; color: #6f6d6d; text-transform: uppercase; line-height: 20px; margin-right: 16px !important;}
	.inviteForm div { position: relative; float: left; margin-right: 16px;}
		.inviteForm input { width: 145px; height: 20px; border: none; background: #a5a4a4; }
		.inviteForm #submit { margin-right: 0; }
			.inviteForm #submit a { margin-right: 0px; width: 106px !important; display: block; height: 18px !important; position: relative; top: 0px;}
				.inviteForm #submit a em { background: url(../images/btn_invite.png); display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;} 
		.inviteForm label { color: #1b1b1b; }
		

#commentform p { position: relative; height: 30px; margin: 0 0 20px 0;}
	#commentform p input { clear: left; display: block; position: absolute; left: 0px; bottom: 0px; width: 350px; height: 20px;}
	#commentform p label { display: block; float: left; }
	
#commentform p.textarea, #commentform p.submit { height: auto !important; }	
	#commentform p.textarea input, #commentform p.submit input { width: auto; position: relative; }

#comment { width: 450px; height: 100px; }

ol.commentlist { padding: 0px; margin: 0px; }
	ol.commentlist li { padding: 0px; margin: 0px; list-style: none;}
		ol.commentlist li img.avatar { float: left; margin-right: 20px !important; display: block; }
		ol.commentlist li p { clear: left; }
		
.nextPrevious { position: relative; }
	.next { position: absolute; right: 0px; top: 0px; }

#footer { position: relative; margin-top: 60px; font-size: 11px; margin-left: 0px; width: auto; float: none; color: #73000d; font-family: verdana, serif;}
	
	.siteby { position: absolute; top: 10px; right: 0px;}


.archiveLink { display: block; margin-bottom: 20px; }

.quote {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#73000d;
}

.quote_src {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:italic;
	color:#73000d;
}