/*
Title:      Template Master Styles
Author:     Loughlin McSweeney, loughlin@choicecutsonline.com
Updated:    ...
Notes:		...
*/

@import url(reset.css);

body 
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	text-align: center;
	line-height: 1.5em;
	color: #000;
}

/* ---( common elements )------------------------------- */

p 
{
	margin: 0px;
	padding: 0px;

}


p img
{
	border: 0px;
}




h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px;


}



.clearboth
{
	clear: both;
}

/* ---( wrapper )------------------------------- */


#wrap 
{

	position: relative;
	margin: 10px auto;
	padding: 0px;
	text-align: left;
	width: 970px;
	/*border:1px solid #918F8F;*/
	padding:10px;
} 		


/* ---( project )------------------------------- */

#project-container
{
	width:650px;
	float:left;
	margin-right:15px;
	min-height:600px;
}

#project-title
{
	margin:0px 0px 15px 0px;
	padding:0px 0px 15px 0px;
	border-bottom:2px dotted #999;
}

#project-title img#project-logo
{
	float:left;
	border:0px;
	margin-right:35px;
}

#project-title h1
{
	float:left;
	font-family: Arial, sans-serif;
	font-weight:bold;
	line-height:30px;
	width:330px;
	font-size:30px;
	margin-top:5px;
	color: #716558;
}

#project-title img#project-relevant-image
{
	float:left;
	border:0px;
	margin-left:10px;
}


#project-nav
{
	margin-bottom:18px;
	width:600px;
	height:30px;

}

#project-nav ul
{
	margin:0px;
	padding:0px;
	font-family: Arial, sans-serif;
	font-size:11px;

}

#project-nav h1
{
	float:left;
	padding:0px 8px;
	border:1px solid #E2E2E2;
	margin-right:15px;
	color:#000;
	font-weight:normal;

}



#project-nav ul li
{
	float:left;
	display: inline;
	display:block;
	border:1px solid #999;
	margin-right:5px;

}


#project-nav ul li a
{
	padding:0px;
	display:block;
	padding:0px 8px;
	color:#000;
	text-decoration:none;
}

#project-nav ul li a:hover
{
	background-color: #999;
	color:#FFF;
}


#project-nav ul li a#current
{
	background-color: #999;
	color:#FFF;
}



#image-container
{
	width:650px;
	position:relative;
}

#image-container div
{
	border:1px solid #999;
	padding:10px 10px 10px 10px;
	background-color:#FFF;
	display:block;
}

#image-container div h1
{
	font-family: Arial, sans-serif;
	font-size:11px;
	color: #000;
	text-align:center;
	padding-top:5px;
	font-weight:bold;
}

#image-container div p
{
	font-family: Arial, sans-serif;
	font-size:11px;
	color: #000;
	text-align:left;
	font-weight:normal;
	line-height:16px;
}

/* ---( profile )------------------------------- */

#profile-container
{
	width:970px;
	float:left;
	margin-right:15px;
}

#profile-title
{
	margin:0px 0px 15px 0px;
	padding:0px 0px 15px 0px;
	border-bottom:2px dotted #999;
}

#profile-title img#project-logo
{
	float:left;
	border:0px;
	margin-right:35px;
}

#profile-title h1
{
	float:left;
	font-family: Arial, sans-serif;
	font-weight:bold;
	line-height:38px;
	font-size:38px;
	margin-top:5px;
	color: #716558;
	width:750px;
}

#profile-title h2
{
	float:left;
	font-family: Arial, sans-serif;
	font-weight:bold;
	font-size:18px;
	color: #999;
	width:750px;
}


#profile-heads-container
{
	width:970px;

}

#profile-heads-container h1
{
	font-family: Arial, sans-serif;
	font-weight:bold;
	line-height:48px;
	font-size:48px;
	margin-top:5px;
	color: #716558;
	margin-bottom:15px;
}

#profile-heads-container h1 span
{
	color:#EC008C;
}


#profile-heads-container .member-profile-avatar
{
	width:100px;
	margin-right:10px;
	margin-top:10px;
	float:left;
	line-height:18px;
	height:145px;
}

#profile-heads-container .member-profile-avatar img
{
	display:block;
	border:0px;
	margin-left:5px;
}

#profile-heads-container .member-profile-avatar h1
{
	font-family: Arial, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-align:center;
}

#profile-heads-container .member-profile-avatar h1 a
{
	font-family: Arial, sans-serif;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	line-height:15px;
	color:#555;
}


