/*
Theme Name: Murder City Madness
Version: 1.0
Description: Rock, Roll, Gusto.
Tags: three columns, simple, valid XHTML, valid CSS, black
Author: Jason Feinberg
Author URI: http://www.otmg.net/
Theme URI: http://www.otmg.net/
License: Creative Commons GNU General Public License (GPL)
License URI: http://creativecommons.org/licenses/GPL/2.0/
*/

#flickr ul { list-style: none; }
/* #flickr ul li { display: inline; }  pulled to make each on a line */
#flickr ul, #flickr ul li { padding: 0; margin: 0; border: 0; }
#flickr a img { border: 1px #ccc solid; padding: 3px; margin: 5px 3px 0px;}
#flickr a:hover img { border: 1px #999 solid; }

h3.lighter
{
font-size: 14px;
line-height: 14px;
font-family: "Georgia";
}


/* JF NAV ELEMENTS */
#mainnav {
	position:relative;
	left:39px;
	top:152px;
	margin: 0 auto;
	text-align: left;
	width: 740px;
}

#translink {
	position: absolute;
	left:-44px;
	top:-140px;
	margin: 0 auto;
}

#blog-link {
	position: absolute;
 /*	margin: 0 auto; */
        left: 100px;
        top: 0px;
     	overflow: hidden;
	       }

#tourdates-link {
	position: absolute;
 /*	margin: 0 auto; */
        left: 167px;
        top: 0px;
     	overflow: hidden;
	       }

#videos-link {
	position: absolute;
 /*	margin: 0 auto; */
        left: 288px;
        top: 0px;
     	overflow: hidden;
	       }
#merch-link {
	position: absolute;
 /*	margin: 0 auto; */
        left: 370px;
        top: 0px;
     	overflow: hidden;
	       }
#contactinfo-link {
	position: absolute;
 /*	margin: 0 auto; */
        left: 448px;
        top: 0px;
     	overflow: hidden;
	       }





body {
	padding : 10px;
	background: url("http://www.themurdercitydevils.com/img/header-blank.png") black;
	background-repeat: no-repeat;
	background-position: center top;
	}

table#blog {

	position:relative;
	left:0px;
	top:223px;
	margin: 0 auto;
	text-align: left;
	width: 760px;
	align: center;
	}

td#main {	
	width : 600px; /* was 60% then 70% jf */
	padding : 0px 0px; /* was 0 50 */
	vertical-align : top;
	}
	
td#splash {
	width: 100%;
	text-align: center;
	vertical-align: top;
}

div#header {
	height : 175px;
	margin-bottom : 40px;
	}

div#tagline {
	margin : 15px 0px 40px 0px;
	}

div#navlink {
	padding-bottom : 20px;
	}

div#header, div#navlink, td#footer {
	text-align : center;
	}

div.post {
	padding-bottom : 65px;   /* 125 */
	padding-right: 10px;  /* 0 */
	}
	
div.store {
	padding-bottom : 65px;   /* 125 */
	padding-right: 10px;  /* 0 */
	width: 550px;
	}

div.store h3, div.store h3 a:link, div.store h4 a:visited {
	color: #EEE;	
}
div.date, div.comment-date, a.authorlink {
	text-align: left;
	padding-top : 7px;
	font-style: italic;
	}

div.content {
	text-align : justify;
	line-height : 18px; /* 1.75em; jf */
	padding : 10px 0px;
	}

div.page-content {
	text-align : justify;
	line-height : 14pt; /* 1.75em; jf */
	padding : 0px 0px;
	font : 12px Georgia, sans-serif; /* was 1em Futura jf */
	text-decoration : none;
	}

div.info {
	clear : both;
	margin-bottom : 10px;
	}

.meta {
	padding : 4px 0px;
	}

.meta span {
	padding-right : 20px;
	}

div.edit {
	width : 36px;
	}

.edit, input#submit {
	padding : 5px;
	text-align : center;
	}

form#search input {
	width : 250px;
	margin-bottom : 20px;
	}

fieldset {
	padding : 15px;
	}

a:link, a:visited  {
	text-decoration : none;
	}

div.content a:link, div.content a:visited, div.box a:hover, div.info a:hover {
	text-decoration : none;
	}

a.more-link {
	float : right;
	}

a img, a img.simple {
	border : none;
	}

img.frame {
	padding : 4px;
	}


/* SIDEBARS */

td#left_sidebar, td#right_sidebar {
	width: 212px; /* was 15% (and then 25%) jf */
	vertical-align : top;
	padding-left: 60px; /* added jf */
	}

td#left_sidebar {
	text-align : right;
	}

div.box {
	margin-bottom : 25px;
	}

div.box h4 {
	margin : 0px 0px 5px 0px;
	}

div.box ul {
	margin : 0px;
	padding : 0px;
	list-style : none;
	line-height : 18px; /* 1.75em; jf */
	}

div.box ul ul {
 	padding : 0px 10px;
	list-style : none;
	}

div.box ul + h4 {
	margin-top : 25px;
	}

div.box ul.pages ul {
 	padding : 0px 0px 5px 10px;
	list-style : none;
	}

div.box form {
	margin : 0px;
	}

div.box input#s {
	width : 140px;
	}

div.box select {
	width : 150px;
	}

select {
	padding : 4px;
	}


/* INPUT FIELDS */

input#s, input#author, input#email, input#url, input#comment, input#submit, p input, textarea {
	padding : 4px;
	margin-bottom : 10px;
	background : transparent;
	color : rgb(200, 200, 200);
	border : 1px solid;
	border-color : rgb(120, 120, 120);
	}

