/* ---------------------------

Theme Name: Coloft
Theme URI: http://coloft.com
Description: Theme for Coloft
Author: Mint Reaction
Author URI: http://mintreaction.com
Version: 1.0

--------------------------- */

/*
 *#f4f300: yellow of some chalk
 */

/* based on Eric Meyer's Reset CSS */
/* v1.0 20080212 http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}


/*   STRUCTURE
--------------------------- */

html {}
body {
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1; 
	color: #000;
	background:#ffcc66 url(images/bg-floor.jpg) repeat top center;
	text-align: center;
	margin:0;
	}
#wrapper {
	}

	#header {
		background:#464646 url(images/bg-blackboard.jpg) no-repeat top center;
		width:100%;
		}
		#feature {
			background:transparent url(images/bg-featfooth.png) repeat-x center -60px;
			height:430px;
			overflow:hidden;
			}
			#primary #feature {
				background:transparent url(images/bg-featfooth.png) repeat-x center -490px;
				height:175px;
				}
			#feature .wrap {
				width:860px;
				margin:0 auto;
				padding:0 15px;
				}
				#masthead {
					width:860px;
					height:90px;
					overflow:hidden;
					margin:20px 0 12px 0;
					float:left;
					background:url('images/sprite-core.png') no-repeat 0px 83px;
					}
					h1.logo {
						cursor:pointer;
						float:left;
						margin:0 32px 0 0;
						}
						h1.logo a {
							background:url('images/sprite-core.png') no-repeat 0 -10px;
							display:block;
							width:245px;
							height:80px;
							overflow:hidden;
							text-indent:-999em;
							}
				#feature .calendar {
					float:left;
					font-size:10pt;
					height:190px;
					margin:0 12px 0 0;
					padding:10px;
					overflow:hidden;
					position:relative;
					text-transform:uppercase;
					width:160px;
					text-align:left;
					}
					#feature .calendar .main-cal-link {
						background:url('images/sprite-core.png') no-repeat -570px -94px;
						bottom:0px;
						display:block;
						height:36px;
						overflow:hidden;
						position:absolute;
						width:140px;
						text-indent:-999em;
						}
					#feature .calendar .cal-event a,
					#feature .calendar .cal-event a:link,
					#feature .calendar .cal-event {
						color:#fff;
						text-decoration:none;
						margin:0 0 1em;
						}
						#feature .calendar .cal-event .event-day {
							color:#f4f300;
							}
				#feature .primary {
					width:385px;
					height:210px;
					overflow:hidden;
					margin:0 15px 0 0;
					float:left;
					}
				#feature .subs {
					float:left;
					width:200px;
					margin:0 15px 0 0;
					}
					#feature .sub {
						width:200px;
						height:100px;
						overflow:hidden;
						margin:0 0 10px 0;
						float:left;
						}
				#feature .sm {
					float:left;
					margin:10px 0 0;
					padding:0;
					}

					.col2 .sm li, 
					#feature .sm li {
						list-style:none;
						}

						.col2 .sm li a, 
						#feature .sm li a {
							background:url('images/sprite-core.png') no-repeat -840px -7px;
							display:block;
							width:50px;
							height:50px;
							overflow:hidden;
							text-indent:-999em;
							}
							
							#feature .sm .facebook {}
								
								.col2 .sm .facebook a, 
								#feature .sm .facebook a {
									background-position:-640px -7px;
								}
							#feature .sm .twitter {}
								
								.col2 .sm .twitter a, 
								#feature .sm .twitter a {
									background-position:-690px -7px;
								}
							#feature .sm .rss {}
								
								.col2 .sm .rss a, 
								#feature .sm .rss a {
									background-position:-740px -7px;
								}
							#feature .sm .contact {}
								
								.col2 .sm .contact a, 
								#feature .sm .contact a {
									background-position:-790px -7px; 
									height:40px;
								}
							#feature .sm .flickr {}
								
								.col2 .sm .flickr a, 
								#feature .sm .flickr a {
									height:25px;
								}
							
					
				#feature-ledge {
					width:820px;
					height:40px;
					overflow:hidden;
					padding:20px 35px;
					background:url('images/sprite-core.png') no-repeat 0 -144px;
					position:absolute;
					top:-70px;
					left:0px;
					}
					#feature-ledge .subscribe {
						background:url('images/sprite-core.png') no-repeat -246px -10px;
						float:right;
						height:40px;
						margin:0 12px;
						position:relative;
						width:316px;
						}

						#feature-ledge .subscribe #coloft-email-subscribe {
							background:transparent;
							border:none;
							height:28px;
							left:15px;
							line-height:28px;
							position:absolute;
							text-transform:uppercase;
							top:5px;
							width:183px;
							font:bold .55em Arial, Helvetica, sans-serif;
							color:#666;
							letter-spacing:.04em;
							}

						#feature-ledge .subscribe #coloft-email-submit {
							background:transparent;
							border:none;
							cursor:pointer;
							display:block;
							overflow:hidden;
							position:absolute;
							right:10px;
							text-indent:-999em;
							top:10px;
							width:90px;
						}

					#feature-ledge .book-room {
						float:right;
						}
						#feature-ledge .book-room a {
							background:url('images/sprite-core.png') no-repeat -246px -50px;
							display:block;
							width:202px;
							height:40px;
							overflow:hidden;
							text-indent:-999em;
							}


	#content {	
		width:840px;
		margin:0 auto;
		padding:0 25px;
		position:relative;
		}
		#content .wrap {
			background-color:#dae7f2;
			padding:40px 23px 30px 31px;
			}
			/* .page-template-top-level-php #content .wrap, .blog #content .wrap, .page-template-default #content .wrap {
				text-align:left;
				} */
		
		#content .wrap:after {
			clear:both;
			content:'.';
			display:block;
			height:0;
			visibility:hidden;
			}

			#content ol,
			#content ul {
				list-style-position:inside;
			}
			
			.entry {
				margin:0 8px 8px 0;
				padding:10px;
				float:left;
				border:1px solid #bfcad4;
				background-color:#fff;
				text-align:left;
				}
				.entry .entry-wrap {
					width:190px;
					height:240px;
					overflow:hidden;
					margin:0;
					padding:20px;
					border:1px solid #f2f2f2;
					background:#f2f9ff url('images/bg-entry.png') repeat-x center bottom;
					}
			.widget-wrap {
				}
				.widget-wrap .entry-wrap {
					}

				.home .widget-wrap {
					float:right;
					background:none;
					border:none;
					padding:1px 0 0;
					}
					.home .widget-wrap .entry-wrap {
						background:none;
						border:none;
						padding:0;
						width:235px; /* 254px */
						height:614px;
						}
		
			.map {
				clear:both;
				padding:20px 0;
				text-align:center;
				}
			.map:after {
				clear:both;
				content:'.';
				display:block;
				height:0;
				visibility:hidden;
				}
				.map-wrap {
					margin:0 8px 0 0;
					padding:10px;
					border:1px solid #bfcad4;
					background-color:#fff;
					text-align:left;
					}
					#main-map {
						border:1px solid #F2F2F2;
						height:210px;
						margin:0;
						padding:20px;
						width:714px;
						}
					#coloft-directions {
						text-align:left;
						}
					
 		.col1, .col2 {
			float:left;
			}
		.col1 {
			width:548px;
			margin-right:30px;
			}
			.col1 .entry {
				}
				.col1 .entry .entry-wrap {
					width:715px;
					height:auto;
					}
		.col2 {
			width:200px;
			}


	#footer {
		clear:both;
		width:840px;
		height:65px;
		overflow:hidden;
		margin:0 auto 65px;
		padding:0;
		background:transparent url(images/bg-featfooth.png) repeat-x center 0px;
		}	
		
