/********************************************************************************                                                  
                          UMO CUSTOM SF-BLUEPRINT-CSS

The Great UMO Over Rider 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.
If you are reading this, then head on over to BluePrint CSS, visit: http://code.google.com/p/blueprintcss/
and make one yourself.
********************************************************************************/


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

body {
   background: #fff url(images/umobg.gif) repeat-x top left;
   color: #000; 
}

#main {
   padding-top: 10px;
}



/********************************************************************************
               Typography
********************************************************************************/
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px)
***************************************/
	
body {
	font-size: 75%; 
	font-family:'Lucida Grande', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
}

h1,h2,h3,h4,h5,h6 { 
  color: #000080; 
}

.quiet {color:#999;}
.quiet a {color: #FFCC66;}
.quiet a:hover {
	color: #99CCFF;
	background-color: transparent;
}

ul .midul {
	  list-style-type: none;
	  margin-left: 0px;
	  padding-left: 0px;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	
}

#midulid {
list-style-type: none;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;

}

#midulid li {
list-style-type: none;
}


li .widgetcontainer {
	  list-style-type: none;
}

li .widget_text {
	  list-style-type: none;
}



/* umo 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: 1em; color: #999;
	background: transparent url(images/time.png) no-repeat top left;
	padding-top: 2px;
	padding-right: 0pt;
	padding-bottom: 2px;
	padding-left: 20px;  
	}
.therest {
	font-size: .8em; line-height: 1em; color: #999;
	background: transparent url(images/book_next.png) no-repeat top left;
	padding-top: 2px;
	padding-right: 0pt;
	padding-bottom: 2px;
	padding-left: 20px;  
	text-align: right;
	
}

.thexrest a {
	color: #999;
	border-bottom: dashed 1px #999;

}

.thexrest a:hover {
	color: #900;
	text-decoration: none;
	border-bottom: dashed 1px #999;
}

.thecat {
	font-size: .8em; line-height: 1em; color: #999;
	background: transparent url(images/folder_page_white.png) no-repeat top left;
	padding-top: 2px;
	padding-right: 0pt;
	padding-bottom: 2px;
	padding-left: 20px;  
	text-align: right;
}

.thelist {
	font-size: .8em; line-height: 1em; color: #999;
	background: transparent url(images/book_next.png) no-repeat top left;
	padding-top: 2px;
	padding-right: 0pt;
	padding-bottom: 2px;
	padding-left: 20px;  
	text-align: right;
}

.cats {
	font-size: 1em; line-height: 1em; color: #999;
	background: transparent url(images/folder.png) no-repeat top left;
	padding-top: 2px;
	padding-right: 0pt;
	padding-bottom: 2px;
	padding-left: 20px;  
	text-align: right;
}


.archs{ 
	font-size: 1em; line-height: 1em; color: #999;
	background: transparent url(images/time.png) no-repeat top left;
	padding-top: 2px;
	padding-right: 0pt;
	padding-bottom: 2px;
	padding-left: 20px;  
	}

.info{ 
	font-size: 1em; line-height: 1em; color: #999;
	background: transparent url(images/information.png) no-repeat top left;
	padding-top: 2px;
	padding-right: 0pt;
	padding-bottom: 2px;
	padding-left: 20px;  
	text-align: center;
	}

.mail{ 
	font-size: 1em; line-height: 1em; color: #999;
	background: transparent url(images/email.png) no-repeat top left;
	padding-top: 2px;
	padding-right: 0pt;
	padding-bottom: 2px;
	padding-left: 20px;  
	}

.thexcat a {
	color: #999;
	border-bottom: dashed 1px #999;
}

.thexcat a:hover {
	color: #900;
	text-decoration: none;
	border-bottom: dashed 1px #999;
	
}

.rssside {
	font-size: 1em; line-height: 1em; color: #999;
	background: transparent url(images/feed.png) no-repeat top left;
	padding-top: 2px;
	padding-right: 0pt;
	padding-bottom: 2px;
	padding-left: 20px;  
}

#latest .postbox {
	border-bottom: 1px dotted #999;
}

#pagecontent p {
	margin-bottom: 1.5em;
}

.manpage{
}

h3.mantitle {
	font-family: Arial, helvetica, sans-serif;
	font-size: 10pt;
	color: #ffcc33;
	font-weight: normal;
	padding-left: 10px;
	padding-top: 8px;
	background: #fff url(images/umomain.gif) no-repeat top left;
	height: 28px;
	min-height: 28px;
	
}
.commentnum{ font-size: .8em; line-height: 1.2em;}

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



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

a { color: #7C97C5; text-decoration: none; }

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

a:focus, a:hover { text-decoration: underline; color: #7C97C5;
}

li { list-style-type: square; }


h2 {
	/*font-size:1.0em;font-weight: bold; */
	 margin-bottom:0em;}
	
