/*colour ref: cream: #CCC, orange #FB6400, dark grey #D2D1C8666, extra pale blue #FFC69F*/

body {
	font-size: 0.625em;
	font-family: Georgia, "Times New Roman", Times, serif;

	line-height: 1.45;
	background-color: #F0EADC;
	color: #333333;
	
	background-image:url(../../images/challenge_of_change/body_bg.jpg);
	background-repeat: repeat;
	background-position: top center;
	}

#home_invite {
	font-weight:bold; width: 66%; margin: 0px auto; position: relative;
}

#home_invite p, #home_invite li, #home_invite * {
 font-weight:bold;
}


body.home  #home_invite li {
	font-size:16px;
	width: 100%;
	float: none;
	font-weight:bold;
	list-style: inside circle;
	margin-bottom: 10px;
	padding-left: 20px;
	}

/*extra div for bg lines cos I'm being lazy*/

#holder {
	min-height: 975px;
	background:url(../../images/challenge_of_change/lines_bg.png) top center no-repeat;
	margin: 0px;
	padding: 0px;
	margin-top: -20px;
	}

/*abs pos date banner*/

#date_banner {
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: hidden;
	height: 0px;
	padding-top: 225px;
	width: 225px;
	background: url(../../images/challenge_of_change/date_banner.png) top right no-repeat;
	}

/*main layout sections*/

#wrapper, #modal_wrapper {
	font-size: 16px;
	}

#header {
	margin-bottom: 15px;
	}

body #content {
	margin-bottom: -70px;
}	

body.home #content  {
	background: url(../../images/challenge_of_change/content_bg.png) top center no-repeat;
	width: 940px;
	min-height: 300px;
	padding: 0px 160px 0px 160px;
	margin-right:-160px;
	padding-bottom: 0px;
	}


#footer {
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	font-size: 12px;
	line-height:1.5555;
	clear: both;
	}

/*text and link styles*/



a:link {color: #C78595; text-decoration: none; border-bottom: 1px dotted #C78595;}
a:visited {color: #C78595; text-decoration: none; border-bottom: 1px dotted #C78595;}
a:hover {color: #C78595; text-decoration: none; border-bottom: 2px solid #C78595;}
a:active {color: #C78595; text-decoration: none; border-bottom: 2px solid #C78595;}

/*footer links*/

#footer a:link , #footer a:visited {color: #C78595; text-decoration: none; border-bottom: none;}
#footer a:hover, #footer a:active  {color: #C78595; text-decoration: none; border-bottom: 1px dotted #C78595;}

/*headings*/

	
dt {
	font-weight: bold;
	color: #C78595;
	font-size: 14px;
	padding-top: 2px;
	}

dd {
	font-weight: normal;
	}
	
em {
	font-style:italic;
	}
	
strong {
	font-weight: bold;
	color: #C78595;
	font-weight: bolder;
	} 
	
/*---------------------------------------------------------------------------------
header styles*/
#header h2  {
	background-image:url(../../images/challenge_of_change/title.png);/*image replaced! - set top padding = to height of bg image*/
	background-repeat: no-repeat;
	padding-top: 370px; /*overide*/
	margin-bottom: 11px;
	}

h1#choose {
	display:block;
	height: 0px;
	padding-top: 60px;
	overflow: hidden;/*image replaced! - set top padding = to height of bg image*/
	width:940px;
	
	background-repeat: no-repeat;
	background-image: url(../../images/challenge_of_change/choose.png);
	border-bottom: none;
	}

div#intro {
	padding: 15px;
	}

.cufonify {
	text-transform: none;
	line-height: 0.9;
	letter-spacing: 0px;
	border-bottom: 1px dashed #D2D1C8;
}

.borderimage .cufonify {
	border-bottom-width:2px;
	border-image: url(../../images/challenge_of_change/horiz_border.png) 2 repeat;
   -moz-border-image: url(../../images/challenge_of_change/horiz_border.png) 2 repeat;
   -webkit-border-image: url(../../images/challenge_of_change/horiz_border.png) 2 repeat;
}

h1.cufonify {
	padding-top: 0px;
	padding-bottom: 8px;
	margin-bottom: 10px;
	text-align: right;
	font-size: 44px;
	line-height: 1.6;
	}

h3.cufonify {
	font-size: 36px;
	text-align: right;
	padding-bottom: 8px;	
	}


/*lazy fix for border in ie6/7*/
a#home_link, a#home_link:link, a#home_link:visited, a#home_link:hover, a#home_link:active {border:none;}


#header p {
	text-align: left;
	font-size: 18px;
	line-height:1.555;
	}

#header p.first {
	margin-top: 0px /*override*/
}

