/* STANDARD CSS FILE - BADSHARK COMMUNICATIONS */

/* ---------------------------- */
/* STANDARD HTML TAG RESET  (Thanks to Eric Meyer, Blueprint, 960gs) */
/* ---------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
} 

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/* Remove annoying border on linked images. */
a img { border: none; }

/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
/* ---------------------------- */

body {
	color: #262626; 
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 12px;
	line-height: 1.5; 
}

form, input { 
	color: #262626; 
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size:11px;
}

h1 {font-size:21px;} 
h2 {font-size:18px;} 
h3 {font-size:17px;} 
 
a:link, a:visited {color: #004997; text-decoration: none; outline: none;} 

a:hover {outline: none;}

a:active { text-decoration: none; outline: none;}

/* ----------------------------*/ 
/* PAGE ELEMENTS     */ 
/* ----------------------------*/ 

.mainContainer {
	
}

	.container {
		margin: 0px auto;
		width: 1004px;
	}

	/* ---------------------------*/ 
 	/* HEADER    */
	
	#header {
		height: 246px;
		background: url(images/backHeader.jpg);
	}
	
		#header ul {
			list-style: none;
			font-size: 15px;
			text-transform: uppercase;
			color: #ffffff;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		}
		
			#header ul li {
				float: left;
				margin-left: 33px;
				padding-top: 18px;
			}
			
				#header ul li a {
					color: #ffffff;
				}
				
			#header ul li.current, #header ul li:hover {
				background: url(images/arrMenu.png) top center no-repeat;
			}
			
				#header ul li.current a, #header ul li:hover a {
					color: #5fbc5b;
				}
				
		#header img {
			float: left;
			clear: left;
			margin-left: 33px;
			margin-top: 40px;
		}
		
		#header p {
			float: right;
			width: 225px;
			height: 25px;
			background: url(images/backSubscribe.jpg) no-repeat;
			margin-top: 130px;
			padding: 50px 0px 0px 15px;
			color: #ffffff;
		}
		
			#header p a {
				color: #ffffff;
			}
	
	/* ---------------------------*/ 
 	/* SUB LINE   */
	
	#subLine {
		background: url(images/backSubLine.jpg) repeat-x;
		height: 35px;
		margin-top: -1px;
	}
	
		#subLine h1 {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			margin-left: 50px;
			font-size: 17px;
			color: #ffffff;
			text-transform: uppercase;
			padding-top: 5px;
		}
		
	/* ---------------------------*/ 
 	/* MAIN   */
	
	#main {
		background: #ece9db;
	}
	
		#main .container {
			background: #ece9db url(images/backMain.jpg) repeat-y right;
		}
	
		.centralColumn {
			float: left;
			width: 749px;
		}
		
			.post .title {
				height: 137px;
				background: url(images/discover.jpg) left top no-repeat;
				padding-left: 169px;
				margin-top: 24px;
			}
			
				.post .title h3 {
					float: left;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					color: #ffffff;
					font-weight: bold;
					font-style: italic;
					text-transform: uppercase;
					font-size: 16px;
					background-color: #449dc0;
					padding: 0px 5px;
					margin-top: 24px;
				}
				
					.post .title h3 a {
						color: #ffffff;
					}
				
				.post .title span {
					float: left;
					margin-top: 24px;
					font-size: 12px;
					color: #67655e;
					text-transform: uppercase;
					line-height: 23px;
					margin-left: 10px;
				}
				
				.post .title h2 {
					/*float: left; */
					clear: left;
					font-size: 28px;
					font-weight: bold;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					color: #67655e;
					letter-spacing: -2px;
				}
				
					.post .title h2 a {
						color: #67655e;
					}
			
			.post .content {
				width: 530px;
				margin: 0px auto;
			}
			
			.post .content p {
				/*background: url(images/backText.jpg) repeat-y;*/
				line-height: 20px;
				padding-left: 10px;
                margin-bottom:13px;
			}
			
			.post .read {
				float: right;
				clear: both;
				margin-top: 20px;
			}
			
				.post .read img {
					float: right;
				}
			
				.post .read p {
					background: none;
					color: #5d5d5d;
					margin-right: 10px;
					float: right;
					clear: right;
					background: url(images/comments.jpg) no-repeat left center;
					padding-left: 20px;
                    font-size:11px;
				}
				
					.post .read p a {
						color: #5d5d5d;
					}
					
				.more-link {
					display: none;
				}
					
		.post.build .title {
			background: url(images/build.jpg) left top no-repeat;
		}
		
		.post.build .title h3 {
			background-color: #f6af00;
		}
		
		.post.create .title {
			background: url(images/create.jpg) left top no-repeat;
		}
		
		.post.create .title h3 {
			background-color: #ed606a;
		}
		
		.post.engage .title {
			background: url(images/engage.jpg) left top no-repeat;
		}
		
		.post.engage .title h3 {
			background-color: #4fbe38;
		}

		.endColumn {
			width: 1004px;
			margin: 0px auto;
			padding-top: 20px;
		}
		
			.endColumn img {
				margin-top: 20px;
			}
			
			.border {
				width: 612px;
				border-top: 2px solid #b0aca1;
				margin-left: 100px;
				padding-bottom: 30px;
			}
			
		/* Author */
		
		.author {
			border-top: 2px solid #b0aca1;
			border-bottom: 2px solid #b0aca1;
			padding: 20px 0px;
			margin: 20px 0px;
		}
		
			.author img {
				float: left;
				width: 100px;
				border: 1px solid #b3ac9e;
			}
		
			.post .author p {
				background: none;
				float: right;
				width: 395px;
				line-height: 1.9;
			}
			
				.post .author p strong {
					display: block;
				}
				
				.post .author p span {
					display: block;
				}
			
		/* Comments */
		
		.comments {
			padding-left: 60px;
			width: 612px;
		}
		
		.comments h3 {
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 30px;
			text-transform: uppercase;
			color: #67655e;
			font-weight: bold;
			letter-spacing: -2px;
			padding-bottom: 20px;
			border-bottom: 1px solid #b0aca1;;
		}
		
		ol.commentlist {
			list-style: none;
			margin: 30px 0px;
		}
		
			ol.commentlist li {
				margin: 30px 30px;
				
			}
			
				ol.commentlist li cite {
					font-style: normal;
				}
			
				ol.commentlist li a {
					font-weight: bold;
					color: #000000;
				}
				
				ol.commentlist li p {
					background: url(images/backText.jpg) repeat-y;
					line-height: 27px;
				}
				
		#commentform {
			background-color: #c9c3b7;
			border: none;
			padding: 40px;
		}
		
			#commentform input {
				width: 500px;
				border: 1px solid #afafaf;
				background-color: #fcfddc;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 15px;
				padding: 10px;
			}
			
				#commentform input span {
					color: #ff00e6;
				}
			
			#commentform textarea {
				width: 500px;
				border: 1px solid #afafaf;
				background-color: #fcfddc;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 15px;
				padding: 10px;
			}
			
			#submit {
				float: right;
				width: 64px !important;
				height: 27px !important;
				background: none !important;
				border: none !important;
			}
			
		.sidebar {
			float: right;
			width: 241px;
			background-color: #d1ccbf;
		}
		
			.catMenuArchive {
				margin-top: -35px;
			}
		
			.sidebar ul {
				list-style: none;
			}
			
			.popular {
				margin-left: 23px;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			
				.popular h3 {
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 40px;
					color: #473c36;
					letter-spacing: -2px;
					line-height: 34px;
					background: url(images/backPopular.jpg) no-repeat right top;
					padding: 10px 0px 0px 0px;
					margin-bottom: 20px;
				}
				
				.popular ul li {
					text-decoration: underline;
					margin-bottom: 10px;
					background: url(images/backList.jpg) no-repeat left center;
					padding-left: 10px;
				}
				
			.featured {
				margin-left: 23px;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			
				.featured h3 {
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 31px;
					color: #473c36;
					letter-spacing: -2px;
				}
				
				.featured h2 {
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 40px;
					color: #473c36;
					letter-spacing: -2px;
					line-height: 10px;
				}
				
					.featured h2 a {
						color: #473c36;
					}
					
				.featured img {
					margin-top: 26px;
				}
				
			.archive {
				margin-left: 23px;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			
				.archive h3 {
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 40px;
					color: #473c36;
					letter-spacing: -2px;
				}
				
				.archive ul li {
					text-decoration: underline;
					margin-bottom: 10px;
					background: url(images/backList.jpg) no-repeat left center;
					padding-left: 10px;
				}
				
			.twitter {
				margin-left: 23px;
				margin-top: 10px;
				margin-bottom: 10px;
				position: relative;
			}
			
				.twitter h3 {
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 40px;
					color: #473c36;
					letter-spacing: -2px;
					margin-bottom: 40px;
				}
				
				.twitter img {
					position: absolute;
					top: -30px;
					right: -20px;
				}
				
				.twitter p {
					width: 190px;
					line-height: 2;
					padding-bottom: 10px;
					margin-bottom: 10px;
					border-bottom: 1px dotted #b0aca1;
				}
				
					.twitter p span {
						display: block;
						color: #4e4e4e;
						font-style: italic;
					}
	
	/* ---------------------------*/
	/* FOOTER */ 

	#footer { 
		clear: both;
		background: #403631;
		border-top: 1px solid #ffffff;
	}
	
		#footer .container {
			padding: 70px 0px 70px 150px;
		}
	
		#footer .boxFoot {
			width: 200px;
			padding: 20px;
			float: left;
		}
		
			#footer .boxFoot h3 {
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 25px;
				color: #ffffff;
				font-weight: bold;
				text-transform: uppercase;
			}
			
			#footer .boxFoot ul {
				list-style: none;
			}
			
			#search {
				width: 170px;
				height: 35px;
				background-color: #ffffff;
				border: 5px solid #352d28;
				font-size: 15px;
				color: #4c3711;
				padding-left: 10px;
			}

            #searchBox input[type="text"] {
				width: 170px;
				height: 20px;
                line-height:20px;
				background-color: #ffffff;
				border: 5px solid #352d28;
				font-size: 15px;
				color: #4c3711;
				padding-left: 2px;
                
            }
			
			#searchButton {
				margin-left: 120px;
				margin-top: 10px;
			}
			
			#footer .boxFoot ul {
				
			}
			
			#footer .boxFoot ul li {
				padding: 5px 0px;
				border-bottom: 1px dotted #797871;
				color: #988b61;
			}
			
				#footer .boxFoot ul li a {
					background-color: #352e28;
					color: #988b61;
					padding: 4px;
				}
				
			#footer .boxFoot img {
				border: 5px solid #352e28;
			}
			
			#footer .boxFoot.last ul {
				margin-bottom: 20px;
			}
			
			#footer .boxFoot.last ul li.first {
				color: #d1ccbf;
			}
	
	/* ---------------------------*/
	/* SUB FOOTER */ 

	#subFooter { 
		clear: both;
		border-top: 1px solid #504d4b;
		background-color: #16120f;
		padding: 20px 0 20px 170px;
		color: #ffffff;
	}
	
		#subFooter img {
			vertical-align: middle;
			margin-right: 10px;
		}
	
	
/* ----------------------------*/
/* CUSTOM CLASSES     */
/* ----------------------------*/

.leftAlign{float:left;}

.rightAlign{float:right;}

.clear {clear: both; height: 0px;}



/* notification area by Brett */

.notification {
    width:600px;
    font-size:16px;
    padding:20px;
    border:dotted 2px #443935;
    margin:30px auto;
}

.notification span{
    display:block;
    font-size:24px;
    text-align:center;
}

.disclaimer {
    font-size:9px;
}

#disqus_thread{
	width:530px;
	margin-left:110px;
}
.dsq-brlink{
    display:none;
}

blockquote {
    padding:3px;
    border:none;
    background-color:#D1CCBF;
    margin-left:10px;
}

ul li {
    margin-left:30px;
}
ol li {
    margin-left:35px;
}
