/*
Theme Name: SAA Dark
Theme URI: http://saa-arch.com
Description: Dark Theme for SAA Architecture
Version: 1.0
Author: Eric Parks
Author URI: http://otola.com

This theme was designed and coded by Eric Parks, www.otola.com.
*/ 

html {
margin: 0;
padding: 0;
}

body {
background-color: #f4f4f4;
text-align: left;
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
color: #ccc;
}

/************************************* Begin Main Area Layout Styles *************************************/	
#content {
background: url(images/contentback-light.png) center top;
padding-top: 30px;
}

.sitemargin {
width: 980px;
margin: 0 auto;
}

#content .sitemargin {
min-height: 400px;
_height: 400px; /* IE6 hack */
}

#flasharea {
height: 317px;
width: 978px;
margin: -15px auto 0 auto;
border-bottom: 1px solid #353535;
padding: 5px 1px 0px 1px;
background: url(images/flashback-light.png) 0px 0px no-repeat;
}

#leftcontent{
float: left;
width: 50%;
padding: 10px 20px;
}

#rightcontent {
padding: 10px 20px;
background: url(images/entry-back.png);
}

#rightcontent .post {
margin: 0 0 10px 0;
}

.entry {
padding: 0 20px 20px 20px;
background: url(images/entry-back.png) center top;
min-height: 400px;
_height: 400px; /* IE6 hack */
}

#contentfooter {
background: url(images/contentbackfooter-light.png) center top;
height: 24px;
clear: both;
}

.clear {
clear:both;
}

.movie {
width: 100%;
height: 100%;
}

.headimage {
margin: -15px 0 10px -20px;
}

.footertext {
color: #000;
font-size: .7em;
padding: 5px 5px 15px 5px;
}

.leftfoot {
float: left;
padding-right: 15px;
}

.midfoot {
float: left;
}

.rightfoot {
float: right;
}

#portfoliogrid td {
padding: 0 10px 20px 5px;
}

#blog {
background: url(images/entry-back.png);
}

#blog .entry {
float: left;
width: 700px;
background: none;
margin-right: 20px;
}

#sidebar {
float: left;
width: 200px;
}

.endorsementl, .secondaryleft {
float: left;
padding: 0 0 20px 0;
margin: 0;
width: 460px;
clear: both;
}

.endorsementr, .secondaryright {
padding: 0 0 20px 0;
margin: 0 0 0 485px;
}

.contactleft {
float: left;
padding: 0 0 20px 0;
margin: 0;
width: 250px;
clear: both;
}

.contactright {
padding: 0 0 20px 0;
margin: 0 0 0 270px;
}



/************************************* End Main Area Layout Styles *************************************/	

	
/************************************* Begin Navigation Styles *************************************/	
#navcontainer { 
width: 100%;
margin: 0;
padding: 0;
height: 100px;
background: url(images/navbar-light.png) no-repeat center;
}

#navbar {
margin: 20px 0 0 176px;
}

#navlist {
float: left;
margin: 0;
list-style: none;
}

#navlist li {
float:left;
text-align: center;
margin: 0 20px;
}

#navlist a {
float:left;
text-decoration: none;
padding:0 0 0 6px;
margin:0;
color: #333;
font-size: .8em;
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, sans-serif;
background: url(images/navleft.png) no-repeat left 0px;
}

#navlist a span {
float:left;
display:block;
background: url(images/navright.png) no-repeat right 0px;
padding: 5px 11px 5px 5px;
}

#navlist a:hover {
background-position: left -52px;
cursor: hand;
}

#navlist a:hover span {
background-position: right -52px;
}

#navlist .current a, #navlist .current a:hover  {
background-position: left -26px;
}

#navlist .current a span, #navlist .current a:hover span  {
background-position: right -26px;
}

#clientlogin {
float: right;
}

#clientlogin a {
display:block;
background: url(images/clientlogin-light.png) no-repeat 0px 0px;
padding: 12px;
width: 105px;
}

#clientlogin a:hover {
background-position: 0px -26px;
}

#clientlogin span {
display: none;
}

#searchbar {
line-height: 0;
padding: 9px 0 0 0;
text-align: right;
}

#searchbar form {
padding: 0;
}

#searchbar input {
font-size: .8em;
color: #000;
}

#s {
border: none;
width:125px;
background: url(images/searchBack.gif) no-repeat;
padding: 5px 0 5px 5px;
margin: 0;
float: right;
}

input.send-btn {
width: 26px;
height: 25px;
outline: none;
float: right;
}

.entry .secondarynav {
clear: both;
margin: 0 0 15px 0;
}

.entry .secondarynav li {
background-image: none;
display: inline;
margin: 0 20px 0 0;
padding: 0;
}

.entry .secondarynav .current a {
color: #666;
}

/************************************* End Navigation Styles *************************************/	

/************************************* Link and Font Styles *************************************/	
a {text-decoration: none;}
a:link, a:active, a:visited {color: #58a1eb;}
a:hover {color: #58a1eb; text-decoration: underline;}

h1, h2, h3, h4, pre, blockquote, form, fieldset, ul, ol {
margin: 0;
padding: 0;
}

table td {
vertical-align: top;
}

p {
margin: 0 0 1.2em 0;
padding: 0;
font-size: .8em;
line-height: 1.5em;
}

blockquote {
margin: .8em 0 .8em 1.5em;
padding-left: 10px;
}

h1, h2, h3 {
font-family: Trebuchet MS, Trebuchet, Tahoma, Arial, Helvetica, sans-serif;
color: #FFF;
}
	
h1 {
font-size: 1.2em; 
padding: 2px 0 8px 0;
font-weight: normal;
}

h2 {
font-size: 1em;
}

h3 {
font-size: .9em;
}

h4 {
font-size: .7em;
font-weight: normal;
}

h5 {
font-size: .9em;
font-weight: normal;
color: #FFF;
margin: -5px 0 5px 0;
padding: 0;
}

#portfoliogrid h2 {
border-bottom: 1px solid #FFF;
margin-bottom: 5px;
}

.chrondate {
padding: 0;
margin: 0 0 5px 0;
}

.nodisplay {
display: none;
}

.entry ul, .entry ol {
margin: .4em 0 .8em 1em;
}

.entry ul li, #sidebar ul li {
list-style: none;
padding-left: .9em;
margin: 0 0 .4em .3em;
background-image: url(images/li.png);
_background-image: url(images/li_ie6.png); /* IE6 hack */
background-repeat: no-repeat;
background-position: 0em .5em;
font-size: .8em;
line-height: 1.4em;
}

.entry ol li {
margin: 0 0 .7em .5em;
font-size: .8em;
line-height: 1.4em;
}

.entry #portfoliogrid ul, #sidebar ul {
margin: .4em 0 .8em 0;
}

.entry blockquote {
margin-left: 30px;
width: 430px;
}

/************************************* End Link and Font Styles *************************************/	

/************************************* Begin Gallery Styles *************************************/	
img {
border: 0;
}

.gallery-icon {
float: left;
display: inline;
margin: 15px;
}

.gallery-icon2 {
float: left;
display: inline;
margin: 12px 13px 12px 12px;
}

.gallery-icon img, .gallery-icon2 img {
border: 1px solid #666;
}

.gallery-icon img:hover, .gallery-icon2 img:hover {
border: 1px solid #58a1eb;
}

dl, dt {
margin: 0;
padding: 0;
}

#topcontent .gallery-caption {
display: none;
}

.backportfolio {
clear: both;
font-size: .8em;
}