/*
COLORS

*/

/* @group HTML body tags */

body{
background-color: #ffffff;
margin:0px;
padding:0px;
font-family: verdana;
font-size:12px;
color: #000000;
line-height: 1.2;
}

img{
border:0px;
}

p {
/* all p tags should be inside content divs, they therefore already have font and size formatting */
font-family: arial, sans-serif;
margin:0;
padding:0;
border:0;
}

/* @end */

/* @group Link Styles */

a {text-decoration: underline; color: #ff0000;}
a:hover {text-decoration: underline; color: #8eb58d;}
a:visited {text-decoration: underline; color: #8ff0000;}
a:visited:hover {text-decoration: underline; color: #8eb58d;}

/*
---------------
nav c type link
-------------
*/


.c:link {text-decoration: none; color:#333; padding:15px;}
.c:hover {text-decoration: none; color: #fff; padding:15px;}
.c:visited {text-decoration: none; color: #333; padding:15px;}
.c:visited:hover {text-decoration: none; color: #fff; padding:15px;}
.c:active {text-decoration: none; color: #fff; padding:15px;}

.b {text-decoration: underline; color: #fff;}
.b:hover {text-decoration: underline; color: #ff0000;}
.b:visited {text-decoration: underline; color: #fff;}
.b:visited:hover {text-decoration: underline; color: #ff0000;}

.d {text-decoration: none; color: #045a02;}
.d:hover {text-decoration: none; color: #8eb58d;}
.d:visited {text-decoration: none; color: #045a02;}
.d:visited:hover {text-decoration: none; color: #8eb58d;}

.e {text-decoration: none; color: #fff;}
.e:hover {text-decoration: none; color: #ff0000;}
.e:visited {text-decoration: none; color: #fff;}
.e:visited:hover {text-decoration: none; color: #ff0000;}

#nav a:link, #nav a:active, #nav a:visited{
text-decoration: none; 
color: #fff;
}
#nav a:hover{
text-decoration: none; 
color: #ff0000;
}
	
/* @end */

/* @group text Styles */


h1 {
font-weight:bold;
font-size:18px;
color:#575757;
display:inline;
}

h2 {
font-size: 18px;
color:#575757;
display:inline;
}

h3 {
font-size: 12px;
color:#575757;
font-style: italic;
display:inline;
font-weight: normal;
}

h4 {
font-weight:bold;
font-size:14px;
color:#595959;
display:inline;
}

h5 {
font-weight:bold;
font-size:12px;
color:#045a02;
display:inline;
}

h6 {
font-weight:bold;
font-size: 13px;
color:#575757;
display: inline;
}

/* @end */

/* @group Clearfix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* @end */

/* @group Containers */

#logo {
	display: inline;
}

#header {
	height: 110px;
	width: 100%;
	background-color: #ffffff;
	background-image:url(images/header_bg_red.gif);
	background-repeat: repeat x;
}

#header img {
		display: inline;
		position: relative;
}

#main_content {
	width: 970px;

	padding: 35px;
}

#left_content {
	width: 670px;
	display: inline;
	float: left;
}

#right_content {
	width: 300px;
	display: inline;
	float: right;
}

#latest_posts {
	width: 300px;
	padding-top: 10px;
	margin-bottom:20px;
	border:  1px solid #575757;

}

#latest_posts_content {
	background-image:url(images/stripe.gif);
	background-color: #eee;
	padding-top: 20px;

}

#latest_posts_header {
	width: 290px;
	background-image:url(images/news_header_bg.gif);
	background-repeat:no-repeat;
	border-bottom: 1px solid #575757;
	height: 30px;
	padding-left:10px;
}

#derniers {
background-color: #575757;
height: 24px;
padding-top: 4px;
text-align: center;
font-weight: bold;
font-size: 12px;
width: 300px;

}

/* My Comment */

#news {
	width: 460px;
	display: inline;
	float: right;
	margin-right: 20px;

}

#left_adcolumn {
	width: 160px;
	float: left;
}

#news_article {
	margin-bottom: 25px;
}

.news_image {
	width: 450px;
	heght: 50px;
margin-right:auto;
margin-left:auto;
margin-bottom: 10px;
border: 1px solid #000;
}

.news_copy {
	float: right;
	width: 450px;
}

.news_copy_archive {
	width: 450px;
	text-align: justify;
}

.news_image_archive {
	float: left;
	border: 1px #000 solid;
	margin:5px 10px 5px 0px;
}


.news_header {
	background-image:url(images/news_header_bg.gif);
	background-repeat:no-repeat;
	width: 450px;
	height: 30px;
	padding-left: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #575757;
}

#footer {
	height: 22px;
	color: #8bd529;
	background-color: #575757;
	font-weight: bold;
	font-size: 14px;

}

#gallery_img { 
width: 160px;
border: 1px solid #000;
height: 240px;
margin-bottom: 10px;
	
}

/* My Comment */
/* @end */

/* @group Nav */

#nav {
	height: 22px;
	color: #fff;
	background-color: #575757;
	font-weight: bold;
	font-size: 14px;
	padding-top:3px;
	background-image:url(images/nav_bg.gif);
	background-repeat:repeat-x;
}

.nav_item {
	margin-left: 70px;
	display:inline;
}



/* @end */

/* @group Ads */

#skyscraper {
	width: 160px;
	height: 600px;
	background-color: #fff;
}

#box {
	width: 300px;
	height: 250px;
}

#forum_leaderboard {
	padding-right: 23px;
	display: inline;
	position: absolute;
	top:10px;
	left: 275px;
}

/* @end */

/* @group comments */

.comment {
	border-bottom: 1px solid #999;
	
}

.comment-header {
	margin-top:5px;
	font-weight:bold;
}

.comment-content {
	
	margin-top: 5px;
}

.comment-footer {
	margin-top: 8px;
	margin-bottom: 15px;
}

.comments-content {
	margin-bottom: 10px;
}

.even  { 
background-color:#FFF;
padding:8px 8px 0px 8px;
margin-bottom:5px;
margin-top: 5px;

}

.odd {
background-color:#F4F4F4;
padding:8px 8px 0px 8px;
margin-bottom:5px;
margin-top: 5px;
}

.comments-header {
	margin-bottom:5px;
}

/* @end */