/*
www.gilbertpaquet.com Main CSS
Copyright 2006-2008 www.gilbertpaquet.com
Last Edit: 2010-09-02
*/

/* Overall Settings + Varia */
html{min-width:725px;}
body {background:#fff;margin-top:5px;font-family:"Trebuchet MS","Lucida Sans",arial,verdana,helvetica,sans-serif;color:#181800;font-size:100%;background-image:url(css/bg-grad.png);background-repeat:repeat-x;background-position:top;}
sup{font-size:20px;margin:4px;}
strong {color:#444;}
img{border:0;background:transparent;}
a img{border:0;}
acronym.accro{cursor:help;border-bottom:1px dotted #000;}
.liNone{list-style:none;line-height:1.4;}
.bgtext{font-family:georgia,times,serif;text-transform:uppercase;font-size:21px;margin-left:12px;}
.hide{display:none;}
.messagehidden{display:none;background:#fff;}
.messageshown{display:inline;background:#fff;}

/* Screenshots + Corners */
.xsnazzy p{font-size:.9em;margin:0;}
.xsnazzy{background:transparent;width:305px;margin:0;}
.xsnazzyB{background:transparent;width:380px;margin:0;}
.xsnazzyB p{margin:0;font-size:.9em;}
.xtop,.xbottom{display:block;background:transparent;}
.xb1,.xb2,.xb3,.xb4{display:block;overflow:hidden;}
.xb1,.xb2,.xb3{height:1px;}
.xb2,.xb3,.xb4{background:transparent;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.xb1{margin:0 5px;background:#ccc;}
.xb2{margin:0 3px;border-width:0 2px;}
.xb3{margin:0 2px;}
.xb4{height:2px;margin:0 1px;}
.xboxcontent{display:block;border:0 solid #ccc;border-width:0 1px;height:auto;}
* html .xboxcontent{height:1px;}
.color_a{background:#ccc;}

/* Page Structure */
#header{width:725px;height:40px;margin-bottom:5px;}
#layout{width:725px;margin:0 auto 0 auto;background:#fff;}
#topNav{float:right;margin-top:15px; margin-right: 13px;}
#topNav a:link{color:#069;font-weight:normal;}
#topNav a:hover{background:transparent;color:#180801;}
#topNav a:active{background:transparent;color:#069;}
.topNav{float:left;margin-top:22px;}
#out{position:relative;top:180px;left:750px;width:30px;background:transparent;}
#out img {padding: 1px;}
#mainImage{background:transparent;float:right;margin-top:5px;margin-bottom:0;}
#mainImage img{display:block;}
#insert{width:auto;}
#middle{float:left;width:700px;height:15px;margin:10px;background-image:url(css/bg_twentyone.gif);background-repeat:repeat-x;background-position:50% 60%;}
#firstColumn{position:relative;margin:10px 0 0 0;width:305px;padding:5px;float:left;}
#firstColumn p{padding:0 5px 0 5px;margin-left:0;margin-top:0;}
#secondColumn{clear:both;float:left;margin-top:5px;width:305px;padding:5px;}
#secondColumn p{padding:0 5px 0 5px;margin-left:0;margin-top:0;}
#thirdColumn{float:right;width:385px;margin-top:5px;padding:5px;}
#thirdColumn p{padding:0 5px 5px 5px;margin-left:0;margin-top:0;}
#fourthColumn{float:left;width:710px;margin-left:5px;padding:5px;}
#fourthColumn p{padding:0 5px 0 5px;margin-left:0;margin-top:5px;}
#fourthColumn img{padding:0 7px 7px 7px;margin:0 7px 7px 7px;}
#fourthColumn a{border:none;background:transparent;}
#fifthColumn{background-image:url(labels/whassup.gif);background-repeat:no-repeat;background-position:10px 16px;float:left;clear:both;width:350px;margin-top:0;padding:5px;}
#fifthColumn p{padding:0 5px 5px 6px;margin-left:0;margin-top:5px;}
#sixthColumn{background-image:url(labels/magnolia.gif);background-repeat:no-repeat;background-position:10px 16px;float:right;width:350px;margin-top:0;padding:5px;}
#sixthColumn ul{height:35px;margin-top:10px;padding:0;}
#sixthColumn li{display:inline;margin:0;padding:0;list-style-type:none;line-height:1.75em;}
#sixthColumn p{padding:0 5px 5px 6px;margin-left:0;margin-top:5px;}
#sixthColumn img{float:left;vertical-align:middle;background:transparent;margin-top:2px;padding-right:2px;}
#seventhColumn{float:left;width:700px;margin-top:0;padding:5px;}
#seventhColumn p{padding:0 5px 5px 6px;margin-left:0;margin-top:5px;}
#ninthColumn{float:left;width:700px;margin-top:0;padding:5px;}
#ninthColumn p{padding:0 5px 5px 6px;margin-left:0;margin-top:5px;text-align:justify;}
#footer{clear:both;width:auto;height:80px;}
#footer p{color:#333;font-size:.9em;text-align:center;}

/* Links */
a{text-decoration:none;background:transparent;}
a:link{color:#069;background:transparent;}
a:visited{color:#069;background:transparent;}
a:active{color:#069;background:transparent;}
a:hover{color:#180801;background:transparent;}

/* HTML */
p {font-size:.9em;margin:0;line-height:140%;}
h1,h2,h3,h4,h5,h6 {font-family:"Times New Roman",georgia,serif;line-height:140%;padding-left:.1em;margin-left:.1em;margin-top:0;}
h4 {font-family:"Bookman Old Style",georgia,"Times New Roman",serif;line-height:140%;padding:0;margin:0;font-size:105%;color:#555;}
ul,ol{font-size:.9em;margin:.3em;padding-left:.2em;color:#9c6;}
li{list-style:circle inside;line-height:140%;}
.hr {clear:both;padding:0;margin-top:15px;padding:1px;background:transparent url(css/black_dotted_hr_bg.gif) repeat-x;line-height:1px;}
pre,code{font:1em courier,monospace;}
pre{line-height:1.5;margin:0;padding:0;}
sup{margin:0;padding:0;}

/* Blog  */
#blog{float:left;margin-top:3px;margin-left:5px;padding:0;width:720px;color:#383d44;background-color:#fff;}
#blog p{font-family:"Times New Roman",georgia,serif;line-height:140%;font-size:1.1em;}
#blog p.legend{font-family:verdana,sans-serif;margin:0 0 5px 30px;font-size:11px;color:#000;}
#blog ul,ol{color:#383d44;font-size:.9em;margin:.5em 0 .5em .5em;padding-left:10px;}
#blog li{list-style:circle inside;line-height:1.4;text-indent:-16px;}
.leadin{list-style:circle inside;text-indent:-16px;}
.lettrine{font-size:3em;font-family:times,serif;color:#180801;float:left;height:37px;width:40px;line-height:40px;margin-top:2px;margin-right:2px;}
.incipit{font-weight:bold;font-style:italic;background:transparent;color:#555;width:auto;margin:5px;text-align:center;}
.subIncipit{background-image:url(css/linehead.gif);background-repeat:repeat-x;background-position:top;height:5px;width:45%;margin-left:80px;}
.inbox{width:720px;margin:0;padding:5px;}
.inbox p{text-align:justify;}
.inbox img{margin:5px 0 5px 0;padding:1px;background:transparent;border:1px solid #000;}
.date{font:16px georgia,times,serif;margin:5px 3px 5px 0;color:#333;}
.maintitle {font-size:2.1em;background:transparent;margin-left:85px;padding:0;color:#070004;font-weight:normal;}
.subtitle{font-size:1.8em;color:#3c5059;background:transparent;font-weight:normal;margin-left:45px;padding:0;line-height:20%;}
.post{margin:0;padding:0;}
.technik{font:16px georgia,times,serif;background:transparent;color:#333;margin-top:1em;border-top:1px solid #eee;}
.note{margin-top:5px;padding-top:5px;line-height:1px;}
.ref{margin-left:20px;line-height:110%;}
a.an{font-family:"Arial Unicode MS",verdana,geneva,arial,helvetica,sans-serif;text-decoration:underline;background-color:#eee;font-size:11px;font-weight:bold;color:#c00;}

/* Stuff */
.title {font-size:1.75em; margin:0;color:#180801;letter-spacing:-1px;}
.hiring {font-size:2em;margin:0;color:#180801;letter-spacing:-1px; font-weight:normal;}
.red{color:#c00;}
.space{margin-left:35px;margin-right:35px;}
.bg{background-image:url(css/bg_bg.gif);background-repeat:repeat-x;background-position:left top;color:#fff;}
acronym.accro{cursor:help;border-bottom:1px dotted #666;}
blockquote{padding-left:10px;margin-left:10px;background-image:url(css/fade.gif);background-repeat:repeat-x;background-position:top;}
blockquote p,ul ol li blockquote{line-height:140%;font-size:1em;}
blockquote.pull{float:right;width:50%;margin-left:10px;margin:0;}
.large{font-size:1.5em;color:#f60;}
#thirdColumn p.mlarge{font-size:1em;color:#555;}
#thirdColumn p.xlarge{font-size:1em;font-weight:bold;}

/* Screenshots */
.highslide{cursor:url(highslide/graphics/zoomin.cur),pointer;outline:none;}
.highslide img{border:0;}
.highslide:hover img{border:0;}
.highslide-image{border:0;}
.highslide-caption{display:none;border:2px solid white;border-top:none;font-family:verdana,helvetica,sans-serif;font-size:10pt;padding:5px;background-color:white;}
.highslide-loading{display:block;color:white;font-size:9px;font-weight:bold;text-transform:uppercase;text-decoration:none;padding:3px;border-top:1px solid white;border-bottom:1px solid white;background-color:black;}
.highslide-move{cursor:move;}
.highslide-overlay{display:none;}
.controlbar{background:url(highslide/graphics/controlbar4.gif);width:167px;height:34px;}
.controlbar a{display:block;float:left;margin:0 0 0 4px;height:29px;width:34px;}
.highslide-display-block{display:block;}
.highslide-display-none{display:none;}