/*---------------------------------------------------------------------------------------------------------------------
nav styles*/

#nav {
	width: 210px;
	}

#nav h3  {
	background-image:url(../../images/challenge_of_change/nav_header.png);/*image replaced! - set top padding = to height of bg image*/
	background-repeat: no-repeat;
	background-position: top center;
	width: 204px;
	margin-top:5px;
	}

#nav a {margin-left: -5px;}

.borderimage #nav h3, .borderimage #nav a  {
   border-bottom-width:2px;
   border-image: url(../../images/challenge_of_change/horiz_border.png) 2 repeat;
   -moz-border-image: url(../../images/challenge_of_change/horiz_border.png) 2 repeat;
   -webkit-border-image: url(../../images/challenge_of_change/horiz_border.png) 2 repeat;
}


#nav h3, #nav a {
	font-size:14px;
	font-weight: bold;
	border-bottom: 1px dashed #D2D1C8;
	line-height:1.333;
	padding-left: 5px;
	padding-right: 5px;
	} 

#nav li a:link, #nav li a:visited {}
#nav li a:hover, #nav li a:active {color: #fff; background-color:#D9B2B5;}

.borderimage #nav li a:hover,
.borderimage #nav li a:active { margin-top:-2px; padding-top: 10px;}

/*add opacity for rgba enabled browsers*/


/*add opacity for rgba enabled browsers*/
.rgba #nav li a:hover,
.rgba #nav li a:active {
	color: #fff;
	background-color: rgba(199,133,149, .6);
}

/*------------------------------------------------------------------------------------------------
homepage styles*/

.no-borderimage body.home ul, .no-borderimage #intro {
	background: url(../../images/challenge_of_change/content_ul_bg.png) top center repeat-y;
	border: 1px dashed #D6D2C8;
	}

.borderimage body.home ul, .borderimage  #intro {
   border-width:5px;
   border-image: url(../../images/challenge_of_change/border_image.jpg) 5 repeat;
   -moz-border-image: url(../../images/challenge_of_change/border_image.jpg) 5 repeat;
   -webkit-border-image: url(../../images/challenge_of_change/border_image.jpg) 5 repeat;
}

body.home li {
	font-size:16px;
	line-height:1.333;
	margin-top:-2px;
	}


.borderimage body.home li.row1 {
	margin-top:-5px;
	}

.borderimage body.home li.col1 a{
	margin-left:-5px;
	padding-left: 15px;
	}
.borderimage body.home li.col4 a{
	padding-right: 12px;
	}

.borderimage body.home li.last_row {
	margin-bottom: -5px;
	}

body.home ul a {
	border-bottom: none;
	font-weight: bold;
	}

body.home li.special a:link,
#nav li.special a:link,
body.home li.special a:visited,
#nav li.special a:visited {
	color: #A6C680;
	}

.no-rgba body.home li.special a:hover,
.no-rgba #nav li.special a:hover,
.no-rgba body.home li.special a:active,
.no-rgba #nav li.special a:active
 {color: #fff; background-color: #A6C680;}
 
.no-rgba body.home li a:hover,
.no-rgba body.home li a:active 
{color: #fff; background-color: #C78595;
}

/*add opacity for rgba enabled browsers*/
.rgba body.home li a:hover,
.rgba body.home li a:active {
	color: #fff;
	background-color: rgba(199,133,149, .6);
}
.rgba body.home li.special a:hover,
.rgba #nav li.special a:hover,
.rgba body.home li.special a:active,
.rgba #nav li.special a:active {
	color: #fff;
	background-color: rgba(166,198,128, .7);
}


.borderradius body.home ul li a:hover, .borderradius body.home ul li a:active {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px dashed #D2D1C8;
	padding-bottom: 23px;
	}


/*add border image for browsers that understand that*/
.borderimage body.home li a:link,
.borderimage body.home li a:visited {
   border-bottom-width:2px;
   border-image: url(../../images/challenge_of_change/horiz_border.png) 2 repeat;
   -moz-border-image: url(../../images/challenge_of_change/horiz_border.png) 2 repeat;
   -webkit-border-image: url(../../images/challenge_of_change/horiz_border.png) 2 repeat;
}

.borderimage body.home li.row1 a:link,
.borderimage body.home li.row1 a:visited {
   border-top-width:2px;
   border-image: url(../../images/challenge_of_change/horiz_border.png) 2 repeat;
   -moz-border-image: url(../../images/challenge_of_change/horiz_border.png) 2 repeat;
   -webkit-border-image: url(../../images/challenge_of_change/horiz_border.png) 2 repeat;
}





span.comment_no {
	color:#C78595;
	font-size: 12px;
	text-align: right;
}