#profile-options
{
	margin-bottom:18px;
	width:840px;
	height:30px;
	margin-bottom:0px;
	margin-top:20px;

}

#profile-options ul
{
	margin:0px;
	padding:0px;
	font-family: Arial, sans-serif;
	font-size:11px;

}

#profile-options h1
{
	float:left;
	padding:0px 8px;
	border:1px solid #E2E2E2;
	margin-right:15px;
	color:#000;
	font-weight:normal;

}



#profile-options ul li
{
	float:left;
	display: inline;
	display:block;
	border:1px solid #999;
	margin-right:5px;

}


#profile-options ul li a
{
	padding:0px;
	display:block;
	padding:0px 8px;
	color:#000;
	text-decoration:none;
}

#profile-options ul li a:hover
{
	background-color: #999;
	color:#FFF;
}

/* ---( individual profile page)------------------------------- */

#single-profile-container
{
	width:970px;
	float:left;
	margin-right:15px;
}

#single-profile-title
{
	margin:0px 0px 15px 0px;
	padding:0px 0px 15px 0px;
	border-bottom:2px dotted #999;
}

#single-profile-title img#project-logo
{
	float:left;
	border:0px;
	margin-right:35px;
}

#single-profile-title h1
{
	font-family: Arial, sans-serif;
	font-weight:bold;
	line-height:38px;
	font-size:38px;
	margin-top:5px;
	color: #716558;
}

#single-profile-title h2
{
	font-family: Arial, sans-serif;
	font-weight:bold;
	line-height:14px;
	font-size:14px;
	margin-top:5px;
	color: #999;
}

#single-profile-title h2 a
{
	font-family: Arial, sans-serif;
	font-weight:bold;
	font-size:11px;
	color: #F00;
	text-decoration:none;
}


#profile-details
{
	width:200px;
	float:left;
	margin-right:10px;
}

#profile-details h1
{
	border:1px solid #999;
	font-family: Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}

#profile-image
{
	border:1px solid #999;
	width:198px;
	text-align:center;
	margin-top:10px;
}

#profile-image img
{
	margin-top:20px;
	margin-bottom:20px;

}

#profile-info
{
	border:1px solid #999;
	width:198px;
	margin-top:10px;
}


#profile-info ul
{
	font-size:11px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}

#profile-info ul li
{
	line-height:18px;
	padding-right:10px;
}

#profile-sandbox
{
	width:755px;
	min-height:600px;
	float:left;
}

#profile-sandbox img
{
	margin-top:5px;
	margin-left:5px;
	float:left;
	border:1px solid #FFF;
}

/* ---(  signin )------------------------------- */

#signin-container
{
	width:970px;
	float:left;
	margin-right:15px;
}

#signin-title
{
	margin:0px 0px 15px 0px;
	padding:0px 0px 15px 0px;
	border-bottom:2px dotted #999;
}

#signin-title img
{
	float:left;
	margin-right:35px;
}



#signin-title h1
{
	
	font-family: Arial, sans-serif;
	font-weight:bold;
	line-height:38px;
	font-size:38px;
	margin-top:5px;
	color: #FFFF00;
}

#signin-title h2
{
	font-family: Arial, sans-serif;
	font-weight:bold;
	line-height:38px;
	font-size:38px;
	margin-top:5px;
	color: #000;
}


#signin-form-container
{
	margin:45px 0px 0px 180px;
}


#signin-form-container p
{
	margin:25px 0px 25px 0px;
}

#signin-form-container p label
{
	font-size:24px;
	color:#999;
}

#signin-form-container .form-element
{
	width: 681px;
	border:0px;
	font-size:50px;
	color:#000;
	padding:10px 20px;
	background-color:#EEE;
	border:1px solid #000000;
}

#signin-form-container .to-forum-button
{
	width:335px;
	height:185px;
	border:0px;
	margin-top:20px;
	border:1px solid #000000;
	background: url(../images/signin_forum.gif) no-repeat;
}

#signin-form-container .to-profile-button
{
	width:335px;
	height:185px;
	border:0px;
	margin-top:20px;
	margin-left:48px;
	border:1px solid #000000;
	background: url(../images/signin_profile.gif) no-repeat;
}

#extra-signup-info
{
	margin:0px 0px 45px 180px;
}

#extra-signup-info p
{
	margin-top:25px;
}

#extra-signup-info p a
{
	padding:0px;
	display:block;
	padding:0px 8px;
	color:#000;
	text-decoration:none;
	border:1px solid #999;
	width:702px;
	text-align:center;
	font-size:10px;
}

