/* 
Theme Name: WicketPixie
Theme URI: http://chris.pirillo.com/wicketpixie-social-media-theme/
Description: Funded by <a href="http://chris.pirillo.com/">Chris Pirillo</a> and <a href="http://www.lockergnome.com/">Lockergnome</a>. Design, markup/CSS and theme development by <a href="http://mattbrett.com">Matt Brett</a>. App developed by <a href="http://chrisjdavis.org">Chris J. Davis</a>. Solid Wood backgrounds by <a href="http://www.bartelme.at/">Bartelme Design</a>. More social media discussions at <a href="http://gnomedex.com/">Gnomedex</a>.
Version: 1.0
Author: Chris Pirillo
Author URL: http://chris.pirillo.com
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

/* Reset
------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
    background: white;
}

ol, ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

/* Misc
------------------------*/

body
{
    font-family: "Lucida Grande", Arial, Verdana, sans-serif;
    background: #00BFFF url("../images/backgrounds/solidwood-skyblue.jpg") repeat 50% 0;
    font-size: 62.5%;
    color: #000;
    text-align: center;
}

.clearer {
    clear: both;
    line-height: 1;
    margin: 0;
    padding: 0;
}

#wrapper {
    clear: both;
    width: 920px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: left;
    background: url("../images/wrapper-bg.png") repeat-y 0 0;
}

/* TOPBAR
------------------------*/
/*
#topbar {
    top: 0;
    left: 0;
    position: relative;
    float: left;
    width: 100%;
    padding: 5px 0 19px;
    background: url("../images/topbar-bg.png") repeat-x 50% 100%;
    z-index: 999;
}

#topbar-inner {
    width: 920px;
    margin: 0 auto;
    text-align: left;
}

#topbar ul {
    float: left;
    padding-top: 2px;
}

#topbar ul li {
    float: left;
    margin-right: 20px;
    font-size: 1.1em;
    line-height: 16px;
    text-transform: uppercase;
}

#topbar ul li a, #topbar ul li a:link, #topbar ul li a:visited, #topbar ul li a:active {
    display: block;
    color: #666;
    text-decoration: none;
    padding: 1px 0 1px 21px;
}

#topbar ul li a:hover {
    color: #999;
    text-decoration: none;
}
*/

#search {
    float: right;
}

#search #s {
    float: left;
    width: 134px;
    margin: 1px 5px 0 0;
    padding: 2px 3px;
    font-size: 1.1em;
    color: #666;
    background: #fff url("../images/search-input.gif") repeat-x 0 0;
    border-width: 1px;
}

#search-button {
    float: left;
}

/* HEADER
------------------------*/

#header {
    clear: both;
    width: 100%;
    padding: 0;
}

#header-inner {
    width: 920px;
    margin: 0 auto;
    margin-bottom: 5px;
    text-align: center;
}

#logo {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #fff0a5;
    background-image: url("../images/logo.jpg");
    width: 800px;
    height: 150px;
    font-size: 4.0em;
    vertical-align: baseline;
    text-align: center;
    margin: 0 auto;
    text-shadow: #000 2px 1px 5px;
}

#logo a:link, #logo a:visited, #logo a:active {
    text-decoration: none;
    color: #fff0a5;
}

#logo a:hover {
    text-decoration: underline;
    color: #ffffff;
}

/* NAV
------------------------*/

#nav {
    clear: both;
    width: 960px;
    text-align: center;
    padding-top: 9px;
    margin: 0 auto;
    background: url("../images/nav-bg.png") no-repeat 0 0;
}

#nav ul {
    width: 940px;
    margin: auto;
    text-align: left;
    height: 42px;
}

#nav li {
    float: left;
}

#nav li a:link, #nav li a:visited, #nav li a:active {
    display: block;
    padding: 13px 13px 13px 15px;
    font: 1.3em Arial, Helvetica, Geneva, sans-serif;
    color: #ccc;
    text-decoration: none;
    text-transform: uppercase;
}

#nav li a:hover, #nav li:hover > a {
    color: #fff;
    text-decoration: none;
    background: #000000 url("../images/nav-li-hover.gif") repeat-x 50% 0;
}

#nav ul li ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 175px;
    background: url("../images/subnav-bg.png") repeat 0 0;
    z-index: 999;
}

#nav ul li ul li {
    width: 175px;
}

#nav ul li:hover ul, #nav ul li.sfhover ul {
    left: -999em;
}

#nav ul li:hover ul, #nav ul li.sfhover ul {
    left: auto;
}

#nav li ul li a:link, #nav li ul li a:visited, #nav li ul li a:active {
    padding: 7px 13px 7px 15px;
    font: 1.2em Arial, Helvetica, Geneva, sans-serif;
    color: #999;
    text-transform: none;
}

#nav li ul li a:hover {
    color: #fff;
}

/* MID
------------------------*/

#mid {
    float: left;
    width: 100%;
    background: #FFFFFF;
}

#mid-inner {
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

/* CONTENT
------------------------*/

#main-content {
    float: left;
    width: 540px;
    padding-top: 20px;
    background-color: #fff;
}

