/*
	Website:			UCD Fashion Website
	Module: 			Main::Stylesheet
	Copyright:			2007 Cubedroute.com
	Initials: 			JK
	Start Date: 		13-Oct-2007
	Last update:		13 Oct 2007
*/
/*-------------------------------------------
    GENERAL PAGE STRUCTURE & DECLARATIONS
-------------------------------------------*/
body {	margin: 0;	padding: 0;	 font-family:  georgia, palentino,'times new roman',serif;	font-size: small;	color: #1F1D18;	background: #fff url(/m/cr/img/generic/bg_grad.jpg) repeat-x; line-height: 1em;}
a:link, a:visited { color: #906326;	text-decoration: none; outline: none;	cursor: pointer; } /*#906326*/
a:hover { color: #203651;	padding: 0;	text-decoration: none;}
img {border:none;}
ul {list-style:none;}

/*-------------------------------------------
    Eliminate chance spacing issues/
-------------------------------------------*/
* { padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:0 0; }
li, dd { margin-left:5px;}
fieldset { padding: .5em;}
ul#skiplinks {display: none;}

/*--------------------------------------
	Typography
---------------------------------------*/
h1, h2, h3, h4, h5, h6 {  font-family: 'helvetica neue',helvetica, arial, sans-serif;} 
	h1 { font-size: 1.8em;  line-height: 1.8em;margin-top: 1em;}
	h2 { font-size: 1.4em; line-height:1.4em; margin-bottom: 1em; }
	h3 { font-size: 1.2em; line-height:1.2em; }
	h4 { font-size: 1.1em; line-height:1.1em; margin-left:15px; margin-bottom: 1em; }

	p { line-height: 1.4em;	padding: 0;	margin-bottom: 1em;} 

/*--------------------------------------
	Page structure
---------------------------------------*/

#header{ position:relative;	margin:	0 auto; margin-bottom:25px; padding:0px 0 0 0px;	 width:905px;	height:100px; font-size:95%; }
#content {	position: relative; margin:	0 auto; margin-bottom:25px; margin-top:25px; width: 905px;	font-size: 95%;}
#footer, #credits {position: relative;  margin:	0 auto; width: 905px; clear: both; line-height:40px; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; font-size:95%;}

	
/*--------------------------------------
	Header
---------------------------------------*/
#logo { background: url(/m/cr/img/logo.jpg) no-repeat;  overflow: hidden;    width: 180px;    height:80px;    position: absolute; top:20px; left:0;}
#logo a, #logo a:hover{ display:block; width:180px; height:80px; }
#tag { overflow: hidden;    width: 482px;  position: absolute; top: 50px; text-align:left;  right: 0; line-height:30px; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; }
	#tag img { padding-top:10px;}
	#tag a { color:#36B2C2; font-size:1.4em; }
	#tag a:hover { color:#1F6A72;}

	/* Navigation
	-------------------------------------------*/
		#nav { float:left; padding:0 0 0 0; margin:0 0 25px 0; text-align:left; font-size: 1em; line-height:1.5em; text-transform:uppercase; background:#1F1D18; width:905px; height:48px;}
			#nav ul {display: inline; margin-top:15px; font: 11px/15px 'helvetica neue',helvetica, arial, sans-serif; font-weight:bold;}
			#nav ul li {padding: 0 0 0 20px ;  margin: 15px 0 0 0; float:left; width:161px; text-align:left;  }
			#nav ul li.first { margin: 15px 0 0 0; float:left; text-align:left;  }
			#nav ul li a { color:#909090; text-decoration: none;}
			#nav ul li a:hover {color: #fff;}
			#nav ul li.sel a {color: #fff;}
	
					
/*--------------------------------------
	Content
---------------------------------------*/
.content23 { float:left;  width:630px; }
.content13 { float:right; width:255px;}

div.left-col {float:left; width:280px; margin-left:15px; display: inline;}
div.right-col {float:right;width:280px; margin-right:15px;}
div.center-col {float:left; width:280px; margin-left:15px; display: inline;}

.blogSideLinks ul{ margin-left:15px; margin-bottom:10px;}
	.blogSideLinks ul li { padding-bottom:6px;}
	
#latestBlog ul {background:#fff url(/m/cr/img/panelNewsHome.jpg) no-repeat;  margin:0 0 0 0 ; padding:0 0 0 0;}
	#latestBlog li { border-bottom:2px solid #fff; line-height:33px; padding:0 0 0 0; margin:0 0 0 0;}
		#latestBlog li a {display:block; padding-left:30px;}

/*Blog Post*/
.post h3, .gallery h3 {border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; padding:0 0 0 15px; line-height:35px;}
.post span.hLeft, .gallery span.hLeft{ text-transform:uppercase; float:left;}
.post span.date { float:right;}
.post object, .post embed { margin-left:15px; margin-top:15px;} 
.post_txt { padding-left:15px; margin-top:20px; margin-bottom:50px;}
.readMore { text-transform:lowercase; font-style:italic;}
.thumb { margin-left:15px; margin-top:15px;}
.commentTxt { float:left; width: 450px;  margin-left:15px; margin-top:20px; padding:15px 15px 15px 15px; background: #DDDDDD url(/m/cr/img/generic/comment_arr.gif) no-repeat bottom left;}
.commentDetails { float:left; width: 470px; background:#fff; margin-left:15px; margin-bottom:20px; margin-top:5px; padding-left:30px;}
span.commentDate { display:block; font-style:italic; color:#666; padding-top:0; padding-bottom:5px;}

/* Gallery styles */
.posted { float:left; margin-top:-15px; margin-bottom:30px; text-transform:lowercase; color:#999999; font-style:normal;}
.gallery img { margin-top:20px; margin-bottom:30px; margin-left:15px;}
.galleryside ul{ margin-left:15px; margin-bottom:10px;}
	.galleryside ul li { float:left; width:91px; padding-right:5px; margin-bottom:6px;}

.galleryside span { display: block; color: #999; font: 11px/15px 'helvetica neue',helvetica, arial, sans-serif;}
.galleryside span.img_wrapper { display:inline; background-color:#F3F3F3; padding:8px 8px 8px 8px; border:1px solid #E3E3E3;}
.galleryside a.innerborder, a.innerborder img {float: left; overflow:hidden;}
.galleryside a.innerborder:hover {border:4px solid #fff; }
.galleryside a.innerborder:hover img {margin: -4px;}


/*--------------------------------------
	Form Styles
---------------------------------------*/
fieldset {border: none; padding:0 0 0 0;	margin: 0 0 10px 0;}
	 fieldset { clear: left; margin:0 0 0 0; padding:0 0 0 0; }
		fieldset label { float:left; width:250px;  padding-top:5px; font-size:1.1em; line-height:1.2em; display:block;}
			 fieldset p.helptext { margin-left:200px; color:#979888; font-weight:normal;  font-size:.9em;}
		fieldset span.errors { display: block; margin-bottom:5px; color:#C61154; font-weight:normal; font-style:italic;}
   		fieldset input, fieldset textarea {font-size:13px;  font-weight:normal;  width:340px; line-height:18px;  margin:3px 0 8px 0; padding: .3em; font-family: Georgia, "Times New Roman", Times, serif; border: 1px solid #CFCEC4;}
		fieldset select {margin:3px 0 8px 0;  width:240px;}
		fieldset input.news { width:170px}

#registerForm { padding-left:35px; padding-right:35px; }	
#commentForm { width:480px; margin-left:15px;}
#contactForm { width:500px; margin-left:200px;}
#registerForm form, #commentForm form  { background:#DEF1F2; padding:15px 15px 15px 15px; border-top:3px solid #D7D7CF }	
#contactForm form { background:#DEF1F2; padding:15px 15px 15px 65px; border-top:3px solid #D7D7CF }

#contactForm div.errorBox {display: inline-block; margin:20px 0 20px 0; border: 1px solid #D32168; background: #FFC7C7;	padding: 10px; color:#D32168; }
	#contactForm div.errorBox div {padding: 10px; }

#contactForm div.successBox { display: inline-block;margin:20px 0 20px 0; border: 1px solid #F26C4F; background: #FED6AA;	padding: 10px; color:#F26C4F}
	#contactForm div.successBox div{ padding: 10px;}
	

#registerForm div.errorBox {display: inline-block; margin:20px 0 20px 0; border: 1px solid #D32168; background: #FFC7C7;	padding: 10px; color:#D32168; }
	#registerForm div.errorBox div {padding: 10px; }

#registerForm div.successBox { display: inline-block;margin:20px 0 20px 0; border: 1px solid #F26C4F; background: #FED6AA;	padding: 10px; color:#F26C4F}
	#registerForm div.successBox div{ padding: 10px;}
	
/*--------------------------------------
	Footer Styles
---------------------------------------*/

#footer a{  color:#36B2C2;} 
#credits {border-top:none !important;  border-bottom:none !important; padding-top:5px; text-align:right; font-size:85%;}
#credits a { color:#36B2C2; padding-right:15px;}
.txtRight { text-align:right; width:435px; display:block;}


/*--------------------------------------
	Misc Classes
---------------------------------------*/
.marLeft12 {margin-left:12px;}
.bold{ font-weight:bold;}
.cleaner {clear:both; height:1px;  font-size:1px;  border:none; margin:0; padding:0; background:transparent;}
/*clearfix*/
.underH3Lnk { margin:-25px 20px 0 0;  padding:0;  float:right; font-style:italic;}
.floatLeft50 { float:left; width:450px; }
.floatRight50 {float:right; width:450px;}
.floatLeft300 { float:left; width:300px; padding-left:15px; margin-bottom:20px;}
.floatRight300 {float:right; width:300px; padding-left:10px;}
.creditsLeft { float:left; width:750px; text-align:left !important;}
.creditsRight {float:right; width:145px;}
.clearfix:after {content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}
.clearfix {	display: inline-block;}
html[xmlns] .clearfix {	display: block;}
* html .clearfix {	height: 1%;}
/*end clearfix*/