/*
Theme Name: FooMojo
Theme URI: http://www.foomojo.com/
Description: The official FooMojo corporate WordPress theme, designed in November 2008
Author: Ron Hornbaker
Author URI: http://ronhornbaker.com
Tags: none
Version: 1.0.0
*/




/*       ++++++++++++++++++++++++++++++++++++++++++++++++++++++
         ++++++++++++++++++ General Stylings ++++++++++++++++++
         +++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* IE6 PNG Fix*/
img, div, a { behavior: url("/wp-content/themes/foomojo/iepngfix.htc") }

a:link, a {color:#0f75bc;text-decoration:none}
a:visited {color:#a874bc;text-decoration:none}
a:hover,a:focus,a:active{color:#5f8dca;text-decoration:underline}

a.novisit:link,a.novisit:visited{color:#0f75bc}
a.novisit:hover,a.novisit:focus,a.novisit:active{color:#5f8dca}

a img {
        border: none;
}

img {}

blockquote {
        border-left: 5px solid #ccc;
        margin-left: 1.5em;
        padding-left: 5px;
}


form{margin:0;padding:0}

.caps {text-transform:uppercase}



/*++++++++++++++++++ The BACKGROUND IMAGE +++++++++++++++++++++*/
/*+++++ replace "(images/default.jpg)" with another image from the /images directory of the theme ++++*/

html {
        padding:0;
        margin:0;
        background:Transparent url('images/bg-bottom-pink.jpg') no-repeat fixed bottom right;
        overflow-y : scroll;
}
body {
        color: #000;
        font-family: Tahoma,Helvetica,Arial,sans-serif;
        margin: 0;
        padding: 0;
        background:Transparent url('images/bg-top-green.jpg') no-repeat top left;
}

cite {
        font-size: 90%;
        font-style: normal;
}

h1 {    font: 20px Tahoma,Helvetica,Arial,sans-serif;
        margin: 0 0 2px 0;
        padding-bottom: 2px;
        font-weight:bold;
}

h2 {
        font: 18px Tahoma,Helvetica,Arial,sans-serif;
        margin: 15px 0 2px 0;
}


h3 {
        font-family:Tahoma,Helvetica,Arial,sans-serif;
        font-size:16px;
        margin:20px 0 0 0;
    }
h4 {
        font-family:Tahoma,Helvetica,Arial,sans-serif;
        font-size:16px;
        margin:20px 0 0 0;
    }


p,.storycontent {
        font: 14px Tahoma,Helvetica,Arial,sans-serif;
        color:#444;
        line-height:1.4em;
}
p a{font-weight:bold}

li{
    margin-top:0.5em;
    line-height:1.2em;
}



/*       ++++++++++++++++++++++++++++++++++++++++++++++++++++++
        ++++++++++++++ Containers and Headers ++++++++++++++++
         +++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* ++++++++++++++++++ The Main Container ++++++++++++++++++ */

#rap {
        width:780px;
        padding:0 10px;
        margin:0 auto;
        overflow:visible;
        min-height:700px;
}

/* ++++++++++++++++++ The Content Container - where your posts are ++++++++++++++++++ */

#content {
        width: 480px;
        margin:0 0 0 20px;
        float:left;
        overflow:hidden;
}


/* ++++++++++++++++++ The Header Section ++++++++++++++++++ */

#header {
        font-family: Tahoma,Helvetica,Arial,sans-serif;
        overflow:hidden;
        z-index:10;
        width:auto;
        margin:0 0 13px -5px;
        padding: 8px 0 25px 0;
}

#header a {
        color: #444;
        text-decoration: none;
}

#header a:hover {
        text-decoration: none;
}

#header h2 {font-family:Tahoma,Helvetica,Arial,sans-serif;
            font-size:29px;
            margin: 0;
            padding:0;
            color:#444;
            z-index:1;
            display:block;
            width:200px;
            height:90px;
            text-indent:-1000px;
            

}

#header h2 a {
            display:block;
            position:relative;
            width:200px;
            height:90px;
            margin:0 0 0 0;
            background:Transparent url('images/foomojo-logo-200x90.png') no-repeat top left;
}

#header h3 {margin:-25px 0 0 170px;
            width:366px;
            font-family: Tahoma,Helvetica,Arial,sans-serif;
            font-size:16px;
            font-style:italic;
            color:#9ccb3c;

}

#menu {
        float:left;
        display:inline;
        font-family: Tahoma,Helvetica,Arial,sans-serif;
        font-size:11pt;
        width:115px;
        text-align:left;
        font-weight:bold;
        margin:0 0 0 0;
        padding:0 0 80px 0;
        color:#d04d9d;
        overflow:hidden;
        border-right:1px solid #d04d9d;
}

