/*
Theme Name: bloggy
Theme URI: http://www.tech-thinking.be/
Description: A funny theme with 2 columns.
Version: 1.0
Author: Scarpinati Luigi
Tags: blue, orange, flexible-width, two-columns

THIS THEME IS PUBLISHED UNDER THE GNU LICENSE. YOU CAN USE IT AS YOU WANT
JUST PLEASE KEEP OUR CREDIT LINK IN THE FOOTER. TO KNOW HOW TO WRIGHT YOUR 
DESCRIPTION AND YOUR ABOUT TEXT IN THE HEADER READ THE README FILE.

ENJOY !

LUIGI
*/



* {
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	background:#fff;
}

#wrap{
	width:100%;
	height:100%;
	margin:0 auto;
	position: relative;
	background:#b8d8e1;
	border-bottom:1px ridge;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/*******************************************/
/*                    HEADER               */
/*******************************************/

#header{
	width:860px;
	height:325px;
	margin:0 auto;
	position: relative;
	background:#b8d8e1;
}

#header .title{
	height:10px;
	width:550px;
	color:#fff;
	font-size:7em;
	position: relative;
	top:-60px;
}

#header .descr {
	width:550px;
	color:#92a9b0;
	font-size:1.1em;
	text-align:justify;
	position relative;
	top:-60px;
}


#header .slogan{
	width:860px;
	height:34px;
	background:#930909;
	position: relative;
	top:290px;
}

#header .slogan p{
	color:#ffffff;
	font-weight:bold;
	line-height:34px;
	width:90%;
	padding-left:10px;
}

#header .about{
	width:300px;
	height:200px;
	position: relative;
	background:url('img/about.png') no-repeat;
	top:-80px;
	left:560px;
}

#header .about p{
	color:#960808;
	font-size:0.8em;
	font-weight:bold;
	padding-top:20px;
	height:90%;
	width:180px;
	position: relative;
	left:100px;	
}

#header .about img{
	color:#fff;
	height:100px;
	width:100px;
	background:#fff;
	position: relative;
	left:0px;	
}

#header .search .box{
	height:50px;
	width:240px;
	border:none;
	font-size:3em;
	color:#ccc;
	background:#fff;
	position: absolute;
	top:0px;
	left:610px;	
}

#header .search .pic{
	height:50px;
	width:50px;
	border:none;
	background:url('img/search.png') no-repeat;
	position: absolute;
	top:0px;
	left:560px;	
}

/****************************************************/
/*                    contenu                       */
/****************************************************/

#contenu{
	width:860px;
	min-height:600px;
	height:100%;
	margin:0 auto;
	position: relative;
	background:#fff;
}
#contenu .storycontent{
	padding:25px;
	width:500px;
}

#contenu .storytitle{
	margin-top:50px;
	margin-left:5px;
	margin-bottom:5px;
}


#contenu .storytitle a{
	color:#df7920;
}

#contenu .storytitle a:hover{
	color:#930909;
}

#contenu .meta {
	margin-left:10px;
	font-size:0.8em;
	color:#6F6D61;
}

#contenu .meta a{
	color:#DF971B;
}

#contenu .meta a:hover{
	color:#fff;
	background:#930909;
}

#contenu .storycontent p{
	margin-top:10px;
}

#contenu .storycontent img{
	border:none;
}

#contenu .storycontent a{
	color:#DF971B;
}

#contenu .feedback{
	margin-left:10px;
}

#contenu .feedback a{
	color:#6F6D61;
}

/* PAGES */

#contenu_p{
	width:860px;
	min-height:600px;
	height:100%;
	margin:0 auto;
	position: relative;
	background:#fff;
}

#contenu_p .storycontent{
	padding:25px;
	width:90%;
}

#contenu_p .storytitle{
	margin-top:0px;
	margin-left:5px;
	margin-bottom:5px;
}


#contenu_p .storytitle a{
	color:#df7920;
}

#contenu_p .storytitle a:hover{
	color:#930909;
}

