/*   
Theme Name: Rubinblog
Theme URI: http://www.rubinblog.com
Description: The theme used on my family site.
Author: Jason
Author URI: http://www.rubinblog.com
Version: 1.0
.
If you plan on using this, please provide a link back to my home site for credit.  Thanks.
.
*/

/* Overall Page Stuff */
html,body{margin:0;padding:0;}

body{
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size:11px;
background: #cccccc;
}

h1, h2, h3{letter-spacing: 0.09em}

h4{margin-bottom:4px;}

img {
border: none;
margin: 0;
padding: 0;
}

img.alignleft
{
float:left;
margin:5px 5px 5px 0px;
}
img.alignright
{
float:right;
margin:5px 0px 5px 5px;
}
img.aligncenter, div.aligncenter
{
text-align:center;
margin:0 auto;
}

ul {
list-style:square;
margin-top:3px;
margin-bottom:3px;
}

#wrapper{width:740px; margin:0px 30px 0px 30px;}

#title{
	width:100%;
	background: url('images/title-bkgd.png') repeat-x top left;
	border: none;
         text-align:center;
}

.spacer {
clear: both;
}

/* Header */
#topheader{
	width:100%;
	background: #FFFFFF url('images/header-bkgd.gif') repeat-x top left;
	border: none;
        text-align:center;
}

#whitebar {width:100%; margin: 0; padding:0; background: #FFFFFF; border-bottom:2px solid black;}

/* Main Style */
#header{width:800px; height:30px; background: url('images/borders/border-black-top.jpg')}
#container{width:800px; margin:0 auto; background: url('images/borders/border-black.jpg') repeat-y; border: none;}
#footer{clear:both;width:100%; height:39px; background: url('images/borders/border-black-bottom.jpg');}
#container a, a:link { text-decoration: none; color: #2474cd; }
#container a:hover, a:active { text-decoration: underline; color: #195598; }


/* Jason Style */
#header-jason{width:800px; height:30px; background: url('images/borders/border-jason-top.jpg');}
#container-jason{width:800px;margin:0 auto; background: url('images/borders/border-jason.jpg') repeat-y; border: none;}
#footer-jason{clear:both;width:100%; height:39px; background: url('images/borders/border-jason-bottom.jpg');}
#container-jason a, a:link { text-decoration: none; color: #9F1D19; }
#container-jason a:hover, a:active { text-decoration: underline; color: #CA2520; }

/* Shannon Style */
#header-shannon{width:800px; height:30px; background: url('images/borders/border-shannon-top.jpg');}
#container-shannon{width:800px;margin:0 auto; background: url('images/borders/border-shannon.jpg') repeat-y; border: none;}
#footer-shannon{clear:both;width:100%; height:39px; background: url('images/borders/border-shannon-bottom.jpg');}
#container-shannon a, a:link { text-decoration: none; color: #195598; }
#container-shannon a:hover, a:active { text-decoration: underline; color: #66CCFF; }

/* Faye Style */
#header-faye{width:800px; height:30px; background: url('images/borders/border-faye-top.jpg');}
#container-faye{width:800px;margin:0 auto; background: url('images/borders/border-faye.jpg') repeat-y; border: none;}
#footer-faye{clear:both;width:100%; height:39px; background: url('images/borders/border-faye-bottom.jpg');}
#container-faye a, a:link { text-decoration: none; color: #9933CC; }
#container-faye a:hover, a:active { text-decoration: underline; color: #660066; }

/* Sonia Style */
#header-sonia{width:800px; height:30px; background: url('images/borders/border-sonia-top.jpg');}
#container-sonia{width:800px;margin:0 auto; background: url('images/borders/border-sonia.jpg') repeat-y; border: none;}
#footer-sonia{clear:both;width:100%; height:39px; background: url('images/borders/border-sonia-bottom.jpg');}
#container-sonia a, a:link { text-decoration: none; color: #e24f8b; }
#container-sonia a:hover, a:active { text-decoration: underline; color: #cc0066; }

/* Gavin Style */
#header-gavin{width:800px; height:30px; background: url('images/borders/border-gavin-top.jpg');}
#container-gavin{width:800px;margin:0 auto; background: url('images/borders/border-gavin.jpg') repeat-y; border: none;}
#footer-gavin{clear:both;width:100%; height:39px; background: url('images/borders/border-gavin-bottom.jpg');}
#container-gavin a, a:link { text-decoration: none; color: #339966; }
#container-gavin a:hover, a:active { text-decoration: underline; color: #33cc66; }

/* Main Menu */


