/*
Theme Name: FluidSolution (Reloaded)
Description:  Based on the Theme by Kaushal Sheth, this is a cleaned up version
Theme URI: http://blog.evolution515.net
Author URI: http://blog.evolution515.net
Author: Markus Geiger


Original Theme URI: http://www.kaushalsheth.com/
Original Description:  Totally liquid three-column layout, clean and simple.
Original Author: Kaushal Sheth
Original Author URI: http://www.kaushalsheth.com/

*/

/*#############################################################
Name: Fluid Solution (Reloaded)
Date: 2007-07-04
Description: Totally liquid three-column layout, clean and simple.
Author: Viktor Persson
URL: http://arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* Basic style definitions *********************************************** */



body {
	background: #000 url(img/bg-checkers.png) repeat-x;
	background-attachment:fixed;
	background-position:top left;
	/* font-family: Segoe UI, Verdana, sans-serif; */
	/* font-family: Segoe UI, Verdana, sans-serif; */
	/* font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; */
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
	font-weight: 200;
	font-size:80%;
}

strong {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

em, cite, i  {
  font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif;
}

em {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 300;
}

a {
	text-decoration: none;
}

a img {
	border:none;
}


li {
	list-style: none;
}

table {
	border-collapse:collapse;
	padding:0;
	border:none;
	
}
th, td {
	text-align:left;
	vertical-align:top;
	padding:0.2em;
	padding-left:0.4em;
	padding-right:0.4em;
	border:1px solid #CCC;
	margin:0;
	font-size:0.9em;
	border:none;
}
th {
	font-weight:bold;
	white-space: nowrap;
}
table.headLeft th {
	padding-right:0.8em;
}
table.headTop th {
	padding-bottom:0.6em;
}
table.stats {
	border:1px solid #CCC;
}
table.stats th, table.stats td {
	border-left:none;
	border-right:none;
}
h1 {
	font-size: 1.4em;
	
}
/*
code {
	background: url('img/bgcode.png');
	border: 1px solid #F0F0F0;
	border-left: 6px solid #01b3ff;
	color: #444;
	display: block;
	font-family:"Lucida Console","Courier New",monospace;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
*/



h1, h2, h3, h4 {
	font: normal 1.2em "Trebuchet MS",sans-serif;
	color: #01b3ff;
	letter-spacing:-0.04em;
}


/* Generic Site Styles *************************************************** */


.content blockquote {
	color: #444;
	display: block;
	margin-bottom: 12px;
	padding: 12px;
	border-left:#ff0066 4px solid;
	padding: 0.4em;
	font-size:1em;
	padding-left:0.8em;
	background: #FBFCF5;
	border-bottom: 1px solid #EED;
	border-top: 1px solid #EED;
	border-right: 1px solid #EED;
	background: url('img/bgcode.png');
	margin-left:2em;
}

#s {
	background:#FFF;
	border:none;
	width:100%;
	color:#000;
	font-size:1em;
	padding:2px;
}

#sidebarsubmit {
	background:#000;
	color:#FFF;
	font-size:1em;
	border:none;
	padding:2px;
}

.clearer {
	clear: both;
}

#canvas {

	background: #FFF url('img/bg.png') repeat-x;
	position:relative;
	min-width:660px;
	max-width:880px;
	position:relative;
	margin: auto auto auto auto ;
	font-size: 0.9em;
	min-width:100px;
	padding:0;
	margin-top:2em;


}

#innerCanvas {
	border-bottom:6px #292929 solid;
}


/* Header **************************************************************** */

.header {
	float:left;
	width:79.5%;
	padding:8px;
	background: url('img/stripes.png') no-repeat;

	height: 175px;
	margin-bottom: 24px;
}

.header * {
	display:none;
}

.header a {
	display:block;
}

.header img {
	display:block;
	position:relative;
	left:35px;
	top:-25px;
	z-index:99999;

}



.header h1 {
	color: #222;
	font: normal 4em sans-serif;
	margin-top: 40px;
	text-align: center;
	font-size:1.4em;
}

.header h1 a{
	color: #222;
	text-decoration:none;

}

.header h1 a:visited {
	color: #222;
	text-decoration:none;
}


.header h2 {
	border-top: 1px solid #EEE;
	color: #666;
	text-align: right;
	font-size:1.2em;
}

.header h2 span {
	background: #222;
	color: #EEE;
	padding: 0 6px;
}


/* left side (main content) */

.content {
	/* margin-right:22% */
	float:left;
	width:79.5%;
	overflow:hidden;
	padding:8px;
	line-height:1.4em;
	font-size:0.9em;
	padding-top:0;
	margin-top:0;
	
}