.main-content a:link, .main-content a:visited, .main-content a:active {
    text-decoration: none;
    border-bottom: 1px solid #ddd;
    color:#00C;
}

.main-content a:hover {
    color:#000;
    border-bottom: 1px solid #00C;
}

.main-content h1 {
    margin-bottom: .65em;
    font-size: 2em;
    line-height: 1.2em;
    color: #b64926;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
}

.main-content h2 {
    margin-bottom: 1em;
    font-size: 1.7em;
    line-height: 1.2em;
    color: #b64926;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
}

.main-content h3 {
    margin: 2em 0 1em;
    padding-bottom: 5px;
    font-size: 1.6em;
    line-height: 1em;
    border-bottom: 1px solid #ddd;
    color: #b64926;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
}

.main-content h4 {
    margin-bottom: .25em;
    font-size: 1.5em;
    line-height: 1em;
    color: #b64926;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
}

.main-content h5 {
    margin-bottom: 1em;
    padding-bottom: 5px;
    font-size: 1.4em;
    line-height: 1em;
    border-bottom: 1px solid #ddd;
    color: #b64926;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
}

.main-content h6 {
    margin-bottom: .25em;
    color: #000;
    font-size: 1.3em;
    line-height: 1em;
    color: #b64926;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
}

.recent h4 {
    margin: 0 0 0 20px;
    padding-bottom: 5px;
    font-size: 1.2em;
}

.main-content h1 a:link, .main-content h1 a:visited, .main-content h1 a:active,
.main-content h2 a:link, .main-content h2 a:visited, .main-content h2 a:active,
.main-content h3 a:link, .main-content h3 a:visited, .main-content h3 a:active,
.main-content h4 a:link, .main-content h4 a:visited, .main-content h4 a:active,
.main-content h5 a:link, .main-content h5 a:visited, .main-content h5 a:active,
.main-content h6 a:link, .main-content h6 a:visited, .main-content h6 a:active {
    text-decoration: underline;
    border-bottom: 0;
    color:#b64926;
}

.main-content h1 a:hover,
.main-content h2 a:hover,
.main-content h3 a:hover,
.main-content h4 a:hover,
.main-content h5 a:hover,
.main-content h6 a:hover {
    color:#000;
}

.main-content p {
    margin-bottom: 1.4em;
    font-size: 1.2em;
    line-height: 1.5em;
    color: #000;
}

.main-content ul {
    margin: 0 0 0 10px;
    padding: 0;
    list-style-type: none;
}

.main-content ul li {
    padding: 0 0 0 16px;
    list-style-type: none;
    background: url("../images/bullet.gif") no-repeat 0 7px;
    margin: 0 0 0px 0;
}

.main-content ol {
    margin: 0 0 1.4em 30px;
    list-style-type: decimal;
}

.main-content ol li {
    list-style-type: decimal;
    margin-bottom: 0px;
}

.main-content li {
    margin-bottom: .5em;
    font-size: 1.2em;
    line-height: 1.7em;
}

.main-content blockquote {
    margin: 0 0 1.4em 10px;
    padding: 0 15px;
    font-style: italic;
    color: #000;
    border-left: 5px solid #eee;
}

.main-content strong, .main-content b {
    font-weight: bold;
}

.main-content em, .main-content i {
    font-style: italic;
}

.news-post {
    margin: 0 20px 1.4em;
    padding-bottom: 15px;
    /* border-bottom: 1px solid #eee; */
}

.post-author {
    float: left;
    width: 70%;
    margin-bottom: 1.4em;
}

#main-content .post-author p {
    margin: 0;
    padding-top: 1px;
    color: #999;
    line-height: 1.3em;
}

#main-content .post-author p strong {
    color: #666;
}

#main-content .post-author p a:link, #main-content .post-author p a:visited, #main-content .post-author p a:active {
    color: #666;
}

#main-content .post-author p a:hover {
    color: #333;
    border-bottom: 1px solid #999;
}

#main-content .post-comments {
    float: right;
    background: url("../images/post-comments-left.gif") no-repeat 0 0;
    padding-right: 20px;
}

#main-content .post-comments ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 8px 0;
    background: url("../images/post-comments-right.gif") no-repeat 100% 0;
}

#main-content .post-comments ul li {
    float: left;
    margin: 0;
    padding: 0;
    background: none;
}

#main-content .post-comments li.post-comments-count {
    margin: 0 10px 0 14px;
}

#main-content .post-comments-count a:link, #main-content .post-comments-count a:active, #main-content .post-comments-count a:visited {
    color: #666;
    font-weight: bold;
    border-bottom: 0;
    padding-right: 22px;
    padding-bottom: 10px;
    margin-top: 1px;
    z-index: 10;
    background: url("../images/post-comments-bubble.gif") no-repeat 100% 0;
}

#main-content .post-comments-count a:hover {
    color: #333;
}

#main-content .post-comments li.post-comments-add {
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 8px 0;
    padding: 0;
    overflow: hidden;
}