.clear {clear:both;}



/*   NAVIGATION
--------------------------- */

.nav {
	float:left;
	/* width:792px; */
	overflow:hidden;
	position:relative;
	margin:0;
	}
	#header .nav {
		width:570px;
		height:46px;
		margin-top:11px;
		background:url('images/sprite-core.png') no-repeat 0 -90px;
		}
	#footer .nav {
		width:840px;
		}
	.nav ul {
		clear:left;
		float:left;
		list-style:none;
		margin:15px 0 0;
		padding:0;
		position:relative;
		left:50%;
		text-align:center;
		}
		#footer .nav .secondary {
			margin:5px;
			}
		.nav ul li {
			display:block;
			float:left;
			list-style:none;
			padding:0 0 0 0 ;
			margin:0 20px 0 0;
			position:relative;
			right:50%;
			color:#454545;
			text-transform:uppercase;
			line-height:1;
			text-shadow: 1px 1px white;
			font-weight:bold;
			}
			#footer .nav .secondary li {
				text-transform:capitalize;
				font-size:.75em;
				margin:0 10px 0 0;
				text-shadow: 1px 1px #e5e5e5;
				font-weight:normal;
				letter-spacing:.025em;
				}
			.nav ul li a, .nav ul li a:visited {
				display:block;
				color:#454545;
				text-decoration: none;
				}
				.nav ul li a:hover {
					color:#3399ff;
					}
			.nav ul li.end {
				margin:0;
				padding:0;
				}
img, a img {border:none;}


/*   TYPOGRAPHY 
--------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:.5em;
	color: #595044;
	text-shadow: 1px 1px white;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
		text-decoration: none;
		color: #595044;
		}
		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
		text-decoration: none;
		color: #8c6b41;
		}
h1 {
	font-size: 2.25em; /*  16 x 2.25 = 36px  */
	margin-bottom:.25em;
	}
h2 {
	font-size: 1.5em; /*  16 x 1.5 = 24px  */
	}
h3 {
	}
h4 {
	}
h5 {
	}
h6 {
	}