#extra-signup-info p a:hover
{
	background-color: #999;
	color:#FFF;
}


/* ---( forum discussion page )------------------------------- */

#forum-discussion-container
{
	width:970px;
	float:left;
	margin-right:15px;
}

#forum-discussion-title
{
	margin:0px 0px 15px 0px;
	padding:0px 0px 15px 0px;
	border-bottom:2px dotted #999;
}

#forum-discussion-title img#project-logo
{
	float:left;
	margin-right:12px;
}

#forum-discussion-title img#miss-management
{
	float:left;
	margin-right:5px;
}

#forum-question
{
	float:left;
	width:702px;
	height:96px;
	background: url(../images/forum_question_bubble.gif) no-repeat;
}

#forum-question p
{
	padding-left:20px;
	font-family: Arial, sans-serif;
	font-weight:bold;
	line-height:22px;
	font-size:22px;
	color: #000;
	height:86px;
	width:622px;
	margin-top:10px;
	text-align:center;

}

#discussion-archive
{
	width:100px;
	float:left;
	margin-right:10px;
}

#discussion-archive p
{
	background-color:#000000;
	font-size:11px;
	font-weight:bold;
	height:30px;
	line-height:31px;
	text-align:center;
	width:70px;
	margin-bottom:3px;
	line-height:12px;
}

#discussion-archive p a
{
	display:block;
	width:70px;
	height:20px;
	color:#FF0;
	text-decoration:none;
	line-height:12px;
	padding-top:8px;

}

#discussion-archive p a:hover
{
	text-decoration:underline;
	line-height:12px;
}



#discussion-responses
{
	float:left;
	width:855px;
}

#discussion-responses h1
{
	padding-bottom:20px;
	font-family: Arial, sans-serif;
	font-weight:bold;
	line-height:18px;
	font-size:18px;
	color: #F00;
	border-bottom:2px dotted #999999;
}

#discussion-responses .comment-bubble
{
	width: 207px;
	float:left;
	margin-right:5px;
}

#discussion-responses .comment-bubble h1
{
	margin:0px;
	padding:0px;
	border:0px;
}

#discussion-responses .comment-bubble h1 img, #discussion-responses .comment-bubble h2 img, 
{
	display:block;
}

#discussion-responses .comment-bubble p
{
	font-family: Arial, sans-serif;
	font-weight:regular;
	line-height:22px;
	font-size:14px;
	color: #FFF;
	text-align:center;
	padding:0px 15px;
	line-height:20px;
}

#discussion-responses .comment-bubble p span
{
	font-weight: bold;
}

#discussion-responses .comment-bubble p span a
{
	font-weight: bold;
	font-size:14px;
	color:#FFF;
	border:1px solid #FFF;
	text-decoration:none;
	padding:2px 5px;
}

#discussion-responses .comment-bubble h3
{
	text-align:center;
	width:207px;
	margin-bottom:5px;
	font-family: Arial, sans-serif;
	font-weight:regular;
	line-height:12px;
	font-size:10px;
	color: #999;

}

#discussion-responses .comment-bubble h3 a
{
	
	color: #F00;
	text-decoration:none;
}



#user-response-control
{
	margin-top:20px;
	border-top:2px dotted #999;
}

#user-response-control h1
{
	margin-top:20px;
	font-family: Arial, sans-serif;
	font-weight:bold;
	line-height:18px;
	font-size:15px;
	color: #F00;
}

#forum-response-form
{
	margin-top:10px;
}

#forum-response-form .text-box
{
	border:1px solid #000;
	padding:10px;
	font-size:16px;
	color: #000;
	width:940px;
	font-weight:bold;
	margin-bottom:10px;
}


/* ---( sidebar info container )------------------------------- */


#project-info-container
{
	width:280px;
	background-color:#C6C8CA;
	float:left;
	padding:10px;
	margin-top:5px;
}

.info-bite
{
	margin-bottom:25px;
	font-family: Arial, sans-serif;
}

.info-bite h1
{
	color:#FFF;
	font-size:18px;
	line-height:20px;
}

.info-bite p
{
	color:#000;
	font-size:11px;
	margin-bottom:10px;
	line-height:17px;
}


#supplemental-file-container
{
	margin-top:10px;
	border-top:1px solid #FFF;
	padding-top:10px;
}

.supplemental-files
{
	float:left;
	height:135px;
	margin-left:10px;
	text-align:center;
	width:120px;
}

.supplemental-files img
{
	border:0px;
	margin:0px;
	padding:0px;
	display:inline;
}

