/*  
Theme Name: Plastic Jungle Blog
Theme URI: http://www.plasticjungle.com/
Description: WordPress theme for Plastic Jungle.
Version: 1
Author: Jason Craft
Author URI: http://deftdevelopment.com/
*/

body {
    margin:0;
    padding:0;
    font-size:75%;
    font-family:arial, sans-serif;
    line-height:1.4em;
    background:#FFF;
    color:#666;
}
a img, img {
    border:none;
    vertical-align:middle;
}
a, a:hover {
    font-weight:bold;
    text-decoration:none;
    color:#0B96FF;
    outline:none;
}
a:hover {
    text-decoration:underline;
}
h1, h2, h3, h4 {
    margin:20px 0 6px;
    padding:0;
    font-family:'Myriad Pro', Arial, Sans-serif;
    font-size:2.6em;
    font-weight:normal;
    color:#585858;
    line-height:1em;
}
h3 {
    font-size:2.2em;
    font-weight:normal;
}
h3 a, h3 a:hover, h4 a, h4 a:hover {
    font-weight:normal;
}
h4 {
    margin:26px 0 10px;
    font-size:1.6em;
    font-weight:normal;
}
h5 {
    margin:16px 0 2px;
    padding:0;
    font-size:1em;
    font-weight:bold;
}
h1.first, html h2.first, html h3.first, html h4.first, h5.first {
    margin-top:0!important;
}
object {
    outline:none;
}
p {
    margin:6px 0 12px;
    padding:0;
}
form {
    margin:0;
    padding:0;
}
input {
    vertical-align:middle;
}
ul, ol {
    margin:0 0 10px;
    padding:0 0 0 24px;
    list-style-type:disc;
}
ol {
    list-style-type:decimal;
}
li {
    margin:0 0 4px;
    padding:0;
}
small {
    font-size:0.8em;
}
.left {
    float:left;
}
.right {
    float:right;
}
h3 .right {
    font-size:0.6em;
    font-family:Arial, sans-serif;
}
.alignRight {
    text-align:right;
}
.clear {
    clear:both;
}
a.disclaimer {
    color:#585858;
    text-decoration:underline;
}

/**** outer ****/
#outer {
    margin:0 auto;
    background:url(images/outer-bg.gif) 0 100% repeat-x;
}
#outer_top {
    background:url(images/outer-top.gif) 50% 75px no-repeat;
}
#outer_bottom {
    margin:0 auto;
    background:url(images/outer-bottom.gif) 50% 100% no-repeat;
    width:1001px;
}

/**** header ****/
#header {
    position:relative;
    padding:0;
    height:86px;
}
#header h1 {
    position:absolute;
    bottom:15px;
    left:45px;
    margin:0;
    padding:0;
}
#header h1 a {
    display:block;
    background:url(images/logo.gif) no-repeat;
    text-indent:-9999px;
    width:173px;
    height:58px;
    outline:none;
}
#header .userLinks {
    position:absolute;
    top:5px;
    right:36px;
    font-size:0.9em;
    word-spacing:6px;
}
#header .userLinks a {
    font-weight:normal;
    color:#666;
    word-spacing:1px;
}
#header .search {
    position:absolute;
    bottom:11px;
    right:26px;
    margin:0;
    padding:0;
}
#header .search input {
    vertical-align:middle;
}
#header .search .text {
    border:none;
    margin:0;
    padding:6px 4px;
    background:url(images/header-search-text.gif) 0 0 no-repeat;
    color:#9D9C98;
    width:167px;
    height:14px;
}
#header .search .button {
    margin:4px 0 0 1px;
    padding:0;
    border:none;
    background:url(images/search-go.gif) no-repeat;
    font-size:0;
    text-indent:-9999px;
    width:52px;
    height:33px;
    cursor:pointer;
}

/**** navigation ****/
#navigation {
    position:absolute;
    bottom:15px;
    right:291px;
    list-style-type:none;
    margin:0;
    padding:3px;
}
#navigation li {
    float:left;
    margin:0 0 0 28px;
    padding:0;
}
#navigation a {
    font-size:1.4em;
    font-weight:bold;
    color:#666;
}
#navigation a:hover, #navigation li.active a {
    font-weight:bold;
    text-decoration:none;
    color:#00BBF1;
}

