/* ------------------------------------------------------------------------------------------------------*/
/* ZERO OUT ALL BROWSER PRE-SET VALUES  -----------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



/* ------------------------------------------------------------------------------------------------------*/
/* BASE BLOCK ELEMENTS & GLOBAL STYLES ------------------------------------------------------------------*/


body {
	background: #FFFFFF url(../images/shared/background-lines.gif) no-repeat center 100px; 	
}


#wrapper {
	width: 940px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/shared/content-frame.gif) no-repeat  center 151px;
}

.clear {
	clear: both;
}



/* ------------------------------------------------------------------------------------------------------*/
/* HEADER / LOGO  --------------------------------------------------*/

h1#logo { width: 373px; height: 21px; margin: 0 auto; padding: 62px 0 38px 0; }

h1#logo a {
	display: block;
	width: 373px;
	height: 21px;
	text-indent: -5000px;
	background: url(../images/shared/heba-thorisdottir.gif) no-repeat;
	line-height: 2px; /* Fixes height issue in IE6 */
}

a.logo:focus { outline: 0; } /* Gets rid of outlines in FF */



/* ------------------------------------------------------------------------------------------------------*/
/* MAIN NAV  --------------------------------------------*/

ul#mainNav {
	width: 676px;
	height: 14px;
	margin: 0 auto 16px auto;
	padding: 0;
	list-style: none;
	z-index: 1000; /* Add this in for IE (z-index bug) so that layer menus appear on top of scrollable areas on 'Resume' pages */ 
}
	
#mainNav li {
	margin: 0 0 0 51px;
	float: left;
	position: relative;
	display: inline;  /* Counters double-margin float bug in IE 6 */
	z-index: 1000; /* Add this in for IE (z-index bug) so that layer menus appear on top of scrollable areas on 'Resume' pages */ 
}

/* Remove the margin on the first nav item */
#mainNav li.home { margin: 0 0 0 0; }


#mainNav li a {
	display: block;	
	text-indent: -5000px;
	height: 14px;
	border: none;
}

#mainNav a:focus	{ outline: 0; } /* Gets rid of outlines in FF */

/* Main Nav Rollovers */

#mainNav .home a							{ width: 50px; background: url(../images/shared/nav-home.gif) no-repeat; }
#mainNav .home a:hover				{ background-position: -50px 0; }
#mainNav .home a:focus				{ outline: 0; } /* Gets rid of outlines in FF */
#mainNav .film a							{ width: 38px; background: url(../images/shared/nav-film.gif) no-repeat; }
#mainNav .film a:hover				{ background-position: -38px 0; }
#mainNav .film a:focus				{ outline: 0; } /* Gets rid of outlines in FF */
#mainNav .redCarpet a					{ width: 99px; background: url(../images/shared/nav-red-carpet.gif) no-repeat; }
#mainNav .redCarpet a:hover		{ background-position: -99px 0; }
#mainNav .redCarpet a:focus		{ outline: 0; } /* Gets rid of outlines in FF */
#mainNav .portfolio a					{ width: 91px; background: url(../images/shared/nav-portfolio.gif) no-repeat; }
#mainNav .portfolio a:hover		{ background-position: -91px 0; }
#mainNav .portfolio a:focus		{ outline: 0; } /* Gets rid of outlines in FF */
#mainNav .resume a						{ width: 65px; background: url(../images/shared/nav-resume.gif) no-repeat; }
#mainNav .resume a:hover			{ background-position: -65px 0; }
#mainNav .resume a:focus			{ outline: 0; } /* Gets rid of outlines in FF */
#mainNav .contact a						{ width: 76px; background: url(../images/shared/nav-contact.gif) no-repeat; }
#mainNav .contact a:hover			{ background-position: -76px 0; }
#mainNav .contact a:focus			{ outline: 0; } /* Gets rid of outlines in FF */


/* Main Nav "Current Page" Highlight States */

#home #mainNav .home a						{ background-position: -50px 0; }
#film #mainNav .film a						{ background-position: -38px 0; }
#redCarpet #mainNav .redCarpet a	{ background-position: -99px 0; }
#portfolio #mainNav .portfolio a	{ background-position: -91px 0; }
#resume #mainNav .resume a				{ background-position: -65px 0; }
#contact #mainNav .contact a			{ background-position: -76px 0; }




/* ------------------------------------------------------------------------------------------------------*/
/* SUB NAV DROP-DOWNS  --------------------------------------------*/

/* Using Suckerfish Drop-down technique */
/* NOTE: the "top" and "left" attributes need to be overridden form IE browsers in "baseStyles_IEadj.css"
/* For more info: http://www.alistapart.com/articles/dropdowns/ */

