/* Styles definition for nadiaunderwood.com- style.css */
/* Web Site by Bang Logic - banglogic.com */

/*--------------------------------------------------------------*/
/* Tag styles */
/*--------------------------------------------------------------*/
body { 
background: url(../images/background.gif) repeat-x #333;
margin: 0; 
padding: 0; 
font: 76%/150% Verdana, Helvetica, sans-serif;
color: #ccc; 
overflow: hidden; }

h1, h2, h3, h4, h5, h6 { 
font-family: Georgia, "Times New Roman", Times, serif; 
font-weight: bold;
color: #f3f;
letter-spacing: -1px;
font-style: normal; 
line-height: 1.0em; }

h1 { 
margin-top: 0.5em; 
font-size: 2.0em; }

h2 { 
font-size: 1.7em; }

h3 { 
font-size: 1.3em; 
margin-bottom: 0.3em; }

a:link, a:visited, a:hover, a:active { 
color: #f9f; 
text-decoration: none; 
font-weight: bold; }

a:hover { 
text-decoration: underline; }

a img { 
border: none; }

/*--------------------------------------------------------------*/
/* DIVs */
/*--------------------------------------------------------------*/
.wrap { 
width: 774px;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
background: #000;
border: #444 1px solid; }

#header { 
background: #333 url(../images/headerbg.gif) repeat-x top left;
height: 55px; 
text-align: left;
padding-left: 1.0em;
font-size: 10px;
text-transform: uppercase; 
border-bottom: #444 1px solid; }

#feature { 
width: 300px;
height: 450px;
margin: 0 auto; 
float: left; }

#content { 
width: 330px;
height: 408px;
background: #000;
padding: 21px;
float: right;
overflow: auto; 
border-left: #333 1px solid; }

#portfoliocontent { 
height: 408px;
background: #000;
padding: 21px;
overflow: auto; 
border-left: #333 1px solid; }

#footer { 
clear: both;
background: url(../images/footerbg.gif) repeat-x #333 bottom; 
height: 15px; 
text-align: right;
text-transform: uppercase;
font-size: 0.8em; 
border-top: #444 1px solid; }

#footer p { 
margin-right: 3px; 
margin-top: -3px; 
padding: 2px 0 0 0; }


/*--------------------------------------------------------------*/
/* Navigation */
/*--------------------------------------------------------------*/
#navcontainer { 
background: #000;
float: left; 
width: 100px;
height: 450px;
margin: 0;
font-size: 1.3em;
text-align: center;
border-right: #333 1px solid; }

ul#navlist {
text-align: center;
list-style: none;
padding: 0;
margin: 50px auto; }

ul#navlist li {
display: block;
margin: 0;
padding: 0; }

ul#navlist li a {
font-family: Georgia, "Times New Roman", Times, serif; 
display: block;
width: 100%;
padding: 1.0em 0;
color: #ccc;
font-weight: bold; 
text-decoration: none;
background: #000; }

#navcontainer>ul#navlist li a { 
width: auto; }

ul#navlist li#active a {
background: #f3f;
color: #000; }

ul#navlist li a:hover, 
ul#navlist li#active a:hover {
color: #fff;
background: #333; }

/*--------------------------------------------------------------*/
/* Classes */
/*--------------------------------------------------------------*/
.center { 
text-align: center; 
margin-left: auto; 
margin-right: auto; }

.right { 
float: right}

.clearboth { 
clear: both }

.clearleft { 
clear: left }

.clearright { 
clear: right }

.pullquote { 
width: 150px;
float: right;
width: 150px;
margin: 10px; 
padding: 5px;
font-weight: normal; 
text-align: right; }

.title { 
float: left; }

.banglogic a:link, 
.banglogic a:visited, 
.banglogic a:hover, 
.banglogic a:active { 
color: #f60; }