/*
Gary Hollands - solriche - 2010 - For Uzinemusic.net
This stylesheet is available under the terms of the GNU General Public License as published by
the Free Software Foundation - Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 */
*{
	margin: 0;
	padding: 0;
}
html,body{
	font-family: "lucida grande", arial, "bitstream vera sans", sans-serif;/*mac,windoze,linux*/
	color: rgb(0,0,0);
	background: url("../images/paper_3.png") repeat;
	background-color: rgb(255,255,255);
	line-height: 1.5;
}
#container {
	width: 58em;
	margin: 0 auto 0 auto;
}
#masterbox {
	margin: 1% 0 0 0;
}
/*-----------------------------------Top-----------------------------------*/
#top {
	float: left;
	clear: both;
	width: 100%;
}
#logo {
	position: relative; top: 0; left: 0;
	float: left;
	height: 72px;
	z-index: 20;
}
#header {
	float: left;
}
#header .header_img{
	float: left;
}
#header h1{
	float: left;
	margin: 0 0 0 0.5em;
	font-size: 386%;
	color: rgb(192,192,192);
}
#header .lighter{
	font-size: 50%;
	color: rgb(224,224,224);
}
#top_menu{
	position: relative; top: -1.3em; left: 0;
	float: left;
	clear: both;
	width: 100%;
	border-bottom: solid 1px rgb(224,224,224);
	z-index: 10;
}
#top_menu ul{
	float: right;
	font-size: 90%;
	list-style-type: none;
}
#top_menu ul li{
	display: inline;
}
#top_menu  li a {
	text-decoration: none;
	color: rgb(57,92,97);
}
#top_menu  li a:visited {
	color: rgb(0,153,153);
}
#top_menu  li a:hover {
	color: rgb(102,51,51);
	background-color: rgb(255,255,255);
}
#top_menu .selected{
	background-color: rgb(224,224,224);
}
#top_menu .separater{
	font-size: 100%;
	color: rgb(224,224,224);
}
/*-----------------------------------Content-----------------------------------*/
#content{
	clear: both;
	width: 100%;
}
#content p{
	font-size: 80%;
	margin: 0 0 0.5em 0;
	text-align: justify;
	color: rgb(54,54,54);
}
#content .question{
	font-weight: bold;
}
#content dl{
	font-size: 80%;
	margin: 0 0 1em 0;
}
#content .image_left{
	float: left;
	margin: 0.45em 0.9em 0 0;
}
/*Article area*/
#edit_area {
	width: 100%;
	float: left;
	margin: 0 0 0.5em 0;
}
#edit_area .page_title h2{
	font-size: 95%;
}
#edit_area .page_title  a{
	text-decoration: none;
}
#edit_area .page_title_hide{
	display: none;
}
#edit_area.read_more{
	padding: 0 0 1em 0;
}
#edit_area ul{
	list-style-type: circle;
	margin: 0 0 1em 1em;
}
#edit_area ul li{
	font-size: 80%;
}
#edit_area .copyright{
	font-size: 70%;
	color: rgb(102,102,102);
}
#edit_area .copy_right_andy{
	font-size: 70%;
	margin: 0 0 1.5em 0;
	color: rgb(102,102,102);
}
#edit_area .row{
	clear: both;
	width: 100%;
	margin: 1em 0 0 0;
	padding: 0 0 0.5em 0;
}
#edit_area .interviewee{
	font-weight: bold;
	color: rgb(100,100,120);
}
#interview_column{
	float: left;
	width: 60%;
}
#interview_column .intro:first-line{
	font-size: 110%;
	font-weight: bold;
}
#interview_column h4{
	font-size: 80%;
}
#interview_column img{
	display: block;
	clear: both;
}
#articles_column{
	float: right;
	/*width: 230px;*/
	width: 36%;
	padding: 0 0 1em 0;
}
#articles_column .snippet{
	float: left;
	margin: 0 0 0.5em 0;
}
#articles_column .snippet img{
	float: left;
	margin: 0 0 0 0.5em;
}
#articles_column .snippet a img, #articles_column .snippet a:visited img, #articles_column .snippet a:hover img{
	border-style: solid;
	border-width: 2px;
}
#articles_column .snippet a img{
	border-color: rgb(57,92,97);
}
#articles_column .snippet a:visited img{
	border-color: rgb(0,153,153);
}
#articles_column .snippet a:hover img{
	border-color: rgb(102,51,51);
}
#articles_column .snippet h3{
	float: left;
	margin: 0;
}
#articles_column #accordion ul li{
	font-size: 75%;
}
#info_column p{
	text-align: left;
}
#info_column li a{
	text-decoration: none;
}
#preamble{
	font-style: italic;
}
/*-----------------------------------Footer-----------------------------------*/
#footer {
	clear: both;
	width: 100%;
	padding: 0.5em 0 0.5em 0;
	border-top: solid 1px rgb(224,224,224);
	border-bottom: solid 1px rgb(224,224,224);
}
#footer h2{
	margin: 0 0 0 16%;
	color: rgb(192,192,192);
}
#footer p{
	font-size: 70%;
	font-weight: bold;
	color: rgb(100,100,120);
}
#footer_pics{
	margin: 0 auto 0 auto;
}
#footer_pics img{
	float: left;
}
/*-----------------------------------Accordion-----------------------------------*/
#accordion{
	margin: 0 0 1em 0;
}
#accordion ul{
	list-style-type: circle;
	margin: 0 0 1em 1em;
}
#accordion ul li{
	font-size: 80%;
}
.button, .first_button{
	font-size: 80%;
	cursor: pointer;
	margin: 0;
}
.go_left{
	float: left;
	width: 1em;
	padding: 0 0.5em 0 0;
}
.bellows{
	padding: 0.5em 0.5em 1em 0.5em;
}
/*-----------------------------------Misc-----------------------------------*/
.hide{
	display: none;
}
.ttc{
	float: left;
	margin: 1em 0 0 0;
}
.ttc img{
	margin: 0 0.25em 0 0;
}
.spacer{/*Poor rendering MSIE6and7*/
	clear: both;
	width: 100%;
	padding: 0 0 0.5em 0;
}
h1,h2,h3,h4,h5,h6{
	margin: 0 0 0.5em 0;
	color: rgb(100,100,120);
}
h1{font-size: 130%;}
h2{font-size: 120%;}
h3{font-size: 90%;}
h4{font-size: 90%;}
h5{font-size: 90%;}
h6{font-size: 85%;}
a{
	outline: none;
}
a:link{
	color: rgb(57,92,97);
	text-decoration: underline;
}
a:visited{
	color: rgb(0,153,153);
	text-decoration: underline;
}
a:hover{
	color: rgb(102,51,51);
	text-decoration: none;
}
pre,code{
	color: rgb(80,80,80);
}
pre{
	font-family: "lucida grande", arial, "bitstream vera sans", sans-serif;
	font-size: 70%;
	line-height: 1.0;
	margin: 0.5em 0.25em 0.5em 0.25em;
}
abbr, acronym {
	border-bottom : 1px dotted rgb(0, 0, 0);
	cursor : help;
}
img{
	border: 0;
}