/*  
Theme Name: Making Markets Matter Workshops
Theme URI: http://knowledgetown.com
Description: A custom theme developed for Market Matters, Inc. by Knowledge Town.
Version: 1.0
Author: Knowledge Town
Author URI: http://knowledgetown.com
*/

body {
background: url(images/bg.gif);
margin: auto;
width: none;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}

body p {
line-height: 11pt;
}

#wrap {
width: 750px;
margin: auto;
background: url(images/bg-content.gif);
}

#header {
height: 214px;
width: 750px;
float: left;
text-align: left;
margin: 0px;
padding: 0px;
background: url(images/header.jpg) no-repeat;
}

#links {
width: 750px;
height: 56px;
margin: 0px 0px;
padding: 0px 0px;
text-align: left;
float: left;
}

#content-top {
width: 750px;
float: left;
height: 22px;
margin: 0px 0px;
text-align: left;
background: url(images/content-top.jpg);
}

#content-top2 {
width: 750px;
float: left;
height: 23px;
margin: 0px 0px;
text-align: left;
background: url(images/content-top2.jpg);
}

#content {
width: 750px;
float: left;
margin: 0px 0px;
text-align: justify;
background: url(images/bg-content.jpg);
padding: 0px 40px 0px 35px;
/** ugly brilliant hack **/
voice-family: "\"}\"";
voice-family:inherit;
width: 675px;
}

#content2 {
width: 750px;
float: left;
margin: 0px 0px;
text-align: justify;
background: url(images/bg-content2.jpg);
padding: 0px 40px 0px 35px;
/** ugly brilliant hack **/
voice-family: "\"}\"";
voice-family:inherit;
width: 675px;
}

#left {
width: 490px;
float: left;
margin: 0px 0px 0px 0px;
text-align: justify;
padding-right: 0px;
display: inline;
}

#right {
width: 135px;
float: left;
margin-left: 50px;
text-align: left;
padding: 0px;
display: inline;
}

#right .box {
width: 140px;
margin-bottom: 10px;
float: left;
}

#right .box .tri {
width: 7px;
height: 8px;
float: left;
padding-top: 2px;
/** ugly brilliant hack **/
voice-family: "\"}\"";
voice-family:inherit;
height: 6px;
}

#right .box .link {
width: 133px;
padding: 0px 0px 0px 5px;
float: left;
/** ugly brilliant hack **/
voice-family: "\"}\"";
voice-family:inherit;
width: 125px;
}

#content-bottom {
width: 750px;
float: left;
height: 24px;
margin: 0px 0px;
text-align: left;
background: url(images/content-bottom.jpg);
}

#content-bottom2 {
width: 750px;
float: left;
height: 24px;
margin: 0px 0px;
text-align: left;
background: url(images/content-bottom2.jpg);
}

#footer {
width: 750px;
height: 82px;
margin: auto;
float: left;
background: url(images/footer.jpg);
color: #343451;
font-size: 10px;
font-weight: bold;
}

#clear {
content: ".";
display: block;
visibility: hidden;
height: 0px;
clear: both;
}

/* MARKUP

//mauve: 7D4342
//purple: 343451
//cream: FDF5DD

*/

h1 {
font-family: Lucida Grande, Trebuchet, Verdana, Arial;
font-size: 20px;
color: #5b3b2c;
}

h2 {
font-size: 14px;  
font-weight: bold;
color: #402953;
}

h3 {
font-size: 14px;  
font-weight: bold;
color: #6E0001;
}

.subtitle {
font-size: 14px;
font-weight: bold;
color: #271932;
}

/* REGULAR LINKS */

a:link {
color: #33124C;
text-decoration: underline;
}

a:hover {
color: #5D2E81;
text-decoration: underline;
}

a:visited {
color: #7D4342;
text-decoration: underline;
}


/* FOOTER LINKS */

#footer a:link {
text-decoration: none;
color: #5b3b2c;
}


#footer: a:hover {
color: #E6BEA0;
text-decoration: none;
}

#footer a:visited {
color: #5b3b2c;
text-decoration: none;
}

/* RIGHT LINKS */

#right .thispage {
color: #271932;
font-weight: bold;
}

#right a {
	color: #5E2709;
	font-weight: bold;
	text-decoration: none;
}

#right a:hover {
	color: #271932;
	font-weight: bold;
}

#right .current_page_item a {
	color: #271932;
	font-weight: bold;
	text-decoration: none;
}

#right ul {
	padding-left: 20px;
}

#right li {
	margin-bottom: 10px;
	list-style-type: none;
}

#right .current_page_item {
	list-style-image: url(images/tri.gif);
}

.upcoming {
	color: #930400;
	font-weight: bold;
	font-size: 9px;
}

.board {
/*float: left;
*/margin-top: 10px;
margin-bottom: 10px;
}

.board img {
float: left;
margin-right: 10px;
}

.small {
font-size: 11px;
}

.imgright {
float: right;
margin-left: 10px;
font-size: 10px;
text-align: center;
margin-bottom: 10px;
width: 200px;
border: 1px solid #7D4342;
padding: 5px;
}

.imgright img, .imgleft img {
margin-bottom: 2px;
}


.imgleft {
float: left;
margin-right: 10px;
font-size: 10px;
text-align: center;
margin-bottom: 10px;
width:200px;
padding: 5px;
border: 1px solid #7D4342;
}

.imgborder {
padding: 5px;
border: 1px solid #7D4342;
}

.wkshopbox {
text-align: center;
margin-left: 0px;
border: 1px solid #D58B5C;
background-color: #D9B08C;
float: left;
padding: 5px;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}