/*  
Theme Name: Deep Purple
Theme URI: http://www.extraconnections.co.uk/
Description: Corporate Theme
Version: 1.0
Author: Chris Hunt
Author URI: http://www.extraconnections.co.uk
*/

body { 
   font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
   font-size: small;
   background: #CCC url(images/bg.gif); 
   margin: 0;
}

h2,h3,h4,h5,h6,#menu {
   font-family: "Trebuchet MS",helvetica,sans-serif;
}

div#wrap {
   width: 706px;
   padding: 4px;
   border: 1px solid #999;
   margin: 10px auto;
   background: #EEE url(images/bg3.gif);
   position: relative
}

a#skip {
   position: absolute;
   top: 4px;
   right: 8px;
   font-size: x-small;
   z-index: 100;
   color: #969;
   background: #303;
}

div#header {
   min-height: 114px;
   margin: 0 0 4px;
}

div#logo {
   float:left;
   width: 114px;
   height: 114px;
   background: #303;
   color: #fff;
   margin: 0;
   overflow: hidden;
}

div#logo a {
   display: block;
   text-align: center;
}

div#logo img {
   padding: 7px;
   border: 0;
}

div#sitetitle {
   background: #303;
   color: #fff;
   height: 114px;
   margin: 0 0 0 118px;
}

div#sitetitle h1 {
   margin: 0;
   padding: 32px 0 0;
   text-align: center;
}

div#sitetitle img {
   border: 0;
}

* html div#sitetitle { margin-left: 116px; }

div#main {
   background: none;
   width: 468px;
   clear: left;
   float: left;
}     

div.content,
div.bannad {
   margin-bottom: 4px;
}

div.content {
   border: 1px solid #999;
   background: #fff;
   padding: 10px;
   overflow: auto;
   text-align: justify;
   line-height: 1.4;
}

ul#menu {
   margin: 4px 0;
   padding: 0;
   list-style: none;
   overflow: auto;
}

#menu li {
   width: 114px;
   float: left;
   margin: 0 0 0 4px;
   padding: 0;
   list-style: none
}

#menu li#listpage6,
#menu li#listpage7 {
   width: 115px;
}

#listpage7 a:focus {  /* Fix Firefox bug */
   width: 112px;
}

#menu li#listpage2 {
   margin-left: 0;
}

#menu a {
   display: block;
   border: solid #000;
   border-width: 0 2px 2px 0;
   background: #303;
   text-align: center;
   text-decoration: none;
   color: #fff;
   font-size: larger;
}

#menu a:hover {
   background: #636;
   color: #fff;
}

#menu li ul {
        position: absolute;
      padding: 0;
      margin: 0 0 0 -4px;
        width: 10em;
        left: -999em;
}

#menu li ul li a {
   border-top-color: #fff;
}

#menu li:hover ul {
        left: auto;
}

div#sidebar {
   margin: 0 0 4px 472px;
   padding: 20px 6px;
   min-height: 15em;
   border: 1px solid #303;
   background: #969;
   color: #ffc;
}

#sidebar ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

#sidebar ul ul {
   margin: 0 0 2em 1em;
}

#searchform br {
   display: none;
}

#sidebar a {
   color: #ffc;
}

#sidebar a:hover {
   color: #fff;
}

div#footer {
   clear: both;
   background: #303;
   color: #fff;
   text-align: center;
   font-size: smaller;
   padding: 1em 0;
   margin-top: 4px;
}

/* ### Headings ### */
h2,h3,h4,h5,
h2 a,h3 a, h4 a, h5 a {
   color: #303;
   text-decoration: none;
   font-weight: bold;
   text-align: left;
}

#main h2,#main h3,#main h4,#main h5 {
   line-height: 1;
   margin: 2em 0 0.25em;
}

h2 a:hover,h3 a:hover, h4 a:hover, h5 a:hover {
   color: #636;
   text-decoration: underline;
}

#main h2 {
   margin-top: 0;
   font-size: 200%;
}

#main h3 {  font-size: 150%; }
#main h4 {  font-size: 135%; }
#main h5 {  font-size: 120%; }

.postmeta { font-size: smaller; }

/* ### Images ### */

#main img {
   border: 1px solid #666;
}

img.picleft,
img.picleftnb {
   float: left;
   margin: 0 5px 5px 0;
}

img.picright,
img.picrightnb {
   float: right;
   margin: 0 0 5px 5px;
}

img.piccentre,
img.piccentrenb {
   display: block;
   margin: 0.5em auto;
}

#main img.picrightnb,
#main img.picleftnb,
#main img.piccentrenb {
   border: 0;
}

/* ### Block Quotes ### */

blockquote {
   margin-left: 0;
   margin-right: 0;
   border: 1px solid #ddd;
   background: #f8f8f8;
   padding: 0 10px;
}

/* ### Lists ### */

#main li {
   margin-bottom: 0.5em;
   margin-right: 2em;
}

/* ### PL/SQL Array Article ### */
.x { color: #900; }
.y { color: #009; }


/* ### Code Samples ### */

pre.code {
   border: 1px solid #999;
   overflow: auto;
   padding: 8px;
   background: #efe;
}

/* ### Child Pages ### */

#main .childpages h3 {
   border-top: 1px solid #ccc;
   margin-top: 1em;
   padding-top: 1em;
}

#main .first h3 {
   margin-top: 0;
   border-top: 0;
   padding-top: 0;
}

/* ### Deflists used in Package documentation ### */

dl {
position: relative;
margin: 0;
padding: 0;
}
	
dt {
font-weight: bold;
float: left;
clear: left;
text-align: left;
width: 15em;  /* or whatever we want it to be */
margin: 0 0 1em 0;	/* match the dd */
}
		
dd {
clear: right;
padding-left: 1em;
margin: 0 0 1em 15em;	/* match the dt except for the left margin */
}

dl.formats dt,dl.message dt {
   width: 5em;
}

dl.formats dd,dl.message dd {
   margin-left: 5em;
}

dl.contents dt {
   width: 9em;
}

dl.contents dd {
   margin-left: 9em;
}

dl.examples dt {
   font-family: "Courier New", courier, monospace;
}


/* ### Licence ### */

.licence {
   border: 1px solid #ccc;
   background: #eee;
   padding: 5px;
}

.licence .copyright {
   font-weight: bold;
}

.licence .cclogo {
   text-align: center;
   font-size: smaller;
}

/* ### Portfolio ### */

.screenshot {
   float: left;
   margin: 0 5px 5px 0;
}

.portitem {
   clear: left;
   margin-top: 1em;
   padding-top: 1em;
   border-top: 1px solid #ccc;
}

#main .portitem h3 {
   margin-top: 0.5em;
}

/* ### Contact Form ### */

.contactform {
	position: static;
	overflow: auto;
}

* html .contactform {
	height: 1%;
}

.contactleft {
float: left;
clear: left;
width: 8em;  /* or whatever we want it to be */
margin: 0 0 1em 0;	/* match the dd */
text-align: right;
}
		
.contactright {
clear: right;
padding-left: 1em;
margin: 0 0 1em 8em;	/* match the dt except for the left margin */
}

.cntactleft {
	width: 25%;
	text-align: right;
	clear: left;
	float: left;
	dsplay: inline;
	padding: 4px;
	margin: 5px 0 0;
border:1px solid #ccc;
}

.cntactright {
	width: 70%;
	text-align: left;
	float: right;
	dsplay: inline;
	padding: 4px;
	margin: 5px 0 0 25%;
border:1px solid #ccc;
}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}

/* ### Misc ### */

p.jobdate {
   font-size: 200%;
   text-align: center;
   font-weight: bold;
}