.content .descr {
	color: #ff0066;
	font-size: 0.9em;
	font-style:italic;
	margin-bottom: 3.5em;
	margin-left:0.2em;
	margin-right:0.2em;
	line-height:0.9em;

}

.content .entry {
	margin-left:18px;
	margin-right:1em;
	font-size:1.1em;
	color:#444;

}

.content h1 + p:first-letter, .content h2 + p:first-letter, .content h3 + p:first-letter,
.content .entry p:first-child:first-letter, .initiale:first-letter,
.content blockquote + p:first-letter, .content pre + p:first-letter,
.content ul + p:first-letter, .content ol + p:first-letter,
.content table + p:first-letter, .content p + strong {
	font-size:1.4em;
	text-indent:0.4em;
	
}



.descr a,.descr a:visited {
	color: #ff0066;
}

.content .shortinfo {
	border-top:1px #CCC dotted;
	padding-top:0.2em;
	font-size:0.8em;
	margin-top:2em;
	margin-left:0.4em;
	margin-right:0.4em;
}


.content li {
	list-style: url('img/li.png');
	margin-left: 2em;
	padding-left:0;
}

.content h1 {
	font-size: 1.55em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
	background:#292929;
	padding:0.2em;
	padding-left:0.6em;
	padding-right:0.6em;
	font-weight:bold;
	margin-top:0;
	display:block;
	background-clip: border;

	border-radius-bottomleft:0.2em;
	-moz-border-radius-bottomleft:0.2em;
	-khtml-border-radius-bottomleft:0.2em;
	-webkit-border-radius-bottomleft:0.2em;
	-opera-border-radius-bottomleft:0.2em;
	
	
	border-radius-bottomleft:0.2em;
	-moz-border-radius-bottomleft:0.2em;
	-khtml-border-radius-bottomleft:0.2em;
	-webkit-border-radius-bottomleft:0.2em;
	-opera-border-radius-bottomleft:0.2em;

	box-shadow: 10px 10px 5px #888;
	padding: 5px 5px 5px 15px;
	width:686px;
	padding-top:2px;
}
content h1 a:hiver {
	color:#FFF;

}
.content h2 {
	color:#ff0066;
	font-size:1.4em;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:2em;
	margin-bottom:0.6em;
	font-weight:bold;
	border-radius:0.2em;
	-moz-border-radius:0.2em;
	-khtml-border-radius:0.2em;
	-webkit-border-radius:0.2em;
	-opera-border-radiust:0.2em;

	padding:0.2em;
	padding-left:0;
	padding-right:0.6em;

	border-bottom: 2px #ff0066 solid;
	text-shadow: 2px 2px 2px #DDD
}

.content h2:first-child {
	margin-top:1em;
}

.content h3 {
	color:#292929;
	font-size:1.4em;
	font-weight:bold;
	margin-top:1.4em;
	margin-bottom:0.8em;
	font-weight:bold;
	border-bottom:1px dotted #01B3FF;
	text-shadow: 2px 2px 2px #DDD;
	
}


.content a, .footer a {
	color: #01b3ff;
	text-decoration: none;
	border-bottom:1px dotted #CCC;

	}

.content a:hover,.footer a:hover {
	color: #444;
	border-bottom: 1px solid #01b3ff;
}
.content h1  a {
	border-bottom:0;
}
.content h1 a:hover {
	color:#FFF;
	border-bottom:0;
}


/* Navigation & Subnavigation ******************************************** */

.nav, .sidebar {
/*
	position:relative;
	right:0;
	margin-bottom: 20px;
	float:right;
	top: 40px;
	*/
	margin-top:8px;
	float:left;
	width:10%;
	margin-bottom:2em;

}

.sidebar.head {
	margin-top:2em;

}

/* Navigation ************************************************************ */

.nav {
	right: 23%;
	width: 17%;
}

.nav .logo {
	background: url('img/logo.png') no-repeat center top;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	height: 159px;
}

.nav h1 {
	color: #F60;
}

.nav li {
	border-bottom: 1px solid #EEE;
}

.nav li a {
	color: #888;
	display: block;
	font: normal 1.4em serif;
	padding: 8px 0;
}

.nav li a:hover {
	background: #FAFAFA;
	color: #01b3ff;
}



/* Subnavigation ********************************************************* */

.sidebar {
	background: #222;
	right: 3%;
	width: 18%;
}

.subnav {
	padding: 12px 12px 0;
}

.subnav.firstChild, .subnav h1.firstChild{
	padding-top:0;
	margin-top:0;
}

.subnav.lastChild, .subnav h1.lastChild {
	padding-bottom:0;
	margin-bottom:0;
}

.subnav h1 {
	background:none;
	color: #01b3ff;
	font-size: 0.9em;
	font-weight:bold;
	height: 20px;
	margin-left:0.4em;
}

.subnav ul {
	margin:0;
	padding:0;
}

