/*  
css stylesheet for www.ibsc.ch
*/
/* -------------------[ Main Page Elements ]------------------- */
body {
	font-size: 10pt;
	font-family: Arial,"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
    background: #FFFFFF url(images/fonds/ibs_square.gif);
	color: #2D2C28;
	text-align: left;
	margin: 0;
	padding: 0;
	line-height: 150%;
	scrollbar-track-color: #333333;
	scrollbar-face-color: #336600;
	scrollbar-3dlight-color: #006600;
	scrollbar-highlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-shadow-color: #330000;
	scrollbar-arrow-color: #FFFFFF;
	}

#header {
	clear: both;
	width: 100%;
	padding: 0px 0;
	margin: 0 auto;
	background-color: #000000;
	}  

#header h1.ibstitle {
        width:960px;
        padding: 0;
        margin: 0 auto;
        } 

#header p {
        width:960px;
        margin: 0 auto;
        text-align:left;
        color: #F2EBDA;
        }   

#wrap {
	padding: 0px;
	clear: both;
	width: 100%;
	margin: 0 auto;
	background-color: #FFFFFF;
        }

#page {
	clear: both;
	width: 960px;
	height: 500px;
	padding: 0;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	} 


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

#contentleft {
	min-height: 400px;

        height-auto;
	width: 670px;
	float:left;
	padding: 20px 0;
	margin: 0;
        } 

#content {
	width: 510px;
	float: right;
	margin: 0;
	padding: 0;
	height: 400px;
	}

#midcontent {
	font-size: 8pt;
	width: 140px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
        }

#contentright {
	width: 220px;
	float:right;
	height: 440px;
        } 

#sidebar {
	width: 220px;
	float: right;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	height: 420px;
	} 

#footer {
	border-top:1px solid #336600;
	font-size: 8pt;
	line-height: 190%;
	color:#FFFFFF;
	background: url(images/fonds/ibs_square.gif);
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 320px;
        }

#footer p {
        width:960px;
        padding: 0px;
        margin: 0 auto;
        }
#footer a {
        color: #FFFFFF;
        text-decoration: none;
        }
	
#footer a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

#footer a:hover {
    background: transparent;
    color: #336600;
    text-decoration: none;
        }
		
img.right {float:right; margin-left:12px; margin-bottom:12px;}
img.left {float:left; margin-right:12px; margin-bottom:12px;}
.smalltext {font-size:9px;}
div.digg {float:left; margin-right:12px; margin-bottom:12px;}
div.diggright {float:right; margin-left:12px; margin-bottom:12px;}
form.paypal {margin: -10px 0 15px 0;}

/* -------------------[ Headings ]------------------- */

h1, h2, h3, h4, h5, h6, h7 {
    line-height: 110%;
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
	text-align: left;
	color: #2D2C28;
	}

h1 {
	font-size: 16pt;
	}

h2 {
	font-size: 14pt;
	}

h3 {
	font-size: 12pt;
	}

h4,h5,h6,h7 {
	font-size: 10pt;
	}

h1.pagetitle {
        margin: 0 0 10px 0;
        }

h2#comments, h2#trackbacks, h2#respond {

        }

h2.sectionhead, #sidebar h2, #midcontent h2  {
	font-weight: bold;
	line-height: 16px;
	height:16px;
	background: url(images/heading-bg.gif) top left repeat-x;
	padding: 4px 5px;
	font-size: 9pt;
	letter-spacing: 0;
	margin: 0 0 10px 0;
        }

.entry h1,.entry h2,.entry h3, .entry h4, .entry h5, .entry h6, .entry h7 {
        margin-bottom: 10px;
        }

/* -------------------[ Links ]------------------- */

a, a:link, a:visited {
	    color: #336600;
        text-decoration: none;
        padding: 0;
        font-size: bold;
	}

a:hover, a:active {
	    color: #000;
        text-decoration:underline;
	}

.entry a, .entry a:link, .entry a:visited, .postinfo a, .postinfo a:link, .postinfo a:visited, .postinfo2 a, .postinfo2 a:link, .postinfo2 a:visited {
        text-decoration: none; 
        }

#footer a {
        color: #FFFFFF;
        text-decoration: none;
        }

#footer a:hover {
        background: transparent;
        color: #336600;
        text-decoration: none;
        }

h1 a, h1 a:link, h1 a:visited, h2 a, h2 a:link, h2 a:visited {
	    color: #2B2433;
        text-decoration: none;
        }

h1 a:hover, h2 a:hover {
        color: #000;
        text-decoration:underline;
        }
        
/* -------------------[ Images ]------------------- */

img.alignright {
        float: right;
        clear: right;
        margin: 0 0 5px 10px;
        background: #fff;
        padding: 2px;
        border: 1px solid #ccc;
        }

img.alignleft {
        float: left;
        clear: left;
        margin: 0 10px 5px 0px;
        background: #fff;
        padding: 2px;
        border: 1px solid #ccc;
        }

img.centered { 
        display: block; 
        padding: 2px; 
        margin: 0 auto 20px auto; 
        border: 1px solid #ccc; 
        float: none; 
        clear: both;
        }

/* -------------------[ Sidebar ]------------------- */

#sidebar ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;
	}

#sidebar ul li ul {
        list-style-type: square;
        margin: 0px;
        padding: 0 0 0 5px;
        }

#sidebar ul li ul li {
        list-style-type:none;
	    background: transparent url(images/icones/ibsc_bullet.gif) no-repeat 0 2px;
        padding: 0 0 0 15px;
        border: 0;
        margin: 0 0 1px;
        }