p {margin:0 0 0em; padding: 0 0 0em; line-height: 1.8em;}


/********************************************************************************                                            
                            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. 
***************************************/
.box {padding:1.5em;margin-bottom:1.5em;background:transparent;}
.postbox {
	padding:1.5em;
	margin-bottom:0em;
	margin-top:0em;
	background:transparent;
	}
	
.postbox ul {list-style-type:disc;}
.postbox ul li {list-style-type:disc;}

.postbox h2 a { color: #397BED;}
	

.box2 { 
  padding: .5em; 
  margin-bottom: .5em; 
  background: transparent; 
  border: none;   
}

.box3 { 
  padding: 1em; 
padding-top: 0em;
  margin-bottom: 1em; 
  background: transparent; 
  border: none;   
line-height: 1.5em;
}


.centerbox { 
  padding: 1em; 
  padding-top: 1em;
  margin-bottom: 1em; 
  background: transparent; 
  border: none;   
  line-height: 1.5em;
  text-align: center;
}


.right, .alignright {
	text-align: right;
}

.left, .alignleft {
	text-align: left;
}

.center .aligncenter {
	text-align: center;
}


/* 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                                                   
********************************************************************************/

/********************************************************************************
                Header
********************************************************************************/

#header {
   background: #3e3c3d url(images/umoheaderbg.jpg) no-repeat top left;
}

#header-left-top {
   background: transparent url(images/umoheader-leftbg.jpg) no-repeat top left;
}

#header-left-top {
	width: 670px;
	height: 108px;
	}
	
#header-left-top span {
	display: none;
	}

#header-left-top a:focus, #header-left-top a:hover { background: transparent;}


#hpg1, #hpg2, #hpg3 {
	float: left;
}

#header-mid-right1 {
   background: transparent url(images/umo-header-mid1bg.gif) no-repeat top left;
}


#header-bot {
   background: transparent url(images/umoheader-botbg.jpg) no-repeat top left;
}



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

#navbar {
   margin: 0px auto 0px;
   padding: 0px 0px 0px 0px;
   background: transparent url(images/umonav-bg.jpg) no-repeat top left;

}
	
#navbar li {
   display: inline;
   list-style-type: none;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
}
		
#navbar ul {
   margin: 0px;
   padding: 0px;
}
	
#navbar ul li a {
   color: #000080;
   padding: 0px 0px 0px 4px;
   margin: 0px;
   text-decoration: none;
   border-bottom: none;
}

#navbar ul li a:focus, #navbar ul li a:hover, a:active {
   text-decoration: underline;
background: transparent;
}

#current_page_item a {
   text-decoration: underline;
}



/********************************************************************************
                Homepage custom
********************************************************************************/



#latest, #pagecontent {
   background: #fff url(images/umolatest_bg.gif) repeat-x top left;

}

#pagecontentx {
   background: #fff ;

}

#homecontent, #homepages {
   background: #fff url(images/umolatest_bg.gif) repeat-x top left;
	
}

#diarycontent {
   background: #fff url(images/umolatest_bg.gif) repeat-x top left;
	
}

#newsletterside, #browsecontent {
   background: #fff url(images/umolatest_bg.gif) repeat-x top left;
	
}

.postbox p img {
/*float: right;*/
margin-top: 0em;
margin-right: 0em;
margin-bottom: 0em;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}

.size-thumbnail {
	float: right;
}

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

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

#sidebar a {border-bottom: none;}


/********************************************************************************
                events list
********************************************************************************/


.eventslist {
    margin-left: 10px;
    padding-left: 0;
    list-style: none;
    }
	
.eventslist li {	
    padding-left: 14px;
    background-image: url(images/time.png);
    background-repeat: no-repeat;
    background-position: 0 6px;
    }

.faq {
    margin-left: 10px;
    padding-left: 0;
    list-style: none;
    }

.faq li {	
    padding-left: 14px;
    background-image: url(images/page_white_go.png);
    background-repeat: no-repeat;
    background-position: 0 6px;
}

.faq li h3 {
	line-height: 2em;
	
}

html[xmlns] .eventslist {
    padding-left: 2em;
    }

html[xmlns] .eventslist li {
    background: none; /* undo the background-image */
    list-style-image: url(images/time.png);
    padding: 0;
    }


html[xmlns] .faq {
    padding-left: 2em;
    }

html[xmlns] .faq li {
    background: none; /* undo the background-image */
    list-style-image: url(images/page_white_go.png);
    padding: 0;
	line-height: 2em;


    }
/********************************************************************************
                Footer
********************************************************************************/

#footer {
   text-align: left;
   font-weight: normal;
background-color: #000;
color: #eee;
border-top: 4px solid #333;
}

#footer a {
	color: #3399FF;
}