@import url("global.css");

body {
background:#1C1C1C url(../images/blk/gradBg.png) repeat-x;
height:100%;
margin:0 auto;
color:#fff;
}

a:link,a:visited {
color:#CCC;
text-decoration:none;
outline:none;
}

a:hover {
color:#99C;
text-decoration:underline;
cursor:pointer;
}

.pageTitle {
font-style:oblique;
color:#669;
font-weight:lighter;
}

#container {
width:100%;
min-height:100%;
height:auto !important;
background-image:url(../images/blk/squares.png);
background-repeat:repeat;
display:block;
margin:0 auto -4em;
}

.logo {
float:left;
background:url(../images/blk/logo.png) no-repeat;
width:320px;
height:82px;
}

.headText p {
color:#666;
}

.headText p + p {
color:#333;
word-spacing:1.5em;
}

.lBox {
overflow:hidden;
width:550px;
float:left;
}

.lBoxInner {
background:url(../images/blk/lBoxBg.png) repeat-y;
padding:0 40px;
}

.lBoxTop {
background:url(../images/blk/lBoxTop.png) no-repeat;
height:25px;
width:550px;
}

.lBoxBottom {
background:url(../images/blk/lBoxBottom.png) no-repeat;
height:25px;
width:550px;
}

.rBox {
overflow:hidden;
width:220px;
height:100%;
float:right;
}

.rBoxInner {
background:url(../images/blk/rBoxBg.png) repeat-y;
padding:0 20px;
}

.rBoxTop {
background:url(../images/blk/rBoxTop.png) no-repeat;
height:25px;
width:220px;
}

.rBoxBottom {
background:url(../images/blk/rBoxBottom.png) no-repeat;
height:25px;
width:220px;
}

.mainMenu a:link,.mainMenu a:visited {
color:#99C;
text-decoration:none;
outline:none;
}

.mainMenu a:hover {
color:#CCF;
text-decoration:none;
cursor:pointer;
}

.meEmblem {
background:url(../images/blk/meEmblem.png) no-repeat;
width:150px;
height:27px;
margin:0 15px;
}

.pageLink a {
font-size:14px;
font-style:oblique;
font-weight:lighter;
}

.titleText {
font-size:14px;
text-align:justify;
color:#eee;
padding:10px 0;
}

.portWhat h3 {
text-align:center;
color:#999;
font-size:22px;
font-weight:lighter;
margin:0 0 10px;
}

.portWhat {
width:325px;
color:#ccc;
min-height:115px;
margin-left:150px;
text-align:left;
}

.portWhat ul {
text-align:justify;
padding-left:30px;
list-style-image:url(../images/blk/listLogo.png);
}

.projectGallery span img {
border:4px ridge #666;
width:100px;
margin:0 3px;
}

.projectGallery span img:hover {
border:4px ridge #99C;
width:100px;
margin:0 3px;
}

.projectDetail .leftContent {
text-align:justify;
width:245px;
float:left;
color:#ccc;
padding:0 0 10px;
}

.projectDetail .rightContent h5 {
text-align:center;
color:#ccc;
}

.projectDetail .rightContent ul {
color:#666;
list-style-image:url(../images/blk/listLogo.png);
margin:10px 0 10px 50px;
}

#resume {
color:#ccc;
width:100%;
text-align:justify;
border-top:1px solid #999;
margin:20px 0 0;
padding:20px 0;
}

form#contact fieldset label {
font-size:10px;
color:#eee;
}

form#contact fieldset input {
color:#eee;
font-size:12px;
margin-bottom:5px;
background-color:#333;
}

form#contact fieldset textarea {
color:#eee;
font-size:12px;
margin-bottom:5px;
background-color:#333;
font-family:Arial, Helvetica, sans-serif;
}

.valxhtml {
background:#666;
color:#333;
padding:0 3px;
}

.valcss {
background:#333;
color:#333;
padding:0 3px;
}

.valaccess {
background:#CC9;
color:#333;
padding:0 3px;
}

.lBoxInner h3 {
color:#333;
}