/* CSS Document */

/* David O'Kane - www.davidokane.com */
/* This work is licensed under the MIT License - http://www.opensource.org/licenses/mit-license */

/* Color Legend */


/* Reset */

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,
table, tr, th, td, tbody, tfoot, thead 
				{
				margin: 0;
				padding: 0; 
				border: 0;
				vertical-align: baseline; 
				background: transparent; 
				}

img				{ margin: 0; padding: 0; border:0; }

table, tr, th, td, tbody, tfoot, thead 

				{ 
				margin: 0; 
				padding: 0;
				border: 0;
				vertical-align: baseline; 
				background: transparent; 
				}
	
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, sectio
				{ display:block; }
	
h1, h2, h3, h4, h5, h6, 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-color:#FFF	}



/*Headings */

h1, h2, h3, h4, h5, h6	
				{ }

h1				{ font-size:40px; padding-bottom:15px; margin-bottom:15px; color:#999; text-align:center;  }
h2				{ font-size:24px; margin:0 0 15px 0; color:#666; text-align:center; }
h3				{ font-size:18px; margin-bottom:5px; color:#444;  text-align:center; }
h4				{ font-size:30px; padding-bottom:15px; margin-bottom:15px; }
h5				{ font-size:30px; padding-bottom:15px; margin-bottom:15px; color:#999; }
h6				{ font-size:18px; margin-bottom:5px; color:#999; }
	
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
				{ margin: 0; }


/*Text Elements */

p				{ color: #000; font-size:14px; line-height: 150%; margin:0 0; text-align:center }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right		{ margin: 1.5em 1.5em 1.5em; padding: 0; }
	
a				{ text-align:center }
a:link			{ font-weight: bold; color:#CCC; }
a:visited		{ font-weight: bold; color:#ccc; }
a:active		{ font-weight: bold; color:#ccc; }
a:focus			{ font-weight: bold; color:#ccc; }
a:hover			{ font-weight: bold; color:#363; }

a.link2 		{ font-weight: bold; color:#444; }
a.link2:link	{ font-weight: bold; color:#444; }
a.link2:visited	{ font-weight: bold; color:#444; }
a.link2:active	{ font-weight: bold; color:#444; }
a.link2:focus	{ font-weight: bold; color:#444; }
a.link2:hover	{ font-weight: bold; color:#363; }

a.link3 		{ font-weight: bold; color:#111; }
a.link3:link	{ font-weight: bold; color:#111; }
a.link3:visited	{ font-weight: bold; color:#111; }
a.link3:active	{ font-weight: bold; color:#111; }
a.link3:focus	{ font-weight: bold; color:#111; }
a.link3:hover	{ font-weight: bold; color:#363; }

a.link4 		{ font-weight: bold; color:#DBDBDB; }
a.link4:link	{ font-weight: bold; color:#DBDBDB; }
a.link4:visited	{ font-weight: bold; color:#DBDBDB; }
a.link4:active	{ font-weight: bold; color:#DBDBDB; }
a.link4:focus	{ font-weight: bold; color:#DBDBDB; }
a.link4:hover	{ font-weight: bold; color:#363; }

h4 a				{  }
h4 a:link			{ font-weight: bold; color:#EAEAEA; }
h4 a:visited		{ font-weight: bold; color:#EAEAEA; }
h4 a:active			{ font-weight: bold; color:#EAEAEA; }
h4 a:focus			{ font-weight: bold; color:#EAEAEA; }
h4 a:hover			{ font-weight: bold; color:#363; }
	
blockquote		{ color: #000; font-size:12px; }
	
strong				{ font-weight: bold; }
em					{ font-style: italic; }
	
	
/* Images */

.image-frame 		{ padding:0 5px 5px 5px; margin:0 5px 5px 5px; }

/* Lists */

ul					{	}
ol					{ list-style-type:decimal; }
	
ul li				{ color: #999; font-size:18px; padding: 0 5px 15px 0; }
ol li				{ color: #999; font-size:12px; }

dl					{	}
dt					{	}
dd					{	}


/* Tables */

table				{ width:100%; }

tr					{ padding:inherit;	}
.odd				{ background-color:#eee; }
.even				{ background-color:#fff; }
	
th					{ font-weight: bold; }
thead, th			{ background: #ccc; }
	
tbody				{	}

th,td,caption 		{	}
caption				{	}

tfoot				{	}
.tfooter			{ background-color:#ccc; text-align:center; font-style:italic; }
	
caption				{ background: #efefef; }
	
/* Miscellaneous */

sup, sub			{ line-height: 0; }

abbr, acronym		{ border-bottom: 1px dotted #666; }
address				{	}
del					{ background:#FFCECE; color:#f00; }
code, pre			{ background:#FF9; padding:2px 0px; margin:4px 25px; 
					font-family:"Courier New", Courier, monospace; 
					font-size:12px; font-weight: inherit; }
	
	/* Containers */
	
#outer				{ width:900px; margin:auto;	}

#outer				{ width:900px; margin:auto;	}
	
#wrapper			{ width:900px; margin:auto; background-color:#FFF; }
	
#cg-logo			{ height:60px; margin:10px 0 10px 0; text-align:center; padding: 0 230px 0 280px; }
#cg-logo a:link 	{ color:#eee }
#cg-logo a:visited	{ color:#eee }
#cg-logo a:active	{ color:#eee; }
#cg-logo a:focus	{ color:#eee; }
#cg-logo a:hover	{ color:#363; }

#topnav				{ width:860px; margin-bottom:30px; margin-top:10px; border-bottom:1px #999 solid; border-top:1px #999 solid; padding: 15px 0px 15px 40px; clear:both; }
#topnav	ul li		{ display:inline; padding: 0px 50px 5px 85px; }
#topnav	ul li h4	{ display:inline; padding: 10px 10px 10px 10px; }
#topnav	ul			{  }

#content-wrapper	{	}

#content			{ width:900px; height:inherit; float:left; text-align:center; font-size:14px; padding-bottom:30px; margin-bottom:100px; }
#content-index	{ width:900px; height:inherit; float:left; text-align:center; font-size:14px; padding-bottom:30px; margin-bottom:100px; }
#content-fullwidth	{ width:900px; height:inherit;  text-align:center; font-size:14px; padding-bottom:30px; padding-top:30px; margin-bottom:30px; }

#news 				{ width:860px; height:inherit; text-align:center; font-size:14px; padding: 15px 20px 50px 20px; }
#news  ul li a		{ text-align: center; }
#news  ul			{ text-align: center; }

#footer				{ border-top:1px #999 solid; clear:both; padding-bottom:20px; padding-top:20px; }


#box1				{	}

#box2				{	}

#box3				{	}

#box4				{	}

#box5				{	}

#box6				{	}


/* Layout Extra */


/* Navigation Extra */



/* Forms */

form 				{ text-align:left; margin:20px; }
	
label, submit, input, textarea
					{ border:0; padding:0; margin:0; background:none; }

label				{ float: left; width: 150px; text-align:right; display:block; }

input, textarea		{ border:1px #333 solid; margin-left:10px; }

input				{ width: 280px; margin-bottom: 16px; }
	
textarea 			{ width: 280px;	height:150px; margin-bottom:16px; }
	
select 				{	}

.submit				{ width:90px; height:25px; margin-left:150px; font-size::12px; }
	
br 					{ clear: left; }
	

/* Miscellaneous */

.date 			{ font-size:14px; font-weight:bold; color:#666; margin-bottom:10px; }

.copyright-text	{ font-size:80%; font-style:italic; color:#333; }
.footer-text	{ font-size:12px; font-style:normal; color:#666; text-align:center; }

.artwork-description { font-size:14px; text-align:center; }
.central-h3    	{ font-size:20px; margin-bottom:5px; color:#666; }
	
.title			{ font-size:18px; font-weight:bold; color:#333; }
.subtitle		{ font-size:14px; font-style:italic; color:#333;}
	
.artist 		{ font-size:16px; font-weight:bold; color:#333; }
.author			{ font-size:14px font-weight:bold; color:#555; }
.editor			{ font-size:14px font-style:italic; color:#555; }

.pub-date		{ font-size:10px font-style:italic; color:#555; }
.article-date	{ font-size:10px font-style:italic; color:#555; }
.location		{ font-size:10px font-style:italic; color:#555; }
	
.float-right 	{ float:right; }
.float-left 	{ float:left; }
.clear			{ clear:both; }

.hide 			{ display:none; }
.block 			{ display:block; }
.inline			{ display:inline; }

.first			{ font-weight:bold; }
.last			{ font-weight:bold; }
.left			{ font-weight:bold; text-align:left; }
.right			{ font-weight:bold; text-align:right; }

.added			{ background:#D7D7FF; }
.removed		{ background:#FFCECE; color:#f00 }
.changed		{ background:#FFB; }

/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */

.error, .alert, .notice, .success, .info 
				{ padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
	
.error, .alert 	{ background: #fbe3e4; color: #8alfll; border-color:#fbc2c4; }

.notice			{ background: #fff6bf; color: #51472; border-color:#ffd324; }

.success		{ background: #e6efc2; color: #264409; border-color:#c6d880; }

.info			{ background: #d5edf8; color: #205791; border-color:#92cae4; }

.error a		{ color: #8alfll; }
.alert a		{ color: #8alfll; }

.notice a		{ color: #514721; }
.succes a		{ color: #264409; }
.info a			{ color: #205791; }

	
a.link2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
}