/*  
Theme Name: Diaspora Fusion
Theme URI: http://www.interfacemedia.ca/themes
Description: A custom theme based on the DiasporaFusion.net website
Version: 1.0
Author: Interface Media Group Inc.
Author URI: http://www.interfacemedia.ca/

*/
html, body { 
	padding:0;
	margin:0;
	background:#000000;
	font-family: Arial, sans-serif;
}

div.clear {
	clear:both;	
}

body {
	background: url(images/nav-bg.png) 0px 111px repeat-x;
}

a {
	color:#deb887;
	text-decoration:none;	
}

div.woman-container {
	background:  url(images/woman-full.png) top left no-repeat;	
	min-height: 800px;
	height: auto !important;
	height: 800px;
}

div.stripes-container {
	background: url(images/bg-stripe.png) bottom left repeat-x;
	min-height: 800px;
	height: auto !important;
	height: 800px;
	padding-bottom:46px;
	margin-bottom:30px;
}

div.shadow-container {
	margin-left:43px;
	background: url(images/shadow-stripe.png) bottom left no-repeat;
	min-height: 800px;
	height: auto !important;
	height: 800px;
	padding-bottom:36px;
}

div.border-container {
	position:relative;
	top:24px;
	left:8px;
	width:1022px;
	min-height: 800px;
	height: auto !important;
	height: 800px;
	border:1px solid #fecb09;
	background: url(images/fg-gradient.png) bottom left repeat-x;
}

div.header {
	text-align: right;
	color: #deb887;
	min-height: 87px;
	height: auto !important;
	height: 87px;
}

div.header p {
	margin:0;
	padding:0;
	padding-top:60px;
	padding-right:10px;
	font-size:22px;
	font-weight:bold;
	font-style:italic;
	color:#deb887;
}

div.navigation {
	background: url(images/nav-stripe.png) right no-repeat;
	height:120px;
}

div.navigation a.home-link {
	display:block;
	height:120px;
}

div.sidebar {
	margin-top:180px;
	width:300px;
	float:left;	
}

div.sidebar p {
	margin-left:50px;
	margin-right:50px;
	color: #deb887;
	font-size: 10px;
}

div.sidebar form#searchform {
	margin-left:50px;
	margin-right:50px;
	color: #deb887;
	font-size: 10px;
}

div.sidebar a {
	color:#deb887;
	text-decoration:none;	
}

div.sidebar a:hover {
	color:#deb887;
	text-decoration:underline;	
}

h2 {
	margin-left:50px;
	margin-right:50px;
	color: #bf2000;
	font-size: 16px;
	font-weight:bold;
}

div#content h2 {
	margin-left:0px;
	font-size:14px;	
}

h3, strong {
	color:#bf2000;
}

h3 {
	font-size: 12px;
}

div.content {
	width:722px;
	float:right;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

div.content p {
	color: 	#deb887;
	font-size:12px;
	margin-right:60px;
}

div.footer {
	height:auto;
	text-align:center;
	color: 	#deb887;
	font-size:12pt;
}

div.footer p.credit {
	margin:0;
	padding:0;
	text-align:right;
	padding-right:5px;
	padding-bottom:5px;
	font-size:10px;
}

div.footer p.credit a {
	color:#deb887;
	text-decoration:none;
}

hr {
	border:none;
	border-top:1px solid #deb887;
	width:80%;
}

h1, h1 a {
	color: #ff6600;
	font-size: 20px;
	font-weight:normal;
	margin-top:60px;
	text-decoration:none;
}
h1 a:hover { text-decoration:underline; }

/* SMALL FORM */

table#reg_tbl_sm {
	margin-left:50px;
	margin-right:50px;
	color: #deb887;
	font-size: 10px;
}

table#reg_tbl_sm input.form-field {
	width:120px;
	font-size:10px;
	border: 1px solid black;
	padding:2px;
}

table#reg_tbl_sm input.form-button {
	width:120px;
	font-size:10px;
	font-weight: bold;
	color: white;
	border: 1px solid black;
	padding: 2px;
	background: #ff6600;
	cursor: pointer;
}

