/*  
Theme Name: Relevant folio
Description: portfolio style.
Version: 1.0
Author: Ryan Strandt
*/



/* Begin Typography & Colors */
body {font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
background: url('../img/index/banner-img.gif') repeat-x #fff; color: #333; text-align: center;}
#page {text-align: left;}

#header, #header a {text-align:right; text-decoration:none; color:#193DA3;}
#header a:hover {text-decoration:underline;}
#navigation, #navigation a {text-align: left; letter-spacing:1px; color:#193DA3; text-decoration:none;}

#navigation a:hover {font-weight:bold;}
#subnav a:hover {font-weight: normal; border-bottom: #193DA3 solid 2px;}

body#identity a#nav-id, body#print a#nav-prt, body#interactive a#nav-int, body#video a#nav-vid {font-weight:bold;}
body.prj01 a#nav-01, body.prj02 a#nav-02, body.prj03 a#nav-03, body.prj04 a#nav-04, body.prj05 a#nav-05, body.prj06 a#nav-06 {font-weight: bold; border-bottom: #193DA3 solid 2px;}

h1 {text-align:right; margin:0; padding:0; letter-spacing:-2px; font-size:1.5em;}
h2 {text-align:right; margin:0; padding:0; font-weight:normal; font-size:1.2em;}
h3 {margin:0; padding:20px 0 0 0; letter-spacing:2px;}

#prjnav {background-color: #b3b3b3; text-align:left; height:30px;}
#prjnav #logo {margin: 2px 20px 0 5px;}
#prjnav a {margin:10px; vertical-align:30%;}
#prjnav a:hover {background-color:#ccc; padding-top:5px;}

.prja #prja, .prjb #prjb, .prjc #prjc, .prjd #prjd, .prje #prje, .prjf #prjf, .prjg #prjg {background-color:#ccc; padding-top:5px;}

.description {padding:0 0 0 10px;}
.description a {border: 1px solid #999; padding:0 1px 0 1px; text-decoration:none;}
.description a:hover {background-color:#ccc;}

#weblink {border:0; font-weight:bold;}

#view1 .view1, #view2 .view2, #view3 .view3 {background-color:#ccc;}

/* End Typography & Colors */



/* Layout */
body {margin: 0; padding: 0;}
#page {margin:0 auto 0 auto; padding: 0; width: 800px;}
#header {margin:0; width:100%; height: 21px; padding:8px 10px 0 0;}

#navigation {margin:0; padding: 15px 0 0 320px; height:100px;}
#subnav {float:right; width:375px;}

#content {width:600px; float:right;}
#main {float:left; padding:10px; margin:0 0 0 50px; width:350px; height:100%; min-height:300px;}
#enclosers {float:right; height:100%; margin:0; width: 129px;}

#prjnav {width:600px; clear:both;}
#prj2x {float:right;}

#footer {text-align:right; clear:both; padding:20px 0 0 0;}
#footer a {margin-right:10px;}

/*--- relevant report ---*/

/* End Layout */


/* Begin Images */
#header {background: url('../img/index/top-banner.jpg') no-repeat;}
#navigation {background: url('../img/index/header.jpg') top left no-repeat;}
/* End Images */


/* navigation */
#navigation ul {margin:0; padding:0;}
#navigation ul li {margin:0; list-style-type:none;}
#navigation ul li ul li {display:inline; padding-right:20px;}

.description ul {margin:0; padding:0;}
.description ul li {display:inline; list-style-type:none; margin-right:10px;}


/* End Navigation */


/* Begin Various Tags & Classes */
.center {text-align: center;}
hr {display: none;}
a img {border: none;}
/* End Various Tags & Classes*/