@import url("initial.css");
@import url("typography.css");
@import url("colors.css");
@import url("hacks.css");

/* --------------Metadata---------------- 
Filename: layout.css 
Title : Primary CSS file
Author : Laura Zimmerman, info@damaskblue.com
URL : http://www.damaskblue.com
License: Copyright 2009, Laura Zimmerman, All Rights Reserved. 
Description : This base style sheet imports other style sheets
and provides basic styling for XHTML elements.
--------------------------------------- */ 

/* ------Sample Comment Openers----------
TODO: Works, but needs further styling.
BUG: Doesn't work properly.
KLUDGE: Workaround, could use adjustment.
---------------------------------------*/

/* ------------Sample Glossary----------- 
Serif fonts: Georgia, "Times New Roman", serif 
Sans-serif fonts: Verdana, Arial, Helvetica, sans-serif 
---------------------------------------- */ 

/* ---------Text-sizing hack-------
(included here rather than in hacks.css, for its ubiquity of use)
100 percent is equal to 1 em. Now that 1 em is 10 pixels,
our math becomes very easy: 1 em is 10 pixels, .8 em is
8 pixels, 1.4 em is 14 pixels, and so on.
--------------------------------- */

body { 
font-size:62.5%; 
} 

#wrapper {
margin: 0 auto;
}

/* ------------------------
Shadows
-------------------------*/

#r_shadow {
margin: 0 auto;
width: 1000px;
width: 975px;	/* TEST */
padding-right: 12px;
}

#l_shadow {
padding-left: 12px;
}


/* ------------------------
Container
-------------------------*/

#container {
padding: 0 60px;
padding: 0 56px;
padding: 0 54px;
padding-bottom: 30px;
/* margin: 0 6em; */

margin-left: -2px;
margin: 0 auto;
}


/* ------------------------
Header
-------------------------*/

#header {
padding-top: 30px;
padding-bottom: 35px;
margin-top: -25px; /* w. Brown Briefcase */
padding-bottom: 55px; /* w. Brown Briefcase */
height: 70px;
}

/* ------------------------
Title
-------------------------*/
#title img {
margin-top: 40px;
margin-top: 60px; /* w. Brown Briefcase */
margin-left: -10px;
}

#title {
}

/* ------------------------
Name
-------------------------*/

.name {
}


/* ------------------------
Contact
-------------------------*/
#contact {
float: right;
padding-right: 20px;
font-style: italic;
}

.contact_line {
padding-top: 5px; /* w. Brown Briefcase */
padding-bottom: 24px;
}

.right_contact {
float: right;
text-align: right;
margin-left: 30px;
}

/* ------------------------
Right Side
-------------------------*/

#right {
float: right;
margin-top: 0px;
width: 30%;
width: 34%;
}

/* ------------------------
Services
-------------------------*/

#services {
margin-top: 18px;
margin-top: 25px;
}

/* ------------------------
Left
-------------------------*/
#left {
width: 65%;
width: 63%;
}

/* ------------------------
Main
-------------------------*/

#main {
}


/* ------------------------
Content
-------------------------*/

#content {
}

.sg img {
width: 250px;
margin-bottom: -5px;
}

/* ------------------------
Content
-------------------------*/
#introduction {
}

/* ------------------------
Mailing List
-------------------------*/

#mailinglist {
padding-top: 5px;
}


/* ------------------------
Footer
-------------------------*/
#footer {
clear: both;
text-align: center;
margin-top: 4em;
padding-top: 20px;
border-top: 1px solid #ccc;
}

/* ------------------------
General
-------------------------*/
.clear {
clear: both;
}

.f_left {
float: left;
}

.f_right {
float: right;
}