/*  Theme Name: Mi7 Records
Theme URI: http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/
Description: A magazine-style layout for Wordpress
Version:1.1
Author: Andy Stow
Author URI: http://www.darrenhoyt.com/2007/08/05/wordpress-magazine-theme-released/

/* -------------------------------------------------------------- 
typography.css* Sets up some sensible default typography.
-------------------------------------------------------------- */
/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */

body { 
  font-size: 75%;
  color: #777777; 
  font-family: Georgia, "Times New Roman", Times, serif;
}

/* Headings

-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0; }
h2 { font-size: 2em;  }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
margin: 0;
}

/* HTML Elements */
* {
	margin:0;
	padding:0;
}
body,html {
	min-height:101%;
}

body {
	background: #333333;
	color: #545454;
	padding: 0px 0px 25px;
	text-align: center;
}

p {	
	margin: 10px 0 0;
}

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

a:hover, a:active {
	color:#333;
	text-decoration:underline;
}

hr {
	display: block;
	height:2px;
	background:#777777;
	border:0;
}

small {
	font-size: 0.95em;
	background:#eef5e1;
	padding:3px 6px;
}


img, a:link img, a:visited img {
	border:0;
	margin:0;
	padding:0;
}


/* Structure */
#pageouter {
	margin-left: auto;
	margin-right: auto;
	width:900px;
	overflow: hidden;
	background:#FFF;
	border-top: 0px solid #E1E1E1;
	border-right: 5px solid #6D6D6D;
	border-bottom: 5px solid #6D6D6D;
	border-left: 5px solid #6D6D6D;
	padding-top: 20px;
}

#pageinner {
	width:820px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
		
#pagecontent {
	width:780px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	text-align: left;
}

#header {
	width:100%;
	overflow: hidden;
}

#topbox {
	width: 780px;	
	height: 333px;
	position: relative;
	overflow: hidden;
	background: #999999;
	/*border-top: 2px solid #666666;
	margin-top: 5px;
	padding-top: 5px;  */	
	margin-bottom: 5px;	
}

#content {
	width:780px;
	float:left;
	overflow: hidden;
}

#narrowcontent {
	width:500px;
	float:left;
	margin-right: 40px;
	background: #fff;
	overflow: hidden;
	/*border-top: 2px solid #D6D6D6;	
	margin-top: 5px;*/
	padding-bottom: 100px;
}

.leadfeature  {
	position: relative;
	padding-bottom: 5px;
}


#sidebarholder {
	width:240px;
	float:left;
	overflow: hidden;
	/*	border-top: 2px solid #D6D6D6;
	margin-top: 5px;
	padding-top: 5px;*/
}

#branding {
	width:625px;
	padding-bottom:15px;
}

.left {
	float:left;
}



.right {
	float:right;
}

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

#leftcol {
	width:240px;
	padding-right: 10px;
}

#leftcol, #rightcol, #centercol {
	margin-top:10px;
	float:left
}		

#centercol {
	width:240px;	
	border-left:1px dotted #000;
	padding-left: 9px
}	
	
.rightcol {
	width:240px;
	height: 350px;
	float:left;
	overflow: hidden;
	/*border-bottom: 2px solid #D6D6D6;
	padding-bottom: 5px;
	margin-bottom: 5px;*/
}

.rightcol img {
	/*border-bottom: 2px solid #D6D6D6;
	padding-bottom: 5px;*/
	margin-bottom: 5px;
}

.titlebox   {
	height: 40px;
	background: #333333;
	padding-right: 5px;
	padding-left: 5px;
	overflow: hidden;
	position: relative;
}

.titlebox h2 {
	color: #fff;
}

