/* CSS Document */
* {
	margin: 0; padding: 0;
}

img {
	border: 0;
}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}


/** BEGIN content **/
#content {
	width: 636px;
	float: left;
	text-align: left;
}
	#content h2, #sidebar h2 {
		color: #FFFFFF;
		text-transform: uppercase;
		background: url(../01/assets/images/h2.gif) repeat-x 0 0;
		padding: 10px;
		padding-bottom: 8px;
		font-size: 0.9em;
		float: left;
	}
	#featured {
		border: 1px solid #bd934f;
		padding: 7px;
		background-color: #ffffff;
		overflow: hidden;
		width: 536px; height: 288px;
	}
	#content .featured img {
		width: 536px; height: 284px;
	}
		#content .featured {
			overflow: hidden;
			position: relative;
			width: 536px; height: 287px;	
			overflow: hidden;
		}
		#content .featured .text {
			
		}
		#content .featured-img {
			margin: 12px 0 0 12px;
		}
		#content .featured-img .text h2 {
			font-size: 1.5em;
			background-image: none;
			margin-bottom: 4px;
			padding: 0;
		}
		#content .featured-img .text h2 a {
			color: #FFFFFF;
			font-weight: bold;
			text-transform: none;
			text-decoration: none;
		}
		#content .featured-img .text p {
			line-height: 1.4em;
			font-size: 1em;
			margin-top: 20px;
			color: #FFFFFF;
			padding-bottom: 10px;
		}
		#content .featured-img .text .next {
			color: #FFFFFF;
			font-weight: bold;
			font-size: 0.9em;
			text-transform: uppercase;
		}
			#content .featured-img .text .continue:hover {
				text-decoration: none;
			}
		#content .featured .photo {
				list-style-type: none;
			}
				#content .photo li {
					position: absolute;
					top: 0; left: 0;
					z-index: 0;
				}
				#content .photo li.first {
					z-index: 2;
				}
			#content .featured .text {
				list-style-type: none;
			}
				#content .featured .text li {
					width: 200px; height: 279px;
					position: absolute;
					top: 0; right: -280px;
					padding: 15px;
					color: #ffffff;
					font-family: Verdana;
					background: url(../images/shade.png) repeat 0 0;
		            z-index: 4;
				}
	#content .featured .text li.first {
					right: 0;
				}
		#content .post {
			border-top: 1px solid #E9E9E9;
			margin: 8px 18px 0 12px;
			padding-top: 20px;
		}
			#content .post img {
				float: left;
				margin-right: 20px;
				padding: 7px;
				border: 1px solid #E9E9E9;
				background-color: #e4e4e4;
				width: 150px; height: 150px;
			}
			#content .post h1{
				font-size: 1.1em!important;
				font-family: Arial;
				font-weight: normal;
				padding-bottom: 17px;
			}
			#content .post h1 a {
				font-size: 1.1em!important;
				color: #EAD773; 
			}
				#content .post h1 a:hover {
					text-decoration: none;
				}
			#content .post p {
				font-family: Arial;
				color: #cccccc;
				font-size: 1.1em;
				line-height: 1.6em;
				margin-bottom: 10px;
			}
			#content .post .date {
				float: left;
				
				margin-bottom: 10px;
				font-size: 0.8em;
				font-family: Verdana;
				padding-top: 10px;
			}
				#content .post .date a {
					text-transform: uppercase;
					color: #191919;
					padding: 0 8px;
				}
				#content .post .date a:hover {
					color: #6B001A;
					text-decoration: underline;
				}
			#content .navigation {
				margin-top: 70px;
				margin-bottom: 60px;
				margin-left: 12px;
			}
			#content .navigation a {
				border: 1px solid #E1E1E1;
				padding: 8px 9px 6px 9px;
				color: #4F4F4F;
				text-decoration: none;
				font-family: Arial;
			}
				#content .navigation a:hover {
					border: 0;
					padding-left: 10px;
					margin-right: 1px;
				}
/** END content **/



/** BEGIN footer**/
#footer {
	background-color: #323941;
	clear: both;
	color: #FFFFFF;
	font-size: 0.9em;
	padding-left: 28px;
}
	#footer p {
		margin: auto auto;
		padding: 20px 0;
		text-align: left;
		width: 952px;
	}
		#footer a {
			color: #FFFFFF;
		}
			#footer a:hover {
				text-decoration: underline;
			}

/** END footer **/


/*  

THANK YOU ALL!!!


/******************************************
*   HTML Elements                         
******************************************/


/****** Images ****************************/

img.left,img.center,img.right,img.norm{ margin:5px 12px 5px 0; border:1px solid #999; padding:1px;}
img.left{ float:left; margin:0 12px 5px 0; }
img.center{ display:block; margin:0 auto 5px auto; }
img.right{ float:right; margin:0 0 5px 12px; }
#leadpic {float:left;margin: 0 20px 10px 0;padding:1px;border:1px solid #999;}
.home-cat-img {float:left; margin:0 6px 4px 0;}

	
		
/******************************************
*   Main Element Structure                         
******************************************/

.left {
	float:left;
	}

.right {
	float:right; 
	float:right
	}


/* The 3 columns on the homepage */

#homeleftcol {
	width:47%;
	border-right:1px solid #333;
	padding-right:15px;
	text-align:justify;
	float:left;
	}
	
#homemidcol {
	width:47%;
	padding:0 20px 0 15px;
	text-align:justify;
	float:left;
	}
	
	

/******************************************
*   All Headlines and related stuff                         
******************************************/

.cat-head {/* Background for the category teasers headline on the homepage */
	margin-bottom:3px;
	background-color:#ddd;
	padding:3px 2px 1px 4px;
	}


/******************************************
*   Content styles                    
******************************************/

/* some structural styles for the content area */

#content {/* main content (left of sidebar) */
	float:left
	}

#homecontent-top {/* The upper area on the homepage */
	width:1000px;
	margin-top:25px;
	}
	
#homecontent-bottom {/* The lower area f the homepage */
	width:1000px;
	margin-top:20px;
	margin-bottom:40px;
	}

#homecontent-topleft {/* The left side of the upper area (where the leadstory area is located) */
	width: 600px;
	}

#homecontent-topright {/* The right upper area (where the three feature boxes appear) */
	width: 300px;
	}
	




/**********************************************************/
	

		
#homemidcol .clearfloat, #homeleftcol .clearfloat, #homerightcol .clearfloat {
	border-bottom:1px solid #333;
	padding:12px 0;
	}	




/* Float Properties*/

.clear {
	clear:both;
	}

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	}

.clearfloat {/*never delete this otherwise MSIE will kill the layout */
	display:inline-block;
	color: #333333;
	}	

.clearfloat {/*never delete this otherwise MSIE will kill the layout */
	display:block;
	}
#formSo {
	border:1px solid #333;
	margin-left:0px;
	margin-top:22px;
	padding:0 0 0 6px;
}

#formSo input.text {
	color:#999;
	padding-left:2px;
	position:absolute;
	top:0px;
}
.formSo input.text {
	color:#999;
	padding-left:2px;
	position:absolute;
	top:0px;
}
#p3 {
line-height:14px;
font-size:0.8em;
font-weight:normal;
color:#cccccc;
text-align:justify;
}