#navcontainer
{
font-family: Arial,Sans-Serif;
margin: 0 auto;
width: 800px;
padding-top:5px;
border-bottom: none;
background-color:#ffffff;
}

#navlist
{
width: 60%;
height:30px;
text-align: center;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}

#navlist li
{
padding: 0px 5px 0px 5px;
margin: 0;
text-indent: 0;
display: inline;
}


#navlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #2474cd;
font-size: 14px;
padding: 1px 2px;
}

#navlist li a:hover,#navlist a#current
{
color: #195598;
font-size: 14px;
border-bottom: 5px solid #195598;
}

#navlist a#jason { color: #9F1D19; border-bottom: 5px solid #9F1D19;}
#navlist a#shannon { color: #66CCFF; border-bottom: 5px solid #66CCFF;}
#navlist a#faye { color: #9933CC; border-bottom: 5px solid #9933CC;}
#navlist a#sonia { color: #e24f8b; border-bottom: 5px solid #e24f8b;}
#navlist a#gavin { color: #339966; border-bottom: 5px solid #339966;}
#navlist a#current { color: #195598; border-bottom: 5px solid #195598;}

/* Index Page */

.PostDate { width: 34px; height: 35px; background: url(images/post-top_bg.gif) no-repeat left top; margin: 0px; text-align: center; padding-right: 10px; float:left;}
.PostDate small { font-size: 10px; color:#fff; font-weight: bold;}
.PostDate .month { display:block; text-transform: uppercase; font-size: 9px;}
.PostDate .day { display:block; font-size: 14px; line-height: 14px; font-family: 'Arial'; letter-spacing: -1px; font-weight: bold; color:#fff; padding: 5px 0 0 0;}
.PostDate .year { display:block;}

#leftbox {

	width:350px;
	padding: 0px;
	float:left;
         margin-left: 5px;
         font-size: 100%;
	background-image: url(images/leftbox.png);
         background-repeat: repeat-y;
	}

#rightbox {

	width:350px;
	padding: 0px;
	float:right;
         margin-right: 5px;
         font-size: 100%;
	background-image: url(images/leftbox.png);
         background-repeat: repeat-y;
	}


.boxtop { 
	background: url(images/leftbox-top.png) no-repeat top left; 
	width:350px;
         height:16px;
         padding:0px;
}

.boxbottom {
	background: url(images/leftbox-bottom.png) no-repeat top left; 
	width:350px;
         height:16px;
         padding: 0px;
}

.albumframe{
height: 105px;
width: 105px;
float:left;
}

.albumholder{
height: 300px;
padding: 10px 0px 10px 18px;
}

.commentholder{
padding: 10px 20px 10px 20px;
}

.commentholder li{
list-style: none;
padding-bottom:10px;
}

.sectiontitle {
font-family: 'Century Gothic', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 150%;
font-weight: bold;
text-align: center;
text-transform: uppercase;
padding-bottom:10px;
}

.news-entry{
margin-bottom:5px;
padding-left:44px;
}

/* Posts and Entries */

code {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}

.post {
	text-align: justify;
	}

.post-title {
font-size: 175%;
font-weight: bold;
text-transform: uppercase;
}

.posted {
font-size: 100%;
color: #7E7E7E;
padding-bottom:5px;
} 

.posted-alt {
font-size: 100%;
color: #7E7E7E;
padding:0px;
} 

.post-metadata{
font-size: 115%;
color: #7E7E7E;
border-bottom:1px solid black;
padding:0px 0px 10px 0px;
}

.alignright {float: right;}

.alignleft {float: left}

.center{text-align: center;}

.floatLeft{float:left; margin:5px; padding:1px;}

.floatRight{float:right; margin:5px; padding:1px;}

.paginate{
padding-bottom:20px;
}

/*Comments*/

.commentlist li{
padding:5px;
list-style:none;
}

.alt{
background: #EEEEEE;
}

.navigation{
padding:5px;
}

/* Misc Stuff */

blockquote {
	margin: 15px 30px 0 10px;
	padding:5px 20px 5px 20px;
        background: #ddd;
        font-family: Arial, Sans-Serif;
	}

.red{color:#cc0000;}

.search-form{
  padding-bottom:20px;
}

.search-form input {
  width: 200px;
}

#sneaky {
text-align:center;
padding-bottom:10px;
}

#sneaky a, a:link { text-decoration: none; color: #eeeeee; }
#sneaky a:hover, a:active { text-decoration: underline; color: #195598; }

#sidebar{
float:right;
width:50%;
}