/*-------------------------
BlogTheme core styles
Author: Andrew Sherman
Company: Visual Blaze 
Client: BlastMedia
Date: 06/29/09

-------------------------*/

/*------------------------
TOC
=includes
=main styles
	=wrapper
	=content
	=sidebar
	=navbar
=page specific styling
	=content styling
	=index styling
	=post socialBookmark bar
=comments
	=comments form
	=comment editor preview [preview to WMD editor]
=global/general styles
-------------------------*/


/*=includes*/
@import url(reset.css);
@import url(typography.css);


/*----------
=main styles
----------*/

body {
	font-family: arial;
	font-size: 12px;
	/*req. for auto marg center technique*/
	text-align: center;
	/*req. for centering..*/
	min-width: 800px;
	/*background: #fff url(../images/bodyBgTile.png) repeat-x;*//*[greyTheme]*/
}

/*=wrapper*/
div#wrapper {
	position: relative;
	/*width: 800px;*/
	width: 920px;
	min-height: 487px;
	/*req. centering..*/
	margin: 0 auto;
	/*req. centering..*/
	text-align: left;
	background: url(../images/mainBg2.png) no-repeat top left;
}

/*-------------
=contentColumn
--------------*/

div#content {
	display: inline;
	width: 530px;
	height: 250px;
	margin-top: 150px; /*height of navbar(130) + padding*/
	margin-left: 120px;/*moves over so bgdongle shows through*/
	/*background: #ff0000;*/
	float: left;
}


/*------------
=sidebar
-------------*/
div#sidebar {
	width: 234px;
	height: 250px;
	margin-top: 150px; /*height of navbar(130) + padding*/
	/*background: #666;*/
	float: right;	
	}
	div#sidebar h3 {
		width:224px;/*234-10*/
		min-height: 30px;/*40-15*/
		padding: 10px 0px 0px 10px;
		font-family: "arial black",arial;
		font-size: 12px;
		letter-spacing: 1px;
		text-transform: uppercase;
		background: #ebeff1;
		
	}
	div#sidebar ul { 
		width: 234px;
		padding: 8px 0px 8px 0px;
		list-style-position: outside;/*fixes ie list indent issue*/ 
		/*list-style-image: url(../images/sidebarULBullet.png);*/
		list-style: none; 
		font-size: 11px;
		font-weight: bold;
		background: #f6f8f9;
		}
		div#sidebar ul li {
			margin: 0px 15px 5px 15px;
			padding-left: 10px;
			background: url(../images/sidebarULBullet.png) no-repeat left 2px;
			}
			div#sidebar ul li a {
				text-decoration: none;
			}
			div#sidebar ul li a:hover {
				text-decoration: underline;
		}
		div#sidebar ul li p {
			font-style: italic;
			color: #ADADAD;
	}
	/*archive specific ul*/
	div#sidebar ul#archive li {
		background: none;
		}
		div#sidebar ul#archive li a {
			/*color: #9E9E9D;*/
	}
	div#sidebar ul#achive li ul {
		background: #ff0000;
}


/*--------------------------------
=navbar ->sits below main content
--------------------------------*/

div#navbar {
	position: absolute;
	right: 0;/*ie position bug fix*/
	width: 800px;
	height: 130px;
	/*background: url(../images/navbarBg.png) no-repeat 149px 0px;*/
	}
	/*contact box*/
	ul#contactBox {
		width: 147px;
		margin: 15px 0px 0px 0px;
		list-style: none;
		text-align: left;
		float: left;
		}
		ul#contactBox li#navContactLink {
			margin-top: 30px;
			font-size: 10px;
			font-weight: bold;
			letter-spacing: 2px;
			text-transform: uppercase;
			color: #999;
		}
		ul#contactBox li#navPhoneNo {
			margin-top: 2px;
			letter-spacing: 2px;
			font-weight: bold;
			font-size: 15px;
		}
		ul#contactBox li#navEmailLink {
			margin-top: -2px;
			font-size: 11px;
			font-family: "arial black",arial;
			letter-spacing: 1px;
			text-transform: uppercase;
			}
			ul#contactBox li#navEmailLink a {
				color: #04A2DD;
				text-decoration: underline;
			}
			ul#contactBox li#navEmailLink a:hover {
				text-decoration: none;
}


