/*
Theme Name: Jupiter Gardens Theme
Theme URI: http://lsdesigns.net
Description: A theme made for Jupiter Gardens
Version: 1.0
Author: http://lsdesigns.net
Author URI: http://lsdesigns.net
*/


body {
margin-top: 0px;
padding: 0;
font: 75% verdana, "Trebuchet MS", arial, tahoma, sans-serif;
line-height:1.3em;
color: #44368b;
background: #000000;
background-position: 50% 0;
background: url('images/purplewaves-orig.jpg') repeat fixed;
}

#container {
width: 870px;
background: #8c8c96;
margin-left: auto;
margin-right: auto;
padding: 2px;
}

/* CSS Tabs */

#navlist {
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #453a5b;
text-align: left;
font-weight: bold;
}

#navlist li {
list-style: none;
margin: 0;
display: inline;
font-weight: bold;
}

#navlist li a {
padding: 3px .5em;
margin-left: 3px;
border-top: 1px solid #453a5b;
border-left: 1px solid #453a5b;
border-right: 1px solid #453a5b;
color: #ec008c;
text-decoration: none;
font-weight: bold;
}

#navlist li a:link { color: #492576;
font-weight: bold;
 }

#navlist li a:visited { color: #492576;
font-weight: bold;
}

#navlist li a:hover {
color: #000;
border-top: 1px solid #453a5b;
border-left: 1px solid #453a5b;
border-right: 1px solid #453a5b;
font-weight: bold;
}

#navlist li a#current {
color: #000;
border-top: 1px solid #453a5b;
border-left: 1px solid #453a5b;
border-right: 1px solid #453a5b;
font-weight: bold;
}

#banner {
height: 180px;
padding: 0;
margin: 0;
border: 2px solid #453a5b;
background: url('images/logo.jpg') no-repeat;
background-position: 50% 0;
}

#banner a {
color: #fff;
}

#banner h1 {
padding: 40px ;
margin-left: 270px;
font: normal 350% Georgia ;
text-align: left;
border-bottom: none;
background: transparent;
}

#content {
padding: 5px;
margin-left: 245px;
margin-bottom: 0;
color: #302449;
background: #a698b4;
border: 1px solid #453a5b;
}

h1 {
margin: 10px;
font: normal 130% "Trebuchet MS", verdana, tahoma, sans-serif;
padding: 5px;
text-transform: uppercase;
color: #492576;
}

a {
text-decoration: none;
color: #492576;
background: transparent;
font-weight: bold;
}

a:hover {
text-decoration: none;
color: #492576;
background: transparent;
font-weight: bold;
text-decoration: underline overline;
}

a images {
border: 0px none;
}

#sidebar {
float: left;
width: 230px;
margin: 0 10px 0 0;
padding: 5px;
background-color: #a698b4;
border: 1px solid #453a5b;
color: #453a5b;
}

#sidebar h1 {
margin: 10px;
font: normal 140% "Trebuchet MS", verdana, tahoma, sans-serif;
padding: 5px;
text-transform: uppercase;
border-bottom: #453a5b 1px solid;
color: #492576;
}

#sidebar ul li h2{
color: #492576;
font: normal 130% "Trebuchet MS", verdana, tahoma, sans-serif;
}
#sidebar a {
color: #492576;
font-weight: bold;
}

#sidebar a:hover {
color: #492576;
font-weight: bold;
}

#footer {
clear:both;
padding: 3px;
height: 60px;
margin-top: 5px;
text-align: right;
border-top:2px solid #453a5b;	
color: #000;
background-color: #8c8c96;
}

#footer a {
text-decoration: none;
color: #fff;
background: transparent;
}

#footer a:hover {
text-decoration: none;
color: #000;
background: transparent;
text-decoration: underline overline;
}

 /* set millions of background images */
.rbroundbox { background: url('images/nt2.gif'); }
.rbtop div { background: url('images/tl2.gif') no-repeat top left; }
.rbtop { background: url('images/tr2.gif') no-repeat top right; }
.rbbot div { background: url('images/bl2.gif') no-repeat bottom left; }
.rbbot { background: url('images/br2.gif') no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
height: 10px;
font-size: 1px;

}
.rbcontent { margin: 0 7px;}
.rbroundbox { width: 90%; margin: .5em auto; }


/*post stylng*/
.post{margin:0 0 25px 0;}

.post .info{
padding:2px 3px 3px 8px;
border:1px solid #453a5b;
background-color:#a698b4;
font-size:0.9em;
color:#505050;
}



/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #a698b4;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #453a5b;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #453a5b;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #453a5b;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #453a5b;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #453a5b;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #453a5b;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}

img.ttf { border:0;}





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#glowingtabs{
float:left;
margin-top: 10px;
margin-bottom: 10px;
width:100%;
font-size:90%;
line-height:normal;
border-bottom: 3px solid #d9cedf; /*Add border strip to bottom of menu*/
}

#glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#glowingtabs li{
display:inline;
margin:0;
padding:0;
}

#glowingtabs a{
float:left;
background:url(images/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

#glowingtabs a span{
float:left;
display:block;
background:url(images/glowtab.gif) no-repeat right top;
padding: 4px 12px 2px 3px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
color: black;
}

#glowingtabs #current a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs #current a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

#glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

<!--[if IE]>
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
<![endif]-->