body {
	margin:0px;
	padding:0px;
	background-color: #0E98D9;
}


.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}


.wrapper {
	width: 978px;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}

.header {
margin-top: 10px;
	height:99px;
	background-image: url(images/cssexchange_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.gutter {
margin:5px;}


.ddfm {
padding-left: 5px important!;

}

.ddfmwrap {
	margin: 15px 0 15px 0 important!;
	width: 450px; 
}


.footer_links a {
	color:#FFFFFF;
text-decoration:none;
}

label {
	color:#FFFFFF;
}


.nav_wrapper {
	width: 978px;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}

.ad_banner {
float:right;
padding:30px 41px 0 0;
}
.nav {
	margin:0px;
	padding:0 0 0 20px;
	background-image: url(images/cssexchange_nav.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 38px;
}

.nav ul {
margin:0;
padding:0;
list-style: none;
float:left;
}

.nav ul li {
float:left;
}

.nav ul a {
	display:block;
	padding:0 1em;
	line-height:3.0em;
	text-decoration:none;
	color:#FFFFFF;
	float:left;
	background-image: url(images/cssexchange_bar.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 5px;
}


.nav ul a:hover {
	color:#009FF1;

}

.content_wrapper {
	width: 978px;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}

.content {
	margin:0;
	padding:0;
	background-image: url(images/content_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.left_side {
	width: 715px;
	float:left;
	padding: 10px 10px 10px 30px;
}

.right_side {
	width: 160px;
	float:left;
	padding:10px 10px 10px 0;	
}



.right_side img {
margin: 0 0 10px;
}




.content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 12pt;
	color:#FFFFFF;
}


.content P {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	color:#FFFFFF;
}


.content A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	color:#FFFFFF;
}





.post {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12pt;
	background-image: url(images/cssexchange_gallery_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	height: 142px;
	width: 140px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 6px;
	haslayout: -1;
}


.post h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12pt;
	display: block;
	float: left;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	list-style-type: none;
	color:#E2EFF5;
}

.post h2 a {
	text-decoration: none;
        color:#E2EFF5;
}





.post p {
	line-height: 12pt;
	display: block;
	margin: 0px;
	list-style-type: none;
	haslayout: -1;
	
}


.post img {
	margin: 0px;
	border: 2px solid #014461;	
}

.tour {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 8pt;
	display: block;
	margin: 4px 0 0 3px;
	list-style-type: none;
	haslayout: -1;
	float: left;
		color:#E2EFF5;
}




.comments a {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 8pt;
	display: block;
	margin: 4px 0 0 8px;
	list-style-type: none;
	haslayout: -1;
	float: left;
		color:#E2EFF5;
	text-decoration: none;
}


.welcome_box {
	display:block;
	width: 150px;
	margin:0 0 10px;
	line-height: 12pt;
	padding: 5px;
	background-image: url(images/cssexchange_side_text.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #000000;
background-color: #000000;
}

.welcome_box h1 {
	display:block;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#E5F0F4;
}

.welcome_box p {
	display:block;
	margin:5px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12pt;
	color: #ffffff;
}

.welcome_box a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
text-decoration:none;
}

.welcome_box ul {
	margin: 0;
        padding: 14px 5px 14px 5px;
        list-style:none;
}

.welcome_box ul li {
	margin: 0 0 6px;
        padding: 0;
}



.pages {float:left;}

.extend {float:left;}

.current {float:left;}
.pagination {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #E5F0F4;
	margin-left: 10px;
	
}

.pagination a {
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #E5F0F4;
	margin: 0 3px 0 0;
	padding: 3px 5px;
	float:left;
	background-color: #015A84;
	border: 1px solid #023145;
	text-decoration: none;
}


.footer_wrapper {
	width: 978px;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}

.footer {
	height:254px;
	background-image: url(images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;

}








.link_wrapper {
	width: 850px; 

	margin:0;
	padding: 15px 0 0 15px;
}



.link h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding: 0 0 0 45px;

}


.footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}
.link { 

	width: 850px;

	

	padding: 25px;
	display:block;



}

.link ul {  

	margin: 5px 0 0 0; 

}

.link li { 

	display: block; 

	width: 16px; 

	height: 16px; 

	float: left; 

	margin: 2px 0 0 2px; 

}

.link li a { 

	display: block; 

	width: 16px; 

	height: 16px; 

	background: #202020; 

	}

.link li a.alt {   }

.link li a:hover { 

	background: #404040; 

}