/*LICENCE --------------------------------------
Base structure courtesy Darren Wood (darren@dontcom.com) 2007
This work is licensed under a Creative Commons Attribution-Share Alike 3.0 New Zealand License
http://creativecommons.org/licenses/by-sa/3.0/nz/
*/

/*CONTENTS ---------------------------------------
=1: Reset all elements to a common value
=2: Default classes
=3: Accessibility
=4: Default Styles
=4a: colours, sizes, etc
=5: Layout Styles
=6: generic styles
=7: Page related styles
=7a: home page
=7b: another page
*/

/* -- =1: RESET ALL ELEMENTS ----------------------------------------------------------------------- */
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}



/* -- =2: DEFAULT CLASSES -------------------------------------------------------------------------- */
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em; }
.bold { font-weight: bold; }
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }
.uppercase { text-transform: uppercase; }


/* -- =4: DEFAULT STYLES --------------------------------------------------------------------------- */
/* =4a: COLOURS, SIZES, ETC */
body {
	font: 62.5%/1.4 sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	background: #EBECE6;
	color: #666;
}

h1 { font-size: 2.3em; margin:0 0 14px 0;}

a { color:#6EAB23; }

a:hover, a:active { color:#91A978; }


/* -- =5: LAYOUT STYLES ---------------------------------------------------------------------------- */

#outer {
	width: 1065px;
	margin: 0 auto;
}

#inner {
	width: 866px;
	margin: 35px 100px;
}

#logo { margin: 0 0 0 5px; }
.block { width:100%; margin: 30px 0 0 0; }

.blocktop { margin:0; height:38px;}

.blocktitle { padding: 12px 0 0 56px; width:148px;}
.blocktitle, #topmenu { 
	float:left;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
}
.blockcontact { 
	float:right;
	width:615px;
	color:#89A270;
	font-size:1.3em;
	margin: 12px 0 0 0;
}
.blockmid { margin:0; background-image:url('/images/blockmid-bg.gif'); }
.blockmid .content { padding:30px 42px 30px 35px; font-size:1.3em; line-height:1.4em;}
.leftcol { float:left;}
.rightcol { float:right; text-align: right;}

.blockbot { margin:0; }

#footer { font-size:1.2em; margin: 0 0 300px 0; padding:0 0 0 6px; }
#footleft { float:left; width:660px; color:#89A270; }
#footright { float:right; width:150px; color:#6EAB23; text-align:right; padding:0 12px 0 0; text-transform:uppercase;}
#footright img { float:right; padding:2px 0 0 8px;}
#footright a { text-decoration:none; font-weight:bold;}

/* =6: GENERIC STYLES ------------------------------------------------------------------------------ */
p {margin: 0 0 1em 0; }
p.toppad {margin: .5em 0 0 0; }
p.nopad {margin: 0; }

img.icon {margin: 0 0 28px 0;}

.intro {font-size:1.3em; line-height:1.3em; color:#A8B995;}
.contrast {font-size:1.2em;}

ul { margin: 0 0 0 1.1em;}
ul li { list-style-type: disc; padding: 2px 0;}

/* =7: SECTION-RELATED STYLES ------------------------------------------------------------------------- */
/* =7a: TOP */
#top .blocktop { background-image:url('/images/blocktop-top.gif'); }
#top h1, #top .contrast { color:#6EAB23; }
#top .leftcol { width: 365px;}
#top .rightcol { width: 380px;}

ul#topmenu { margin: 0; }

ul#topmenu li a {
	display: block;
	width:148px;
	height:37px;
	margin:1px 0 1px 1px;
	padding: 0 0 0 56px;
	line-height:2.7em;
}
li.topmenufruit a, li.topmenufruit a:visited { background-image:url('/images/top-fruit2.gif'); color: #6EAB23;}
li.topmenufruit a:hover { background-image:url('/images/top-fruit.gif'); color: #fff;}

li.topmenuprofile a, li.topmenuprofile a:visited { background-image:url('/images/top-profile2.gif'); color: #6EAB23; }
li.topmenuprofile a:hover { background-image:url('/images/top-profile.gif'); color: #fff; }

li.topmenuvideos a, li.topmenuvideos a:visited { background-image:url('/images/top-videos2.gif'); color: #6EAB23; }
li.topmenuvideos a:hover { background-image:url('/images/top-videos.gif'); color: #fff; }

li.topmenuremixes a, li.topmenuremixes a:visited { background-image:url('/images/top-remixes2.gif'); color: #6EAB23; }
li.topmenuremixes a:hover { background-image:url('/images/top-remixes.gif'); color: #fff; }

a.contact { color:#89A270; } 

.dropdown {float:left; margin:0 0 0 5px}
.dropdown dt {width:148px; height:37px; margin:2px 0 0 6px;padding:0 0 0 51px; font-size:1.3em; text-transform:uppercase; line-height:2.9em; color:#fff;font-weight:bold; cursor:pointer;}
.dropdown dd {position:absolute; overflow:hidden; width:208px; display:none; background:#fff; z-index:200; opacity:0}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; color:#FFF; text-decoration:none;width:148px;}
.dropdown a:hover {color:#383;}

/* =7b: FRUIT */
#fruit .blocktop { background-image:url('/images/blocktop-fruit.gif'); }
#fruit h1 {color:#fc3; }
#fruit .leftcol { width: 210px;}
#fruit .rightcol { width: 508px;}

/* =7c: PROFILE */
#profile .blocktop { background-image:url('/images/blocktop-profile.gif'); }
#profile h1 {color:#990; }
#profile .leftcol { width: 130px;}
#profile .midcol { float:left; width: 375px;}
#profile .rightcol { width: 270px;}

/* =7d: VIDEOS */
#videos .blocktop { background-image:url('/images/blocktop-videos.gif'); }
#videos h1 {color:#f60; }
#videos .leftcol { width: 210px;}
#videos .rightcol { width: 508px;}

/* =7e: REMIXES */
#remixes .blocktop { background-image:url('/images/blocktop-remixes.gif'); }
#remixes h1 {color:#B3ED60; }
#remixes .leftcol { width: 210px;}
#remixes .rightcol { width: 508px;}