/*------
=nav
------*/

ul#nav { 
	margin-top: 51px;
	margin-left: 65px;
	list-style: none;
	font-size: 14px;
	float: left;
	}
	ul#nav li {
		padding: 0px 16px 0px 8px;
		letter-spacing: 2px;
		background: url(../images/navDiv2.png) no-repeat right 15px;
		float: left;
	}
	ul#nav li.last {
		background: none;
		}
		ul#nav li a {
			display: block;
			height: 28px;/*40-12*/
			padding-top: 12px;
			color: #000;
			text-decoration: none;
			float: left;/*added to fix in ie6*/
		}
		ul#nav li a:hover {
			color: #DDD;
		}
		ul#nav li a.active {
			color: #04A2DD;
			padding-left: 5px;
			padding-right: 5px;
			/*background: #fff url(../images/navActiveLinkBg.png) no-repeat top center;*//*[greyTheme]*/
}
		
	


/*---------
=socialbar 
---------*/

div#socialBar {
	position: absolute;
	top: 0;
	right:0;
	font-size: 9px;
	color: #797f81;
	/*background: #66EF26;*/
	}
	div#socialBar p {
		display: inline;
		margin-top: 7px;
		float: left;
	}
	div#socialBar ul {
		display: inline
		list-style: none;
		margin-left: 10px;
		float: left;
		}
		div#socialBar ul li {
			display: inline;
			float: left;
			}
			div#socialBar ul li a {
				display: block;
				width: 20px;
				height: 26px;
				text-indent: -9999px;
				overflow: hidden;
			}
			/*images*/
			div#socialBar ul li a.youTube {
				background: url(../../images/socialMediaBtns/youtubeBtn.png) no-repeat top left;
			}
			div#socialBar ul li a.twitter {
				background: url(../../images/socialMediaBtns/twitterBtn.png) no-repeat top left;
			}
			div#socialBar ul li a.googleBM {
				background: url(../../images/socialMediaBtns/googleBtn.png) no-repeat top left;
			}
			div#socialBar ul li a.delicious {
				background: url(../../images/socialMediaBtns/delicBtn.png) no-repeat top left;
			}
			div#socialBar ul li a.digg {
				background: url(../../images/socialMediaBtns/diggBtn.png) no-repeat top left;
			}
			div#socialBar ul li a.rss {
				background: url(../../images/socialMediaBtns/rssBtn.png) no-repeat top left;
}

			


/*-------------------
=page specific styling
-------------------*/

/*=content styling*/
div#content h1, div#content h2, div#content h1 a, div#content h2 a {
	font-size: 16px;
/*	margin-top: -8px;*/
	margin-top: 0px;
	margin-bottom: 5px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	/*color: #735A44;/*brown*/
	color: #DC712F;/*orange*/
}
div#content h1 a:hover, div#content h2 a:hover {
	text-decoration: underline;
}

div#content h1#arcHead {
	margin-top: 0;
	margin-bottom: 15px;
	color: #999;
}

div#content p.date {
	color: #04A2DD;
}

div#content p {
	margin-bottom: 10px;
}

div#content div.post {
	margin-bottom: 40px;
}

/*=index specific*/
p.commentNo a {
	display: block;
	min-height: 20px;
	margin-top: -5px;
	padding-left: 29px;
	padding-top: 2px;
	font-size: 10px;
	background: url(../images/comBubbleIcon.png) no-repeat top left;
}

div#content ul {
	margin-bottom: 25px;
	list-style: none;
	font-style: italic;
	font-weight: bold;
	}
	div#content ul li {
		min-height: 18px;/*23-5*/
		margin-bottom: 5px;
		padding: 1px 0px 0px 30px;
		background: url(../../images/listBullet.png) no-repeat top left;
}


/*---------------------
=post socialBookmark bar
----------------------*/