ul#mainNav li ul.subNav {
	width: 108px;
	font-size: 11px;
	line-height: 12px;
	display: none;
	position: absolute;
	top: auto;
	left: auto;
	text-align: left;	
	margin: -12px 0 0 -5px;
	padding: 18px 0 0 0;
	background-color: #FFFFFF;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	z-index: 1000; /* Add this in for IE (z-index bug) so that layer menus appear on top of scrollable areas on 'Resume' pages */ 
}
	
ul#mainNav li ul.subNav li{ 
	margin: 0 0 0 0;
	float: none;
	position: relative;
}

#wrapper ul#mainNav li ul.subNav li a {
	display: block;
	float: none;
	text-indent: 0;
	width: 89px;
	border: none;
	padding: 7px 5px 5px 14px;
	background: url(../images/shared/subnav-horizRule.gif) repeat-x top;
}

/* Due to Specificity issues, need override first tier (main nav) background images so they don't show up in the subnav elements */
#mainNav li.home ul.subNav li a 			{ background: none; }
#mainNav li.film ul.subNav li a 			{ background: none; }
#mainNav li.redCarpet ul.subNav li a	{ background: none; }
#mainNav li.portfolio ul.subNav li a	{ background: none; }
#mainNav li.resume ul.subNav li a  		{ background: none; }
#mainNav li.contact ul.subNav li a 		{ background: none; }


/* Basic Link Styles */

ul#mainNav li ul.subNav li a:link			{ color: #666666; text-decoration: none; }
ul#mainNav li ul.subNav li a:visited	{ color: #666666; text-decoration: none; }
ul#mainNav li ul.subNav li a:hover		{ color: #333333; text-decoration: none; }
ul#mainNav li ul.subNav li a:active		{ color: #333333; text-decoration: none; }
ul#mainNav li ul.subNav li a:focus		{ outline: 0; }


/* Background graphics specific to each drop-down */
/* Using the "on-state" of their related main nav buttons as bg images and then covering up the main nav.
/* This way we're maintaining the "on-state" of the main nav button, even afte the user has moused off of it and onto the subnav menu items */
#portfolio_subnav {
	background: url(../images/shared/subnav-portfolio.gif) no-repeat top left;
}
#resume_subnav {
	background: url(../images/shared/subnav-resume.gif) no-repeat top left;
}


/* This is what makes the drop-downs display (along with some js for IE) */
ul#mainNav li:hover ul.subNav, ul#mainNav li.over ul.subNav {
	display: block;
}



/* ------------------------------------------------------------------------------------------------------*/
/* PAGE CONTENT BLOCK / MAIN CONTENT  --------------------------------------------------*/

/* NOTE: Some sections will have different "mainContent" definitions... */

#mainContent {
	width: 642px;
	height: 339px;
	margin: 0 auto 50px auto;
	padding: 34px 32px 0 32px;
}

/* ------------------------------------------------*/
/* All text styles for Main Text Block area -------*/


#mainContent h1 {
	text-indent: -5000px;
	margin: 41px 0 60px 0;
}

#mainContent h2 {
	font-size: 14px;
	line-height: 13px;
	letter-spacing: .12em;
	margin: 0 0 22px 0;
	padding: 0;
	color: #666666;
	font-weight: normal;
	text-transform: uppercase;
}

#mainContent p {
	margin: 0 0 14px 0;
	padding: 0;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: .04em;
	color: #666666;
}

#mainContent ul {
 	list-style-type: none;
	padding: 0;
	margin: 0 0 14px -3px;
	font-size: 11px;
	line-height: 14px;	
	color: #666666;
}

#mainContent li {
	margin: 8px 0 4px 0;
	background-image:url(../images/shared/listBullet.gif);
	background-repeat: no-repeat;
	background-position: .4em .4em;
	padding-left: 13px;
}


#mainContent a:link			{ color: #666666; text-decoration: none; }
#mainContent a:visited	{ color: #666666; text-decoration: none; }
#mainContent a:hover		{ color: #333333; text-decoration: underline; }
#mainContent a:active		{ color: #333333; text-decoration: none; }
#mainContent a:focus		{ outline: 0; }

/* Contains photos in Home and Gallery pages 
/* Setting it as a dark background in order to fill in the "transparent pixels" that IE is giving us as a result of the "alpha" filter bug */
#photoholder {
	width: 642px;
	height: 301px;
	margin: 0 auto;
	background: #000000;
}

/* -------------------------------------------------------------------------------------------------------*/
/* FOOTER BLOCK  -----------------------------------------------------------------------------------------*/

p#footer {
	width: 940px;
	margin: 22px auto 0 auto;
	text-align: center;
	color: #999999;
	font-size: 10px;
	line-height: 11px;
}

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