/**** content ****/
#content {
    margin:0;
    padding:23px 0 26px 42px;
}

/**** content header ****/
#content_header {
    padding:0 42px 0 0;
}
#content_header h2 {
    margin:0 0 20px;
}
.breadCrumb {
    padding:8px 6px;
    background:url(images/top-bread-crumb-bg.gif) repeat-x;
}
.breadCrumb ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
.breadCrumb li {
    float:left;
    margin:0 6px 0 0;
    padding:0 12px 0 0;
    background:url(images/raquo-gray.gif) 100% 50% no-repeat;
}
.breadCrumb a {
    font-weight:normal;
}
.breadCrumb li.current {
    margin:0;
    padding:0;
    background:transparent;
}
.breadCrumb li.current a {
    font-weight:bold;
    color:#666;
}
.breadCrumb li.current a:hover {
    text-decoration:none;
}

/**** main content ****/
#main_content {
    float:left;
    padding:12px 0 0;
    width:640px;
    min-height:260px;
}
#main_content .navigation {
    padding:8px 0;
}
#main_content .navigation form {
    margin:0;
}
#main_content .navigation form label {
    display:inline;
    margin:0;
    font-weight:normal;
}
#main_content .jumpTo {
    float:right;
    margin:0;
    padding:0;
}
#main_content .jumpTo .selectInput .text {
    width:180px;
}
#main_content .navigation .back {
    float:left;
    font-weight:bold;
}

/**** sidebar ****/
#sidebar {
    float:right;
    display:inline;
    margin:0 42px 0 0;
    padding:12px 0 0;
    width:250px;
    overflow:hidden;
}
#sidebar .rssLink a {
    display:block;
    /*padding:0 0 0 26px;
    background:url(images/icon-rss.gif) 0 50% no-repeat;
    line-height:24px;*/
}

/**** sidebar box ****/
#sidebar .box {
    margin:18px 28px 18px 16px;
    border-bottom:solid 1px #FFF;
    background:url(images/sidebar-box-bg.gif) repeat-y;
    font-size:0.9em;
}
#sidebar .boxTop {
    background:url(images/sidebar-box-top.gif) no-repeat;
}
#sidebar .boxBottom {
    padding:8px 12px 8px 16px;
    background:url(images/sidebar-box-bottom.gif) 0 100% no-repeat;
}
#sidebar .box h3 {
    margin:0 0 12px;
    font-size:1.8em;
    font-weight:normal;
}
#sidebar .box .graphic {
    float:right;
    margin:0 0 10px 8px;
}

/**** footer ****/
#footer {
    clear:both;
    background:#F1FCFE;
    font-size:0.9em;
    color:#0B96FF;
}
#footer_inner {
    margin:0 auto;
    padding:22px 41px;
    background:url(images/footer-bg.gif) 50% 0 no-repeat #F1FCFE;
    width:918px;
}
#footer .navigation {
    list-style-type:none;
    margin:0;
    padding:0;
}
#footer .navigation li {
    float:left;
    margin:0 60px 0 0;
    padding:0;
}
#footer .navigatin li.last {
    margin:0;
}
#footer .navigation li ul {
    list-style-type:none;
    margin:8px 0;
    padding:0;
}
#footer .navigation li li {
    float:none;
    margin:2px 0;
    line-height:1.3em;
}
#footer .navigation li li a {
    font-weight:normal;
}
#footer .seals {
    float:right;
}
#footer .copyright {
    margin:24px 0 0;
}

/**** expandable stuff ****/
.expandable .expandContent {
    display:none;
}
.expandable.expanded .expandContent {
    display:block;
}

/**** alert ****/
.alert {
    margin:12px 0;
    padding:12px 8px 12px 68px;
    border:solid 1px #E6E7E8;
    background:url(images/alert-email-bg.gif) 10px 50% no-repeat #FFF;
    min-height:28px;
}

/**** add link ****/
a.add {
    padding:4px 0 4px 28px;
    background:url(images/plus-gray.gif) 0 50% no-repeat;
    color:#666;
    line-height:26px;
}

