.clear {clear: both;}
body.inner div#graphic {width: 768px; height: 120px; background: url(images/TEMP-Image.png) 0 0 no-repeat; position: absolute; top: 37px; left: 0; right: 0; }

body {background: #0b0005 url(images/misskika-bg.jpg) 0 0 repeat-x; font-family: Verdana, sans-serif; color: #f9f9f9; color: #404040; font-size: 12px;}
	body.inner {background: #0b0005 url(images/misskika-bg.jpg) 0 -182px repeat-x; }
div {position: relative;}

body.inner #content {background: url(images/content_bg.jpg) 50% 100% repeat-y; margin: 95px 0; padding: 0 23px 0 22px; color: #0b0005;}
body.inner #content #cb {background: url(images/content-bottom.jpg) 50% 0 repeat-y; padding: 0 0 33px 0; margin: 0 -23px 0 -22px; }


img.img_left {float: left; margin: 0 20px 10px 10px;}
img.img_right {float: right; margin: 0 10px 10px 20px;}

p {color: #404040; font-size: 12px; padding: 10px;}
p a {color: #e9438f;}
	p a:hover {color: #550027;}
p.view_link {text-align: right;}
p.view_link a {background: #e9438f; color: #f1f1f1; padding: 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} 
	p.view_link a:hover {color: #550027;}
	
h2 {color: #F9F9F9; background: #ea438f; font-size: 22px; font-weight: bold; padding: 5px 10px 8px; margin-bottom: 15px;}
h3 {background: #550027; color: #e9438f; font-size: 14px; padding: 3px 10px; margin: 10px 0 0 0;}
	h3 a {color: #e9438f; text-decoration: none;}
h4 {font-size: 13px; padding: 0 10px; font-weight: bold;}
/*
#content ul {margin: 10px 20px 10px 350px; list-style: disc; font-size: 12px;}
	#content ul li {float: left; width: 200px;}
*/

#main {width: 768px; margin: 0 auto;}

#content {}

#area {float: left; width: 510px;}

#sidebar {margin: 0 10px 0 520px; background: #550027; color: #e9438f; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 10px;}
	
	#sidebar h4 {background: #550027; color: #e9438f; padding: 3px 0 5px; font-size: 11px; }
		#sidebar h4 a {color: #e9438f; text-decoration: none;}
		#sidebar h4 a:hover {color: #f1f1f1;}
	#sidebar ul { background: #99285c; padding: 10px; margin: 0 0 15px 0; font-size: 12px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
		#sidebar ul li {list-style: disc; margin-left: 15px;}
			#sidebar ul li.blank {list-style: none; margin-left: 0;}
		#sidebar ul li a { font-size: 11px; color: #f1f1f1; text-decoration: none;}
			#sidebar ul li a:hover {color: #e9438f;}
			
		#sidebar p {padding: 0;}
		
#header {padding: 0 0 25px 0;}
#header h1 {color: #000;}
#header h5#logo {background: url(images/logov1.png) 0 0 no-repeat; width: 238px; height: 92px; position: absolute; top: 50px; left: 25px; }
body.inner #header h5#logo {top: 50px; left: 25px;} 
#header h5#logo a {}
#header h5#logo span {display: none;}

#footer {background: url(images/igt-footer.jpg) 0 0 repeat-x; height: 54px; padding: 10px 15px 0; margin: 0; text-align: center; color: #fff;}
	#footer h6 {font-size: 14px; font-weight: bold;}
	#footer p {font-size: 11px;}



/* HIDDEN DROP DROP NAVIGATION */
#nav {background: url(images/navigation-bg.png) 0 0 repeat-x; height: 28px; padding: 8px 4px 0; margin: 0 auto; width: 765px; z-index: 10; clear: both; font-size: 14px; border: 1px solid #98285b; border-top: none; text-align: center;}		 
	#nav ul#main_nav {padding-left: 8px;}
	#nav ul li {display: inline; text-align: center; z-index: 90; margin: 7px 0 0; padding: 0 0 7px 0;}
		ul#main_nav li:hover {background: url(images/igt-nav-li-hover.jpg) 0 0 repeat-x;}
		ul#main_nav li:hover a {color: #f9f9f9;}
		
		ul#main_nav li a {background: none; color: #e9438f; padding: 5px 12px; text-decoration: none; font-size: 11px; font-weight: bold;}
		
		ul#main_nav ul.sub_nav {position: absolute; top: 30px; left: -9999em; z-index: 99;  margin-left: 2px; padding: 5px 0 10px; font-size: 10px; background: #d6d6d6;}
			ul#main_nav ul.sub_nav li {float: none;  color: #292929; padding: 0; margin: 0; display: block;  text-align: left;}
			ul#main_nav ul.sub_nav li a {background: none; color: #292929; padding: 2px 20px 3px 20px; }
				ul#main_nav ul.sub_nav li a:hover {color: #000; display: block;}
		
		ul#main_nav li:hover ul {left:0; position: absolute; z-index: 99;}
		ul#main_nav li:hover ul li:hover {background: gray;}
	
#nav #endcap_right {position: absolute; right: 0; height: 45px; background: url(images/igt-nav-right.jpg) 100% 0 no-repeat; width: 16px;}
#nav #endcap_left {position: absolute; left: 0; height: 45px; background: url(images/igt-nav-left.jpg) 0 0 no-repeat; width: 16px;}

/* END HIDDEN DROP DOWN NAVIGATION */


/* SLIDESHOW */
#slideshow {background: url(images/misskika-lacy.png) 0 0 no-repeat; margin: 85px auto 25px;  width: 690px; height: 288px; padding: 25px 0 0 35px;}

/* THREE BUCKETS */
#threebuckets {background: #1a000c; width: 660px; display: block; margin: 0 auto;}
	#threebuckets h3 {background: #550027 url(images/three_boxes.jpg) 98% 50% no-repeat; color: #e9438f; font-weight: bold; font-size: 11px; padding: 4px 5px;}
	#threebuckets h4 {font-size: 12px; color: #f9f9f9; padding: 6px 5px 0;}
		#threebuckets h4 a {color: #f9f9f9; text-decoration: none;}
		#threebuckets h4 a:hover {color: #e9438f;}
	#threebuckets p {color: #e9438f; margin-bottom: 5px; padding: 0 5px; font-size: 11px;}
		#threebuckets p a:hover {color: #f1f1f1;}
	.bucket {float: left; width: 220px;}

/* PROJECTS */

ul.project_piece {font-size: 10px; float: left; padding: 5px 12px; text-align: center; height: 110px;}
	ul.project_piece li.img {height: 100px;}
	ul.project_piece li.img img {padding: 3px; border: 1px dashed #ea438f;}

div.feature_category {float: left; width: 208px; text-align: center; padding: 5px; margin: 0 10px 20px 10px; background: #550027; color: #e9438f; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
	div.feature_category h3 {color: #e9438f; margin: 0 0 10px; padding: 0;}
	div.feature_category p {background: #99285c; padding: 3px; margin: 10px; font-size: 12px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
	div.feature_category p a {color: #f1f1f1; text-decoration: none; display: block;}
		div.feature_category p a:hover {color: #e9438f;}
	
div.project_category {float: left; width: 100%}
	.project_category h3 {background: #550027; color: #e9438f; padding: 3px 10px 5px; }

/* CALENDAR STYLES */
table.calendar {width: 100%; margin: 0 auto 15px; border: 1px solid #ea438f; color: #ea438f; padding: 20px 0;}
	table.calendar tr.heading {background: #ea438f; color: #FFF; font-size: 10px;}
		table.calendar 	tr.heading th {padding: 5px 0; text-align: center;}
		table.calendar tr.heading a {color: #FFF;}
	table.calendar tr.weekdays {font-size: 12px; font-weight: bold;}
		table.calendar tr.weekdays td {padding: 5px 0; text-align: center;}
	table.calendar tr.days {font-size: 11px;}
		table.calendar tr.days td {text-align: center; border: 1px solid #ea438f;}
		table.calendar tr.days td div {padding: 3px 0;}
			table.calendar tr.days td div.eventday {background: #ea438f; font-weight: bold;}
				table.calendar tr.days td div.eventday a {color: #fff; text-decoration: none;}	

/* EVENT STYLES */
div.event_details {margin: 0 auto; border-bottom: 1px dashed #ea438f; padding: 20px 0; margin: 0 0 0 10px;}
	div.event_details h4 {font-size: 12px; color: #550027; margin-bottom: 0;}
	div.event_details ul.event {font-size: 11px !important; margin-left: 10px; color: #99285c;}
	div.event_details ul.event li {font-size: 11px;}
		div.event_details ul.event li.date {float: right; padding-right: 10px;}
		div.event_details ul.event li.location {text-align: left; padding-right: 10px;}
/* PRESS */
ul.press {float: left; width: 168px; text-align: center; font-size: 11px; margin: 5px 4px 5px 4px; padding: 5px 2px; background: #550027; color: #e9438f; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-size: 10px;}
	ul.press li.p_title { padding: 3px 10px 5px; font-size: 10px; color: #f1f1f1; font-weight: bold;}
		ul.press li.p_image {}
	ul.press li.p_image img {border: 3px solid #e9438f;}


/* BLOG */
div.blog-preview {margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ea438f; clear: right; }

.posted {color: #f1f1f1; float: left; width: 110px; height: 110px; margin: 0 0 0 0; background: url(images/posted2.jpg) 50% 0 no-repeat; text-align: center; font-weight: bold; font-size: 24px;}
	.posted span {display: block; padding: 10px 0 10px 0; font-size: 13px; font-weight: normal; color: #0b0005;}
div.blog-preview h4 {padding: 40px 0 0 0; color: #550027; font-size: 16px;}
	div.blog-preview h4 a {color: #550027; text-decoration: none;}
div.blog-preview img.blogthumb {float: left; padding: 5px 15px 10px 0;}
ul.imgcredit {text-align: right; font-size: 10px; padding-bottom: 30px;}

ul.blogpreview {margin: 0 0 0; font-size: 11px; color: #99285c; }
ul.blogpreview li.view {float: right; font-weight: bold;}
	ul.blogpreview li.view a {text-decoration: none; color: #e9438f;}
ul.blogpreview li.comments {float: right; background: url(images/comments.jpg) 0 0 no-repeat; margin: -25px 20px 0 0; padding: 8px 0 0 0; text-align: center; width: 60px; height: 50px; color: #F1f1f1; font-size: 14px; font-weight: bold;}
ul.blogpreview li.category a {color: #ea438f;}

h3#post_title {background: none; color: #550027; font-size: 18px; font-weight: bold;}

ul.comment {margin: 10px; background: #f7b6d3; padding: 5px;-moz-border-radius: 4px; -webkit-border-radius: 4px;}
	ul.com2 {background: #f175ad; }
ul.comment li.comment_name {font-size: 10px; float: left;}
ul.comment li.comment_date {text-align: right; font-size: 10px;}
ul.comment li.comment_comment p {padding: 3px 0; color: #550027;}

/* STORE */
ul.product {float: left; width: 155px; height: 195px; margin: 7px; text-align: center; font-size: 10px; color: #550027;}

img.feature_image {float: left; margin: 0 10px;}

/* CART DISPLAY */
table#cart {background: #FFFFFF; margin: 20px auto; width: 480px; border-left: 1px dashed #ea438f; border-top: 1px dashed #ea438f;;}
table#cart th, table#cart td {text-align: center; padding: 4px 6px 3px; border-bottom: 1px dashed #ea438f; }
table#cart td { font: 13px Arial; border-right: 1px dashed #ea438f; }
	table#cart td.right { text-align: right; }
	table#cart td.name { text-align: left; }
table#cart thead th { font: bold 11px Arial; border: 1px dashed #550027; border-width: 0 1px 1px 0; background: #550027; color: white; }
table#cart th { border-right: 1px solid #647f86; font: bold 12px Arial; }

/* FORM */
form.form {margin: 10px; color: #550027;}
form.form h4 {margin: 25px 0 10px;}
form.form p {margin: 20px 0 3px; font-size: 14px !important; font-weight: bold;}
form.form div {padding: 2px 0 4px;}
form.form label {display: block;}

form.form fieldset {border: 1px solid #550027; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 10px; margin: 0 0 10px 0;}
form.form fieldset legend {background: #550027; color: #e9438f; padding: 5px 9px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

form.form div.half {float: left; margin-right: 12px;}
form.form div.half input {width: 216px;}

form.form div.third {float: left; margin-right: 12px;}
form.form div.third input, form.form div.third select {width: 138px;}

form.form div.box label {display: inline; font-size: 13px;}
form.form div.box input {width: auto !important; float: left; margin: 0 5px 0 0 !important;}

form.form input {height: 17px; width: 450px; font-size: 14px; padding: 2px; border: 1px dashed #f175ad;-moz-border-radius: 4px; -webkit-border-radius: 4px;}
	form.form input:focus, form.form textarea:focus {outline: none;}
form.form textarea {width: 450px; font-size: 14px; padding: 2px; border: 1px dashed #f175ad;-moz-border-radius: 4px; -webkit-border-radius: 4px;}
form.form input.button {float: right; margin: 20px 0; width: 170px; height: 28px; font-size: 14px; background: #f7b6d3; cursor: pointer;}