/*-----------------------------------------------------------------------------
Style Sheet

date:      6th July 2008
author:    MelbourneGraffiti.com
email:     mg@melbournegraffiti.com
website:   http://www.melbournegraffiti.com/

Table of Contents

	1. General
	2. Typography
	3. Headings
	4. Links
	5. Container
	6. Header
	7. Main Nav
	8. Sub Nav
	9. Main Content
	10.Sub Content
	11.Footer
	12.Forms
	13.Tables
	14.Misc 1
	15.Misc 2

Notes
	-
	-
	-
-----------------------------------------------------------------------------*/


/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

html {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
overflow-x: auto;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Class for invisible clearing floats */
.separatorInvisible {
		clear: both;
		height: 1px;
		}

/* Remove border around linked images */
img {
	border: 0;
}

/* Fix transparency on PNG files in < IE 6 */
.pngFix { behavior: url("iepngfix.htc") }



/* =Typography
-----------------------------------------------------------------------------*/

body {font:12px Arial, Helvetica, sans-serif}

p {font-size:12px; line-height:15px; text-align:left; /*color:#333333*/}

.red {color:#F00}

.darkred {color:#990000}

.ironlak {color: #e5297a}

.small-11px {font-size:11px}

.xsmall-10px {font-size:10px}

#homeContent1 #intro p {font-size:11px; margin-bottom:5px; line-height:14px}

#homeContent2 p {font-size:11px; line-height:12px}

#homeContent2 p.small {font-size:10px; line-height:12px}

#homeContent2 input.small {font-size:13px}

#homeFooter p {font-size:9px; color:#999999; text-align:center}
  
#subContent-gallery h1 {width:665px}

#subContent-gallery h2 {width:665px}


/* =Headings
-----------------------------------------------------------------------------*/

h1 {font-size:18px; background:#b1f111; color:#000; padding:4px;line-height:16px; margin-bottom:6px; font-weight:bold; text-align:left;}

h2 {font-size:13px; background:#000; color:#b1f111; padding:2px 4px 2px 4px;line-height:16px; margin-bottom:6px; font-weight:bold; text-align:left; /*display:inline*/ }

h3 {font-size:16px; margin-bottom:2px}

h4 {font-size:15px; margin-bottom:2px}

h5 {font-size:14px; margin-bottom:2px}

h6 {font-size:13px; margin-bottom:2px}


/* =Links
-----------------------------------------------------------------------------*/

a:link {color:#333333; text-decoration:none}
a:visited {color:#333333; text-decoration:none}
a:hover {color:#990000; text-decoration:underline}
a:active {color:#990000; text-decoration:underline}


/* =Container
-----------------------------------------------------------------------------*/

#container {
		}


/* =Header
-----------------------------------------------------------------------------*/

#MGLogo {position:absolute; top:0; left:0; z-index:3}

/* navDiv is the template container */
#navDiv {height:106px; position:relative; z-index:2}

/* HOMEPAGE ONLY */
#headerImage {
	height:100px;
		}


/* =Main Nav
-----------------------------------------------------------------------------*/


#mainNav li ul a:link {color:#ffffff; font-weight:bold; text-decoration:none}
#mainNav li ul a:visited {color:#ffffff; font-weight:bold; text-decoration:none}
#mainNav li ul a:hover {color:#ffb300; font-weight:bold; text-decoration:none; background:#6e6e6e url(../images/subnav-bg.gif) repeat-x}
#mainNav li ul a:active {color:#ffb300; font-weight:bold; text-decoration:none; background-color:#6e6e6e}

#mainNavContainer ul li {float:right; list-style-type:none;}

a.navGraffiti {display: block; width:70px; height: 21px;background: url("../images/nav_graffiti.gif") 0 0 no-repeat;text-decoration: none;}
a:hover.navGraffiti {background-position: 0 -21px;}
li.graffitiSub:hover a.navGraffiti {background-position: 0 -21px;}

a.navComps {display: block;width: 60px;height: 21px;background: url("../images/nav_comps.gif") 0 0 no-repeat;text-decoration: none;}
a:hover.navComps {background-position: 0 -21px;}

a.navInterviews {display: block;width: 96px;height: 21px;background: url("../images/nav_interviews.gif") 0 0 no-repeat;text-decoration: none;}
a:hover.navInterviews {background-position: 0 -21px;}

a.navNews {display: block;width: 50px;height: 21px;background: url("../images/nav_news.gif") 0 0 no-repeat;text-decoration: none;}
a:hover.navNews {background-position: 0 -21px;}
li.newsSub:hover a.navNews {background-position: 0 -21px;}

a.navExtras {display: block;width: 64px;height: 21px;background: url("../images/nav_extras.gif") 0 0 no-repeat;text-decoration: none;}
a:hover.navExtras {background-position: 0 -21px;}
li.extrasSub:hover a.navExtras {background-position: 0 -21px;}

a.navFreeShit {display: block;width: 81px;height: 21px;background: url("../images/nav_freeshit.gif") 0 0 no-repeat;text-decoration: none;}
a:hover.navFreeShit {background-position: 0 -21px;}

a.navContact {display: block;width: 70px;height: 21px;background: url("../images/nav_contact.gif") 0 0 no-repeat;text-decoration: none;}
a:hover.navContact {background-position: 0 -21px;}

#mainNav {height:21px; padding:5px 7px 5px 0; background:#666666 url(../images/nav_logobottom.jpg) left no-repeat; min-width:850px;}

#header {height:75px ; background:#333333 url(../images/nav_bg.jpg) left repeat-x; min-width:857px;}

#header img {float:right}

#mainNav li ul {position:absolute; width:140px; padding:5px 5px 0px 5px; display:none; background:#666666;}

#mainNav li:hover ul {display:block; }

#mainNav li ul li a {display:block; width:130px; border-top:1px solid #717171; padding:0px 4px;}

#mainNav li ul li a.divider {border-top:2px solid #7d7d7d}

#mainNav li ul li:first-child a {border-top:none;}

#mainNav li ul li a {line-height:22px}


/* =Sub Nav - Vertical Pop out
-----------------------------------------------------------------------------*/






/* =Main Content
-----------------------------------------------------------------------------*/

#mainContent {
		}
		
#homePage {
	width:900px;
	margin:10px auto;
	padding:15px;
	border:#e3e3e3 1px solid;
	background:url(../images/home-content-background.gif);
	background-position:top;
	}
	
#homeContent1 {
	
	}

	
#homeContent1 #intro {width:225px; float:left; margin-right:20px}

#homeContent1 #latestNews {width:310px; height:234px; float:left; background-image:url(../images/latest-news.gif); font-size:11px; margin-right:20px}

#homeContent1 #ad1 {width:150px; height:235px; float:left; border:#999999 1px solid; margin-right:20px; background:white;}

#homeContent1 #ad2 {width:150px; height:235px; float:left; border:#999999 1px solid; background:white;}


#homeContent2 {
	margin-top:15px;
	}
	
#homeContent2 input.small {padding-top:4px}


#homeContent2 form {margin-top:5px;}

#homeContent2 #search {
	width:200px;
	height:55px;
	padding:5px;
	border:#999999 1px solid;
	float:left;
	margin-right:17px;
	background:white;
	}

#homeContent2 #mailingList {
	width:200px;
	height:55px;
	padding:5px;
	border:#999999 1px solid;
	float:left;
	margin-right:17px;
	background:white;
	}

#homeContent2 #pieceOfTheMonth {
	width:210px;
	height:65px;
	border:#999999 1px solid;
	float:left;
	margin-right:17px;
	background:white;
	}

#homeContent2 #feature {
	width:210px;
	height:65px;
	border:#999999 1px solid;
	float:left;
	background:white;
	}

