/*
Title: BENTFORMS.com screen styles
Date Modified: 12/13/2008
--
Author: Bayt & Takl
Contact: http://baytandtakl.com/contact
--
Table of Contents:
	layout
	typography
	navigation
	alignment
	legacy
*/

/* layout
------------------------------------- */
body, html {
margin: 0px; 
padding: 0px;
}

body {
color: #333; 
font: normal 12px/1.8em Verdana, Geneva, Helvetica, Arial, sans-serif;
}

blockquote.testimonial {
margin: 25px 75px 25px 25px;
}

blockquote.testimonial p.quote{
font-style: italic;
}

blockquote.testimonial p.author {
font-weight: bold;
}

.header { 
border-bottom: 3px solid #0000cd 
}

/* --- links --- */
a {
text-decoration: none;
}
a:link {color: #82A040;}
a:visited {color: #82A040;}
a:hover {color: #cc1;}
a:active {color: #cc2;}

/* --- Header --- */
#header {
width: 100%;
height: 85px;
background: #fff url(/images/backgrounds/header.jpg) no-repeat top left;
}

#header img{
margin: 57px 0 0 0; 
padding: 0;
border: 0;
}

/* --- top nav --- */
#nav  {
margin: 10px;
width: 75%;
padding: 0 0 20px 10px;
}

#nav li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#nav a {
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #82A040;
}

#nav a.active, #nav a:hover {
color: #cc2;
}

/* --- main content --- */
#wrapper {
margin: 45px auto;
width: 800px;
}

#main {
margin: 25px auto;
float: left;
width: 540px;
}


/* --- sidebar --- */
#sidebar {
float: right;
width: 200px;
background: #D8EBAC url(/images/backgrounds/round_corner_top.gif) no-repeat right top;
padding: 5px 15px 25px 10px;
margin-left: 20px;
font-size: 90%;
text-align: left;
/* border: 2px solid #ccc; */
}

#sidebar b, #sidebar strong {
font-size: 115%;
}

/* --- footer --- */
#footer { 
margin: 50px 0 0 0;
clear:both;
background: #fff; 
width: 100%; 
text-align:center;
} 

#footer ul {
margin: 0;
padding: 0;
}

#footer li {
display: inline;
list-style-type: none;
padding-right: 5px;
line-height: 1.2em;
font-size: 90%;
}
 
#copyright {
margin: 10px;
padding: 10px;
color: grey;
text-align:center;
line-height: 2em;
font-size: 80%;
}

p.breadcrumb {
line-height: 1.2em;
font-size: 90%;
}

/* --- misc --- */
.alert {
font-weight: bold;
color: #c03;
}

.border {
border: 1px solid #000;
}

.no_border {
border: none;
text-decoration: none;
}

form label {
font-weight: bold;
}

form ul {
list-style: square;
margin-left: 10px;
padding-left: 10px;
}

form ul li {
color: #c03;
}


/* typography
------------------------------------- */

/* --- headings --- */
h2, h3, dt {
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1 {
font: normal 300% Impact, "Arial Black", Verdana, Arial, Helvetica, sans-serif;
}

h2 {
color: #000;
font-weight: normal;
font-size: 18px;
}


/* alignment
------------------------------------- */
.pad {
margin: 0;
padding: 0  5px;
}

.align_left {
float: left;
margin: 0;
padding: 0 15px 0 0;
}

.align_right {
float: right;
margin: 0;
padding: 0 0 0 15px;
}

#sidebar .align_right {
float: right;
margin: 0;
padding: 0 0 0 5px;
}



/* legacy (DO NOT USE)
------------------------------------- */