/*--- CLEAR PADDING, MARGINS & IMG BORDER ---*/

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

/*-- BODY, HEADINGS, PARAGRAPHS & GENERAL WEBSITE STYLES --*/

body, html {height:101%;background:#000 url(/images/bg-body-black.jpg) center; text-align:center; color:#ccc;}
body {font:62.5% "trebuchet ms", arial, verdana, sans-serif;}

body, html { 
scrollbar-arrow-color:#ccc; 
scrollbar-base-color:#000; 
scrollbar-darkshadow-color:#000; 
scrollbar-face-color:#000; 
scrollbar-highlight-color:#333; 
scrollbar-shadow-color:#000} 

p {line-height:1.7em;text-align:justify;margin-bottom:1em;}

h1 {font-size:2.2em;margin-bottom:30px}
h2 {font-size:1.6em;margin:0px 0px 15px;color:#666;}
h2 span {font-weight:bold;}
h3 {font-size:1.3em;margin-bottom:15px;}

h4 {margin:10px 0px;}

a {text-decoration:none;color:#fff;}
a:hover {color:#fff; text-decoration:none;}
#content a {color:#fff; text-decoration:underline;}
#content a:hover {color:#fff; text-decoration:overline;}  

#content a.glossy {display:block;width:140px;height:46px;background: url(/images/glossy.png) no-repeat 0px 0px;text-align:center;line-height:46px;color:#ccc;font-size:18px;float:right;margin:0px;}
#content a.glossy:hover {background-position: 0px -140px;color:fff;}

#content a.glossySmall {text-decoration:none;text-align:center;font-weight:bold;display:block;width:92px;padding:0px;height:30px;line-height:30px;background:url(/images/glossy-small.png) no-repeat 0px 0px;}	
/*color set in asp file*/
#content a.glossySmall:hover {background-position:0px -30px;color:#fff;text-decoration:none;}

ul, ol {margin:15px;width:90%;}
ul li, ol li {margin-left:15px;}
ol.item {list-style:none;margin-left:0px;}
ol.item li {margin:0px 0px 50px 0px;}
ol.item li h3 a {text-decoration:none;}
#content ol.item a {text-decoration:none;}
#content ol.item a:hover {text-decoration:underline;}
#content .smallText {position:relative;top:-10px;font-size:95%;font-style:italic;}
#content .smallText a {text-decoration:none;}
#content .smallText a {text-decoration:underline;}
		
/*-- THE WEBSITE --*/

#wrapper {width:900px;text-align:left;margin:auto;background:url(/images/bg-wrapper-faux.png) repeat-y center;height:auto !important;height:100%; min-height:100%;position:relative;margin:0 auto;font-size:1.2em;}
#wrapperInner {margin:0px 20px;}
#header {height:145px;width:860px;position:relative;background:#220000 url(/images/slideshow/1.jpg) no-repeat top left;color:#fff;border-bottom:1px solid #999;overflow:hidden;}
#logo {background:url(/images/logo.jpg) no-repeat left;width:900px;height:145px;}
		a#innocentChikezie {position:absolute;top:20px;right:20px;font-size:48px;color:#fff; }
			a#innocentChikezie span {font-weight:bold;}		
		a#innocentSig {text-indent:-2000px;position:absolute;top:15px;left:20px;height:74px;width:600px;display:block;background:url(/images/innocent-shadow.png) no-repeat;z-index:999;display:none;}	
		#mainLinks {position:absolute;bottom:10px;left:10px;text-align:center;}
		
#mainLinks a {margin:0px 12px;font-size:14px;color:#fff;text-decoration:none;font-weight:bold;}
#mainLinks a:hover {color:#fff;}

#homeSlideshow {width:580px;height:404px;overflow:hidden;margin-bottom:30px;}

#container {width:860px;height:auto !important;height:350px;min-height:350px;padding-bottom:50px;}
	#sidebar {float:left;width:220px;background:#222;border-right:1px solid #999;text-align:right;}
	#sidebarInner {margin:35px 35px 0px;}
	#sidebar a.mainLink {color:#bbb;display:block;margin-bottom:10px;text-align:right;font-size:13px;margin-left:0px;}
	#sidebar a.mainLink:hover {color:#fff;}
	#sidebar h2 {font-size:1.5em;}
	
	#facebook {background:url(/images/facebook.png) no-repeat; width:50px;height:38px;margin:30px;}

#content {width:638px;float:right;text-align:left;position:relative;}	
#contentInner {margin:35px;width:568px;position:relative;z-index:1;overflow:hidden;}
#footer {background:#59452a;height:35px;color:#ccc;font-size:12px;border-top:1px solid #999;position:absolute;bottom:0;margin:0 auto;width:860px;}
#footer a {color:#ccc;}

#footer .left {float:left;margin:10px 0px 0px 20px;}
#footer .right {float:right;margin:10px 20px 0px 0px;}


/*-- TABLES --*/

table {font-size:90%;}
table td {padding:5px 5px;text-align:center;}
table th {text-align:right;text-transform:uppercase;padding:5px 5px;}


/*-- FORMS --*/

form.updateDisplay label {width:16em;}
form.updateDisplay fieldset.submit {padding-left:16.75em;}  

fieldset {margin:1.5em 0px 0px;padding:0px;float:left;clear:none;width:100%;border:0;border-top:0px solid #000;}
/* border set in asp file */
fieldset ul, fieldset ol {padding:0;list-style:none;}
/* ie: zoom:1; */
fieldset ul, fieldset ol {margin-top:2em;margin-bottom:0;padding-bottom:0;}
fieldset {border-top:2px solid #;}

input, select, select.text, .text, textarea, .button {border: 1px solid #333;color:#333;}
fieldset.submit ul, fieldset.submit ol {margin-top:0em;}
fieldset.submit {float:none;border:0;margin:0;padding-left:85px;background:transparent;clear:both;margin-bottom:0;}	
fieldset.submit li {clear:none;margin-bottom:0;}
fieldset.noBorder {border:0px;margin-top:0;padding-top:0;}
fieldset.noBorder ol {margin-top:0px;}
.fieldsetCompensation {margin-bottom:0;}

legend {font-size:1.5em;font-weight:bold;}
/* ie: margin-left:1.5em; */
	
label {width:90px;float:left;margin-right:10px;	text-align:right;font-size:100%;font-weight:bold;color:#ccc;}
#adminCategories label {width:300px;}

label.error {color:#225661;clear:both;width:350px;text-align:left;margin-left:100px;}
fieldset li {padding-bottom:1em;cledar:left;float:left;width:100%;}
li.liFormText {padding-left:11em;}
input, select, select.text, .text, textarea, .button {font-size:130%;font-family:"trebuchet ms", arial, verdana;border: 1px solid #333333;color:#333333;padding:5px;background:#ccc;}
/* border and color set in asp file */
input.text {padding:0.3em;}

textarea {height:140px;}
.text, textarea, select, select option, checkboxSingle {background-image:url(/images/bg-input.gif);}
form li input.text, select.text, textarea.text, select {width:350px;}

input.button {width:140px;height:46px;line-height:36px;text-align:center;background: url(/images/glossy.png) no-repeat 0px 0px;color:#fff;font-weight:bold;border:0;font-size:14px;}
input.button:hover {background-position:0px -46px;}

.checkboxSingle {float:left;border:0;}
.checkboxMultiple {}

span.checkboxComment {display:inline;float:left;width:350px;margin-left:0.5em;}
span.textboxComment {display:block;margin-left:100px;}

input.submit {padding:2px;}

#adminCategories {}


/*-- COMMON STYLES - REUSED THROUGHOUT --*/

#theMessage {padding:15px;display:block;margin-bottom:20px;background:#ccc;border:1px dotted #333;color:#333;}
#theMessage a {color:#000;}
/* border, color and background set in asp */
div.attention {padding:15px;background:#ffcccc;font-weight:bold;border:1px dotted #660000;color:#660000;margin-bottom:20px;}
.textAttention {color:#19833f;}
ul.fieldsetCompensation {margin-bottom:-20px;}
p.smallText {}  /* blog item subheading - published dates, etc */
.underline {border-bottom:1px dotted #333333;} /* page subheadings */
.dotted {padding:10px;border:1px dotted #333333;}
hr {border:0; height:0px; color:#999999; background-color:#999999; border-bottom:1px solid #999999;}
hr.splitter {margin:0.5em 0px;}
div.splitter {clear:both;padding:1em 0;}
.normalTextSize {font-size:0.9em;}
.clear {clear:both;}
.leftAlign {float:left;}
.rightAlign {float:right;}
a.plainLink {text-decoration:none;}


/*-- ADMIN & CLIENT STUFF STYLES --*/

a#adminLink {z-index:1000;display:block;width:70px;text-decoration:none;padding:5px;text-align:center;position:fixed;left:0px;top:0px;border-width:0px 1px 1px 0px;background:#333;border:1px inset #ccc;color:#ccc;font-size:1.2em;}
#adminContainer {position:absolute;top:0px;left:0px;z-index:1000;text-align:left;font-size:90%;}
div#admin {display:none;height:100%;width:450px;overflow:auto;padding:3px;text-align:left;font-size:1.2em;background:#333;border:1px solid #ccc;border-width:0px 1px 1px 1px; z-index:1000;top:0;left:80px;position:absolute;color:#ccc;}

#admin h3, #adminControl h3 {margin:0 0 6px;font-size:14px;color:#ccc;}
#admin a, #adminControl a  {text-decoration:none; color:#fff;}
#admin ul, #adminControl ul {margin-bottom:20px;list-style-type:none;}
#admin li, #adminControl li {margin-bottom:5px;}

#admin div {margin:10px;}
#adminControl h3 {font-size:1.8em;}
#adminControl ul {margin-bottom:40px;}
#adminControl ul li {margin-left:15px;}

#newsPublishCalendar {margin-left:100px;margin-top:-20px;}
#newsPublishCalendar select {width:100px;background:#111;color:#ccc;border:0;}
#newsPublishCalendar a {background:#111;padding:4px;margin:5px;text-decoration:none;}
#newsPublishCalendar a:hover {background:#ccc;color:#000;text-decoration:none;}

.worksContainer {}
.worksImageMain {width:100px;margin-right:10px;float:left;}
.worksImageThumb {width:100px;margin-right:10px;float:left;}
.worksDisplay {width:80px;margin-right:10px;float:left;}
.worksDetail {float:right;width:170px;}

#content a.homePageToggle {display:block;padding-left:30px;height:24px;line-height:24px;background:url(/images/home.png) no-repeat 0px 0px;}
#content a.pageTop {float:right;margin-left:20px;text-decoration:none;}
#content a.hptOn {background-position:0px 0px;}
#content a.hptOn:hover {background-position:0px -24px;}
#content a.hptOff {background-position:0px -24px;}
#content a.hptOff:hover {background-position:0px 0px;}

#workImageContainer {margin-bottom:20px;}
/*img#workImageImage {position:absolute;top:0px;left:0px;}
#workImageDetail {position:absolute;top:-1px;left:0px;background:#000;color:#fff;overflow-y:scroll;overflow-x:hidden;z-index:999;opacity:0.7;filter:alpha(opacity=70);width:570px;}
#workImageDetailInner {margin:20px;padding:20px;border:0px solid #ccc;color:#fff;}*/

#workInfoHeader {width:580px;}
#workInfoHeaderRight {width:75px;float:right;}
#workInfoHeaderLeft {width:440px;float:left;}

table.displayWorks {display:inline;border:0;padding:0px;float:left;}
table.displayWorks td {padding:0px;border:0;width:180px;height:180px;}
table.displayWorks th {padding:0px;border:0;}

#paintingsContainer {
	margin-top:20px;
}
a.editThis {background:url(/images/edit.png) left no-repeat; padding-left:30px;height:24px;line-height:24px;display:block;}
a.delThis {background:url(/images/delete.png) left no-repeat; padding-left:30px;height:24px;line-height:24px;display:block;}
a.previewThis {background:url(/images/preview.png) left no-repeat; padding-left:30px;height:24px;line-height:24px;display:block;}
a.addThis {background:url(/images/add.png) left no-repeat; padding-left:30px;height:24px;line-height:24px;display:block;}


form li input.updateDisplay {width:50px;text-align:center;}

p#worksImagesSelect a.selected {text-decoration:none; font-size:180%; font-weight:bold;}