/**                                                           CSS för Saturday's Heroes                                **/

/*
Theme Name: Generation
Theme URI: http://saturdays-heroes.com
Description: Rock n roll!
Version: 1.0
Author: Niklas Söderlund
*/

/**----------------------------- Body Egenskaper **/


body {
	background: #000;
	font-family: verdana;
	text-align: center;
	margin-top: 20px;
}

a {
	text-decoration: none;
}


#wrapper {
	width: 900px;
	background: #fff;
	margin: auto;
}



/* Title */
h1 {
	color: #000;
	font-size: 20px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px;
}

/* Title descpr. */
h2 {
	color: #999;
	font-size: 12px;
	margin: 5px 0px 0px 0px;
}

/* Posts & Sidebar headers */
h3 {
	color: #001626;
	text-transform: uppercase;
	margin: 0px;
}

/* Small headers */
h4 {
	font-size: 16px;
}

h5 {
	color: #222;
	font-size: 14px;
}

h5 a {
	color: #000;
}

h5 a:hover {
	color: #666;
}


.center {
	font-weight: bold;
}

/**--------------------------------- Header & Meny **/

#header {
	width: 900px;
	background: #000;
	height: 200px;
	clear: both;
	float: left;
}


#links 	{
	width: 900px;
	background: url(images/menu.jpg);
	text-align: center;
	clear: both;
	margin: 0px;
	padding: 19px 0px;
	float: left;
}

#links li {
	display: inline;
	list-style: none;
}

#links li a {
	color: #fff;
	font-size: 14px;
	background: #000;
	letter-spacing: 2px;
	padding: 8px 12px;
}

#links li a:hover {
	color: #fff;
	background: #333;
}


/**-------------------------------- Content & Inlägg **/


#content {
	width: 560px;
	background: #fff;
	float: left;
	padding: 20px;
	text-align: left;
	font-size: 12px;
}

h3.post {
	font-size: 18px;
}

h3.post a {
	color: #000;
}

h3.post a:hover {
	color: #666;
}

.entry {
	color: #444;
	margin-bottom: 20px;
}

.entry a {
	color: #333;
	font-weight: bold;
}

.entry a:hover {
	color: #888;
}

.entry ul {
	list-style: none;
	padding-left: 10px;
}


.entry ul .past {
	color: #888 !important;
}

.entry ul li {
	padding-bottom: 5px;
}


.postmetadata {
	color: #555;
	font-size: 10px;
	margin-bottom: 20px;
}

.postmetadata a {
	color: #555;
}


.comments {
	font-size: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
}

.comments a {
	color: #666;
}

.comments a:hover {
	color: #999;
}


/**-------------------------------- Sidebar **/


#sidebar {
	width: 280px;
	background: #fff;
	float: right;
	padding-right: 20px;
	padding-top: 10px;
	text-align: left;
}

.box {
	font-size: 12px;
	border-bottom: 1px dotted #999;
	padding: 10px 0px;
}

.box ul {
	list-style: none;
	padding: 0px;
	margin-left: 5px;
}

.box ul li {
	color: #333;
	padding-bottom: 5px;
}

.box a {
	color: #666;
}

.box a:hover {
	color: #888;
	opacity:0.4;
}

.small {
	font-size: 10px;
}


/**-------------------------------- Footer **/

#footer {
	color: #555;
	height: 100px;
	background: url(images/footer.jpg);
	text-align: center;
	padding-top: 20px;
	font-size: 12px;
	clear: both;
}

#footer a {
	color: #666;
}

#footer a:hover {
	color: #888;
}

/**-------------------------------- text-styles **/

.smallfooter {
	color: #666;
	font-size: 10px;
	border-top: 1px dotted #999;
	padding-top: 5px;
	margin-top: 10px;
}

.bioimage {
	float: right;
	border: 2px solid #000;
	margin-left: 5px;
}

.shopimage {
	float: left;
	margin-right: 5px;
}

h3.gigs {
	color: #555;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 12px;
	letter-spacing: 2px;
}