/*   
Theme Name: JaS Personal Publisher
Theme URI: http://w3.installeddesign.com/2008-08-15/jas-personal-publisher-2.html
Description: A simple and minimalist personal publishing theme for WordPress.
Author: Jorge Alberto Saldivar
Author URI: http://installeddesign.com
Version: 2
Tags: fixed width, two columns, minimalist, stylish, personal, dark, gradient header, right sidebar, widget, ready, widgets, valid CSS, ie7, firefox 3.0
.
This work is distributed under the terms of the GNU General Public License. 
This means you are free to use this template for any purpose, and make 
changes as you see fit. Please leave the link in the footer, or donate if 
you would like to remove it.
.
*/


body	{
        background: url(http://www.sportblognow.com/img/background.gif);
	margin: 0;
	font-family: verdana;
	font-size: 12px;
}

img	{
	border: 0px none;
}

/* HEADER TITLE STUFF HERE */

h1	{
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}
h2	{
	font-size: 1.4em;
	margin: 0;
	padding: 0;
}
h3	{
	font-size: 1.3em;
	margin: 0;
	padding: 0;
}
h4	{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
h5	{
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

/* WRAPPER STUFF GOES HERE. */

#wrapper	{
	background: #ffffff;
	width: 1000px;
	border: 3px double #000000;
	margin: 0 auto;
	padding: 0;
}

/* HEADER STUFF GOES HERE. */

#header	{
	background: #000000 /* url(images/header.gif) left center repeat-x scroll */;
	height: 100px;
	padding: 0px;
}

/* START H1 GRADIENT */
#header h1	{
	float: left;
	font-size: 50px;
	color: #ffffff;
	line-height: 64px;
	font-family: times;
	position: relative;
}
#header h1 span {
	background: url('images/gradient-shine.png') repeat-x;
	position: absolute;
	display: block;
	width: 100%;
	height: 64px
}
/* END H1 GRADIENT */


#header-left	{
	height: 0;
}
#header-left div	{
	/* Site description */
	letter-spacing: 3px;
	text-transform: uppercase;
	clear: left;
	color: #ffffff;
	font-size: .8em;
	margin: 0 320px 0 0;
	line-height: 25px;
	padding: 0 5px;
}

/* SEARCH FORM and RSS STUFF HERE. */

.header-right	{
	float: right;
	width: 310px; 
	font-size: 15px;
	font-weight: bold;
}

#searchform	{
	background: #e5e5e5;
	margin: 0;
	padding: 5px;
}

#s	{
	width: 200px;
	border: 0px none;
	margin: 0;
	padding: 5px
}
#searchsubmit	{
	background: #ffffff;
	width: 85px;
	border: 0px none;
	margin: 0;
	padding: 4px;
	font-weight: bold;
	color: #960000
}
#rss	{
	text-align: right;
	margin: 5px 0 0 0;
	padding: 5px 0;
}
.feed {
	background: url('images/feed-icon-14x14.png') no-repeat 5px 50%;
	margin: 0;
	color: #add8e6; padding-left:24px; padding-right:0; padding-top:0; padding-bottom:0
}
.feed:hover	{
	color: #add8e6;
	text-decoration: underline;
}


/* ALL CONTENT STUFF HERE. */

#container	{
	height: 1%;
}

#column	{
	width: 600px;
	float: left;
	margin: 0;
	padding: 5px;
}

#column	h2 {
		font-size: 14px;
		font-weight: bold;
		margin: 0;
		padding: 0 0 5px 0;
		}

	#htitle a:link {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	}

	#htitle a:hover {
        font-weight: bold;
        color: #4d87c1;
	text-decoration: underline;
	}
	#htitle a:visited {
        font-weight: bold;
	color: #000000;
	}

#read {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	}

#read a:link {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	}

#read a:hover {
        font-weight: bold;
        color: #4d87c1;
	text-decoration: underline;
	}
#read a:visited {
        font-weight: bold;
	color: #000000;
	}

#page-title	{
	background: #960000;
	height: 5px;  /* Remove the height if you will add content to Page Title on Index and Single files. */
	margin: 0 0 5px 0;
	padding: 5px;
	color: #ffffff;
	letter-spacing: 3px;
	font-size: 1.5em;
	font-family: arial;
}
.title	{
	font-size: 2.2em;
}