#menu li a {
        color:#d04d9d;
        padding:0px 5px 1px 9px;
        margin:0;
        display:block;
        position:relative;
        width:auto;
        height:1.5em;
        
        -webkit-border-top-left-radius:11px;
        -webkit-border-bottom-left-radius:11px;

        -khtml-border-radius-topleft:11px;
        -khtml-border-radius-bottomleft:11px;

        -moz-border-radius-topleft:11px;
        -moz-border-radius-bottomleft:11px;
}

#menu li.current_page_item a{
        color:#fff;
        background-color:#d04d9d;
}
#menu li.current_page_item li.page_item a{color:#d04d9d;background-color:Transparent}
#menu li a:hover {text-decoration:none; color:#d04d9d; background-color:#eee}
#menu li.current_page_item a:hover{color:#fff;background-color:#d04d9d}
#menu li.current_page_item li.page_item a:hover{color:#d04d9d;background-color:#eee}
#menu ul {margin:.5em 0 0 10px;padding:0;list-style-type:none;}
#menu ul li {margin:.7em 0 0 0;padding:0;line-height:1.5em;}
#menu ul li ul li{margin:0em 0 0 0;font-weight:normal}
#menu ul li ul {margin:0 0 0 10px;}




#feed {
        display:block;
        border-top:1px solid #fff;
        font-size:12px;
        text-align:center;
        padding:12px 0 0 0;
        margin:20px 0 0 0;
}
#feed a {
        background:Transparent url('images/rss.png') no-repeat left top;
        cursor:pointer;
        padding-left:20px;
}


.navlink {
        margin:0px 48px 20px 40px;
        text-align:center;
        font-size:12px;
        color:#ccc;
}

.navlink a {
        padding:10px;
        color:#666;
}

.navlink a:hover {
        color:#000;
        text-decoration:none;
}





/* ++++++++++++++++++ The Sidebar Section ++++++++++++++++++ */

#sidebar {
        width:145px;
        float:right;
        color:#444;
        padding-bottom:14px;
        padding-top:10px;
        margin:0 0 20px 0;
        background-color:#eee;
        overflow:hidden;

        opacity:0.8;
        -moz-opacity:0.8;
        -khtml-opacity:0.8;
        filter:alpha(opacity=80);



         -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px;
}



#search {
        width:auto;
        padding:5px 15px 12px 13px;
        border-bottom:1px solid #fff;
}
#search input#s{
  border: 1px solid #d8d6d2;
  padding:3px 3px 3px 7px;
  margin:0 0 4px 0;
  width:110px;
  font-size:13px;
  background:#fff url('images/mag-search-13.jpg') no-repeat 96px 4px;
  -moz-border-radius:12px;
  -webkit-border-radius:12px;
}

.notfound {
         margin:40px 100px 0 100px;
         text-align:left;
         font-weight:normal;
         padding:20px 10px;}


.notfound a {
         text-decoration:none;}

#sidebar form {
        margin: 0;


        padding:0;

        list-style-type:none;
}

#sidebar a {
        font-weight:normal;
        color:#444;
}

#sidebar a:hover {
         color:#444;
         text-decoration:underline;
}


#sidebar h3 {color:#9ccb3d;font-weight:bold; font-size:13px; margin:17px 0 6px 5px;}

#sidebar ul {
        color: #444;
        font-weight: bold;
        list-style-type: none;
        margin: 0;
        padding-left: 0px;
}

#sidebar ul li {
        font-family: Tahoma,Helvetica,Arial,sans-serif;
        padding:0 10px 1px 10px;
        margin:3px 0 0 0;
        list-style-type: none;
        font-size:11px;
}



/*       ++++++++++++++++++++++++++++++++++++++++++++++++++++++
        ++++++++++++++++++ Special Stylings ++++++++++++++++++
         +++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/* +++++++++++++++ The Heading of your Posts and Pages ++++++++++++++++++ */


.storywrap {
        padding:0 10px 5px 0;
        font-size:13px;
        text-align:left;
        float:left;
        width:100%;
        margin:0 0 15px 0;
        overflow:hidden;
}
.storywrap h4 {margin:0 0 .8em 0}