/**** page navigation ****/
.pageNav {
    margin:12px 0;
    color:#ACABAB;
    text-align:center;
}
.pageNav .prev {
    float:left;
    text-align:left;
}
.pageNav .next {
    float:right;
    text-align:right;
}
.pageNav .prev a, .pageNav .next a {
    display:block;
}

/**** forms ****/
form {
    margin:14px 0;
    padding:0;
}
form label {
    display:block;
    margin:0 0 2px;
    font-weight:bold;
}
form label.radio, form label.checkbox {
    font-weight:normal;
}
form .radio input {
    vertical-align:baseline;
}
form .textInput, form .selectInput {
    display:inline-block;
    margin:0 4px 0 0;
    padding:0 4px 0 0;
    background:url(images/text-box-bg.gif) 100% 50% no-repeat;
    vertical-align:middle;
    height:auto;
}
form .textInput .text, form .selectInput .text {
    display:block;
    margin:0;
    padding:3px 0 0 4px;
    border:none;
    background:url(images/text-box-bg.gif) 0 0 no-repeat;
    font-size:15px;
    color:#888;
    line-height:20px;
    vertical-align:top;
    width:200px;
    height:23px;
    overflow:hidden;
}
form .textInput .text:focus, form .selectInput .text:focus {
    color:#444;
    outline:none;
}

form .selectInput {
    position:relative;
    padding:0 24px 0 0;
    background:url(images/select-box-arrow.gif) 100% 50% no-repeat;
}
form .selectInput.active, form .selectInput:hover {
    background:url(images/select-box-arrow-dark.gif) 100% 50% no-repeat;
}
form .selectInput .text {
    cursor:default;
}
form .selectInput select {
    display:none;
}
form .selectInput ul {
    display:none;
    position:absolute;
    top:98%;
    left:0;
    list-style-type:none;
    margin:0;
    padding:0;
    background:#FFF;
    border:solid 1px #99A8AE;
    color:#666;
    width:100%;
}
form .selectInput.active ul {
    display:block;
}
form .selectInput li {
    margin:0;
    padding:2px 4px;
}
form .selectInput li:hover, form .selectInput li.selected {
    background:#EEE;
}

form .row {
    margin:0 0 12px;
}
form .hint {
    font-size:0.9em;
}
form .hint a {
    font-weight:normal;
}
form .submit {
    margin:14px 0;
}

form .phone .textInput {
    margin:0;
}
form .phone .text {
    width:40px !important;
}
form .phone .text.last {
    width:54px !important;
}
form .phone .hint {
    padding-left:10px;
}
form .error {
    color:#D40000;
}

/**** content footer ****/
.contentFooter {
    padding:12px 0 0;
    background:url(images/content-footer-bg.gif) 0 1px repeat-x;
    border-top:solid 1px #FFF;
}

/**** posts ****/
.post {
    margin:0 0 18px;
    padding:0 0 10px;
    border-bottom:solid 1px #AAA;
}
#single .post {
    border:none;
}
.post h3 {
    margin-top:0 !important;
}
.post .meta, .post .category {
    font-size:0.9em;
    color:#999;
}
.post .digg {
    float:right;
    margin:8px 0 10px 10px;
}
.post .tweetmeme_button {
    float:right;
    margin:0 0 10px 10px;
}

/**** comments ****/
.comments .commentlist {
    list-style-type:none;
    margin:0;
    padding:0;
}
.comments .commentlist li {
    margin:0 0 20px;
    padding:0 0 12px;
    border-bottom:dashed 1px #AAA;
}
.comments .commentlist li.alt {
}
.comments .commentlist cite {
    font-style:normal;
    font-weight:bold;
}
.comments .commentlist .date {
    font-size:0.9em;
    color:#999;
}
.comments textarea {
    padding:4px;
    border:none;
    background:url(images/textarea-bg.gif) no-repeat;
    width:452px;
    height:159px;
}
.comments label .hint {
    font-weight:normal;
}

/**** widgets ****/
.widgets ul {
    list-style-type:none;
    margin:0;
    padding:0 0 0 12px;
}
.widgets ul li {
    margin:0 0 2px;
    padding:0;
}
.widgets .twitter li {
    margin:0 0 12px;
}
.widget_tag_cloud a {
    line-height:1em;
}