.date	{
	background: url('images/date.gif') no-repeat center;
	float: left;
	width: 75px;
	height: 75px;
	margin-left:0; margin-right:5px; margin-top:0; margin-bottom:0
}
.month	{
	display: block;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	line-height: 22px;
	margin: 5px;
}
.day	{
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}
.year	{
	display: block;	
	text-align: center;
	font-weight: bold;
	font-size: .9em;
}
.info-1	{
	border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; border-bottom:0px solid #e5e5e5; background:#fafafa; color: #960000;
	font-weight: bold;
	font-size: .8em;
	margin-left:80px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:0
}
.info-2	{
	border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-top:0px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#fafafa; color: #960000;
	font-weight: bold;
	font-size: .8em;
	margin-left:80px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:5px; padding-right:5px; padding-top:0; padding-bottom:5px
}

/* START PARAGRAPH BEHAVIOR */
#column p	{
	margin: 10px 0;
	padding: 0;
}
.par	{
	margin: 0;
	padding: 0 0 0 100px;
}
blockquote	{
	background: transparent;
	border: 1px solid #e5e5e5; 
	margin: 0;
	padding: 5px 20px;
}
blockquote p	{
	margin: 0;
	padding: 0;
	text-align: justify;
}
a.more-link	{
	background: #4d87c1;
	display: block;
	margin: 5px auto;
	padding: 5px;
	width: 234px;
	text-align: center;
	color: #ffffff;
}
a.more-link:hover	{
	color: #add8e6;
}
/*  END PARAGRAPH BEHAVIOR */
.the-meta	{
	clear: both;
	margin: 0 0 0 80px;
	padding: 0;
}
.the-meta ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.post-meta-key	{
	font-weight: bold;
}

.footer2	{
	border-bottom: 3px double #960000;
	margin: 0 0 10px 80px;
}

/* COMMENT STUFF HERE */

h3#comments	{}
ol.commentlist	{
	list-style-type: none;
	padding: 0;
}
ol.commentlist li	{
	margin: 0;
	padding: 0;
}
ol.commentlist li:hover	{
	background: #e5e5e5;
}
img.avatar {
	float: left;
	background: #ffffff;
	margin: 5px;
	padding: 5px;
	border: 1px solid #b2b2b2;
}
h3#respond	{}
form#commentform	{}
h3#comments, ol.commentlist, h3#respond, form#commentform	{
	margin: 0 0 0 80px;
}
textarea#comment	{
	width: 560px;
}
/* END COMMENT STUFF HERE */


div.navigation	{
	margin: 0 0 0 80px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 10px;
}


/* SIDEBAR STUFF STARTS HERE. */

#sidebar	{
	float: right;
	width: 364px;
}

#sidebar ul	{
	list-style-type: none;
	border: 3px double #000000;
	margin: 5px;
	padding: 0px;
}
#sidebar ul li	{
	background: #000000;
	margin: 0;
	padding: 5px;
}
#sidebar ul li h2	{
	color: #960000;
	font-size: 1em;
	letter-spacing: 5px;
	text-transform: uppercase;
	display: block;
	border-bottom: 1px solid #b2b2b2;
	padding: 0 0 5px 0;
}
#sidebar ul li ul	{
	list-style-type: none;
	background: #ffffff;
	margin: 0;
	padding: 0;
}
#sidebar ul li ul li	{
	margin: 0;
	padding: 0;
}
#sidebar ul li ul li ul li	{
	margin: 0 0 0px 0;
	padding: 0;
}



	#sid a:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	}

	#sid a:hover {
        font-weight: bold;
        color: #4d87c1;
	text-decoration: underline;
	}
	#sid a:visited {
        font-weight: bold;
	color: #FFFFFF;
	}
/* FOOTER STUFF HERE.  */

#footer	{
	clear: both;
	background: #000000;
	height: 90px;
	margin: 0;
	padding: 5px;
	color: #ffffff;
	text-align: center;
	font-size: .8em;
	letter-spacing: 2px;
	text-transform: uppercase
}
#footer a	{
	color: #ffffff;
}

#footer a:hover	{
	color: #4d87c1;
        text-decoration: underline;
}


/* STRUCTURE ELEMENTS */

.clear-both	{
	clear: both;
}
.clear-left	{
	clear: left;
}
.clear-right	{
	clear: right;
}
.hidden	{
	display: none;
}

/* FROM http://codex.wordpress.org/CSS FOR IMAGES */
.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;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px; */
}

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

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
/* General */
a	{
	color: #4d87c1;
	text-decoration: none;
	font-family: arial;
	font-weight: bold;
	font-size: 1.1em;
}
a:hover	{
	color: #960000;
}