/* CSS Document */

/*h1 { 	font-family:"MS Serif", "New York", serif;
		font-size:40px;
		color:#89004C;
		font-weight:bold; 
	}

p { 	font-family:Arial, Helvetica, sans-serif; 
		font-style:italic;
	}
	
.blue { color:#03F;}

#demo-reel { width:500px; }
#events { margin-left:40px; }*/

/* reset - so it's the same accross browers */

html, body {margin:0; padding:0; border:0; background: transparent; font-size:10px;}
div, span, article, aside, footer, header, hgroup, nav, section, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, tbale, tr, th, td, tbody, tfoot, thead
{ margin:0; padding:0; border:0; vertical-aling:baseline; background:transparent;}
img {
	marging:0;
	padding:0;
	border:0;
	text-align: right;
}
table {border-collapse:collapse; border-spacing:0;}
input, select, textarea, form, fieldset {margin:0; padding:0; border:0;}
article, aside, dialog, figure, footer, header, hgroup, nav, section, {display:block;}
h1, h2, h3, h4, h5, h5, p, li, blockquote, td, th, a, caption, em, strong, strike, {font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal;
font-style:normal; line-height:100%; text-indent:0; text-decoration:none; text-align:left; color:#000;}
ol, ul, {list-style:none;} 


/* Global */

html { }
body { background-image:url(images/cielbg.jpg); }


/* headings 

h1 {font-size:28px; font-family:"Hoefler Text";  text-align:center; padding:0px 30px 15px 30px;}
h2 {font-size:24px; text-align:center; padding-bottom:10px;}
h3 {
	font-size:14px;
	font-family:Herculanum;
	text-align: center;
}
h4 {font-size:17px;}
h5 {font-size:15px; color:#c00;}
h6 {font-size:12px;}*/

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}


/*text elements*/

p 		 	{color:#000; font-size:12px; line-height:150%; margin:0px 15px; }
p .left  	{margin:1.5em 1.5em 1.5em 0; padding:0;}
p .right 	{margin:1.5em 0 1.5em 1.5em; padding:0;}

a 			{ }
a:link 		{color:#00f;}
a:visited 	{color:#0f0;}
a:active 	{color:#000;}
a:focus 	{color:#666;}
a:hover 	{color:#f00;}

blockquote	{color:#000; font-size:12px;}

strong		{font-weight:bold;}
em			{font-style:italic;}


/* images */

.image-frame	{ border:5px #000 soldi;} /*To apply -->   <img class="image-frame" src="images/Me/Art of the ivisible March 11.jpg" alt="Invisible Art Visible Artistes 2011" width="210" height="300" align="left" />*/


/* lists */

ul	{ }
ol	{list-style-type:decimal;}

ul li {color:#000; font-size:20px;}
ol li {color:#000; font-size:12px;}

dl { }
dt { }
dd { }


/* Containers */

#outter				{ width:900px; margin:0 auto; background-color:#000; }

#wrapper			{ width:840px; margin:0 auto; background-color:#FFF; }

#banner 			{border-bottom:5px #000 solid; }

#nav 				{ float:left; width:600px; margin-bottom:18px; }
#nav ul				{ border-top:0px #000 solid; border-bottom:1px #000 solid; margin:0px 0; padding:10px 0; }
#nav ul li			{ display:inline; }
#nav ul li a 		{ padding:0px 15px; }

#nav a:link 		{color:#000; font-weight:bold; }
#nav a:visited 		{color:#000;}
#nav a:active 		{color:#000;}
#nav a:focus 		{color:#666;}
#nav a:hover 		{color:#F00;}

#social-media-icons 		{ float:right; margin-bottom:18px; }
#social-media-icons ul		{ border-bottom:1px #000 solid; margin:0px 20px; padding:10px 0;}
#social-media-icons ul li 	{ display:inline; }
#social-media-icons ul li a { padding:0px 5px; }



#content-welcome 		{ width:600px; float:left;text-align:center; border-bottom:1px #000 solid; margin-bottom:20px; }
#content-welcome h1		{ font-size:30px; text-align:center; padding:0px 30px 15px 30px; }
#content-welcome h2		{ font-size:16px;}
#content-welcome p		{ font-size:15px; font:"Lucida Sans Unicode"; }

#events 				{ width:200px; float:right; }
#events h1				{ font-size:25px; text-align:center; padding-bottom:10px; }
#events h2				{ color:#C00; }
#events h3				{ padding-left:15px;}
#events h4				{ text-align:center; font-size:14px;}
#events p				{font-size:12px: margin:0;}

#content-reel			{ width:600px; text-align:center; }
#content-reel h2		{ color:#C00; text-align:center; padding-top:50px; font-size:22px; }

#footer 				{ clear:both;  margin-top:20px; padding:10px 0; text-align:center; border-top:1px #000 solid; }




#nav2				{ border-bottom:1px #000 solid; margin-bottom:18px; padding:10px 0; }
#nav ul				{ margin:0px 0; padding:10px 0; }
#nav2 ul li			{ display:inline; }
#nav2 ul li a 		{ padding:0px 15px; }
#nav2 a:link 		{color:#000; font-weight:bold; }
#nav2 a:visited 	{color:#000;}
#nav2 a:active 		{color:#000;}
#nav2 a:focus 		{color:#666;}
#nav2 a:hover 		{color:#F00;}

#content3			{ }
#content3 h1		{font-size:40px; text-align:center; padding:0px 30px 15px 30px;}
#content3 img		{padding:0 10px 0 0;}
#content3 ul li		{font-size:20px;}
#content3 p			{font-size:20px;
					padding:15px 20px 15px 20px;
					text-align: justify;}

#content4			{width:500px; float:left; text-align:center;}
#content4 ul li		{font-size:17px;}
#content4 p			{font-size:20px;
					padding:15px 0px 0px 20px;
					text-align: justify;}

#content5			{float:right; padding-top:20px; margin-right:20px;}

#content6			{ }
#content6 h1		{font-size:40px; text-align:center; padding:0px 30px 15px 30px;}
#content6 h6		{text-align:center; font-size:18px;}
#content6 h2		{text-align:left; font-size:21px; color:#7F0081; padding-left:80px; padding-top:25px;}
#content6 h3		{text-align:left; font-size:21px; padding-left:80px; padding-top:25px;}
#content6 ul li		{padding-left:20px; margin:3px 0;}

#content-vid			{text-align:center;}
#content-vid h1			{font-size:40px; margin:10px;}
#content-vid h2			{font-size:25px; margin:10px 0;}

#content-contact h1		{font-size:50px; text-align:center; padding:0px 30px 15px 30px; border-bottom:1px;}
#content-contact h2		{font-size:50px; text-align:center; font-family:"Times New Roman", Times, serif; }

#content-pastevents			{text-align:center; }
#content-pastevents h1		{font-size:40px;}
#content-pastevents	h2		{font-size:25px; color:#C00; }
#content-pastevents	h3		{font-size:18px; padding:7px 0; }
#content-pastevents img		{border:2px; margin:10px;}
#content-pastevents p		{font-size:20px; border-bottom:1px #000 solid;}

#footer-icons			{clear:both; margin-top:20px; text-align:center; border-top:1px #000 solid;}
#footer-icons ul li		{display:inline;}
#footer-icons p			{padding-top:10px;}

/* Miss */

.date	{ font-size:12px; } /* to apply do -->   <p class="date">October 10th 2012</p>*/