/* --------------------------- */
/* 			Flex WP 		   */
/* A template by Brandon Jones */
/* --------------------------- */

/* --------------------------- */
/* Stylesheet Imports 		   */
/* --------------------------- */
@import url(import/reset.css);
@import url(import/superfish.css);
@import url(import/ceebox.css);
@import url(import/ie-6.0.css);
@import url(import/typography.css);






/* --------------------------------------------------------------------- */
/* GENERAL RULES ------------------------------------------------------- */
/* --------------------------------------------------------------------- */

body {
	background:#000000 url(../images/dotted_bg.png) repeat-x;
}

div.dark_square .pp_close {
	width:85px;
}

.margin25px {
	margin:0px 25px;
}
.mainmargin {
	margin:25px 0 25px 25px;
	overflow:hidden;
}

.rounded {
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #e8e8e8;
}

li {
	list-style-image: circle;
	margin:0 0 5px 0;
}






/* --------------------------------------------------------------------- */
/* TOP BAR ------------------------------------------------------------- */
/* --------------------------------------------------------------------- */

#top_bar {
	height:95px;
}
#top_bar .sf-menu {
	margin-left:10px;
	z-index:80;
	position:relative;
}

#logo {
	padding:20px 0;  /* Change this to adjust the vertical padding of the LOGO */
	width: auto;
	float: left;
	opacity: 0.95;
}
#logo:hover {
	opacity:1;
}

#navigation{
	padding-top: 43px; /* Change this to adjust the vertical padding of the NAVIGATION */
	float: left;
}

.menu-primary-menu-container{float: left;}


/* --------------------------- */
/* Navigation & DROPDOWN HOVER STATES		   */
/* --------------------------- */

#navigation .menu-item, #navigation li.home{
	font-family: 'Arial';
	text-transform: uppercase;
}

.cufon-active #navigation .menu-item, #navigation li.home{ 
	font-size: 18px;
	padding-top: 0px;
}


.cufon-active #navigation .menu-item li.menu-item, #navigation .cat-item{ 
	font-size: 15px;
	padding: 6px 0 0;
	height: 23px;
}

.cufon-active #navigation .categories{ 
	font-size: 15px;
	padding: 0px 7px 0;
	height: 23px;
}

.cufon-active #navigation .menu-item a:hover, .cufon-active #navigation .cat-item a:hover{ 
	opacity: 0.7;
}

.shuffle{float: left; margin: 2px 0 0 10px;}



/* --------------------------- */
/* Social Media + Search Bar   */
/* --------------------------- */


#right_links {
	float:right;
	padding-top: 47px;  /* Change this to adjust the vertical padding of the RIGHT SIDE STUFF */
	background:black none repeat scroll 0 0;
	border:1px solid #333333;
	float:right;
	padding:15px 15px 0 15px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;	
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	top: -6px;
	
}

#right_links a {
	margin:0 2px 0 0;
	position:relative;
	top:3px;
}

#right_links {width: ; height:34px;}
#right_links a{float: right;}
#right_links .search{float: right;}

.search form{width: auto !important; padding: 0 !important; margin: -21px 0 0 4px !important; height: auto !important;}
.search input{ margin-bottom: 8px;}
.search{
	float: right;
	padding-top: 12px;	
	}

.search .field{
	background: transparent url(../images/search_bar.png) no-repeat 0 0;
	font:11px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	line-height: 22px;
	width: 152px;
	height: 20px;
	color: #fff;
	float: left;
	padding: 2px 3px 3px 6px;
	border: 0;
}

.search .button{
	background: transparent url(../images/search_btn.png) no-repeat;
	width: 60px;
	height: 20px;
	color: #313131;
	font:12px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
	float: left;
	border: 0;
}




/* --------------------------------------------------------------------- */
/* GRID CONTAINER STYLING ---------------------------------------------- */
/* --------------------------------------------------------------------- */

#grid-content {
	min-height:600px;
}
#grid-content .post_float {
	width:208px;
	height:190px;
	overflow: hidden;
	background-color: #ffffff;
	margin: 0 8px 8px 0px;
	padding: 14px 14px;
	}

.post_float div.ceebox img {
margin-bottom:-6px !important;
}

#grid-content .post_tags {
	height: 19px;
	overflow: hidden;
	}
	
#grid-content .post_tags a {
	color: #999;
	font-size: 12px;
	font-style: italic;
	text-transform: capitalize;
	}
	
#grid-content .post_tags a:hover {
	color: #666;
	}

.post_float img{
	padding: 3px;
	border: 1px solid #e8e8e8;
}

.post_float h2 {
	margin:14px 0 0 0;
}

.pagination{background: white; padding: 10px;}
.pagination span, .pagination a{margin-right: 5px}


/* Content Styling -- */

#container{width: 1000px; margin: 0 auto;}
#sidebar{width: 276px; float: left; background: #eee url(../images/sidebar_bg.jpg) repeat-y left top; border: 1px solid #ddd; padding: 25px 0 0 25px; z-index: -2;}

