/*------------------------------------------------------------------
[Main Stylesheet]

Project: Rock, Paper, Scissors
Author: Scott Lively <scott@123shoot.com>
Version: 1.1
Last change: 09/08/2009
-------------------------------------------------------------------*/

@import 'reset.css';

/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header
3. Navigation
4. Content
5. Footer
6. Error
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[1. Body ]
-------------------------------------------------------------------*/
html {
    margin-bottom: 1px;
    min-height: 100%;
}

body {
    background-color: #FFFFFF;
    color: #FEFEFE;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0px;
    line-height: 18px;
    text-align: left;
    word-spacing: 0px;
}

a { color: #FFFFFF; }
a:hover { color: #E3E3E4; }

p { padding: 10px 0px; }

p.title {
    font-size: 18px;
    line-height: 24px;
}

#top { height: 30px; }

#wrapper_outer {
    background: url(../images/wrapper-outer.jpg) repeat-y;
    height: 100%;
    margin: auto;
    padding-bottom: 20px;
    width: 1024px;
}

#main_container {
    background: url(../images/bg-main.jpg) no-repeat;
    height: 100%;
    min-height: 680px;
    width: 1024px;
}

/*------------------------------------------------------------------
[2. Header ]
-------------------------------------------------------------------*/
#hdr {
    height: 140px;
    width: 1024px;
}

#hdr_left {
    float: left;
    height: 140px;
    width: 360px;
}

#hdr_right {
    float: right;
    height: 140px;
    width: 664px;
}

#hdr_title { 
    height: 50px;
    padding: 10px 0px 0px 140px;
}

#hdr_title h1 {
    font-size: 16px;
    font-weight: normal;
}

/*------------------------------------------------------------------
[3. Navigation ]
-------------------------------------------------------------------*/
#nav_main {
    float: right;
    height: 43px;
    padding: 3px 0px 0px 44px;
    width: 620px;
}

#nav_main ul li {
    display: inline;
    list-style-type: none;
    padding: 0px 8px;
}

#nav_main a { text-decoration: none; }

#nav_sub_container {
    background: url(../images/bg-nav-sub.jpg) no-repeat;
    display: table;
    float: left;
    height: 488px;
    width: 222px;
}

#nav_sub_position { 
     display: table-cell;
     vertical-align: middle;
}

#nav_sub_content ul li { padding: 6px 0px 6px 100px; }

#nav_sub_content ul li a { 
    color: #000;
    text-decoration: none;
}

#nav_sub_content ul li a:hover { color: #555631; }

/*------------------------------------------------------------------
[4. Content ]
-------------------------------------------------------------------*/
#wrapper_inner {
    background: url(../images/wrapper-inner.gif) repeat-y;
    height: 100%;
    min-height: 488px;
    width: 1024px;
}

#content_container {
    float: right;
    width: 802px;
}

#content_left {
    float: left;
    padding: 60px 30px 40px 50px;
    text-align: right;
    width: 416px;
}

#content_right {
    float: right;
    width: 306px;
}

/*------------------------------------------------------------------
[4a. Content - About ]
-------------------------------------------------------------------*/
div.team_thumb {
    float: left;
    height: 73px;
    padding: 8px 0px 7px 0px;
    width: 75px;
}


#team { text-align: left; }
#team ul li { padding: 8px 0px; }

/*------------------------------------------------------------------
[4b. Content - Services ]
-------------------------------------------------------------------*/
div.mdwcp {
    float: left;
    text-align: center;
    width: 83px;
}

/*------------------------------------------------------------------
[4c. Content - Portfolio ]
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[4d. Content - Contact ]
-------------------------------------------------------------------*/
.contact_form {
    padding: 4px 0px;
    text-align: left;
}

.frm_fld_xtra_short, .frm_fld_short, .frm_fld_nrml, .frm_fld_long, select, textarea { border: 1px solid #000000; }

.frm_fld_xtra_short { width: 30px; }
.frm_fld_short { width: 85px; }
.frm_fld_nrml { width: 105px; }
.frm_fld_long { width: 165px; }

/*------------------------------------------------------------------
[4e. Auth Login ]
-------------------------------------------------------------------*/
#login_container {
    margin: auto;
    margin-top: 40px;
    padding: 20px 0px;
    width: 400px;
}

#login .identifier, #login .input_side {
    float: left;
    padding: 2px;
}

#login .identifier { 
    text-align: right;
    width: 140px;
}

input.text, textarea.text {
    background-color: #FFF;
    border: 1px solid #222121;
    width: 140px;
}

/*------------------------------------------------------------------
[5. Footer ]
-------------------------------------------------------------------*/
#social_media {
    background: url(../images/bg-social-media.jpg) no-repeat;
    height: 32px;
    margin: auto;
    padding: 8px 0px 0px 44px;
    width: 980px;
}

#social_media ul { float:left; }

#social_media ul li {
    display: inline;
    list-style-type: none;
    padding: 0px 4px;
}

#newsletter { float:right; padding-right:50px; }

#ftr {
    color: #7E8278;
    font-size: 10px;
    margin: auto;
    padding-top: 8px;
    text-align: center;
    width: 838px;
}

#ftr a {
    color: #7E8278;
    padding: 0px 2px;
    text-decoration: none;
}

#ftr a:hover { color: #000; }

#ftr p { padding: 2px 0px; }

.clear { clear: both; }

/*------------------------------------------------------------------
[6. Error ]
-------------------------------------------------------------------*/
.err_msg, #errUsername, #errPassword, #errName, #errEmail, #errPhone {
    color: #442014;
    font-style: italic;
}