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: 154px;


	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 0 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; 





}