.single_post, .single_page {
	background-color: #ffffff;
	margin: 0 auto;
	padding: 25px 25px;
	position: relative !important;
	float: left;
	clear: both;
	left: 6px;
	min-height:581px;
	}
	
.the_content{overflow: hidden;}
.the_content ul{list-style-type: disc !important; list-style-position: inside !important;}

h1.title {
border-bottom:1px dotted #CACACA;
font-family:'Arial';
margin-top:5px;
padding-bottom:10px;
text-transform:uppercase !important;
}

.single_date {
	padding-top: 25px;
	margin: 25px 0 0;
	}
	
p.post_tags {
	margin: 0 !important;
	}

#cee_title h2{float: left;}
#cee_title p{text-transform: none !important; float: left; clear: left; }

.subpage .mainmargin{margin-left: 18px;}

.copyright{clear: both; margin-left: 25px;}


/* SIDEBAR Styling -- */

li.widget {
	margin:0 0 15px 0 !important;
	list-style-position:outside;
	list-style:none;
	list-style-image:none;
}

.widget_title {
	margin-bottom:10px;
	font-size: 24px !important;
}

.widget_recent_entries ul li, .widget_links ul.blogroll li, .widget_archive ul li, .widget_recent_comments ul li {
	margin:0 0 3px 0px;
}

input#submit{background: #111; color: white;}



/* --------------------------------------------------------------------- */
/* FOOTER -------------------------------------------------------------- */
/* --------------------------------------------------------------------- */

#footer {
	color:#ffffff;
	clear:both;
	overflow:hidden;
	padding:20px 0 40px;
}


.footer_column {
	width:275px;
	margin-right:20px;
	float:left;
	overflow:hidden;
}

#footer_left{margin-right: 30px;}

.img_border{border:1px solid #C8C8C8;padding:2px;}


/* --------------------------------------------------------------------- */
/* Comments -------------------------------------------------------------- */
/* --------------------------------------------------------------------- */


#comment_wrap ul {
overflow:hidden;
}

.comment-list h2{
		font-size: 22px; 
		border-top: 1px dotted #cacaca;
		padding-top: 25px;
		margin: 25px 0;}

	
		 .commentlist li{		
			overflow: hidden;
			margin-bottom: 25px;
		}
	
		.commentlist .says, #comment_post_ID, #comment_parent, #_wp_unfiltered_html_comment{display: none;}
		
			.commentlist li .vcard {
				float: left;
				width: 80px;
				text-align: right;
				line-height: 16px;
			}
			
			.commentlist li .vcard img{
					border: 1px solid #cfcfcf;
			}
							
			.commentlist li .vcard a{color: #666666 !important;
				font-family: Arial;
				font-size: 11px;
				}
			
			 .commentlist li .comment_text{
				float: right;				
				width:450px;
				background: #f8f8f8;
				border: 1px solid #cfcfcf;
				padding: 15px 15px 0;
				color: #666666;
				font-family: Arial;
				line-height: 18px;
			}
				
	/* Reply */
	 .wpcf7{
	
	}
	
		 #reply h2{
			border: 0;
		}
		
		 #reply img{
			float: left;
			width: 78px;
			border: 1px solid #cfcfcf;
			margin-top: 10px;
		}
		
		 #reply form{
			float: right;
			width: 550px;
		}
		
		 #reply form input,
		 #reply form textarea{
			display: block;
			background: #f8f8f8;
			border: 1px solid #cfcfcf;
			padding: 15px;
			width: 500px;
			margin: 10px 0 10px;
		}
		
		 .wpcf7 form input,
		 .wpcf7 form textarea{
			display: block;
			background: #f8f8f8;
			border: 1px solid #cfcfcf;
			padding: 15px;
			width: auto;
			margin: 10px 0 10px;
		}
		
		 .wpcf7 form input{
			width: auto;
		}
		
		 .wpcf7 form textarea{
			width: 500px;
		}
		
		
		
		 #reply form textarea,
		 .wpcf7 form textarea{
			height: 100px;
			font: 12px 'Arial';
		}
		
		 #reply form .button,
		 .wpcf7 form .button,  form .button{
			background: #000;
			color: #FFF;
			padding: 13px;
			border:1px solid #cfcfcf;
			width: auto;
			cursor: pointer;
		}
		
		/* Contact */
		 .wpcf7{
			margin-top: 10px;
		}
		
			 ul#entries li .entry #contact h2{
				font-size: 18px;
				font-family: Georgia;
				font-style: italic;
				color: #222222;
			}
				
				.cufon-active  ul#entries li .entry #contact h2{ 
				    font-size: 18px;
				}

img.bordered{border:1px solid #C8C8C8;padding:2px;}


/* IE Dropdown menu fix */
.cufon:hover, .menu-item, .cat-item{color: white !important; visibility: visible !important;}