/* @override http://deep6/css/styles.css
   @override http://deep6studio.com/adminDeep6/templates/css/styles.css
 */

/* Layout
--------------------------------------------------*/
body {
color: #2F394C;
font: 62.5%/185% normal "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
background: #2F394C url(../images/headerBG.jpg) top left repeat-x;}

#main-nav {
padding: 15px 0 8px 0;
font-size: 1.2em;
float: left;}

#main-nav li {
display: inline;
padding-right: 20px;}

#logo {}

#container {
margin-top: 30px;
background-color: #FFF;}

#content {
margin: 0 auto;
padding: 0px 30px;
width: 900px;}

#main-content {
margin-top: 20px;
padding-right: 25px;
padding-bottom: 50px;
width: 600px;
border-right: 1px solid #DDD;
float: left;}

#portfolio #main-content {margin-top: 70px;}
#articles #main-content {margin-top: 50px;}
#home #main-content {margin-top: 35px;}

#side-bar {
position: relative;
margin-top: -73px;
margin-bottom: 100px;
width: 250px;
float: right;
padding-bottom: 7px;
border-top: 8px solid #B5BCC5;
border-bottom: 5px solid #2F394C;}

#blank #side-bar,
#articles #side-bar, 
#about #side-bar, 
#services #side-bar, 
#contact #side-bar, 
#comments #side-bar 
{margin-bottom: 275px;}

#footer {
margin-top: 0px;
border-top: 4px solid #456184;
background-color: #2F394C;
clear: both;}

#footer-info {
color: #B5BCC5;
margin: 10px 0px 30px 50px;}

#footer-info li {
padding-right: 20px;
display: inline;}

#footer-left {
float: left;
margin-right: 15px;
border-right: 1px solid #456184;}

#footer-right { }

#col1 {
margin-right: 25px;
width: 275px;
float: left;}

#col2 {
width: 275px;
float: left;}

.hr {
margin: 20px 0;
border-bottom: 1px solid #DDD;}

.pre {white-space: pre;}
.clear {clear: both;}
/* Ends
--------------------------------------------------
--------------------------------------------------*/


/* Flickr Styles
--------------------------------------------------*/
table.flickr {
margin: 30px auto 0 auto;
padding: 15px 0;
border-top: 1px solid #DDD;}

.flickr td {padding: 0 3px;}
.flickr img {border: 3px solid #2F394C;}


/* Links
--------------------------------------------------*/
a {
text-decoration: none;
color: #FC6300;}

a:hover {color: #A2000D;}

#main-nav a{
text-decoration: none;
font-size: 1.3em;
color: #456184;}

#main-nav a:hover {color: #A2000D;}

#footer-info a {
color: #fff;}

#articles h2 a {color: #A2000D;} /* articles */
#articles h2 a:hover {color: #FC6300;} /* articles */
#articles p {margin-bottom: 5px;} 

.readMore  {  /*articles */
color: #980000;
padding: 5px 0;
font-size: 1.2em;}

#footer-info a:hover {
color: #FC6300;}

#articles #nav_articles a,
#about #nav_about a,
#contact #nav_contact a,
#services #nav_services a,
#portfolio #nav_portfolio a,
#home #nav_home a {
color: #A2000D;
padding-bottom: 7px;
border-bottom: 5px solid #456184;}
/* Ends
--------------------------------------------------
--------------------------------------------------*/


/* Lists
--------------------------------------------------*/
#whatWeDo li {font-size: 1.2em;}
/* Ends
--------------------------------------------------
--------------------------------------------------*/


/* Headings
--------------------------------------------------*/
h1, h2, h3 {
margin-top: 15px;
margin-bottom: 5px;
color: #A2000D;}

#about h1 {margin-bottom: 20px;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.3em;}

#portfolio h3 {margin: 0 0 35px;}
#services h2 {margin-top: 25px;}
/* Ends
--------------------------------------------------
--------------------------------------------------*/


/* Typography
--------------------------------------------------*/
#intro {
width: 575px;
font-size: 1.4em;
margin: 30px 0;
line-height: 1.4em;}

p {
margin-bottom: 15px;
font-size: 1em;
line-height: 130%;}

dd, dl, dt {font-size: 1em;}

.highlight {color: #A2000D;}
.highlight_big {color: #A2000D; font-size: 1.4em;}
/* Ends
--------------------------------------------------
--------------------------------------------------*/


/* Design
--------------------------------------------------*/
#featured {margin-bottom: 30px;}

#logo {
text-align: center;
padding-left: 20px;
padding-top: 22px;
padding-bottom: 41px;}

#contact-logo {
padding-left: 35px;
padding-top: 2px;
background: url(../images/mail.jpg) top left no-repeat;}

#contact-logo p {
padding-left: 5px;
color: #456184;
border-left: 1px Solid #DDD;}

#contact-tag{
margin-right: 60px;
float: right;}
/* Ends
--------------------------------------------------
--------------------------------------------------*/



/* Comments
--------------------------------------------------*/
.posted {
font-size: 1em;
color: #456184;
padding-bottom: 10px;}

.posted a {
color: #2F394C;}
/* Ends
--------------------------------------------------
--------------------------------------------------*/



/* Form Styles
--------------------------------------------------*/
form h2 {
margin-bottom: 30px;}

fieldset{
border:#D2D2D2 solid 1px;
padding:10px;
margin:20px 2px 0px 0px;
background-color:#EEE;}

legend{font-size:12px;}

label{
margin-top:15px;
margin-bottom:3px;}

input {border:#DDD solid 1px;}
select {border:#D2D2D2 solid 1px;}
textarea {border:#DDD solid 1px;}
.inputButton {margin-top:10px;}
.required {margin:10px 20px; color:#971B1E;}
/* Ends
--------------------------------------------------
--------------------------------------------------*/


/* side-link widgets
--------------------------------------------------*/
.recommended {margin-top: 10px; margin-bottom: 25px;}
.recommended td {padding-right: 10px;}
.recommended td img {border: 2px solid #B5BCC5;}

.side-links {
margin-top: 0px;
padding-bottom: 5px;}

.side-links p {margin: 0;}