.divider_line {border-bottom:1px solid #d34c9b}
#content .divider_line .storycontent {margin-top:0}
.comment_count,.comment_count a,.comment_count a:visited  {
        float:right;
        font-weight:normal;
        font-size:12px;
        color:#999;
        margin-top:2px;
 }
.comment_count a:hover {
        color:#000;
}

.byline {
        max-width:525px;
        color:#444;
        font-size:12px;
        margin-top:2px;
}

.storytitle {
        font-family:Tahoma,Helvetica,Arial,sans-serif;
        font-size:26px;
        line-height:1.1em;
        font-weight:bold;
        max-width:425px;
        color:#444;
        padding-bottom:2px;
        text-align:left;
}

h1.storytitle {
        font-size:28px;
        text-align:left;
        margin:0 0 5px 0;
}
h3.storytitle {
        font-size:20px;
        line-height:1.2em;
        margin:0 0 0 0;
}

.storytitle a {
        text-decoration: none;
        color:#444;
        font-weight:bold;
}

.storytitle a:hover {
        color:#000;
        text-decoration:none;
}

.storytitle a:visited {
    color:#444;
}


.post {
       clear:both;
       padding-bottom:0;
       overflow:visible;

}

.feedback {
       float:left;
       font-size:10px;
       margin-bottom:20px;
}

.feedback a {font-weight:normal;}



.meta {
        font-size: 11px;
        font-family: Tahoma,Helvetica,Arial,sans-serif;
        color: #999;
        clear:both;
        padding-top:2px;
        margin:0 0 1em 0;
}

.meta li, ul.post-meta li {
        display: inline;

}

.meta ul {
        display: inline;
        list-style: none;
        margin: 0;
        padding: 0;

}


.meta a, .meta a:visited {
        color: #999;
        font-weight: normal;
}


.meta a:hover {
        color:#000;
        text-decoration:underline;
}

ul.post-meta {
        list-style: none;
}

ul.post-meta span.post-meta-key {
        font-weight: bold;
}

.footprint {
        font-family:Tahoma,Helvetica,Arial,sans-serif;
        position:fixed;
        z-index:0;
        display:block;
        bottom:0;
        right:0;
        color: #fff;
        font-size: 11px;
        margin: 0;
        padding: 15px 10px 7px 3px;
        text-align: right;
        line-height:1.3em;
        opacity:0.5;
        -moz-opacity:0.5;
        -khtml-opacity:0.5;
        filter:alpha(opacity=50);
}

.footprint a {
        color:#fff;
}


/* +++++++++++++++ The comment section +++++++++++++++++ */



#commentform #author, #commentform #email, #commentform #url, #commentform textarea {

        border: 1px solid #808080;
        padding: .2em;
        margin-left:0;
}

#commentform textarea {
        width:96%;
}


#commentlist {
        width: 100%;
        color:#000;
        margin:0 0 15px 0;
        padding: 0 0 0 0;
        overflow:visible;
        list-style-type:none;
}
#commentlist div{
    overflow:hidden;
}

#commentlist li {
        margin:0 0 10px 0;
        padding:10px 10px 10px 10px;
        background:#f9f9f9;
        overflow:auto;

         -webkit-border-radius:10px;
         -khtml-border-radius:10px;
         -moz-border-radius:10px;

}

#commentlist li p {
        padding:0 10px 0 0;
        line-height:1.1em;
        margin:.6em 0 0 0;
}

#commentlist li div.meta {font-size:10px;padding:5px 0 0 0; margin:0;text-transform:uppercase}

#commentlist img.avatar {
        float:left;
        padding:0;
        margin:0;
        width:50px;
        height:50px;
        border:1px solid #ddd;

}
#commentlist div.text {
        width:360px;
        float:left;
        text-align:left;
        margin:-5px 0 0 10px;
}
#commentlist div.authorcomm {
            float:left;
            margin:0;
            padding:0;
            width:52px;
}
#commentlist div.authorcomm a {text-decoration:none;}

form#commentform p {
        font-family:;
        font-size:12px;
}

/* ++++++++++++++++++ Not to much css for the Calendar ++++++++++++++++++ */

#wp-calendar {

        border: 1px solid #999;



        empty-cells: show;
        font-size: 11px;
        width:90%;
        text-align:center;
}

#wp-calendar a {text-decoration:underline; font-weight:bold;}
#wp-calendar a:hover {border:none; color:#fff;}
#wp-calendar caption {text-align:left;}



/* ++++++++++++++++++ IMAGES Size & aligment ++++++++++++++++++ */

img.alignleft {
        float: left;
        margin:0 10px 5px 0;

}

img.aligncenter {
        margin-top:10px;
        margin-bottom:10px;
        display: block;
        margin-left: auto;
        margin-right: auto;

}

img.alignright {
        float: right;
        margin:0 0 5px 10px;

}

img.size-thumbnail {
}

img.size-medium{
}

img.size-full {
}

/* ++++++++++++++++++ WORDPRESS Captions & aligment ++++++++++++++++++ */


.aligncenter,
div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.alignleft {
        float: left;
}

.alignright {
        float: right;
}

.wp-caption {
        border: 1px solid #ddd;
        text-align: center;
        padding-top: 4px;
        margin: 10px;
}

.wp-caption img {
        margin: 0;
        padding: 0;
        border: 0 none;
}

.wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 1.2em;
        padding: 0 4px 5px;
        margin: 0;
}