input[type="text"], input[type="password"], input[type="reset"], input[type="submit"] {
	padding : 3px;
	background : rgb(0, 0, 0);
	color : rgb(200, 200, 200);
	border : 1px solid;
	border-color : rgb(120, 120, 120);
	font-size: 9px;
	}

input[type="text"], input[type="password"] {
	margin-bottom : 10px;
	}

input[type="file"] {
	padding : 4px;
	background : rgb(250, 250, 250);
	color : rgb(20, 20, 20);
	border : none;
	}


/* COMMENT SECTION */

form#commentform {
	margin-top : 25px;
	}

ol.commentlist {
	margin : 0px;
	padding : 20px 0px 0px 20px;
	}

ol.commentlist li.comment {
	margin-bottom : 40px;
	line-height : 1.5em;
	font-size: 12px;
	}

div.author {
	margin : 20px 0px 10px 0px;
	}

div.author img {
	padding-right : 10px;
	}


/* WIDGETS */

div.textwidget {
	line-height : 1.5em;
	}

a.rsswidget img, #akismetstats {
	background : transparent !important;
	}

#left_sidebar a.rsswidget img {
	float : left;
	}

#right_sidebar a.rsswidget img {
	float : right;
	}

table#wp-calendar {
	width : 140px;
	line-height : 1.5em;
	}

#wp-calendar caption {
	padding-bottom : 4px;
	}


/* GENERICS */

.left  {
	text-align : left;
	}

.center {
	text-align : center;
	}

.right {
	text-align : right;
	}

.alignleft  {
	float : left;
	margin : 10px 15px 10px 0px;
	}

.aligncenter {
	display : block;
	margin-left : auto;
	margin-right : auto;
	}

.alignright {
	float : right;
	margin : 10px 0px 10px 15px;
	}


/* FONTS */

body, table#blog, input, textarea, pre, div#tagline  {
	font : 1em  "Georgia", "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	}

table#blog {
/*	font-size : 70%; */
	}

table#blog table {
	font-size : 100%;
	width: 550px;
	}
#comments {
	width: 550px;
}
h1, h2, h3, h4, h5, h6 {
	font-family : Futura, Verdana, Geneva, Tahoma, sans-serif; /* was c goth jf */ 
	font-weight: lighter;
	}


div#header h1 {
	margin : 0px;
	font-size : 2.8em;
	}

h1 {
	font-size : 2.2em;
	}

div#header h2 {
	margin : 0px;
	font-size : 2.1em;
	}

h2 {
	font-size : 1.8em;
	}

h3 {
	margin : 0px;
	font-size : 18px; /* 1.6em; jf */
	line-height: normal;
	}

h4 {
	font-size : 1.2em;
	 }

h5 {
	font-size : 1.1em;
	 }

h6 {
	font-size : 1em;
	 }

.date, .comment-date
{
	font : 12px Georgia, sans-serif;
}

.info, div.meta, div.author, p.wp-caption-text, .edit, div.box, div.box a:link, div.box a:visited,
div.box h4, li.recentcomments, div#form label, p label, select, table#wp-calendar,
div#navlink a:link, div#navlink a:visited, #footer, #footer a:link, #footer a:visited, legend, input#submit, div.content, div.content input, div.page-content {
	font : 12px Georgia, sans-serif; /* was 1em Futura jf */
	line-height : 13pt;
	}

code {
	font : 1em 'Courier New', monospace;
	white-space : pre;
	}

dt {
	font-weight : bold;
	}

small {
	font-size : 0.9em;
	 }


/* COLOURS */

body, select {
/*	background : rgb(0, 0, 0); */
	color : rgb(220, 220, 220);
	}

a:link, a:visited, div.author, a.authorlink:hover {
	background : transparent;
	color : rgb(149, 149, 149); /* 250 250 250 */
	}

li.recentcomments, .comment-date {
	background : transparent;
	color : rgb(200, 200, 200);
	}

h1 a:link, h1 a:visited, h2, h2 a:link, h2 a:visited, h3, h3 a:link, h3 a:visited, .date, a.authorlink, a:hover {
	background : transparent;
	color : rgb(253, 83, 184); /* now pink, was 200 200 200 */
	}

div#tagline, div.meta, span#colophon, #colophon a:link, #colophon a:visited, label, legend {
	background : transparent;
	color : rgb(140, 140, 140);
 	}

div#meta a:hover {
	background : transparent;
	color : rgb(149, 149, 149); /* 250 250 250 */
	}

color : rgb(253, 83, 184); /* now pink, was 200 200 200 */

div.box h4, h4 a:link, h4 a:visited, .info a:link, .info a:visited, a.more-link, #navlink a:link, #navlink a:visited, #wp-calendar caption, #wp-calendar a:link, #wp-calendar a:visited {
	background : transparent;
	color : rgb(149, 149, 149); /* 148, 150, 226 */
	}

img.frame, .edit, select, fieldset, hr {
	border : 1px solid;
	border-color : rgb(120, 120, 120);
 	}


/* PRINT STYLESHEET */

@media print {

body {
	padding : 2%;
	}

body, a:link, a:visited  {
	background : rgb(255, 255, 255);
	color : rgb(0, 0, 0);
	}

td#left_sidebar, td#right_sidebar, div.info, .edit, div.navlink, div#form, form, input, img[class~=avatar] {
	display : none;
	}

div.post {
	page-break-after : always;
	}

img, blockquote {
	page-break-inside : avoid;
	}

}