/* 
Theme Name: lightCMS
Theme URI: http://www.GFXedit.com
Version: 1.2
Description: A Content management system like light weight Theme from <a href="http://www.gfxedit.com">GFXedit.Com</a>
Author: Sreejith
Author URI: http://www.sr-ultimate.com
*/
/* BODY CONTAINER */

#global 
{
margin-left: auto;
margin-right: auto;
width: 770px; /* largeur obligatoire pour être centré */
text-align: left; 
background: #fff;
}

		body {
		margin: 10px;
		padding: 0;
		font: 75% verdana, "Trebuchet MS", arial, tahoma, sans-serif;
		line-height:1.3em;
		color: #999;
		background: #cccc99;
		background-position: 50% 0;
		}

		#container {
			
			margin-left: auto;
			margin-right: auto;
			padding: 5px;
			border: 1px solid #999;
			font: 75% verdana, "Trebuchet MS", arial, tahoma, sans-serif;
			font-size: 11px;
			line-height: 1.6em;
			color: #999;
			background: #fff;
		}
		
		h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: strong;
			font-size: 15px;
			font-weight: strong;
			color: #274722;
			margin-bottom: 5px;
			background-color: #fff;
		}
		
		h2 {
			color: #666666;
			font-size: 13px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #fff;
			border-bottom: 1px dashed;
		}
		
		a {
			color:#a23d3d;
			text-decoration: none;
		}

		a:hover {
			color:#a23d3d;
			background-color: #F5F5F5;
		}

		
		#searchform {
			float:right;
			margin-top: -45px;
			font-size: 9px;
		}
		
		input {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}

		
		.button {
			padding: 2px;
		}
		
/* HEADER ELEMENTS */
#header2 {
	clear: both;
	margin-bottom: 10px;
}
#header2 a {
	border-right: 1px solid #d5d7d2;
	height:40px;
		}
#header2 a:hover {
	background: #000000 96% 50% no-repeat;
			background-color: #F5F5F5;
			color:#a23d3d;
}
		#header {
		
			border-bottom: 4px solid #948979;
			padding-top: 10px;
			clear: both;
			margin-bottom: 10px;
		}
		
		#header h1 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 22px;
			font-weight: normal;
		}
		
		#header h1 a:hover {
			text-decoration:underline;
		}

		#header p { 
			
			font-size: 11px;
			margin-top: -15px;
			margin-left: 30px;
			color: #999999;
		}
		#header	input {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}

		#header input:hover {
			border:1px solid #999;
			background-color: #f4f4f7;
			color:#666;	
		}
			#header input:focus {
			border:1px solid #999;
			background-color: #f4f4f7;
			color:#333;
		}

/* NAVIGATION BAR */

		 #navigation ul {
			margin-left: 1px;
			padding-left: 0;
			list-style-type: none;			
			float: left;
			padding-right:7px;
			}
	 	#navigation li {
			display: inline;
			}
		#navigation a {
			display: block;
			padding: 5px;
			width: 140px;
			border-bottom: 1px solid #CCC;
			border-right: 1px solid #d5d7d2;
		}
		#navigation h2 {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: strong;
			font-size: 13px;
			text-decoration: none;
			margin-bottom: 5px;
			background-color: #fff;
		}

		#navigation a:link, #navigation a:visited {
			color:#a23d3d;
			text-decoration: none;
		}
		
		#navigation a:hover {
			background: #000000 96% 50% no-repeat;
			background-color: #F5F5F5;
			color:#a23d3d;
		}


		#navigation p {
			margin-top: 40px;
			padding: 5px;
			border-bottom: 1px dotted #CCC;
			border-top: 1px dotted #CCC;
		}
		#navlist {
			margin-top: 19px;
		}
		#overline {
		padding-top: 10px;
		border-top: 1px dashed;	
		}
		#linkcat {
		list-style: none;
		}
		
		#photo{
		width:375px;
		
		
		}
/* CONTENT ELEMENTS */

		#content {
			width: 362px;
			margin-left: 180px;
			margin-right: 200px;
					}
								
		
		#content p {
			padding-bottom: 10px;
		}

#content .articleimg {
	float:right;
	padding:5px;
	border:1px solid #eeeeee;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:15px;
}
#content .articleimgleft {
	float:left;
	padding:5px;
	border:1px solid #eeeeee;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:15px;
}
	#content input {
			background-color: #FFF;
			color: #999999;
			border: 1px solid #CCC;
			font-size: 11px;
			padding: 3px;
		}
		
					#content input:hover {
	border:1px solid #999;
				background-color: #f4f4f7;
	color:#666;
	
}
	#content input:focus {
	border:1px solid #999;
	color:#333;
}
.storycontent {
						
		}
		.feedback {
		padding-bottom: 10px;
		border-bottom: 1px dotted #CCC;
		}
		.meta {
		padding-top: 5px;
		text-align: right;
		font-size:10px;
		}
		
.date {
		text-align: right;
}


/* SIDEBAR ELEMENTS */

		#sidebar {
			float: right;
			width: 175px;
			border-left: 1px solid #d5d7d2;
			padding-left:10px;
		}
		
		#sidebar li {
		list-style: none;
		}
		
		#sidebar p {
		padding-bottom: 10px;
		border-bottom: 1px solid #DDDDDD;
		}
		.pagenav li {
		list-style: none;

		}

/* FOOTER ELEMENTS */

		#footer {
			margin-top: 20px;
			clear: both;
			text-align: center;
			font-family: Georgia, "Times New Roman", Times, serif;
			border-left: 3px solid #d5d7d2;
			border-right: 3px solid #d5d7d2;
			background: #f4f5f1;
			padding: 0px 5px 0px 5px;
		}
		
		#footer p {
			color:#89817f;
			padding: 5px;
		}
		
		#footer p a {
			color: #89817f;
			border-bottom: 1px dotted #89817f;

		}
		
		#footer p a:hover {
			color: #FFFFFF;
			background-color:#bab7b6;
		}
		
/* COMMENT ELEMENTS */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #ffffff;
width: 40em

}

#commentform textarea {
background: #ffffff;
width: 20em
}
#commentform textarea:hover {
background: #f6f4f4;
border: 1px solid #9d9d9c;
}
#commentform textarea:focus {
background: #f6f4f4;
border: 1px solid #9d9d9c;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 180px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #f6f4f4;
border: 1px solid #9d9d9c;
width: 180px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #f6f4f4;
border: 1px solid #9d9d9c;
width: 180px;
}

.pg_nav {
		text-align: center;
		
}
/* BLOCKQOUTE */

blockquote {
border-left: 3px solid #666666;
margin: 1em 0;
padding: 10px;
background: #f4f5f1;
width: 300px;
}