/* 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;  }
h2				{ font-size:28px; margin:0 0 15px 0; color:#ccc; }
h3				{ font-size:20px; margin-bottom:5px; color:#999; }
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; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right		{ margin: 1.5em 1.5em 1.5em; padding: 0; }
	
a				{  }
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:1200px; margin:auto;	}

#outer				{ width:1200px; margin:auto;	}
	
#wrapper			{ width:1200px; margin:auto; background-color:#FFF; }
	
#dok-logo			{ height:60px; margin:10px 0 0 0; float:left; }
#dok-logo a:link 	{ color:#eee }
#dok-logo a:visited	{ color:#eee }
#dok-logo a:active	{ color:#eee; }
#dok-logo a:focus	{ color:#eee; }
#dok-logo a:hover	{ color:#363; }

#gallerynav				{ width:310px; height:60px; margin-top:10px; margin-bottom:5px; float:right; text-align:right; }
#gallerynav	ul li		{ display:inline; padding: 0 5px; }
#gallerynav	ul li h4	{ display:inline; padding: 0 5px; }
#gallerynav	ul			{  }

#banner				{ width:1200px; border-bottom:1px #999 solid; border-top:1px #999 solid; margin-bottom:60px; padding:10px 0 10px 0; clear:both; }
#white-banner		{ width:1200px; height:5px; border-bottom:1px #999 solid; border-top:1px #999 solid; margin-bottom:60px; padding:10px 0 12px 0; clear:both; text-align:center; font-size:40px;  }
#white-banner ul li { display:inline; padding: 5px 5px 5px 5px; }

#white-banner ul li a 	{ color:#999;  padding: 5px 2px 2px 5px;  }

#white-banner a 		{ color:#999; }
#white-banner a:link  	{ color:#999; }
#white-banner a:visited { color:#999; }
#white-banner a:active 	{ color:#999; }
#white-banner a:focus 	{ color:#999; }
#white-banner a:hover 	{ color:#363; }


#leftnav 			{ width:200px; height:inherit; float:left; }
#leftnav ul			{  }
#leftnav ul li		{ margin:3px 0 3px 0; }
#leftnav ul li a	{ color:#999; }

#leftnav a			{  }
#leftnav a:link 	{ color: #888; }
#leftnav a:visited	{ color: #888 }
#leftnav a:active	{ color: #888; }
#leftnav a:focus	{ color: #888; }
#leftnav a:hover	{ color: #363; }

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

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


#leftnav-main 			{ width:200px; height:inherit; float:left; }
#leftnav-main ul		{  }
#leftnav-main ul li		{ margin:3px 0 3px 0; }
#leftnav-main ul li a	{ color:#999; }

#leftnav-main a			{  }
#leftnav-main a:link 	{ color: #888; }
#leftnav-main a:visited	{ color: #888 }
#leftnav-main a:active	{ color: #888; }
#leftnav-main a:focus	{ color: #888; }
#leftnav-main a:hover	{ color: #363; }

#yearnav 			{ width:100px; height:inherit; }
#yearnav ul			{  }
#yearnav ul li		{ margin:3px 0 3px 0; }
#yearnav ul li a	{ color:#999; }

#yearnav a			{  }
#yearnav a:link 	{ color: #888; }
#yearnav a:visited	{ color: #888 }
#yearnav a:active	{ color: #888; }
#yearnav a:focus	{ color: #888; }
#yearnav a:hover	{ color: #363; }

#content-wrapper	{	}

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

#content-publications { width:1000px; height:inherit; float:left; text-align:center; font-size:14px; padding-bottom:100px; margin-bottom:100px; }
	
#rightnav			{ width:300px; height:inherit; float:right; }

#footer				{ width:1200px; border-top:1px #999 solid; clear:both; padding-bottom:20px; padding-top:20px; }
#footer-no-banner	{ float:right; width:1000px; 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;
}