/* CSS Document: Dematec Water and Power, Automation and Robotics */

/*
Theme Name: On Black
Theme URI: http://www.dematec.com.au
Description: A simplified layout for engineering company, Dematec Water and Power, Automation and Robotics
Version: 1.1
Author: Lynnette Faggotter for Southern Xposure Pty Ltd
Author URI: http://www.southernxposure.com.au


*/



/* ____________________________________________________ */
/* General Overall Styles								*/
/* ____________________________________________________ */

html, body {
	background: #000 url(images/background_overall.gif) top repeat-x;
	color:#FFF;
	margin: 0 auto;
	padding: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	/* font-weight: lighter; */
}

p {
	font-family: Arial, Helvetica, sans-serif;
	/* font-weight: lighter; */
	
}


/* ____________________________________________________ */
/* Main Containers										*/
/* ____________________________________________________ */

#outerwrapper {
	background:url(images/background_mainzone.gif) top no-repeat;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}


#wrapper {
	width: 885px;
	margin: 0 auto;
	padding: 0;
}

#header {
	width: 885px;
	margin: 0 auto;
}

#horizontalmenu {
	width: 885px;
	margin: 0 auto;
	padding: 0;
}

#contents {
	width: 755px;
	margin: 0 auto;
	position: relative;

}

#left-col {
	width: 205px;
	float: left;
	margin: 0 0 0 30px;
	padding: 20px 0 0;
}

#right-col {
	width: 535px;
	margin: 0 0 60px 290px;
	padding: 20px 0 0;
	
}

#sidebar {
	
	/* text-transform: uppercase; */

}

#foot {
	clear:both;
	width: 100%;
	background:#0089d0 url(images/background_footer.gif) top repeat-x;
}

#footdetails {
	width: 775px;
	margin: 0 auto;
	padding: 30px 30px;
	text-align: right;
}


/* ____________________________________________________ */
/* Content/Posts										*/
/* ____________________________________________________ */

#right-col h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: lighter;
	color: #369;
	margin-bottom: 2px;
}

#right-col h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: lighter;
	color: #ef4925;	
}

#right-col h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: lighter;
	color: #6CF;	
}

#right-col a:link {
	color: #369;
	text-decoration:none;
}

#right-col a:visited {
	color: #06F;
	text-decoration:underline;
}

#right-col a:hover, #right-col a:active {
	color: #F63;
}

#right-col p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	/* font-weight: lighter; */
}

#right-col ul, #right-col li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	/* font-weight: lighter; */
}



.post {
	margin: 0 0 30px 0;
}

.navigation {
	width: 600px;
	font-size: small;
}


/* ____________________________________________________ */
/* Sidebar Structure									*/
/* ____________________________________________________ */


#sidebar ul {
	display: list-item;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	/* font-weight: lighter; */
	list-style: none;

}


#sidebar ul li {
	
}

#sidebar ul li h2 { /* this is the widget title */
	display: none;
	
}

#sidebar ul li ul {
	margin: 0 0 10px 0;
	padding: 0 0 20px 0;

}

#sidebar ul li ul li { /* begin for the widget list */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	/* font-weight: lighter; */
	text-transform: uppercase;
	list-style: url(http://www.dematec.com.au/wp-content/themes/onblack/images/bullet_cross.gif) outside;
	margin-left: 15px;
	
}

#sidebar ul li ul li a {
	color:#FFF;
	text-decoration:none;
	
}

#sidebar ul li ul li a:link {
	color:#FFF;
	text-decoration:none;
	
}

#sidebar ul li ul li a:visited {
	color: #CFF;
	text-decoration:none;
	
}

#sidebar ul li ul li a:hover, #sidebar ul li ul li a:active {
	color: #F60;
	text-decoration:underline;
	
}


/* ____________________________________________________ */
/* Comments Section										*/
/* ____________________________________________________ */

#comments {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	/* font-weight: lighter; */
	color: #CFF;
}

h3#comment-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	/* font-weight: lighter; */
	text-transform:uppercase;
	
}


/* ____________________________________________________ */
/* Footer												*/
/* ____________________________________________________ */

#footdetails p {
	font-size: .7em;
}

#footdetails a:link {
	color: #ffceaa;
}

#footdetails a:visited {
	color: #F60;
}

#footdetails a:hover, #footdetails a:active {
	color: #6CC;
}


/* ____________________________________________________ */
/* Specific Style Quirks								*/
/* ____________________________________________________ */


/* Header */

#header h1 {
	padding: 0;
	margin: 0;
}

/* horizontalmenu */

#horizontalmenu img {
	border: 0 solid #FFF;
}

/* Content */

.nav-leading {
	padding-bottom: 15px;
}

/* Index Page */

#dematec-introduction {
	color: #b0c4d8;
	padding-bottom: 30px;
	
}

#dematec-introduction p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-size: .9em;
	
}

#dematec-introduction a:link {
	color: #e37528;
	text-decoration: underline;
}

#dematec-introduction a:visited {
	color: #a6561e;
	text-decoration: underline;
}


#dematec-introduction a:hover, #dematec-introduction a:active {
	color: #5389bf;
	text-decoration: underline;
}

.indexnewsandevents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: lighter;
	color: #369;
	line-height: .3em;
	margin-bottom: 2px;
}


/* Left Menu */

form.searchform {display: inline;} 


#boxes a:link, #boxes a:visited {
	color: #FFF;
	text-decoration: none;
}

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


.boxone {
	width: 100%; 
	margin: 0px; 
	padding: 10px; 
	font-size: small; 
	color: white; 
	background-color: #d4302a; 
	text-align: center; 
	margin-top: 10px;
}

.boxtwo {
	width: 100%; 
	margin: 0px; 
	padding: 10px; 
	font-size: small; 
	color: white; 
	background-color: #ef4727;
	text-align: center; 
	margin-top: 10px;
}

.boxthree {
	width: 100%; 
	margin: 0px; 
	padding: 10px; 
	font-size: small; 
	color: white; 
	background-color: #f47d2d;
	text-align: center; 
	margin-top: 10px;
}


/* Right Menu */


/* Random Extras */

.orangehighlight {
	color: #f17c29;
}

.project-cats {
	color:#66CCFF;
}

.lcp_catlist {

}