/*
Theme Name: BGS
Theme URI: http://wordpress.org/
Description: Custom theme for BgSoftware.nl
Version: 0.1
Author: Wouter Mooij
Author URI: http://redshark.nl/

*/

/* Begin Typography & Colors */
body {
	font-size: 72.5%; /* Resets 1em to 10px */
	font-family: Arial, "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
	background: #fff url('images/bg.png') ;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	}	
/* General stuff */

.panel a {
	color: #808080;
        display: inline;
        width: 120px;
        height:auto;
        overflow: auto;
}
.panel img {
    display: inline;
    float: left;
}
.panelimage{
    margin-right:3px;
}
.postdatetime {
    color:#BFBFBF;
    font-size: 9px;
}
.postmetadata{
    padding:5px;
}
h1 {
    color: #808080;
}
#sidebar h2 {
    color: #808080;
}
h2 a{
	color: #000;
}
#page {
	border: 0px solid #959596;
	text-align: left;
	width: 950px;
	margin: 0 auto;
	padding: 0;
	}
#headerimg {
	height: 150px;
	width: 950px;
	background: url('images/logobgs.png') ;
	background-repeat: no-repeat;
        text-align: right;
	}
#headerimg h1 { 
	display: none;
	}
	
/* Menu Start*/

#menu {
	background: url('images/menu.png') ;
	width: 950px;
	height: 50px;
	text-align: center;
        position: relative;
	}
#menu ul#mainmenu{
    position:absolute; top:50%;
	list-style-type: none;
        margin-top:-1.1em;

	}
#menu ul li.page_item {
	display: block;
	float: left;
	height: 50px;
        margin: auto 0;
	text-align: center;
	}
#menu ul li.current_page_item {
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 50px;
	text-align: center;
	}
#menu a {
	display: block;
	color: #fff;
	font:normal bold 1.1em  Verdana, Arial, Sans-Serif;
	padding: 5px;
	text-decoration: none;
	min-width: 100px;
	height: 50px;
	}
#menu a:hover {
	}
/* End Menu*/ 

#filler {
	background: url('images/filler.png') ;
	width: 950px;
	height: 90px;
	}

/* Main content */ 
#content{
	width: 685px;
	float: left;
        margin-right: 15px;
	}

#content ul, #default ul {
        list-style-image: url('images/li.png') ;
        }
#scroll_it {
    border: 1px solid #000;
}

#scroll_it ul{
    padding: 0;
    margin: 10px;
}
#news_container{
    float: left;
    margin: 0;
    padding: 0;
    width: 535px;
}

#news_archives {
    float: left;
    width: 150px;
    
}
.post_navigation {
    height:35px;
    line-height: 35px;
    width: 700px;
    text-align: center;
}
.alignleft, .alignright {
    width: 350px;
    float: left;
}

/* Sidebar */
#sidebar {
        float: left;
	width: 250px;
	padding: 0;
	margin: 0;
	}
/*Start stepcarousel */
.stepcarousel{
border: 1px solid #fff;
font-size: 92%;
position: relative; /*leave this value alone*/
border: 0px solid #000;
overflow: scroll; /*leave this value alone*/
width: 700px;
height: 250px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.belt{
    padding-top: 0px;
}
	
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 350px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel {
height: 251px;
}

/* End stepcarousel*/
/* Footer */

#footer {
	background: url('images/footer.png') ;
	width: 950px;
	height: 50px;
        margin-top: 0px;
        padding-top: 0px;
	text-align: center;
	}
#footer ul li {
    color: #808080;
    display: inline;
    margin:10px;
    padding: 10px;
    line-height:  50px;
        }

/* General classes */ 
.clear {
	clear: both;
	}
a img {border: 0;}

/* Links Start */ 

a {
	color: #808080;
	text-decoration: none;
	}
a:hover {
	text-decoration:underline
	}

/* Links End*/
/* Search form*/
h1, h2, h3, h4,h5,h6 {
    color: #808080;
}
hr {
    border: 1px solid #808080;
}
#searchbox{
    background:#bfbfbf;
    border: 1px solid #808080;
    color: #808080;
    font-family: "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
}
#searchsubmit {
    
    color: #808080;
    font-family: "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
}