/* ADS */

#main_ads {
	margin-bottom:2px;
}

#main_ads img {
	float:left;
	margin-left:2px;
	margin-right:6px;
	margin-bottom:8px;
}

/* -------------------[ Middle Content ]------------------- */

#midcontent ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#midcontent ul li {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;
	}

#midcontent ul li ul {
        list-style-type: square;
        margin: 0;
        padding: 0 0 0 5px;
        }

#midcontent ul li ul li {
        list-style-type:none;
        padding: 0 0 0 0px;
        border: 0;
        margin: 0 0 1px;
        }

/* -------------------[ Misc Tags and Classes ]------------------- */

table {
        border: 0;
        }

.post ul, .singlepost ul, .post ol, .singlepost ol {
        margin: 15px 30px;
        padding: 0;
        list-style-type: none;
        }

.post ul li, .singlepost ul li {
        list-style-type:none;
	    background: transparent url(images/icones/ibsc_bullet.gif) no-repeat 0 2px;
        padding: 0 0 10px 15px;
        border: 0;
        margin: 0;
        }

.post ol li, .singlepost ol li {
        list-style-type:decimal;
	    background: transparent;
        padding: 0 0 2px 0px;
	    line-height: 1.4em;
        border: 0;
        margin: 0 0 0 20px;
        _height: 1em;
        }

li.sociable {
        list-style-type:none;
	    Xbackground: transparent url(images/icones/ibsc_bullet.gif) no-repeat 0 2px;
        Xpadding: 0 0 2px 15px;
        border: 0;
        margin: 0;
        }

p {
	margin-top: 0px;
	margin-bottom: 15px;
	}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dotted #999;
	}

* html acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	padding-left: 10px;
	border-left: 5px solid #000;
        color: #333;
	}

.center {
	text-align: center;
	}

a img {
	border: none;
	}

.navigation {
	text-align: center;
	margin: 0
	padding: 10px 0;
	}

.navigation .alignright {
	float: right;
	margin: 0;
	}
	
.navigation .alignleft {
	float: left;
	margin: 0;
	}

.entry {
	padding: 10px 0 0 0;
	margin: 0;
	}

.postinfo {
    clear: both;
	margin: 0px;
	font-size: 8pt;
	padding: 0px 0px 0px 0px;
	}

.postinfo2 {    
    clear: both;
	font-size: 8pt;
	margin: 10px 0 0 0px;
	}

.post {
	margin: 0 0 10px 0;
	padding: 0 5px 10px;
	line-height: 130%;
    background: url(images/dot.gif) bottom left repeat-x;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

hr {
        display: block:
        clear:both;
        }

a.more-link {
        padding-right:17px;
      	background: transparent url(images/icones/ibsc_bullet.gif) 100% 80% no-repeat;
        }

/* -------------------[ Search ]------------------- */

#searchform {
    text-align:right;
    float:right;
	margin: 0;
	padding: 6px 0 0; 
        }

#searchform #s {
    padding-left:2px;
    font-size:8pt;
    width: 140px;
	margin-right: 1px;
	}

#searchform #submit {
        font-size:8pt;
	}

#nav {
	font-size:9pt;
	font-weight:bold;
	clear: both;
	height: 32px;
	padding: 0;
	margin: 0 auto;
	background: url(images/fonds/silver.gif);
	border-bottom: 1px solid #000000;
	font-variant: small-caps;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
        }

#nav .stopper {
        width:960px;
        margin:0 auto;
        padding:0;
        }

#nav ul {
	float: left;
	list-style: none;
    height: 32px;
	line-height: 32px;
	padding: 0;
	margin: 0;
	width: 890px;
}

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

#nav ul li a, #nav ul li a:link, #nav ul li a:visited {
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	margin-right:30px;
        }

#nav ul li a:hover, #nav ul li a:active {
        text-decoration:none;
        }

/* -------------------[ Feature Post ]------------------- */

.featurepost {
	margin: 0 0 10px 0;
	padding: 0 5px 10px;
	line-height: 130%;
    background: url(images/dot.gif) bottom left repeat-x;
	}


.featurepost h1 {
        margin: 0;
        padding: 0;
        }

/* ---------------[ Tables ]--------------- */
.entry table {
		margin-bottom:15px;
        padding:auto;
        border:auto;
        }

.entry tr, .entry td, .entry th {
	margin:auto; padding:auto; border:none;
        }

.entry td, .entry th {
	padding:8px;
	vertical-align:top;
}

.entry th {
	font-weight:bold;
	background:#FFFFFF;
}

.entry td {
	border:1px solid #FFFFFF;
}

/* Begin Contact Form CSS */

.contactform {
	position: static;
	overflow: hidden;
	width: 95%;
}

.contactleft {
	width: 25%;
	white-space: pre;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}

/* End Contact Form CSS */

.clients{
	font-variant: small-caps;
	font-size: 11px;
	color: #336600;
}
.vert{
	color: #336600;
}
.close {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	font-variant: small-caps;
}
#picturebank {
	margin-top: 10px;
}

#picturebank img {
	border:0px solid #FFFFFF;
	padding: 0px;
	margin:0px 0px 0px 0px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}

#picturebank img:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.6;
}

.ibs_input {
	border: 0px none #FFFFFF;
	width: 100px;
	text-align: center;
}
.arrow {
	border: 0px none;
	margin-right: 1px;
}