#homeContent3 {
	margin-top:15px;
	}

.searchButton {padding:0;margin:0;border:none;background:none;cursor:pointer;}
* html .searchButton {cursor:hand;} /* alternate cursor style for ie */

#search p.small {
	margin-bottom:7px;
}

.mailingListButton {padding:0;margin:0; border:none;background:none;cursor:pointer;}
* html .mailingListButton {cursor:hand;} /* alternate cursor style for ie */

#googlead {
	width:728px;
	height:90px;
	margin:15px auto 0px auto;
}


#facebook {
	width:300px;
	text-align:center;
	margin:15px auto 0px auto;
}


/* =Sub Content (Secondary Content)
-----------------------------------------------------------------------------*/

#subPage {
	width:900px;
	margin:25px auto;
	padding:15px 15px 40px 15px;
	border:#e3e3e3 1px solid;
	background:url(../images/home-content-background.gif) no-repeat;
	background-position:top;
	}

#subHeader {
	height:110px;
	width:900px;
	float:left;
	position:relative;
}


#subHeader img {
	position:relative;
	float:left;
	top:-50px;
	left:-50px;
}

#subHeader p {
	font-size:15px;
	font-weight:bold;
	float:right;
	margin:32px 17px 0 0;
}


#subNav {
	width:180px;
	float:left;
	margin-right:30px;
}

#subContent {
	width:500px;
	float:left;
}

#subContent-fullwidth {
	width:900px;
	float:left;
}

#subContent-searchresults {
	width:862px;
	margin-left:19px;
	float:left;
}

#subContent-interviews {
	width:690px;
	float:left;
}

#subContent-gallery {
	width:690px;
	float:left;
}

#subContent-gallery #pic {
	border:1px solid #CCC;
	background:#FFF;
	margin:0 17px 17px 0;
	float:left;
}

#subContent-gallery #pic img {
	padding-bottom:4px;
	margin:0 auto;
  display:block;
}

#subContent-gallery #pic a {
	width:99px;
	text-align:center;
	background-color:#f4f4f4;
	font-size:11px;
	display:block;
	padding:10px 10px 7px 10px;
	text-decoration:none;
}

#subContent-gallery #pic:hover {
	border:1px solid #990000;
}


#interviews td {text-align:center}



/* =Footer
-----------------------------------------------------------------------------*/

#homeFooter {
	text-align:center;
	margin-bottom:10px;
		}
		

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  	border-spacing: 0;
	border-collapse: collapse;
}

#latestNews table { 
	width:248px;
	margin-top:40px;
	margin-left:32px;
	}

#latestNews table td { 
	font-size:11px;
	text-align:left;
}



td {
	text-align: center;
	font-weight: normal;
	padding:3px;
	vertical-align:top;
}


/* =Lists
-----------------------------------------------------------------------------*/

.list {margin-left:10px;}

.list li {margin-bottom:7px;}


/* =Misc 1
-----------------------------------------------------------------------------*/



/* =Misc 2
-----------------------------------------------------------------------------*/