/*
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-color: rgb(255,255,255);
	line-height: 1.5;
}
#container {
	width: 100%;
	margin: 0 auto 0 auto;
}
#masterbox {
	margin: 1% 0 0 0;
}
/*-----------------------------------Top-----------------------------------*/
#top {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 1em 0;
}
#logo {
	float: left;
	height: 72px;
}
#logo img{
	border-radius: 0;
	box-shadow: 0 0 0;
}
#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);
}
#header .page_title{
	clear: both;
	margin: 0 0 0 1.25em;
	font-size: 150%;
	color: rgb(192,192,192);
}
#top_menu{
	float: left;
	clear: both;
	width: 100%;
	border-bottom: solid 1px rgb(224,224,224);
}
#top_menu ul{
	display: none;
}
/*-----------------------------------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: 50%;
}
#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: 46%;
	padding: 0 0 1em 0;
}
#articles_column .snippet{
	float: right;
	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{
	display: none;
}
#preamble{
	font-style: italic;
}
/*-----------------------------------Footer-----------------------------------*/
.horizontal_line{
	clear: both;
	width: 100%;
	margin: 0.5em 0 0.5em 0;
	border-bottom: solid 1px rgb(224,224,224);
}
#footer {
	clear: both;
	width: 100%;
	padding: 0.5em 0 0 0;
	border-top: solid 1px rgb(224,224,224);
}
#footer  .news_links{
	display: block;
	margin: 1em 0 0 0;
}
#footer  .news_links h3{
	margin: 0;
}
#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{
	clear: both;
	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%;
	margin: 0;
}
.go_left{
	float: left;
	width: 1em;
	padding: 0 0.5em 0 0;
}
.bellows{
	padding: 0.5em 0.5em 1em 0.5em;
}
/*--------------------Gallery--------------------*/
#galleries{
	position: relative; top: -1em; left: 0;
	margin: 0 0 0 4px;
}
#galleries h2{
	font-size: 95%;
	margin: 0;
}
#galleries .tnbox{
	float: left;
	width: 140px;
	height: 130px;
	margin: 0 14px 10px 0;
}
#galleries h2 a{
	display: block;
	font-weight: 300;
	font-size: 80%;
	margin: 0;
	text-decoration: none;
}
#galleries  img, #galleries .top{
	float: left;
	text-decoration: none;
}
#galleries .top{
	margin: 0 0 0 0.5em;
}
#galleries .view_gallery_link{
	display: none;
}
/*-----------------------------------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:link{
	color: rgb(57,92,97);
	text-decoration: none;
}
a:visited{
	color: rgb(0,153,153);
	text-decoration: none;
}
a:hover{
	color: rgb(102,51,51);
	text-decoration: none;
}
pre,code{
	color: rgb(80,80,80);
}
pre{
	font: italic normal 80% normal monospace;
	line-height: 1.0;
	margin: 0.5em 0.25em 0.5em 0.25em;
}
abbr, acronym {
	border-bottom : 1px dotted rgb(0, 0, 0);
}
img{
	border: 0;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	box-shadow: 4px 2px 3px rgb(200,200,200);
}