/*******************************

Kelly, Manthorp
Launched June 1st 2007
site by stephen lounsbury and shawn mccann


***************************************************
    GENERIC
    */

HTML {
    font: 62.5% Arial, Helvetica, sans-serif;
    color: #666;
    }

BODY {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size:100%;
    color:#666666;
    position:relative;
    }

A{
    color:#15a9e0;
    text-decoration:none;
    }
A:hover{
    color:#b8e5f6;
    }

A IMG {
    border:none;
    }

/*stop cross browser nonsense */
P, H1,H2,H3,H4,H5,H6,UL,OL,LI,BLOCKQUOTE {
    margin: 0px;
    padding: 0px;
    }
P {
    text-align: justify;
}

/***************************************************
        GENERIC TEXT
         */

ADDRESS {
    font-style:normal;
    }

H1 {
    color:#15a9e0;
    font-size:240%;
    line-height:110%;
    }

H2 {
    color:#666666;
    font-size:160%;
    }
H3 {
    color:#666666;
    font-size:140%;
    }
H4 {
    color:#666666;
    font-size:120%;
    }

P,
LI,
DL {
    font-size:130%;
    }

LI P {
    font-size:100%;
    }

P {
    margin:20px 0;
    line-height:150%;
    }

BLOCKQUOTE {
    font-size:180%;
    font-style:italic;
    margin:20px 0 50px 0;
    background:url(../images/blockquote_bkg.gif) no-repeat;
    padding:10px 0 0 25px;
}

.homepage P {
    margin:5px 0;
}

/***************************************************
    Definition Lists
    */

DL {
    font-size: 140%;
}

DL DT {
    font-weight: bold;
    display: block;
    margin: 5px 0;
}

/***************************************************
        FORMS
         */
LABEL{
    float: left;
    width: 147px;
    font-weight: bold;
    font-size:130%;
    color:#15a9e0;
    }

INPUT,
TEXTAREA{
    width: 220px;
    margin-bottom: 5px;
    border:solid 1px #CCC;
    color:#CCC;
    background:#f9f9f9;
    }

TEXTAREA{
    width: 370px;
    height: 150px;
    }

TEXTAREA:hover,
INPUT:hover {
    color:#666;
    background:#FFF;
    }

#submitButton {
    background:#15a9e0;
    width:80px;
    font-weight:bold;
    color:#FFF;
    }

/***************************************************
    TABLES
     */
TABLE {
    border-collapse:collapse;
    width:100%;
    font-size:130%;
    border-bottom:solid 1px #ccc;
    }

TD,
TH{
    padding:0 0.5em;
    border-top:1px solid #ddd;
    }

TR.odd {
    background:#eee;
    }

TH {
    background:#EEE;
    color:#666;
    }

CAPTION {
    text-align:left;
    font-size:130%;
    font-weight:bold;
    color:#15a9e0;
    }

CAPTION,
TFOOT{
    padding:15px 0;
    }

TFOOT {
    text-align:right;
    }

TFOOT TH{
    background:#fff;
    font-weight:normal;
    }

THEAD TR {
    color:#fff;
    height:2em;
    }

TBODY TH {
    padding:0 0 0 5px;
    vertical-align:middle;
    }

TBODY TH,
TBODY TH A {
    color:#666;
    font-weight:bold;
    }

TBODY TD {
    vertical-align:middle;
    height:3em;
    }

/***************************************************
    NAV STRETCH

    this div is used to stretch the nav the full width
    of the screen (left side only)
    */
#navStretch {
    position:absolute;
    z-index:1;
    top:10px;
    left:0;
    background:#3d3d3d;
    height:22px;
    width:50%;
    margin:40px 0 0 0;
    }

body.content #navStretch {
    margin: 71px 0 0 0;
}

/***************************************************
    WRAPPER

    OH NO! Negative margin.....had to be done. Curses!
    position absolute so that the navStretch will work

     */
#wrapper {
    position:absolute;
    z-index:2;
    width:780px;
    text-align:left;
    padding:0 0 0 10px;
    left: 50%;
    top: 0px;
    margin-left:-380px;
    }

.homepage UL,
.homepage OL {
    padding:10px 20px;
    }

/***************************************************
    PAGE BACKGROUNDS
     */
BODY #wrapper,
BODY.homepage #wrapper{
    background:url(../images/bkg_homepage.jpg) top right no-repeat;
    height:600px;
    }

BODY.profile #wrapper{
    background:url(../images/bkg_profile.jpg) 400px 80px no-repeat;
    }
BODY.lawyers #wrapper{
    background:url(../images/bkg_lawyers.jpg) top right no-repeat;
    }
/***************************************************
    TOP MENU
    */
.homepage #topmenu {
    margin:50px 0 0 0;
    }

#topmenu {
    background:#3d3d3d url(../images/nav_edge.gif) top right no-repeat;
    list-style:none;
    padding:0px;
    width:378px;
    margin:18px 0 0 0;
    line-height:22px;
    height:22px;
    }

#topmenu LI {
    display:inline;
    font-size:110%;

    }

#topmenu A {
    color:#d4d4d4;
    text-decoration:none;
    font-weight:bold;
    margin:0 10px 0 0;
    }

#topmenu A:hover {
    color:#FFF;
    }

/***************************************************
    HEADER (title on each page)
    */

/*title is the "kelly manthorp" in the top left
corner of content pages */

.content .title {
    margin:18px 0 0 10px;
    font-size:120%;
    /*background:url(../images/icon.gif) center left no-repeat;*/
    }

.content .title A {
    color:#cccccc;
    margin: 0 0 0 5px;
    }

.content .title A:hover {
    color:#666666;
    }

#header {
    margin:40px 0 30px 0;
    border-bottom:solid 1px #cccccc;
    padding:0 0 15px 0;
    }

#header IMG {
    float:left;
    margin:0 15px 0 0;
    }

/***************************************************
    LEFT COLUMN
    */
#leftColumn {
    width:370px;
    margin:0 50px 0 0;
    float:left;
    }

#leftColumn LI,
#rightColumn LI {
    list-style:none;
    padding:0 0 0 15px;
    background:url(../images/bullet.gif) center left no-repeat;
    }

/***************************************************
    RIGHT COLUMN
     */
#rightColumn {
    width:270px;
    float:left;
    padding:400px 0 0 0;
    }

#rightColumn LI A {
    font-weight:bold;
    color:#666666;
    }

#rightColumn LI A:hover {
    color:#CCCCCC;
    }

#rightColumn H2 {
    color:#15a9e0;
    border-bottom:solid 1px #CCCCCC;
    padding:0 0 10px 0;
    margin:0 0 10px 0;
    }

/***************************************************
    HOMEPAGE > LAWYERS
     */
#lawyers LI {
    background:none;
    padding:0;
    }

#lawyers H3{
    color:#15a9e0;
    font-size:110%;
    }

#lawyers P {
    margin:0 0 20px 0;
    padding:0;
    width:310px;
    clear: left;
    text-align: justify;
    }

#lawyers LI IMG {
    float:left;
    clear:left;
    margin:15px 0;
    }

/***************************************************
    FOOTER
     */
#footer {
    padding: 20px 0 0 0;
    color:#bfbfbf;
    clear:both;
    }

#footer ADDRESS {
    float:left;
    }

#footer P.copyright {
    float:right;
    font-size:100%;
    }

/***************************************************
  SPECIAL ITEMS
   */

SPAN.phone {
    display: block;
    font-size: 90%;
    font-weight: bold;
    margin: 10px;
}