a:link {color: #339933;}
a:visited {color: #339933;}
a:hover {color: #00cc00;}
a:active {color: #339933;}
a {
	}
	a.readmore {
		text-decoration:none;
		text-transform:uppercase;
		font-size:.875em;
		font-weight:bold;
		}
li, dt, dd, p, table, blockquote, cite, .linkcat ul li {
	font-size: .875em; /*  16 x .875 = 14px  */
	line-height: 1.35em;
	}
ul, ol, dl, p {
	margin-bottom: 1.125em; /* 16 x .625 = 10px */
	}
ol, ul {
	margin-left: 3.28em;
	}
p {
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
:focus {
	outline: 0;
	}
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

.post-info {
	font-size:.6875em; /* 16 x .6875 = 11px */
	margin-bottom:.875em;
	color:#666;
	}
	.post-info a:link, .post-info a:visited {
		text-decoration:none;
		color:#666;
		}
		.post-info a:hover {
			color: #00cc00;
		}

.aligncenter, div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
	}
.alignleft {
	margin: 0 15px 5px 0;
   float: left;
	}
.alignright {
   float: right;
	}
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
	}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
	}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
	}

.linkcat {
    list-style:none;
    margin:0
    padding:0;
    }
    .linkcat h2 {}
    .linkcat ul {}
        .linkcat ul li {}
            .linkcat ul li a:link, .linkcat ul li a:visited  {
                color:#000;
                text-decoration:none;
                }
                .linkcat ul li a:hover {
                    text-decoration:underline;
                    }


/*   FORMS
--------------------------- */

form {width:100%;float:left;}
	form p {
		clear: both;
		}
	form span {
		display:inline;
		float:left;
		}
	form label {
		display:block;
		margin:0 10px 5px 0;
		font-size:.85em;
		letter-spacing:.05em;
		}
	form span label input, form span label textarea {
		display:block;
		border:1px solid #666;
		}
		.col3 form span label input, .col3 form span label textarea {
			width:186px;
			}
	form span label input {
		height: 20px;
		}
    form span label textarea {
        }
	.submit {
		cursor:pointer;
		background:url('images/sprite-ucla.gif') no-repeat -330px center;
        margin:7px 2px 30px;
        padding:5px 10px;
		text-transform:uppercase;
		letter-spacing:.05em;
		color:#fff;
		background-color:#999;
		border:none;
        float:right;
        clear:both;
		text-shadow: #666 .05em .05em .05em;
		}

.addthis_toolbox, .addthis_default_style {
	margin:25px 0;
    }
	.addthis_toolbox .addthis_button_compact {
		font-size:.75em;
        }

		
#events-calendar-wrap {
	margin-bottom:8px;
	}
.loading {
	background:url('images/loading.gif') no-repeat top center;
	padding-top:45px;
    }
	#events-calendar {
		}
		#events-calendar thead {
			border-bottom:3px solid #DAE7F2;
			background-color:#339933; /* Blue = #448ccb */
			}
			.current-month {
				font-size:1.1em;
				padding:5px;
				color:#fff
				}
			.previous-month, .next-month {
				}
				.prev-month-link, .next-month-link,
				.prev-month-link:link, .next-month-link:link,
				.prev-month-link:visited, .next-month-link:visited  {
					color:#78BF78;
					text-decoration:none;
					}
					.prev-month-link:hover, .next-month-link:hover {
						color:#91e591;
						}
			.weekday-name {
				width:111px;
				color:#fff;
				background-color:#609960;
				font-weight:normal;
				font-size:.875em;
				}
			.day-of-week {
				height:111px;
				text-align:left;
				margin:1px;
				border-right:1px solid #DAE7F2;
				border-bottom:1px solid #DAE7F2;
				background-color:#fff;
				font-size:.875em;
				}
				.day-number {
					font-size:0.875em;
					padding:4px 8px;
					text-align:right;
					}
				ul.events-day-list {
					list-style:none;
					margin:0;
					padding:0 6px;
					}
					li.events-day-item {
						background-color:#448ccb;
						padding:3px 5px;
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						-khtml-border-radius: 3px;
						border-radius: 3px;
						}
						li.events-day-item a, li.events-day-item a:link, li.events-day-item a:visited {
							text-decoration:none;
							color:#fff;
							}
							li.events-day-item a:hover {
								color:#87c7ff;
								}



/* TWITTER WIDGET */

	.twtr-hd {
		padding: 15px !important;
		}
		
	.twtr-bd {
		padding: 0 3px !important;
		}
		
	.twtr-widget .twtr-tweet-wrap {
		padding: 13px 14px !important;
		}
	
	.twtr-widget h4, .twtr-widget h3 {
		text-shadow: 1px 1px #26221d;
		}

/*
.tweets {
	list-style:none;
	margin:0;
	}
	.tweets li {
		font-size:0.75em;
		line-height:1.35em;
		margin:14px 0 0;
		padding:15px 0 0;
		border-top:1px solid #BFCAD4;
		}
		.tweets li .timesince {
			font-size:0.75em;
			text-decoration:none;
			color:#666;
			}
*/