/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
- teal
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
* {
    margin: 0px;
}

html, body {
    height: 100%;
    margin: 0px;
    background: #eeeeee;
}

#main {
    margin: 0px;
    padding: 0px;
    background: #ffffff;
}

.container {
    width: 800px;
    margin: 0px auto;
}

.container a {
    padding: 2px;
    text-decoration: none;
}






.current {
    font-weight: bold;
}

.container a:link {
    color: teal;
}

.container a:hover {
    color: white;
    text-decoration: none;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background: teal none repeat scroll 0 0;   
}

/*Image repeats
a[href^="http:"]:hover {
    background-image: url(../img/icons/external.png);
    padding-right: 14px;
}

a[href^="http://jonathanstreet.com.com"]:hover {
    background:none;
    padding:0;
    margin:0;
}
*/


/**************************************/
/*              HEADER                */
/**************************************/
#header {
    margin: 0px;
    padding: 1px;
    background-image: url(/blog/user/themes/jonathanstreet/img/header_bg.jpg);
    height: 100px;
}

#header > h1 {
    text-decoration: none;
}


/**************************************/
/*             NAVIGATION             */
/**************************************/
ul#menu {
    list-style: none;
    margin: 0px;
    padding-bottom: 30px;
    margin-left: 500px;
    font-size: 1.5em;
}

ul#menu li {
    float: left;
}

ul#menu li a {
    text-decoration: none;
    color: teal;
}

ul#menu li a:hover {
    text-decoration: none;
    color: white;
}


/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#content {
    margin-top: 30px;
}

.container > #left {
    width: 500px;
    float: left;
    padding: 12.5px;
    text-align:justify;
}

.container > #right {
    width: 200px;
    float: left;
    padding: 12.5px;
    text-align: justify;
}

.blog_post a {
    margin: 0px;
    padding: 0px;
}

.blog_post h2 {
    margin: 1em 0em;
    padding: 5px;
    text-align: left;
}

.container a:hover h2 {
    color: white;
    text-decoration: none;
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background: teal none repeat scroll 0 0;
}

.blog_post .prettyprint {
    width: 500px;
    overflow: auto;
}


/**************************************/
/*               FOOTER               */
/**************************************/

#footer {
    background: #eeeeee;
    margin: 1px;
    padding: 1px;
}

#popular {
    width: 375px;
    float: left;
    padding: 12.5px;
}

#social {
    width: 375px;
    float: left;
    padding: 12.5px;
}

#articles > h2, #social > h2 {

}

#copyright {
    
}

a[href^="http:"] {
    background-image: url(/blog/user/themes/jonathanstreet/img/icons/external.png);
    padding-right: 14px;
}

a[href^="mailto:"] {
    background-image: url(/blog/user/themes/jonathanstreet/img/icons/email.png);
    padding-right: 16px;
}

a[href^="http://jonathanstreet.com"] { background:none; padding:0; margin:0; }
a[href^="http://jonathanstreet.com"]:visited { background:none; padding:0; margin:0; }

a[href^="http://jonathanstreet.com"]:hover { background:teal; padding:0; margin:0; }