.titleimage { background: #000; position: relative; }
.titleimage-wrapper h2 { font-size: 24px; line-height: 30px; position: absolute; top: 240px; left: 10px; z-index: 1; color: #fff; }
.titleimage-wrapper h2 a { color: #fff; text-decoration: none; }
.titleimage-wrapper img { height: 333px; width: 500px; }


/*Subnav */

.subnav li {

	list-style:none;

	border-bottom:1px solid #FFF;

	}



.subnav li a:link, .subnav li a:visited {

	background:#eef5e1;

	display:block;

	padding:4px 4px 4px 8px;

	border-left:4px solid #e4efd5;

	}

		

.subnav li a:hover, .subnav li a:active {

	background:#e4efd5;

	text-decoration:none;

	color: #7da939;

	}



.subnav li li a:link, .subnav li li a:visited {

	border-left:none

	}

		

	

	

/* Content */





	

.description {
	font-size: 1.1em;
	font-weight: bold;
	color:#CC3300;
	float: right;
	font-variant: small-caps;

	}



.feature:hover {

	background:#e9e9e9;

	}

	

			

#leadpic {

	float:left;



	overflow: hidden;

	position: relative;

	

	border-bottom: 2px solid #D6D6D6;

	margin-bottom: 5px;

	padding-bottom: 5px;

	

}



.title {

	font-size:1.2em;

	font-weight:bold;

	}

	

	



#sidelist li {

	list-style:none

	}

	

.bullets li {

	list-style:none;

	border-bottom:1px solid #FFF;

	}

	

#sidelist .bullets li {

	list-style:square;

	margin-bottom:5px;

	line-height:115%;

	margin-left:22px;

	}



#sidelist .children {

	background:#e4efd5;

	}

	

#sidelist .children li {

	list-style: square;

	margin-left:28px;

	border-bottom:1px solid #e4efd5;

	}

	

#sidelist .children li a, #sidelist .children li a:visited {

	padding:2px 2px 2px 0px;

	border:0;

	background:#e4efd5;

	color: #818d6f;

	}



#sidelist .children li a:hover, #sidelist .children li a:active	{				

	color:#465d23

	}



.postmetadata {

	margin: 30px 0;

	}



#writer {

	background:#eef5e1;

	margin:25px 0 15px 0;

	padding:12px;

	}



#writer img {

	padding:1px;

	border:1px solid #7da939;

	float:left;

	width:80px;

	}



#writer span {

	display:block;

	padding-top:4px;

	border-top:1px solid #cbd8b4;

	margin-top:12px;

	}



#writer p {

	margin:0;

	width:482px;

	}	



.entry {

	padding-bottom:28px;

	}



h3 a:link, h3 a:visited {

	color:#5f5f5f;

	}







/*Post Formatting*/



.picleft {

	float:left;



	}



.picright {

	float:right;



	}	



.post blockquote {

	color:#76767a;

	background:#f2f2f2;



	}	



.post ul li {

	list-style:square;

	margin-bottom:5px;

	line-height:115%;

	margin-left:42px;

	}



.post ol li {

	margin-bottom:5px;

	line-height:115%;

	margin-left:48px;

	}

	

#tags {

	padding:3px;

	}	

				



/* Form Elements */



select {

	background:#f2f2f2;

	border:1px solid #9c9c9c;

	width:100%

	}

	

#searchform {

	padding:16px 5px 0 0; 

	}



.button {

	padding: 1px;

	background:#000;

	color:#e7e7e7;

	border:none;

	}



.button:hover {

	background:#777;

	color:#FFF;

	text-decoration:none

	}



#commentform input {

	width: 170px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width: 100%;

	margin-top:5px;

	}







/* Comments*/



.commentlist {

	padding-left:30px;

	}

	

.commentlist li {

	margin: 15px 0 3px;

	padding: 8px 15px 10px 15px;

	background:#f2f2f2;

	border-top: 1px solid #ddd;

	}



#commentform small {

	background:#FFF;

	font-weight:bold;

	padding:0;

	}

	

.commentmetadata {

	display: block;

	}



.commentlist small {

	background:#e9e9e9

	}



.commentlist cite {

	font: 1.6em Georgia, "Times New Roman", Times, serif;

	font-weight:bold;

	letter-spacing:-0.05em;

	}	

	



/* Float Properties*/



.clearfloat:after {

	display:block;

	visibility:hidden;

	clear:both;

	height:0;

	content:".";

	}

	

.clearfloat {

	display:inline-block

	}



.clearfloat {

	display:block

	}

	





/* Footer*/



#footer {

	margin: 0 auto;

	width: 820px;

	font-size:0.75em;

	padding-top:15px;

	color:#666;

	overflow: hidden;

	position: relative;

	}



#footer a {

	color:#d3d1d1;

	}