#contenu_p .meta {
	margin-left:10px;
	font-size:0.8em;
	color:#6F6D61;
}

#contenu_p .meta a{
	color:#DF971B;
}

#contenu_p .meta a:hover{
	color:#fff;
	background:#930909;
}

#contenu_p .storycontent p{
	margin-top:10px;
}

#contenu_p .storycontent img{
	border:none;
}

#contenu_p .storycontent a{
	color:#DF971B;
}

#contenu_p .feedback{
	margin-left:10px;
}

#contenu_p .feedback a{
	color:#6F6D61;
}
/****************************************************/
/*                COMMENTS                          */
/****************************************************/

#comm{
	width:300px;
}

#comm h2{
	color:#df7920;
	margin-bottom:10px;
	margin-top:10px;
}

#comm p{
	width:550px;
	color:#6F6D61;
	margin-bottom:10px;
	margin-top:10px;
}

#comm ul, li{
	list-style:none;
}

#comm a{
	color:#DF971B;
}

#comm a:hover{
	color:#fff;
	background:#930909;
}

#comm textarea, input{
	font-size:1.2em;
	width:500px;
	border:solid 2px #ccc;
}

.cite{
	font-size:0.9em;
}
/****************************************************/
/*                    MENU                          */
/****************************************************/
#menu{
	width:100%;
	height:40px;
	background:#df7920;
	line-height:30px;
	text-align:center;
	position:absolute;
	left:0%;
}

#nav{
	font-size:1.1em;
}

#nav, #nav ul {
	list-style: none;
}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	background:#df7920;
	color:#fff;
	border:none;
}

#nav li {
	float: left;
	list-style:none;
}

#nav a, #nav a:visited {
	display:block;
	font-weight:bold;
	padding:6px 12px;
}

#nav a:hover, #nav a:active,.current_page_item	a, #home .on {
	text-decoration:none;
	background:#b8d8e1;
	color:#fff;
}


#cats{
	width:100%;
	height:30px;
	background:#DAFF7F;
	position:absolute;
	top:30px;
	left:0%;
}

#navcats{
	font-size:0.9em;
}

#navcats, #navcats ul {
	list-style: none;
}

#navcats a, #navcats a:hover {
	display: block;
	text-decoration: none;
	background:#DAFF7F;
	color:#6F6D61;
	border:none;
}

#navcats li {
	float: left;
	list-style:none;
}

#navcats a, #navcats a:visited {
	display:block;
	font-weight:bold;
	padding:6px 12px;
}

#navcats a:hover, #navcats a:active,.current_page_item	a, #home .on {
	text-decoration:none;
	background:#6F6D61;
	color:#fff;
}

/****************************************************/
/*                    SIDEBAR                       */
/****************************************************/

#sidebar {
	height:100%;
	width:250px;
	padding-top:60px;
	position: absolute;
	right: 2px;
	top: 0px;
	width: 11em;
	border-left:dashed 4px #df7920;
	padding-left:10px;
}

#sidebar .title{
	font-size:1.3em;
	text-decoration:underline;
	font-weight:bold;
	list-style:none;
	padding-top:0px;
	margin-top:10px;
}

#sidebar ul,li{
	font-size:1em;
	list-style:none;
	padding-top:0px;
}

#sidebar a{
	font-weight:bold;
	font-size:1.2em;
	color:#5c5959;
}

#sidebar a:hover{
	font-weight:bold;
	color:#ff9100	;
}

#sidebar form {
	margin: 0 0 0 5px;
}

#sidebar input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}
/****************************************************/
/*                    FOOT                          */
/****************************************************/

#footer{
	width:100%;
	height:90px;
	margin:0 auto;
	border-top:1px ridge;
	position: relative;
	bottom:0px;
	background:#b8d8e1;
}

#footer p{
	width:100%;
	line-height:90px;
	text-align:center;
	font-weight:bold;
	font-size:0.8em;
	color:#92a9b0;
}

#footer .credit a{
	background :#6F6D61 ;
	color:#fff;
	border: 2px solid #fff;
}