.subnav li {
	list-style: none;
	margin: 0;
	border-bottom: 1px solid #333;
}

.subnav h1 a {
	color: #01b3ff;
}

.subnav li a {
	color: #777;
	display: block;
	font-size: 0.9em;
	padding: 3px 6px 3px 8px;
	text-decoration: none;
}

.subnav li a:hover {
	color: #DDD;
}

.subnav  li ul {

	margin-left:16px;
	padding-left:16px; 
}

.subnav  ul li ul{
	margin-left:0;
	padding-left:8px;
}

.subnav  li li {
	list-style-position:inside;
	font-size:0.9em;
	margin:0;
	padding:0;
	padding-left:4px;
	list-style-type:none;
	background-image:url(img/subnav-bullet.png);
	background-repeat:no-repeat;
	background-position:left;
	border:0;
	
}


/* round edges */

.roundtl,.roundtr,.roundbl,.roundbr {
	background: url('img/round.png');
	height: 16px;
	width: 14px;
}

.roundtl,.roundbl {
	float: left;
}

.roundtr,.roundbr {
	float: right;
}

.roundtr {
	background-position: right top;
}

.roundbr {
	background-position: right bottom;
}

.roundbl {
	background-position: left bottom;
}


/* Footer **************************************************************** */

.footer {
	max-width:980px;
	min-width:100px;
	margin: auto auto auto auto ;
	color: #666;
	margin-top:0.4em;
	font: normal 1em Verdana,sans-serif;
	font-size:0.8em;
	letter-spacing:-0.02em;
	text-align:center;
	padding-bottom:2em;
}


/* Posts ***************************************************************** */

.post{
	margin:0 0 25px 0;
}

.post .info{
	padding:2px 3px 3px 8px;
	border:1px solid #e3e4e4;
	background-color:#f5f5f5;
	font-size:0.9em;
	color:#505050;
}


/* Comments ************************************************************** */

#commentlist li {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #700000;
}

#commentform {
	margin: 1em 0;
	background: #ffffff;
	width:75%;
}

#commentform textarea, #commentform input {
	background-color: #f8f7f6;
	border: 1px solid #d6d3d3;
	width:98%;
}

#commentform label {
	clear:both;
	display:block;
}

#commentform textarea:hover {
	background: #FFFFFF;
	border: 1px solid #d6d3d3;
}

#commentform textarea:focus {
	background: #ffffff;
	border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
	font-size: 1.1em;
	background: #f8f7f6;
	border: 1px solid #d6d3d3;
}

#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
	font-size: 1.1em;
	background: #ffffff;
	border: 1px solid #d6d3d3;

}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
	font-size: 1.1em;
	background: #ffffff;
	border: 1px solid #939793;

}

#commentform input{
	margin-bottom: 3px;
}

#submit {
	border:0;
	background-color:#292929;
	color:#FFF;
	font-style:sans-serif;
}


/* Plugin: Deans Code Highlighter **************************************** */

.ch_code_container {
	background-color: #f0f0f0;
	border: 1px solid #C3CED9;
	padding: 0.8em;
	width: 97%;
	text-align: left;
	font-size:1em;
	font-family:"Lucida Console","Courier New",monospace;
	overflow:auto;
	border-left:#ff0066 4px solid;
}

.ch_code_container .head {
	color: #808080;
	font-weight: bold;
	background-color: #f0f0ff;
	border-bottom: 1px solid #d0d0d0;


}

pre {
	padding: 0px 0px 0 0;
	padding-left:0.4em;
	margin-left:2em;
	width: 78%;
	text-align: left;
	font-size:110%;
	font-family:"Lucida Console","Courier New",monospace;
	overflow:auto;
	border-left:#ff0066 4px solid;
	background: url('img/bgcode.png');
}


.heightDispatcher {
	clear:both;
}

.firstSibling {
	margin-top:0;
}

.nav, .header h2 {
	display:none;
}



#canvas .barRight {

	background-color:#292929;
	width:11px;
	height:100%;
	position:absolute;
	right:-11px;
	top:0;

}

#canvas .shadowRight {
	background-image:url(img/sideshadow.png);
	width:11px;
	height:100%;
	background-position:-11px 0;
	position:absolute;
	right:-21px;
	top:0;
}

#canvas .barLeft {
	background-color:#292929;
	width:11px;
	height:100%;
	position:absolute;
	left:-11px;
	top:0;
}


#canvas .shadowLeft {
	background-image:url(img/sideshadow.png);
	width:11px;
	height:100%;
	background-position:-22px 0;
	position:absolute;
	left:-21px;
	top:0;

}