a:hover span.comment_no{
	color: #fff;
}
/*main content styles*/


dd {
	padding-bottom: 5px;
	margin-bottom: 5px;
	}


body.home dd#description {
	font-weight: normal;
	}

ul#images a {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px dashed #D2D1C8;
	padding: 10px;
	background-color:#FEFDFC;
	}

.rgba body.home ul#images a {
	background-color: rgba(255,250,250, .6);
	}

#issue {
	padding: 15px;
	}
.borderimage #issue, .borderimage #nav {
   border-width:5px;
   border-image: url(../../images/challenge_of_change/border_image.jpg) 5 repeat;
   -moz-border-image: url(../../images/challenge_of_change/border_image.jpg) 5 repeat;
   -webkit-border-image: url(../../images/challenge_of_change/border_image.jpg) 5 repeat;
}

.borderimage #issue.special {
	border-image: url(../../images/challenge_of_change/border_image_special.jpg) 5 repeat;
   -moz-border-image: url(../../images/challenge_of_change/border_image_special.jpg) 5 repeat;
   -webkit-border-image: url(../../images/challenge_of_change/border_image_special.jpg) 5 repeat;
   }

.no-borderimage #issue.special {
	background: url(../../images/challenge_of_change/content_ul_bg_special.png) top center repeat-y;
   }

.no-borderimage #issue, .no-borderimage #nav {
	background: url(../../images/challenge_of_change/content_ul_bg.png) top center repeat-y;
	border: 1px dashed #D6D2C8;
	}

 .no-borderimage #nav {
 padding: 3px;
 }

.no-borderimage #issue {
	padding: 19px;
}


/*comment styles*/

.comment_body {
	padding: 10px;
	}

div.comment, div.comment_alt {
	width: 660px;
	}

.borderimage div.comment,
.borderimage div.comment_alt {
   border-bottom-width:2px;
   border-image: url(../../images/challenge_of_change/horiz_border.png) 2 repeat;
   -moz-border-image: url(../../images/challenge_of_change/horiz_border.png) 2 repeat;
   -webkit-border-image: url(../../images/challenge_of_change/horiz_border.png) 2 repeat;
}

.no-borderimage div.comment,
.no-borderimage div.comment_alt {
	border-bottom: 1px dashed #D2D1C8;
}

div.comment:last-child, div.comment_alt:last-child {
	border-bottom-width: 0px;
	}

div.comment h4, div.comment_alt h4 {
	font-size: 12px;
	font-weight: bold;
	text-align:right;
	line-height:1.5555;
	}
	
	

/*comment form styles*/


#comment_add, #current_comments {
	margin-top: 15px;
	padding: 15px;
	width: 660px;
	}

#comment_add p {
	width: 660px;
	}

.no-borderimage #comment_add,
.no-borderimage #current_comments {
	background: url(../../images/challenge_of_change/content_ul_bg.png) top center repeat-y;
	border: 1px dashed #D6D2C8;
	}

.borderimage  #comment_add,
.borderimage #current_comments  {
   border-width:5px;
   border-image: url(../../images/challenge_of_change/border_image.jpg) 5 repeat;
   -moz-border-image: url(../../images/challenge_of_change/border_image.jpg) 5 repeat;
   -webkit-border-image: url(../../images/challenge_of_change/border_image.jpg) 5 repeat;
}

#comment_add label {
	color: #333;
	}

#comment_add input, #comment_add textarea {
	color: #444;
}
	
#comment_add label {
	font-size: 12px;
	font-weight: bold;
	text-align:right;
	}
	
#comment_add input:focus, #comment_add textarea:focus{
	background-color: #F8F6E9;
}

#comment_add input, #comment_add textarea {
	width: 460px;
	}

#comment_add #comment_submit, #comment_add input #comment_preview {
	margin-right: 50px;
}

/*footer styles*/

#footer a.supported-link {
	border: none;
}

#ace_logo {
	background:url(../../images/challenge_of_change/ace_trans.gif) top center no-repeat;/*image replaced! - set top padding = to height of bg image - default is 100px*/
	margin-right: 15px;
	}

#tb_logo {
	background:url(../../images/challenge_of_change/tb_trans.gif) center no-repeat;/*image replaced! - set top padding = to height of bg image - default is 100px*/
	margin-right:0px;
	}

#midpoint_logo {
	background:url(../../images/challenge_of_change/midpoint_logo.gif) center no-repeat;
	width: 160px;
	margin-right: 15px;
}

#jquery-lightbox a img, #jquery-lightbox a:link, #jquery-lightbox a:visited, #jquery-lightbox a:hover, #jquery-lightbox a:active  { border: none; }