/* CSS Document Julie JACKSON */

body	{	margin:0; padding:0; font-size:62.5%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
			background:#222; color:#DDD; height:100%; }

/***** TEXT ELEMENTS *****/

h1, h2, h3, h4	{	margin:0; padding:0; }

h2			{	font-size:1.8em; padding:0 0 20px 0; }
#image h2	{	padding: 20px 0; }
#single-news	{	border-top:1px solid #ddd; margin:15px 0 20px 0; }

h3			{	font-size:1.6em; }
.post h3, .single-post h3	{	padding:0 0 10px 0; }
h4			{	font-size:1.4em; text-transform:uppercase; }
.post h4, .single-post h4	{	padding:0 0 20px 0; }

p			{	font-size:1.4em; text-align:justify; line-height:1.5em; font-weight:normal; margin:0; padding:0 0 10px 0; }
#footer p	{	font-size:1.2em; color:#555; }
#footer p a	{	color:#555; text-decoration:none; }
#footer p a:hover		{	text-decoration:underline; }

strong	{	font-weight:bold; font-size:110%; letter-spacing:0.1em; color:#c195c6; }

a		{	color:#DDD; }
a:hover	{	color:#C9C; }

.interior	{	color:#C195C6; }
.design		{	color:#8AA2A6; }

/***** IMAGES *****/


/***** PAGE ELEMENTS *****/

#intro		{	position:absolute; top:-200px; }

#interior, #design	{	margin:0 auto; width:900px; /*min-height:535px;*/ }
/*
#interior	{	background:url(images/wrapperInterior.jpg) repeat-y; }
#design		{	background:url(images/wrapperDesign.jpg) repeat-y; }
*/

#header		{	width:100%; height:145px;  }
#interior #header	{	background:url(images/headerInterior.jpg) no-repeat; }
#design #header	{	background:url(images/headerDesign.jpg) no-repeat; }

#navigation	{	padding:115px 0 0 20px; }

#main		{	width:100%; min-height:100%; /*background:url(images/main.jpg) repeat-y;*/  }
#content	{	width:550px; float:left; margin:20px 0 0 20px; padding: 0 0 20px 0; min-height:435px; }
#image		{	width:290px; float:right; margin:60px 0 0 0; }

#imageSubContent	{	width:100%; margin:20px 0 20px 20px; min-height:535px; }
#picMenu			{	width:100%; }
#interiorSubMenu	{	width: 100%; margin:20px 0 20px 0; }
#courseMenu			{	width: 100%; margin:20px 0 20px 0; }

#albumPortfolio		{	width:110px; float:left; }
#blurbPortfolio		{	width:400px; float:right; }

#footer		{	clear:both; width:100%; height:30px; padding:10px 0 0 20px; 
				background:url(images/footer.jpg) no-repeat; }

/***** MAIN NAVIGATION *****/

#navigation ul		{	margin:0; padding:0; list-style-type:none; }
#navigation ul li	{ 	display:block; float:left; text-align:left;   }
#navigation ul li a	{	text-decoration:none; display:block; text-align:left; font-size:1.6em; padding:0 30px 0 0;}
#navigation li a:hover {	color:#C9C; }

/***** PICTURE NAVIGATION *****/
#picMenu ul		{	margin:0; padding:0; list-style-type:none; }
#picMenu ul li	{ 	display:block; float:left; text-align:center;   }
#picMenu ul li a	{	text-decoration:none; display:block; text-align:center; font-size:1.6em; margin:0 20px 0 0;
						width:200px; }
#picMenu ul li a .ngg-singlepic	{	border:none; width:200px; }
#picMenu li a:hover {	color:#C9C; }

/***** INTERIOR SUB MENU NAVIGATION *****/
#interiorSubMenu ul		{	margin:0; padding:0; list-style-type:none;  }
#interiorSubMenu ul li a	{	display:block; width:270px; height:25px; line-height:25px; text-decoration:none; font-size:1.6em;
								text-align:right; color:#999; }
#interiorSubMenu li a:hover {	color:#C9C; }

/***** COURSES SUB MENU NAVIGATION *****/
#courseMenu	ul		{	margin:0; padding:0; list-style-type:none; }
#courseMenu	ul li	{	display:block; width:270px; border-bottom:1px solid #999; padding:0 0 10px 0;   }
#courseMenu ul li a	{	text-align:left; text-decoration:none; font-size:1.6em; height:50px; line-height:25px;}


/***** CONTENT LISTS *****/

#content ul		{ 	list-style-type:disc; }
#content ul li	{	font-size:1.4em; line-height:1.5em;  }
#content ul ul li	{	font-size:95%;  }
#content ul li a	{	text-decoration:none;}
#content ul li a:hover	{	color:#C9C; }

/* NEWS POST ON MEDIA/LINKS PAGE */
.post	{	border-bottom: 1px solid #ddd; padding:15px 0; }



/* ----- CONTACT FORM ----- */
#cform p label, #cform p input		{	display:block; }
#cform p input, #cform p textarea	{	width:60%; padding:0 0 5px 0; margin:0; }
#cform p	{	padding:0 0 5px 0; margin:0; }
.error		{	color:#F00; font-weight:bold; }

#cform input#surprise { visibility:hidden; height:0; width:0; }

/* ----- ngg fixes ----- */
.pic a	{	display: none; }
