/*
Theme Name: SBDFOnline
Theme URI: http://www.sbdfsxm.org
Description: Website Design using Wordpress. Designed by Localized Web Concepts
Version: 1
Author: Localized Web Concepts
Author URI: http://www.localizedwebconcepts.com
*/

body {
	margin:0px;
	padding:0;
	background: #fff url(images/bg_blue.gif) repeat-x;
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
    color: #000;  
}

/* typography */


a {color: #ff0000; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#0F85AB; text-decoration:underline;}

h1,h2,h3,h4,h5,h6 {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:#666;
	/*margin: 0 0 0.25em 0;*/
  }
h1 { font-size: 1.6em; font-family: Helvetica, arial;}      
h2 {
	font-size: 1.5em;
	color:#CC0000;
	margin: 0px;
	padding: 0px;
	line-height:1;
	margin-bottom:1em;
	font-family: Helvetica, arial;
	
} 
h2 a {
	font-weight:normal;
	color:#CC0000;
	font-family: Helvetica;
} 
h3 {
	color:#093A4B;
	font: bold 1.2em Helvetica, arial;
	background: transparent url(images/img_h3.gif) no-repeat left center;
	padding: 0px 0px 0px 20px;
}  

.sidelist_square {
	margin-left: 18px;
	padding-left: 0;
	list-style: square url(none);
	color: #070707;
}
.sidelist_square  li { 
	margin-left: 0px;
}
.sidelist_square  li a {
	color:  #0F85AB;
}
.listservices { 
	margin-left: 0px;
	padding-left: 0;
	list-style: none;
}
.listservices li {
	padding-left: 20px;
	margin: 0px;
	background: url(images/btn_accept.gif) no-repeat 0 3px;
	line-height: 20px;
}
.listservices li a {
	color: #000;
}
.listservices li a:hover, .sidelist_square li a:hover {
	color: #ff0000;
}
.listservices li ul{
	margin-left: 0px;
	list-style-type: none;
}
.listservices li ul li{
	background-image: none;
	list-style-type: square;
	margin-left: 13px;
	padding: 0px;
}
/* grid.css */

.container {
	background: #FFFFFF;
}
#header {
	padding: 0px;
	color: #000;
	background: #fff url(images/bg_header.jpg) no-repeat;
	height: 18px;
	border-top: 5px solid #1B1B1B;
}

#teaser {
	padding: 0px 10px;
	margin: 0px;
	background: url(images/teaser.jpg) no-repeat;
	height: 239px;
	position: relative;
}
#teaser .title {
	font: bold 1.8em Arial, Helvetica, sans-serif;
	color: #000099;
	padding-top: 32px;
	margin:0;
	letter-spacing: 0.1em;
} 
#teaser .slogan {
	font: 1.4em Helvetica;
	color: #646464;
	
	padding-top: 2px;
	padding-left: 1px;
}    
#navigation{
	padding-bottom: 20px;
}
#colleft { padding: 0 10px 0 5px}
#colright { padding-left: 5px }
#colmain_3col { padding: 0 }
#colmain_2col { padding: 0 10px; }
#colmain_nocol { padding: 0 10px; }
#footer {
	padding: 10px 20px;
	color:#999999;
	background: #000000;
	margin-top: 20px;
	margin-bottom: 0px;
}
#footer a {
	color:#999999;
	text-decoration:underline;
}
#footer a:hover {
	color:#fff;
	text-decoration:none;
}
/* TOP NAVIGATION */
#navtop{
	margin:0 0 0 20px;
	padding:0;
	color: #FFFFFF;
}
#navtop li {
	display: inline;
	list-style-type: none;
	padding-right: 5px;
	margin: 0;
}
#navtop a, 
  #navtop a:focus,
  #navtop a:hover,
  #navtop a:active{
	color:#FFFFFF;
	text-decoration:none;
	font-size: 1em;
}
#navtop a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* forms.css */

#searchform input#s {margin:0.1em 0;border:1px solid #bbb; width:108px;padding:0px;}
#searchform input#s:focus, textarea:focus, select:focus {border:1px solid #666;}
select#navi-left { width: 180px; padding: 0; margin: 0; }
#navi-left-form { margin-bottom: 15px; margin-top: 0px; padding: 0; }
/* Post Formatting */

.entry {
	padding-bottom:0px;
	}

.post blockquote {
	color:#666;
	background:#F4F4EC;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	}	

.post ul li {
	list-style:square;
	margin-bottom:5px;
	
	margin-left:42px;
	}

.post ol li {
	margin-bottom:5px;
	
	margin-left:48px;
	}
	
#tags {
	padding:3px;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;	
	}	
	
.postmetadata {
	font-size:0.9em;
	margin:0 0 10px 0;
	padding:5px 10px;
	background:#F4F4EC;
	border-top:1px solid #E6E3D3;	
	border-bottom:1px solid #E6E3D3;	
	}

/* Comments*/

.commentlist {
	padding-left:30px;
	}
	
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	background:#F4F4EC;
	border:1px solid #E6E3D3;
	}

.commentlist blockquote {
	color:#666;
	background:#fff;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}	

#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	display: block;
	}

.commentlist small {
	background:#fff;
	border:1px solid #E6E3D3;
	}
	
	
/* Post navigation*/

.alignright2 {
	float: right;
	}

.alignleft1 {
	float: left
	}
.pagenavigation {
	display: block;
	text-align: center;
	}
.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.alignleft { display:block; margin-right:auto; }
.alignright { display:block; margin-left:auto; }