img.border {
	background:#FFF;
	border:1px solid #CCC;
	padding:1px;
}
div.frame {
	margin-bottom:1.2em;
}
div.frame div.caption {
	font-size:80%;
	font-family:sans-serif;
	padding:0.2em;
	padding-left:0.4em;
	padding-right:0.4em;
}

#pdfbutton {
	font-size:0;
	float:right;
}

#pdfbutton img {
	top:2em;
	margin-top:2em;
}

sup, sub {
	vertical-align:baseline;
	font-size:60%;
	position:relative;
	margin-left:0.1em;
}

sup {
	top:-0.4em;
}

sub {
	top:-0.4em;
}
textarea {
	font-family:sans-serif;
}

ol,ul,dd,dt {
	margin-left:1em;
	margin-right:0;
	padding-left:0;
	
}

dt {
	margin-top:0.4em;
	font-weight:bold;
}

dl dt:first-child {
	margin-top:0.2em;
}


ol.dialog, ul.dialog {
	padding-left:0;
	margin-left:2em;
}

ol.dialog li, ul.dialog li  {
	padding-left:0;
	margin-left:0;
	list-style-type:none;
	list-style-image:url(img/bullet-dialog.png);
	margin-bottom:0.4em;
}


.pagebar
{
   padding: 0.2em 0.5em;
   margin-right: 0.1em;
   text-decoration: none;
   width: 876px;
   background:#222;
   color:#CCC;
}

.pagebar a, .pageList .this-page
{

   text-decoration: none;
   padding: 0.2em 0.5em;
   border:0;
   
   
}
.pagebar a:hover {
	color:#FFF;
}
.pagebar a:visited
{
   
   text-decoration: none;
   padding: 0.2em 0.5em;
   border:0;
}

.pagebar .break
{
   padding: 2px 6px;
   border: none;
   text-decoration: none;
}

.pagebar .this-page
{

   padding: 0.2em 0.5em;
   font-weight: bold;
   background: #01B3FF;
   color: #fff;
}

.pagebar a:hover
{

} 

/*
.content object, .content img {
	padding:1px;
	border:1px solid #CCC;
}
*/
.commentform > p {
	margin-left:1em;

}

img.avatar {
	float:left;
	padding:0;
	
	
	margin-bottom:0.4em;
	margin-right:0.4em;
	border:1px solid #000;
	border-left:6px solid #01B3FF;
	border-right:4px solid #01B3FF;


	background-clip: border;
	-moz-background-clip: border;

	border-radius-topleft:0.2em;
	-moz-border-radius-topleft:0.2em;
	-khtml-border-radius-topleft:0.2em;
	-webkit-border-radius-topleft:0.2em;
	-opera-border-radius-topleft:0.2em;

	border-radius-bottomleft:0.2em;
	-moz-border-radius-bottomleft:0.2em;
	-khtml-border-radius-bottomleft:0.2em;
	-webkit-border-radius-bottomleft:0.2em;
	-opera-border-radius-bottomleft:0.2em;
	
	
	border-radius-bottomright:0.2em;
	-moz-border-radius-bottomright:0.2em;
	-khtml-border-radius-bottomright:0.2em;
	-webkit-border-radius-bottomright:0.2em;
	-opera-border-radius-bottomright:0.2em;

	box-shadow: 10px 10px 5px #888;

}

div.framed {

  position: relative;
}

div.framed div.caption {
	background-color:#FFF;
	text-align:left;
}

div.framed  div.image {
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
  padding: 5px 9px 9px 5px;
  background: white url(shadows/shad_bottom.png) repeat-x bottom left;
}

div.framed div.topleft {
  width: 2px;
  height: 4px;
  background: url(shadows/shad_tlcorner.png) no-repeat top left;
  position: absolute;
  top: 0px;
  left: -1px;
}

div.framed div.topright {
  width: 2px;
  height: 4px;
  background: url(shadows/shad_trcorner.png) no-repeat top right;
  position: absolute;
  top: 0px;
  right: -17px;
}

div.framed div.bottomleft {
  width: 4px;
  height: 4px;
  background: url(shadows/shad_blcorner.png) no-repeat bottom left;
  position: absolute;
  bottom: 0px;
  left: -1px;
}

div.framed div.bottomright {
  width: 4px;
  height: 4px;
  background: url(shadows/shad_brcorner.png) no-repeat bottom right;
  position: absolute;
  bottom: 0px;
  right: -17px;
}

.alignright {
	float:right;
	margin-left:0.2em;
}

.alignleft {
	float:left;
	margin-right:0.2em;
}

object {
	border:1px solid #CCC;
	padding:1px;
}

.clear {
	clear:both;
}
.heightDispatcher {
	clear:both;
}

.clearTop {
	margin-top:0;
}
.clearBottom {
	margin-bottom :0;
}

.dean_ch {
	padding:0.4em;
	box-shadow:10px 10px 5px #000;
}