/*

Theme Name: SinF1

Theme URI: http://fsavard.com/flow

Description: 

Version: 0.1

Author: Francois Savard

Author URI: http://www.fsavard.com

Tags: 



Code inspired by the default (kubric) theme.

*/



body, html {

	background-color: #dcdcdc;



	font-family: Verdana, Arial, Helvetica, sans-serif;

}



h1,h2,h3,h4,h5,h6 {

	margin: 0 0 10px 0;

}



#layout_table {

	margin:0 auto; margin-top:20px;



	border-spacing: 0;

	border-collapse: collapse;



	padding: 0;



	width: 950px;

}



img {

	border: 0;

}



a {

	color: #090;



	text-decoration: none;

}



a:hover {

	color: #0c0;



	text-decoration: none;

}





.alignleft {

	float: left;

}



.alignright {

	float: right;

}



form {

	margin: 0;

}



.search_input {

	background-color: #bbd1bb;

	border: 1px solid #000;

}



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

DROP SHADOWS

*/



#header_cell {

	background-image: url('images/header3.jpg');



	vertical-align: top;



	height: 120px;

}



#header_div {

	position: relative;



	height: 100%;

}



#headertitle_wrapper {

	padding: 0; margin: 10px;

	text-align: left;

	position: relative;

}



#headertitle_firstlayer {

	font-size: 50px;

	font-weight: bold;

	color: #fff;

	position: absolute;

	top: 0px;

	left: 10px;

	z-index: 1;

}





#headertitle_firstlayer a {

	color: #0c0;

}



#headertitle_firstlayer a:hover {

	color: #0e0;

}



#headertitle_secondlayer {

	font-size: 50px;

	font-weight: bold;

	color: #000;

	position: absolute;

	top: 2px;

	left: 12px;

	z-index: 0;

}



#headersubtitle_wrapper {

	padding: 0; margin: 0;

	text-align: left;

	position: absolute;



	bottom: 50px;

	left: 25px;



	width: 100%;



}



#headersubtitle_firstlayer {

	font-size: 20px;

	font-weight: bold;

	color: #fff;

	position: absolute;

	top: 0px;

	left: 0px;

	z-index: 1;

}



#headersubtitle_secondlayer {

	font-size: 20px;

	font-weight: bold;

	color: #000;

	position: absolute;

	top: 1px;

	left: 1px;

	z-index: 0;

} 



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

CONTENT

*/



#content_cell {



	width: 750px;



	padding: 0 5px 0 0;

	margin: 0;



	vertical-align: top;



}



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

SIDEBAR

*/



#sidebar_cell {

	padding: 0;



	width: 200px;



	vertical-align: top;



	color: #abd1a9;

}



.sidebar_div {

	margin-bottom: 5px;



	background-color: #738862; /* #737d62; */



	padding: 10px;



	font-size: small;

}



#suscribe_div {

	text-align: center;

}



.widgets_div ul, .sidebar_div ul {

	padding: 0; margin: 0;

	list-style-type: none;

}





.widgets_div ul li ul li, .sidebar_div ul li {

	padding-top: 5px;

	border-top: 1px dotted #ccc;

	margin-top: 5px;

}





.widgets_div a, .sidebar_div a {

	color: #fff;

}





.widgets_div a:hover, .sidebar_div a:hover {

	color: #ddd;

}



.widgets_div ul li {

	margin-bottom: 5px;



	background-color: #738862;



	padding: 10px;



	font-size: small;

}



.widgets_div ul li ul li {

	margin-bottom: 0;



	padding: 5px;

}



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

PAGES MENU



Code taken at: http://css.maxdesign.com.au/listamatic/horizontal03.htm

*/



#pagesmenu_cell {

	margin: 0; padding: 0;

}



#pagesmenu_div {

	margin: 0; padding: 0;



	width: 100%;

}



#pagesmenu_div ul

{

	padding: 0;

	padding-left: 0;

	margin: 5px 0 5px 0;

	margin-left: 0;

	background-color: #3b3f19;

	color: White;

	float: left;

	width: 100%;

	font-family: arial, helvetica, sans-serif;

}



#pagesmenu_div ul li { display: inline; }



#pagesmenu_div ul li a

{

	padding: 0.2em 1em;

	background-color: #3b3f19;

	color: White;

	text-decoration: none;

	float: left;

	border-right: 2px solid #ccc;

}



#pagesmenu_div ul li a:hover

{

	background-color: #635b37;

	color: #fff;

}





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

POST

*/



.post_wrapper_div{

	margin: 0;

	padding: 10px;



	background-color: #eee;

	color: #000;



	margin-bottom: 5px;

}



.post_title {

	margin: 0;

}



.page_title {

	margin: 0 0 12px 0;

}



.post_text p {

	margin-bottom: 10px;

	line-height: 1.5em;

}



.post_text img {

	border: 1px solid black;




}



.post_text li {

	line-height: 1.5em;

}



.post_text h3 {

	margin-top: 30px;

}





.post_footer {

	margin: 10px 0 0 0;

	border-top: 1px dotted #000;



	padding-top: 5px;



	font-size: small;

}



.post_date {

	font-size: small;



	margin: 0;

	margin-bottom: 12px;

}



.navigation {

	display: block;

	text-align: center;



	height: 1em;



	margin: 0;

	padding: 10px;



	background-color: #eee;

	color: #000;



	margin-bottom: 5px;

}





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

Footer

*/



#footer_cell {

	background-color: #555;



	padding: 10px;



	color: #999;



	font-size: small;



	text-align: center;

}





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

COMMENTS

*/



.comments_wrapper_div {

	margin: 0;

	padding: 10px;



	background-color: #eee;

	color: #000;



	margin-bottom: 5px;

}



.commentlist li, #commentform input, #commentform textarea {

	font: 0.9em Verdana, Arial, Sans-Serif;

	}



.commentlist li {

	font-weight: bold;

	}



.commentlist li .avatar { 

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}



.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}



#commentform p {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



.commentmetadata {

	font-weight: normal;

	}