/* BIG FORM */

form#reg_tbl_lg {
	width:60%;
	margin-left:auto;
	margin-right:auto;
}

div.form-msg {
	width: 300px;
	margin-right: 10px;
	padding-bottom:10px;
	color:black;
	float:left;
}

div.form-subtitle {
	font-weight:bold;
	font-size:12px;
	color:black;
	margin-left:14px;
	margin-right:14px;
	margin-bottom:8px;
	text-align:left;
}

div.form-label {
	width: 110px;
	text-align: right;
	padding-right: 10px;
	float: left;
	color: white;
	font-weight:bold;
}
div.wide {
	width:200px;	
}

form p {
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	color: white;
}

div.form-container {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	color: black;
}

div.form-box {
	width:215px;
	float:right;
	height:auto;	
}

input.form-input, textarea.form-input, div.form-input, select.form-input {
	width: 160px;
	border: 1px solid black;
	margin-bottom: 4px;
}

select.form-input-month {
	width:100px;
	margin-left:2px;
	margin-bottom:4px;	
	border: 1px solid black;
}

select.form-input-day {
	width:48px;
	margin-left:2px;
	margin-bottom:4px;	
	border: 1px solid black;
}

.form-button {
	font-weight: bold;
	color: white;
	border: 1px solid black;
	padding: 2px;
	background: #ff6600;
	width: 160px;
	cursor: pointer;
}

.form-error {
	font-weight: bold;
	color: #ff6600;
	font-style: italic;
	font-size: 10px;
	text-align: left;
	margin-bottom: 5px;
	margin-left:30px;
	width:260px;
	text-align:right;
}

div.thinner {
	width:190px;
	margin-left:200px;
}

ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.top-level-list {
	margin:0;
	padding:0;
	margin-left:50px;
	margin-right:50px;
	list-style-type:none;
}

li.pagenav, li {
	margin:0;
	padding:0;
	list-style-type:none;
}

li.pagenav h2 {
	margin-left:0;
}


/* EVENTS CALENDAR */
table.events, table.calendar {
	width:700px;
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
	color:#deb887;
}

table.events th, table.calendar th {
	background:#ff6600;
	color:#000000;
	text-align:left;
	padding-left:5px;
	border:1px solid #ff6600;
}

table.calendar td, table.events td {
	border:1px solid #ff6600;
	color:#deb887;
	text-align:center;
	vertical-align:top;
	padding:5px;
}

table.calendar td.course-name, table.events td.course-name {
	font-weight:bold;
	text-align:left;
	padding-left:20px;
}

table.calendar td.course-name a, table.events td.course-name a {
	color:#deb887;
	text-decoration:none;	
}

table.calendar td.course-name a:hover, table.events td.course-name a:hover {
	text-decoration:underline;
}

form.group-classes {
	width: 425px;
	margin-right: auto;
	margin-left:auto;
	border:1px solid #ff6600;
	padding-top:10px;
	padding-bottom:10px;
	color:#deb887;
	font-size:12px;
}

img.instructor-image {
	display:inline;
	float:left;
	border:1px solid purple;
	margin-right:10px;
	margin-bottom:10px;
}

div.link,
div.link-alt {
	margin:0 10px 10px 0;
	color: 	#deb887;
	clear:both;
}

div.link a img,
div.link-alt a img {
	display:block;
	float:left;
	margin:0 8px 8px 0;
}



table#schedule_tbl {
	color:#deb887;
	margin:0 auto;
	border-collapse:collapse;
	border:1px solid #deb887;
}
	
table#schedule_tbl p {
	margin-right:0;	
}

table#schedule_tbl th {
	color:#000000;
	background-color:#deb887;	
}

span.highlighted {
	color:#000000;
	background-color:yellow;
	padding:2px;
}

h4 {
	color:#deb887;	
	font-size:26px;
	text-align:center;
}

h5 {
	color:#deb887;	
	font-size:18px;
	text-decoration:underline;
}