/* This is my modified version of the 2 column version of andreas00
   http://www.gwcoughlin.com. I am also using lightbox script library for the portfolio.
   Refer to their licenses for usage rights. */

/* Based on andreas00 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.1 (Apr 20, 2006) */

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

body {

margin:0 auto;
padding:0;
font:70% Verdana,Tahoma,Arial,sans-serif;
background:#eaeaea url(../pix/backer.gif) top center repeat-y;
color:#3a3a3a;

}

/***** Main Container *****/

#wrap {

background-color:#ffffff;
color:#303030;
margin:0 auto;
padding:1px 5px;
width:760px;

}

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

#header {

color:#505050;
background:#ffffff url(../pix/header.jpg) bottom left no-repeat;
height:245px;
margin:0 0 10px 0;
padding:0;

}
#header h1 {

font-size:2.5em;
font-weight:normal;
letter-spacing:-2px;
margin:0 0 4px 15px;
padding:15px 0 0 0;

}

#header h1 a,#header h1 a:hover {

padding:0;

}

#header p {

font-size:1.1em;
letter-spacing:-1px;
margin:0 0 20px 15px;
padding:0 0 0 3px;

}

/***** Left sidebar *****/

#leftmenu {

clear:left;
float:left;
width:150px;
margin:0 0 10px 0;
padding:0;

}

#leftmenu ul {

list-style:none;
width:150px;
margin:0 0 20px 0;
padding:0;

}

#leftmenu li {

margin-bottom:5px;

}

#leftmenu li a {

font-weight:bold;
height:20px;
text-decoration:none;
color:#505050;
display:block;
padding:6px 0 0 10px;
background:#f4f4f4 url(../pix/menubacker.gif) bottom left repeat-x;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #BCC3FA;
}

#leftmenu li a:hover, #leftmenu li a.current {

background:#eaeaea url(../pix/menubacker2.gif) bottom left repeat-x;
color:#000000;
border-top:1px solid #b0b0b0;
border-right:1px solid #b0b0b0;
border-bottom:1px solid #b0b0b0;
border-left:4px solid #000033;

}

#leftmenu ul ul {

margin:5px 0 5px 10px;
font-size:0.9em;
width:130px;

}

#leftmenu ul ul a {

height:18px;
margin:0;
padding:4px 0 0 8px;

}

/***** Main content *****/

#content {

margin:10px 140px 10px 160px;
padding:0;
line-height:1.5em;
text-align:left;

}

#contentwide {

margin:10px 0 10px 160px;
padding:0;
line-height:1.5em;
text-align:left;

}

#contentfull {

margin:10px 10px 10px 10px;
padding:2px 0 0 0;
line-height:1.5em;
text-align:left;

}

#content h2, #contentwide h2, #contentfull h2 {

font-size:1.8em;
letter-spacing:-1px;
font-weight:normal;
margin:8px 0 10px 0;
padding:0;

}

#content h3, #contentwide h3, #contentfull h3 {

font-size:1em;
font-weight:normal;
margin:6px 0 6px 0;
padding:0;

}

#content img, #contentwide img, #contentfull img {

padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:1px solid #f0f0f0

}

#content a, #contentwide a, #contentfull a {

font-weight:bold;

}

#content ul, #content ol,

#contentwide ul, #contentwide ol,

#contentfull ul, #contentfull ol {

margin:0 0 16px 20px;

padding:0;

}

#content ul ul, #content ol ol,

#contentwide ul ul, #contentwide ol ol,

#contentfull ul ul, #contentfull ol ol {

margin:2px 0 2px 20px;

}



#content li, #contentwide li, #contentfull li {

margin:0 0 2px 10px;

padding:0 0 0 4px;

}


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

#footer {

clear:both;
margin:0 auto;
padding:8px 0;
border-top:2px solid #dadada;
width:760px;
text-align:center;
color:#808080;
background-color:#ffffff;
font-size:0.9em;

}

#footer p {

padding:0;
margin:0;

}

#footer a {

color:#808080;
background-color:inherit;
text-decoration:none;

}

#footer a:hover {

text-decoration:underline;

}


/***** Misc. tags *****/

a {

text-decoration:none;
color:#505050;
background-color:inherit;

}

a:hover {

text-decoration:underline;
color:#286ea0;
background-color:inherit;

}

a img {

border:0;

}

p {

margin:0 0 16px 0;

}

blockquote {

border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
margin:16px;
padding:7px 7px 7px 11px;
background:#f4f4f4 url(../pix/menubg.gif) bottom left repeat-x;
color:#505050;

}

blockquote p {

font-size:1.1em;
line-height:1.3em;
margin:0;

}

/***** Table Style *****/

table {

margin:0 0 16px 0;
padding:0;
line-height:1.2em;
border-collapse:collapse;
border:1px solid #d8d8d8;

}

caption {

text-align:left;
font-size:1.5em;
font-weight:normal;
margin:0;
padding:6px 0 8px 0;

}

th {

padding:7px;
text-align:left;
color:#505050;
font-size:0.9em;
background:#f4f4f4 url(../pix/menubacker.gif) bottom left repeat-x;
}

td {

padding:7px;
font-size:0.9em;
text-align:left;
background:#f4f4f4 url(../pix/menubacker.gif) bottom left repeat-x;
color:#303030;

}

/***** Misc. classes *****/

.left {

margin:10px 10px 5px 0;
float:left;

}

.right {

margin:10px 0 5px 10px;
float:right;

}

.textright {

text-align:right;
margin:-10px 0 4px 0;

}

.center {

text-align:center;

}

.small {

font-size:0.8em;

}

.large {

font-size:1.3em;

}

.bold {

font-weight:bold;

}

.highlighted {

padding:3px;
background-color:#f0f0f0;
color:#303030;
border:1px solid #b0b0b0;

}

.hide {

display:none;

}