/*
	Theme Name: Gargamel4
	Theme URI: http://gargamel.nu
	Description: Gargamel4 Theme is based on the Fleur theme
	Author: Barre @ 2009
	Author URI: http://gargamel.nu
*/

@import url(base-weblog.css);


#banner {
	background-image:url(images/black-gargamel.gif);
	}

body {
	padding:0;
	margin:0;
	background-color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:82%;
	color:#252525;
	line-height:1;
}

a {
	color:#454545;
	text-decoration:underline;
	}

a:hover {
	background-color:#EEE;
        color:#FF6600
	}

p {
	margin:0 0 15px 0;
	line-height:1.7;
	}

/* -------- layout styles -------------*/

#container {
	width:100%;
	margin:0;
	padding:0
	}


/* ---------- Single Column Styles ----------  */


.layout-one-column #alpha {width: 65%; margin-left:10%;}





/* ---------- Two Column Right Styles ---------- */


.layout-two-column-right #alpha {
	width:78%;
	margin:0 2% 0 0;
	padding:0;
        float:left
	}
	
.layout-two-column-right #beta {
	width:20%;
	margin:25px 0 0 0;
        background: #fff;
	border-left: 1px dotted #000;
	padding: 20px 0 10px 30px;
	right: 2px;
	top: 0;
	width: 11em;
	}
	

.layout-two-column-right #alpha-inner {margin-left:25px}

/* -------- banner styles -------------*/
	
#banner {
	height:275px;
	background-repeat:repeat-x;
	background-position:top left;
	padding:0;
	margin:0;
	text-align:left;
	}

#banner-inner {
	margin:0 0 0 45px;
	}
		
h1, h2 {padding:0; margin:0;}

#banner-header {
	padding:0;
	margin:0;
	padding-top:17px;
	font-size:36px;
	color:#FFF;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	}

#banner-header a {
	text-decoration:none;
	color:#FFF;
	}
	
#banner-description {
	padding:3px 0 0 7px;
	margin:0;
	font-size:13px;
	color:#FFF;
	font-weight:normal;
	}
	
/* -------- page styles -------------*/

#pagebody {
	margin:auto;
	padding:65px 0 30px 0;
	background-color:#FFF;
	text-align:left;
	width:100%
}


#pagebody-inner {
	padding:0;
	margin:0;
	}


/* -------- entry area styles -------------*/

.date-header {
	font-size:25px;
	padding:0;
	margin:0 0 5px 0;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
        text-decoration:underline;
	}

.entry-header {
	padding:0;
	margin:0 0 25px 0;
	font-size:25px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	}
.entry-header a {
	color:#000;
	text-decoration:none;
}
.entry-body p {
	font-size:1em;
	line-height:1.7;
	margin:0 0 15px 0;
	text-align:justify;
	}

.entry-body ul, ol {
	line-height:1.7;
	font-size:.96em;
	margin-bottom:15px;
	}

.entry-body blockquote {
	text-align:justify;
	padding-left:20px;
	background-image:url(images/quote.gif);
	background-repeat:no-repeat;
	background-position:top left;
       margin:20px 0 20px 20px;
	line-height:1.7;
}

.entry-body img {border: none;}
/* img {border: 1px solid #555;} */
.entry-body img[align="right"] {margin: 5px 0 15px 20px; display:block;}
.entry-body img[align="left"] {margin: 5px 20px 15px 0; display:block;}

.entry-menu {
	padding:0 0 0 10px;
	line-height:1.5;	
	border-left:3px solid #BBB;
	}
.entry-tags {
	padding:0 0 0 50px;
	line-height:1.5;	
	}
.entry-menu p {
	margin:10px 0 35px 0;
	}

.entry-footer {
	padding:0 0 0 10px;
	line-height:1.5;
        text-align: right
	}

.post-footers {
	display:block;
	}

.separator {display:none !important;}

/* -------- sidebar styles -------------*/

#beta ul li {list-style-type:none}

#beta li {list-style-type:none}

.module-header {
	padding:0;
	margin:0 0 20px 0;
	font-size:18px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	}	

.module-header a {
	color:#252525;
	}

.module-content {
	position:relative;
	line-height:1.4;
	margin:0 0 25px 0;
	padding:0;
	}

.module-content ul {
	margin: 5px 0 10px 0;
	line-height:1.4;
}

.module-content li {
	line-height:1.4;
	}

.module-categories module {
	margin-top:20px;
	}

.module-categories ul li ul li {
	margin-left:5px;
}

input, textarea {
	font-size: 100%;
	padding: 2px;
	margin: 3px 0 3px 0;
	border: 1px solid #555;
	background-color:#FFF;
	color:#555;
}

textarea {
 font-size: 1em;
 color:#555;
}

input#search {
    padding:3px;
}

/* ---------- comment trackback styles ------------------ */
.comment-content {
	border: 1px solid #555;
 	padding:3px;
}
.entry-content,
.trackbacks-info,
.trackback-content,
.comments-open-content,
.comments-closed
{
	clear: both;
	margin: 0;
}

.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
	clear: both;
	margin: 0;
}

.content-nav {
	margin-bottom:30px;
	line-height:1.6;
	}

.trackbacks-header, .comments-header, .comments-open-header, .trackbacks-open-header {
	padding:10px 0 0 0;
	margin:0 0 15px 0;
	font-size:20px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	}

.trackbacks, .comments {
	line-height:1.7;
	text-align:justify;
	}

#trackbacks-info {
    margin:10px 0 25px 0;
	line-height:1.7;
	font-size:.95em;
	font-style:italic;
	}

.trackback-footer, .comment-footer {
	margin-bottom:25px;
	font-size:.96em !important;
	padding-left:15px;
	background-image:url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position:center left;
	}
.cli {
 	display: block;
        background: #000000;
        color: #00ee00;
        padding: 1em 1em;
        padding-left: 1em;
        border: 1px dashed #aaa;
        width: 95%;
        overflow: auto;
        font-family: "courier new", courier, monospace; 
        font-size: 14px;
        border: 1px solid silver;
}	
#footer {clear:both}