.supplemental-files p a
{
	font-family: Arial, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#1E1E1E;
	font-weight:bold;
	line-height:12px;
}

.supplemental-files p a:hover
{
	text-decoration:underline;
}




#uploaded-images-container
{
	border-top: 2px dotted #CCC;
	margin-top:20px;
	padding-top:15px;
}

/* ---( info pages )------------------------------- */


#infopages-container
{
	width:970px;

}

#infopages-container a
{
	text-decoration:underline;
	color:#EC008C;
}

#infopages-container a:hover
{
	text-decoration:none;
	background-color:#EC008C;
	color:#FFF;
}

#infopages-container h1
{
	font-family: Arial, sans-serif;
	font-weight:bold;
	line-height:34px;
	font-size:34px;
	margin-top:5px;
	color: #716558;
	margin-bottom:35px;
}


#infopages-container h2
{
	font-family: Arial, sans-serif;
	font-weight:bold;
	font-size:22px;
	margin-top:5px;
	color: #716558;
	margin-bottom:0px;
	padding-bottom:11px;
	border-bottom:2px dotted #999;
}

#infopages-container h3
{
	font-family: Arial, sans-serif;
	font-weight:bold;
	font-size:22px;
	margin-top:5px;
	color: #716558;
	margin-bottom:0px;
}

#infopages-container h1 span
{
	color:#EC008C;
}

#infopages-container h1 em
{
	font-style:italic;
}

#infopages-container ul
{
	font-family: Arial, sans-serif;
	font-weight:bold;
	margin-top:5px;
	color: #716558;
	margin-left:25px;
	margin-bottom:25px;

}

#infopages-container ul li
{
	line-height:34px;
	height:34px;
	font-size:20px;
	background: url(../images/about_bullet.gif) no-repeat 0px 12px;
	padding-left:25px;
	
}

#infopages-container p
{
	font-family: Arial, sans-serif;
	font-weight:bold;
	line-height:22px;
	font-size:18px;
	color: #716558;
	margin-bottom:25px;
	font-weight: normal;
}

#infopages-container p span
{
	color: #EC008C;
	font-weight:bold;
}

/* ---( news pages )------------------------------- */


#news-container
{
	width:970px;

}

#news-container a
{
	text-decoration:underline;
	color:#EC008C;
}

#news-container a:hover
{
	text-decoration:none;
	background-color:#EC008C;
	color:#FFF;
}

.news-story
{
	border-bottom:2px dotted #999;
	margin-bottom:20px;
	padding-bottom:10px;
}

.news-story h1
{
	font-family: Arial, sans-serif;
	font-weight:bold;
	line-height:24px;
	font-size:24px;
	margin-top:5px;
	color: #EC008C;
}


.news-story h2 
{
	color:#999999;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:5px;
}

.news-story h3
{
	font-family: Arial, sans-serif;
	font-weight:bold;
	font-size:22px;
	margin-top:5px;
	color: #716558;
	margin-bottom:0px;
}


.news-story p
{
	color:#716558;
	font-family:Arial,sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:22px;
	margin-bottom:20px;
}


#news-container ul
{
	font-family: Arial, sans-serif;
	font-weight:bold;
	margin-top:5px;
	color: #716558;
	margin-left:25px;
	margin-bottom:25px;

}

#news-container ul li
{
	line-height:34px;
	height:34px;
	font-size:20px;
	background: url(../images/about_bullet.gif) no-repeat 0px 12px;
	padding-left:25px;
	
}

/* ---( thanks page )------------------------------- */

#thanks-image-container
{
	margin-top:10px;
}

.thanks-image
{
	float:left;
	margin-bottom:33px;
	margin-left:33px;
	padding:10px;
	text-align:center;
	width:133px;
}

.thanks-image img
{
	border:0px;
	display:block;
	margin-bottom:5px;
}

#infopages-container .thanks-image p
{
	margin:0px;
	color:#EC008C;
	font-size:12px;
	line-height:16px;


}

.thanks-image p a
{
	font-size:12px;

}


/* ---( footer )------------------------------- */

#footer
{
	margin-top:0px;
	padding-top:10px;
	margin-bottom:10px;
}


#footer ul
{
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-family: Arial, sans-serif;
	font-size:12px;
	border-top:2px dotted #999;

}

#footer ul li
{
	float:left;
	display: inline;
	margin-right:20px;

}


#footer ul li a
{
	padding:0px;
	color:#EC008C;
	text-decoration:none;
}

#footer ul li a:hover
{
	text-decoration:underline;

}