/********************************************************************************                                                  
                          USING SF-BLUEPRINT-CSS

-Never make changes to the original Blueprint CSS files.  Overwrite them in this custom.css file.
-Not all of the css classes are listed in this file. Since Blueprint has great default classes, only overwrites and additions are listed.

For more information on BluePrint CSS, visit: http://code.google.com/p/blueprintcss/

Good luck!
********************************************************************************/


/********************************************************************************
	         Body
********************************************************************************/

body {
   background:#93cad7;
   color: #000; 
   text-align: left;
}

#main {
   padding-top: 10px;
}

#jobs {
   padding: 5px 0 7px 0;
   background: #ddd; 
   margin-top:3px;
   font-size:.9em;
}

.jt_alljobs {display: none;}

#jobs .colborder {
  border-right: 1px solid #fff;
}


.container {
	background: #fff;
	
   	height: 100%;
}

.whole {
	margin:0 auto;
	width: 995px;
}



/********************************************************************************
               MWB Theme
********************************************************************************/




#splash { z-index: 2; padding: 3px 0 5px 0;}
img.right {float:right;margin:0em 0 .5em 1.5em;}
img.left {float:left;margin:0em 1.5em .5em 0em;}

#pagewithside p {padding-left:40px; border: 2px solid red;}

  
.top {margin-top:0;padding-top:0;}

.featuredpost {
 font-size: .8em;
 color: #666;}
/********************************************************************************
               Typography
********************************************************************************/
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px)
***************************************/
   
body {
   font-size: 90%; 
   font-family: 'Helvetica Neue','HelveticaNeue',helvetica,sans-serif;
}

h1,h2,h3,h4,h5,h6 { 
  color: #2f84af; 
  text-rendering:optimizeLegibility;
}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; line-height: 1; margin-bottom: 0.2em; font-weight: 400; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0em; }
h4 { font-size: 1.5em; line-height: 1.5em; margin-bottom: 0em; height: 1.5em; }


/* SlipFire created typography classes
***************************************/

.medium { font-size: 1em; line-height: 2.1875em;}

.center {text-align:center;}

.byline{ font-size: 1em; line-height: 1.2em;}

.timestamp{ font-size: .8em; line-height: 1.2em;}

.commentnum{ font-size: .8em; line-height: 1.2em;}

.incategory{ font-size: 1em; line-height: 1.2em;}



/********************************************************************************
               Text Elements
********************************************************************************/

a {  color: #222; text-decoration: none; }

/* Removes unwanted link decoration
***************************************/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a{  color: #2f84af; border-bottom: none;}

a:focus, a:hover { background: #E5ECF9;}

li { list-style-type: square; }




/********************************************************************************                                            
                            SLIPFIRE CREATED CLASSES                                                   
********************************************************************************/


/********************************************************************************
                Borders
********************************************************************************/

.border-left{
  margin-left: 7px;
  padding-left: 7px;
  border-left: 1px solid #ddd;
}

.border-right{
  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px solid #ddd;
}

.border-top{
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid #ddd;
}

.border-bottom{
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
}


/********************************************************************************
                Misc
********************************************************************************/

/* Use a .box(Blueprint default) or .box2 to create a padded box inside a column. 
***************************************/

.box2 { 
  padding: .5em; 
  margin-bottom: .5em; 
  background: #eee; 
  border: 1px solid #ddd;   
}


/* Use to push down a div (adds vertical space between divs)
***************************************/

.pushdown-1 {padding-top:10px;}
.pushdown-2 {padding-top:20px;}
.pushdown-3 {padding-top:30px;}
.pushdown-4 {padding-top:40px;}
.pushdown-5 {padding-top:50px;}



/********************************************************************************
                Lines
********************************************************************************/

/* Lines: add "class=" to HR to control color and height
     example: <hr class=thick> for a thick line
***************************************/

.thick {
  background: #5b5b5b; 
  color: #5b5b5b;
  height: 3px;
  margin: 0 0 1.4em 0;
}

.thin{
  background: #5b5b5b; 
  color: #5b5b5b;
  height: 2px;
  margin: 0 0 0 0;
}




/********************************************************************************                                                  
                          SLIPFIRE CREATED FOR WORDPRESS                                                   
********************************************************************************/


/********************************************************************************
                Navbar
********************************************************************************/

/* These styles create the dropdown menus. */
#navbar {
	margin: 0;
	padding: 0;
	height:1.7em;
	text-transform: lowercase;
	position:relative;
	background:#EB7E35;
	width:948px;
		border:1px solid #eb7e35 !important;
	z-index: 5;}
	
#navbar li {
	list-style: none;
	float: left; 
	border-right: 1px solid white;
	white-space:nowrap;
	font-weight:normal;
	background-color: #EB7E35;
	color: #fff;
	width: 114px;}

#navbar li a {
	display: block;
	padding: 3px 8px;
	height:1.7em;
	background-color: #EB7E35;
	color: #fff;
	text-decoration: none;
	padding: 0px 0 0px 10px;
	line-height: 1.7em; }
	
#navbar li ul {
	display: none; 
	width: 114px; /* Width to help Opera out */
	background-color: #fff;
	color: #EB7E35;
	}
	
#navbar li:hover, #navbar li.hover {
	text-decoration: none;
		background-color: #EB7E35;
	color: #fff;}
	
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; 
	text-decoration: none;
	background: #EB7E35;
	color: #fff;
}

#navbar li:hover li, #navbar li.hover li {
	float: none; 
}

#navbar li:hover li a, #navbar li.hover li a {
	border-bottom: 1px solid #EB7E35;
	border-right: 1px solid #EB7E35;
	border-left: 1px solid #EB7E35;

	color: #EB7E35;
}

#navbar li li a {
	color: #EB7E35;
	background: #fff;
	text-decoration: none;}

#navbar li li  {
	background: #fff;	
	text-decoration: none;}
#navbar li li:hover  {
	background: #eb7e35;	
	text-decoration: none;}

#navbar li li a:hover {
	color: #fff;
	background: #eb7e35;
	text-decoration: none;}

li#Home {
width: 112px;
}

li#Contact{
width: 258px;
border-right: 0px solid #eb7e35;
}




/********************************************************************************
                Sidebar
********************************************************************************/

#sidebar h2{
   font-size: 1em;
   font-weight: bold;
   margin-bottom: .2em;
}

#sidebar a {border-bottom: none;}


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

#footer {
   color: #6c7985;
   text-align: left;
   font-weight: normal;
   font-size: .9em;
}

#footer a{
   color: #6c7985;
}

#footer a:hover{
   color: #6c7985;
}


/* Rounded corners CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
margin: 0; padding: 0;
	border:1px solid #666;

	background:#93cad7;
}

/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(x/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(x/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}
 
	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(x/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(x/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}
 
	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(x/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(x/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */
 
/* Custom CSS
================================================*/
/* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */
 
.one {
	position:absolute;
	top:0;
	right:0;
}
.two {
	float:left;
	width:45%;
}
.two .i1,
.two .i2 { background-image:url(x/borders.gif); }
.two .bt,
.two .bt div,
.two .bb,
.two .bb div { background-image:url(x/box.gif); }
#three {
	float:left;
	clear:both;
	width:80%;
}
#three .cb {
	float:left;
	width:40%;
}