ul#postSocialBar {
	width: 264px;
	height: 53px;
	margin-left: 100px;
	list-style: none;
	background: url(../images/SocialMedPostBg.png) no-repeat top left;
	}
	ul#postSocialBar li {
		display: inline;
		margin: 5px 0px 0px 10px;
		float: left;
		}
		ul#postSocialBar li.first {
			margin-left: 35px;
		}
		ul#postSocialBar li a {
			display: block;
			width:  24px;
			height: 24px;
			text-indent: -9999px;
			overflow: hidden;
		}
		a#pSBTwitter {
			background: url(../images/postSocialBMBtns/twitter.png) no-repeat top left;
		}
		a#pSBDigg {
			background: url(../images/postSocialBMBtns/digg.png) no-repeat top left;
		}
		a#pSBDelic {
			background: url(../images/postSocialBMBtns/delicious.png) no-repeat top left;
		}
		a#pSBFB {
			background: url(../images/postSocialBMBtns/facebook.png) no-repeat top left;
		}
		a#pSBStumbUP {
			background: url(../images/postSocialBMBtns/stumbleupon.png) no-repeat top left;
		}
		a#pSBGoog {
			background: url(../images/postSocialBMBtns/google24.png) no-repeat top left;
}



/*---------
=comments
----------*/

h3#comments {
	font-size: 20px;
	margin-top: 15px;
}

ol#commentsList {
	list-style: none;
	padding: 0 !important;
	margin-left: 0 !important;
	margin-bottom: 15px;
	}
	ol#commentsList li {
		clear: both;
		}
		ol#commentsList li p {
			margin-left: 30px;
			margin-right: 30px;
		}
		ol#commentsList li p.userAvatar {
			width: 54px;
			height: 56px;
			margin: 0;
			background: url(../images/avatarBg.png) no-repeat top left;
			float: left;
			}
			ol#commentsList li p.userAvatar img {
				margin: 6px 0px 0px 8px;
		}
		ol#commentsList li p.comDate {
			position: absolute;
			top: 16px;
			right: 23px;
			margin: 0;
			font-size: 11px;
			color: #999;
		}
		ol#commentsList li p.comAuthor {
			width: 412;/*442-30*/
			min-height: 28px;/*43-15*/
			margin: 0;
			padding: 15px 0px 0px 30px;
			font-size: 15px;
			background: url(../images/combubbleHeader.png) no-repeat top left;
			}
			ol#commentsList li p.comAuthor span {
				font-weight: bold;
				color: #04A2DD;
		}
		ol#commentsList li div {/*comment bubble*/
			position: relative;
			width: 455px;
			/*margin-left: 60px;*//*removed when float right added*/
			padding-bottom: 20px;
			background: url(../images/combubbleBody.png) no-repeat bottom left;
			float: left;
			}
		


/*------------
=comments form
--------------*/
h3#respond {
	font-size: 20px;
	clear: both;
}

form#commentform {	
	
	}
	form#commentform div#userInfo p {
		display: inline;
		margin-top: 10px;
		margin-right: 10px;
		float: left;
	}
	form#commentform div#userInfo p.last {
		margin-right: 0px;
	}
	form#commentform label {
		display: block;
		margin-top: 10px;
		font-size: 11px;
		font-weight: bold;
	}
	form#commentform input {
		width: 190px;
	}
	form#commentform textarea {
		width: 500px;
	}
	form#commentform input#submit {
		width: inherit;
		margin-top: 10px;
}

/*----------------------------------------------
=comment editor preview [preview to WMD editor]
----------------------------------------------*/

div#commentPreview {
	display: inline;
	width: 506px;
	min-height: 50px;
	margin-bottom: 35px;
	background: url(../images/comPreviewBodyTile.png) repeat-y;
	float: left;
	}
	div#commentPreview h4 {
		width: 506px;
		height: 40px;
		text-indent: -9999px;
		overflow: hidden;
		background: url(../images/comPreviewHead.png) no-repeat top left;
	}
	div#commentPreview blockquote {
	border-left: 10px solid #ccc;
	padding: 0 0 0 10px;
	}
	div#commentPreview div.wmd-preview {
		width: 486px;/*506 - 20*/
		padding: 0px 10px 24px 10px;
		/*padding-bottom: 24px;*/ 
		background: url(../images/comPreviewFooter.png) no-repeat bottom left;
	}



/*--------------------
=global/general styles
-------------------*/

/*float Classes*/
.floatLeft {
	display: inline;
	float: left;
}
.floatRight {
	display: inline;
	float: right;
}

/*clear Classes*/
.clear {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}

/*typography*/
.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.greyLightTxt {
	color: #666;
	font-style: italic;
}

.quoteTxt {
	color: #666;
	font-style: italic;
}