#main-content li.post-comments-add span {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/post-comments-add.gif") no-repeat 0 0;
}

#main-content li.post-comments-add a {
    text-decoration: none;
}

#main-content img {
    display: block;
    /* border: 5px solid #ddd; */
    max-width: 340px;
     height: auto;
}

#main-content img[align $='left'], #main-content .alignleft {
    float: left;
    margin: 0 14px 10px 0;
}

#main-content img[align $='right'], #main-content .alignright {
    float: right;
    margin: 0 0 10px 14px;
}

/* FOOTER
------------------------*/

#footer {
    clear: both;
    width: 900px;
    margin: 0 auto;
    padding: 28px 30px 40px;
    text-align: right;
    color: #666;
    background: url("../images/footer-bg.png") no-repeat 0 0;
}

#footer a:link, #footer a:visited, #footer a:active {
    color: #999;
    text-decoration: none;
    border-bottom: 1px solid #333;
}

#footer a:hover {
    color: #ccc;
    border-bottom: 1px solid #666;
}

#footer p {
    font-size: 1.1em;
}

#footer ul {
    margin-bottom: 10px;
}

#footer ul li {
    display: inline;
    margin-left: 5px;
    padding-left: 10px;
    font-size: 1.1em;
    border-left: 1px solid #999;
}

#footer ul li.first {
    border-left: none;
}

/* SIDEBAR
------------------------*/

#sidebar a:link, #sidebar a:visited, #sidebar a:active
{
    color: #00F;
}

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

#sidebar h1,#sidebar h2,#sidebar h3,#sidebar h3 a:link,#sidebar h3 a:visited,#sidebar h3 a:active,#sidebar h4,#sidebar h5,#sidebar h6
{
    color: #8e2800;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
}

#sidebar h5
{
    font-family: "Lucida Grande", Arial, Verdana, sans-serif;
}

.recentcomments a
{
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}

#recent-posts .news-post{
    margin: 0 0 1.4em 0;
}

#recent-posts .widget h3 {
    margin: 1.4em 0 0 0;
}

#sidebar #recent-posts p {
    font-size: 1em;
    line-height: 1.4em;
}

#sidebar {
    float: right;
    width: 340px;
    margin-right: 20px;
    padding-top: 20px;
    color: #333;
}

#sidebar1, #sidebar2, #sidebar3, #sidebar4, #sidebar5, #sidebar6 {
    overflow: hidden;
}

#sidebar1 {
    width: 100%;
     margin-bottom: 28px;
    background: url("../images/sidebar-box-bottom.gif") no-repeat 0 100%;
}

#sidebar1 .widget {
    padding: 20px 20px 6px;
    background: #FFFFFF url("../images/sidebar-box-top.gif") no-repeat 0 0;
}

#sidebar1 .widget img {
    margin-bottom: 1.4em;
}

#sidebar2, #sidebar5 {
    float: left;
    width: 160px;
}

#sidebar3, #sidebar6 {
    float: right;
    width: 160px;
}

#sidebar4, #sidebar5, #sidebar6 {
     padding-top: 5px;
}

#sidebar4 {
    clear: both;
}

#sidebar a:link, #sidebar a:visited, #sidebar a:active {
    font-weight: bold;
    text-decoration: none;
}

#sidebar5, #sidebar6 {
    padding-top: 5px;
}

#sidebar a:hover {
}

#sidebar h3 {
    margin-top: 0;
    font-size: 1.3em;
    text-transform: uppercase;
}

#sidebar .widget h3 img {
    float: right;
    display: inline;
    width: 16px;
    height: 16px;
    margin: -3px 0 0 10px;
}

#sidebar h5 {
    margin-bottom: 0;
    padding-bottom: 0;
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.3em;
    border-bottom: none;
}

#sidebar p, #sidebar li {
    margin-bottom: 1.4em;
    color: #666;
    font-size: 1.2em;
    line-height: 1.3em;
}

#sidebar ul {
    margin-left: 0;
}

#sidebar li {
    margin: 0 0 1.4em 0;
    padding-left: 0;
    background: none;
}

#sidebar img {
    display: block;
}

#sidebar .widget_archive li, #sidebar .widget_categories li, #sidebar .widget_meta li {
    margin-bottom: .25em;
}

#sidebar select {
    font-size: 1.2em;
    color: #333;
    margin-bottom: 16px;
    padding: 2px 2px 2px 5px;
    background: #fff;
    border-top: 1px solid #bbb;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #ccc;
}

#sidebar #myprofiles li {
    margin: 0 0 10px 0;
    padding: 0;
    background: none;
    vertical-align: middle;
}

#sidebar #myprofiles li img {
    float: left;
    margin-right: 5px;
    width: 16px;
    height: 16px;
}

.widget {
    padding-bottom: 2em;
}

#sidebar .widget_rss h3 img {
    width: 14px;
    height: 14px;
}

#sidebar .widget_tag_cloud {
    padding-bottom: 3.4em;
}


#post-ad {
    float: right;
    width: 120px;
    margin: 0 0 15px 15px;
}