/*
Theme Name: rps-2010
Theme URI: http://www.creativegenerator.com/
Description: RPS-2010 theme designed by Ting Low and created by Scott Lively at <a href="http://www.123shoot.com">Rock, Paper, Scissors llc.</a>
Author: Scott Lively
Author URI: http://www.123shoot.com/
Version: 1.0
.
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
.
*/

/* begin reset styles */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0px;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0px;
    padding: 0px;
    vertical-align: baseline;
}

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.center { text-align: center; }
/* end reset styles */


/* begin main site styles */
/*------------------------------------------------------------------
[1. Body ]
-------------------------------------------------------------------*/
html, body {
    height: 100%;
    margin: 0 0 1px;
    padding: 0;
}

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;
    margin: auto;
    padding-bottom: 20px;
    width: 1024px;
}

#main_container {
    background: url(./images/bg-main.jpg) no-repeat;
    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;
    min-height: 488px;
    width: 1024px;
}

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

#content_left {
    float: left;
    padding: 20px 30px 40px 50px;
    text-align: left;
    width: 478px;
}

.alignleft { text-align: left; }
.alignright { text-align: right; }

div.post { padding: 18px 0px; }

div.post h2, div.post h3, h2.center {
    color: #93452B;
    font-size: 18px;
    line-height: 24px;
}

h2 a { color: #93452B; }

h2.pagetitle {
    font-size: 18px;
    font-style: italic;
    line-height: 24px;
}

h2.center { text-align: center; }

div.entry { color: #000; }
div.entry ol, div.entry ul { padding-left: 20px; }

/*------------------------------------------------------------------
[5. Sidebar]
-------------------------------------------------------------------*/
#sidebar {
    color: #000;
    float: right;
    font-weight: bold;
    padding: 0px 0px 0px 20px;
    width: 224px;
}

#sidebar ul li {
    list-style-type: none;
}

#sidebar ul li h2 {
    font-size: 18px;
    line-height: 22px;
    padding-top: 8px;
    text-decoration: underline;
}

#sidebar ul li ul li a {
    color: #000;
    text-decoration: none;
}
    
/*------------------------------------------------------------------
[6. 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 li {
    display: inline;
    list-style-type: none;
    padding: 0px 4px;
}

#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; }