/* BASIC PAGE PROPERTIES

footer: #dfbfa4
*/
* html {
	margin: 0;
	padding: 0;
	border: 0;
}
* {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	margin: 0;
	padding: 0;
	background-color: #f7eaee;

}
body {
	color: #464646;
	text-align:center;
	font-size: 67%;
	font-family:Georgia, sans-serif;
	width:100%;
	background-color: #f6d7e3;
	background-image: url("/i/top_bg.png");
	background-repeat:repeat-x;
	background-position:0 bottom;
}


a {
	outline: none;
	color: #58820f;
	text-decoration:none;
}
	a:hover {
		color:#8dc3b7;
		text-decoration:underline;
	}
	
ul {
	list-style:none;
}
 h2 {
			color:#333;
			font-size:24px;
			font-weight:normal;
			line-height:1;
			margin:20px 0 5px;
}
/* MAIN BODY CONTAINERS */


#header {	
	position:fixed;
	text-align:left;
	margin: 0 auto;
	padding: 0;
	width:100%;
	height: 67px;
	background-color: #f6d7e3;
	background-image: url("/i/top_bg.png");
	background-repeat:repeat-x;
	background-position:0 bottom;
	z-index:319;

	
} 
	#logo {
		position:absolute;
		width:87px;
		height:99px;
		margin:8px 0 0 20px;
		background-color:transparent;
		background-image: url("/i/cupcake_.png");
		background-repeat:no-repeat;
		background-position:0 0;
		z-index:420;
	}
	#header h1{
		width:835px;
		margin: 0 auto;
		font-size:1.1em;
		padding: 0;
		font-weight:normal;
		display:block;

	}
	
		#header h1 a{
			width:549px;
			height:67px;
			margin:0;			
			padding: 0;
			text-indent:-9999px;
			background-image: url("/i/open_source_cupcakes.png");
			background-repeat:no-repeat;
			background-position:0 0;
			display:block;
	
		}

			#header h1 a:hover {
				color:#000;
				text-decoration:none;
				text-indent:-9999px;
				background-image: url("/i/open_source_cupcakes.png");
				background-repeat:no-repeat;
				background-position:0 0;
				display:block;
			}


	
#subheader {	
	position:fixed;	
	top:67px;
	text-align:left;
	margin: 0 auto;
	padding: 0;
	width:100%;
	height: auto;
	border-bottom:1px dashed #b9d091;
	background-color: #fff;
} 
	
	
	#subheader ul#navigation {
		width: 835px;
		margin:0 auto;
		padding:0;			
		
	}
	
		#subheader ul#navigation li {
			float:left;
			text-align:center;
			display:inline;
			height:auto;
			margin:0;
			width:70px;
			overflow:visible;
			padding:0;
			outline: none;
			color: #464646;
			text-decoration:none;
		}
			#subheader ul#navigation li a {
							outline: none;
							color: #333;
							text-decoration:none;
						}
							#subheader ul#navigation li a:hover {
								color:#333;
								text-decoration:underline;
							}
								#subheader ul#navigation li a.active { color: #333; font-weight: bold; }
				
			#subheader ul#navigation li.home {
				width:60px;
				margin-left:100px;
			}

			#subheader ul#navigation li.for_hire {
				width:140px;
			}

			#subheader ul#navigation li.syndicate {
				float:right;
				text-align:center;
				text-indent:15px;
				width:40px;
			}

				#subheader ul#navigation li.syndicate a {
					color:#d98502;
					background:url("/i/rss_icon.png") transparent no-repeat 0 6px;
				}
				#subheader ul#navigation li.syndicate a:hover {
					font-weight:normal;
				}
			#subheader ul#navigation li a {
				display:block;
				border:0;
				padding:8px 0 8px 0;
			}
		#subheader ul#navigation li a:hover {
			outline: none;
			color: #000;
			text-decoration:none;
			display:block;
			font-weight:bold;
			padding:8px 0 8px 0;
		}
	
#middle {
	text-align:left;
	margin: 0 auto;
	padding: 107px 0 25px;
	width: 100%;
	height: auto;
	background-color: #fff;
	background-image: url("/i/all_bg.png");
	background-repeat:repeat-x;
	background-position:0 0;
	border-bottom:1px dashed #b9d091;
}

	#middle ul#features {
		width: 835px;
		margin:0 auto;
		padding:28px 0 36px;
	}
		#middle ul#features li {
		width:405px;	
		height:auto;
		margin:0 0 10px 15px;
		padding:0;
		float:left;
		display:inline;
			
		}
	
		#middle ul#features li:first-child {
		width:405px;	
		height:auto;
		margin:0 0 10px 10px;
			padding:0;
			float:left;
			display:inline;
			
		}
		
			#middle ul#features li a img {
				float:right;
				margin:0;
				padding:3px;
			
			}
			#middle ul#features li a:hover img {
				border:3px solid #99d4e1;
				margin:0;
				padding:0;
				text-decoration:none;

			}
			
			#middle ul#features li a span {
				font-size:1.2em;
				color:#1b4e4d;
				margin:-50px 0 0 2px;
				float:left;
				padding:10px;
				background-image:url("/i/cloud.png");
				background-repeat:repeat;
				z-index:420;
			}
			#middle ul#features li a:hover span {
				text-decoration:underline;
				background:#fff;
			}
			
							
	#middle ul#stage {
		float:left;
		display:inline;
		width: 570px;
		height:auto;
		margin:20px 20px 0 10px;
		padding:0;
	}
		#middle ul#stage li {
			display:block;
			clear:both;
			list-style-position:outside;
			padding-top: 15px;
		}
		#middle ul#stage li h2 {
			color:#58820f;
			font-size:24px;
			font-weight:normal;
			line-height:1;
			margin:20px 0 5px;
		}
		
		#middle ul#stage li h2 a {
			color:#58820f;
			font-size:24px;
			font-weight:normal;
			line-height:1;
		}
		
		#middle ul#stage li h2 a:hover {
			color:#8dc3b7;
			font-size:24px;
			font-weight:normal;
			line-height:1;
			text-decoration:none;
		}
		
			#middle ul#stage li h3 {
				color:#58820f;
				font-size:24px;
				font-weight:normal;
				line-height:1;
				margin:5px 0 5px;
			}
			
			#middle ul#stage li h3 a {
				color:#58820f;
				font-size:24px;
				font-weight:normal;
				line-height:1;
			}
			
			#middle ul#stage li h3 a:hover {
				color:#8dc3b7;
				font-size:24px;
				font-weight:normal;
				line-height:1;
				text-decoration:none;
			}
			
			#middle ul#stage li ul li {
				display:inline;
				color:#b5c698;
				font-weight:normal;
				margin:0 0 10px 0;
				padding:0;
			}
			#middle ul#stage li ul {
				margin:0 0 5px 0;
				padding:0;
			}
				#middle ul#stage li ul li.posted {
					font-weight:bold;
				}
			
				#middle ul#stage li ul li.comments {
					padding-right:17px;
					background-image:url("/i/comment_icon.png");
					background-repeat:no-repeat;
					background-position: right;
				}
			
		
			#middle ul#stage li ul li a {
				display:inline;
				color:#8dc3b7;
			}
			#middle ul#stage li ul li a:hover { color:#fff !important; }
				#middle ul#stage li ul li.posted a {
					color:#b5c698;
				}
		
			#middle ul#stage li img {
					display:inline;
					float:left;
					margin:4px 10px 10px 0;
			}
				#middle ul#stage li .full {
					display:block;
					clear:both;
					margin:4px 10px 10px 0;
			}
				
	
/* --- [ Stage -> Images ] -------------------- */
		
	ul#stage div.image {
	
		width:120px;
		background-image:none;
	
	}
		
	ul#stage div.image p {
	
		display:block;
		clear:both;
		color:#666;
		font-size:.95em;
		font-family:Arial, Helvetica, sans-serif;
		line-height:normal;
		padding:0;
		margin-top:0 !important;
	
	}
	
	ul#stage div.image.full {
	
		margin:5px 0;
		clear:both;
		width:570px;
		float:left;
	
	}
	
	ul#stage div.image.left {
	
		float:left;
		clear:none;
		margin:0 10px 10px 0;
		width:200px;
	
	}	
	
	ul#stage div.image.left img {
	margin:10px 10px 10px 0;

		width:200px;
	
	}	

	ul#stage div.image.right {
	
		float:right;
		clear:none;
		margin:10px 0 10px 10px;
	
	}
	
	/*div.image.left img,div.image.right img {
	
		margin-top:3px;
	
	}*/

			
			/* --- [ Stage -> Quotes ] -------------------- */
			
	ul#stage div.quote.full {
	
		/*background:url('../i/quote.png') no-repeat 0 0;
		padding:5px 20px;
		margin:3px 0 0;
        font-size:90%;
		clear:both;*/
	}
	
	ul#stage span.quote.left {
	
		display:block;
		background:url('../i/quote.png') no-repeat 0 0;
		padding:5px 0 0 20px;
		margin:7px 5px 3px 0;
		float:left;
		clear:none;
		width:210px;
        font-size:90%;
        min-height:48px;

	}

	ul#stage span.quote.right {
	
		display:block;
		background:url('../i/quote.png') no-repeat 0 0;
		padding:5px 0 0 20px;
		margin:7px 0 3px 5px;
		float:right;
		clear:none;
		width:210px;
        font-size:90%;
        min-height:48px;

	}

		
/* --- [ Stage -> Contact Form ] -------------------- */

ul#stage h2#general {

	font-size:1.5em;

}

form#contact_form {

	display:block;
	clear:both;
	margin:10px 0;

}

	form#contact_form h2 {
	
		font-size:1.5em;
	
	}

	form#contact_form div {
	
		display:block;
		clear:both;
		margin:10px 0;
	
	}
	
	form#contact_form div div {
	
		margin:0 0 10px;
	
	}

		form#contact_form div label {
		
			display:block;
			clear:both;
			color: #333;
		
		}
		
		form#contact_form div input {
			margin:0 5px 10px 0;
			padding:10px;
			width:108px;
			border:1px solid #b9d091;
			float:left;
			display:inline;
			color:#999;
			width:400px;
		
		}
		
		form#contact_form div textarea {
			border:1px solid #b9d091;
			padding:10px;			
			color:#999;

			width:400px;
			height:120px;
		
		}
		
		form#contact_form div .highlight {
		
			border-color:#dfbfa4;
		
		}
		
		form#contact_form div .highlight:hover {
		
			border-color:#333;
		
		}
		
		form#contact_form div button {
		
			margin:0 0 0 356px;
			padding:5px 10px;
			color:#333;			
				border:1px solid #ddd;				
			cursor:pointer;
			float:left;
			font-size:1.1em;
			margin-right:10px;
		
		}
		
		form#contact_form div button:hover {
			border:1px solid #99d4e1;
			background:#ccc;

		
		}
		
		#error {
		
			float:left;
			clear:none;
			display:none;
			margin-top: 10px;
			padding: 0 5px;
			line-height: 1.2em;
			border: 1px solid #dfbfa4;
		
		}
		
			form#contact_form div#error h3 {
			
				border:none;
				color:#c00;
				width: 395px;
				text-align: center;			
			}
			form#contact_form div#error h3 span { 
				color: #666;
				font-style: italic;
			}
/* --- [ Stage -> Contact Form -> Success ] -------------------- */

	ul#stage div#success h3 {
	
		border:none;
		width:auto;
		margin:7px 0;
		font-size:1.3em;
	
	}
	
	ul#stage div#success h4 {
	
		color:#8dc3b7;
		font-size:1.1em;
	
	}


			#middle ul#stage li p {
				margin:0 0 10px 0;
				padding:0;
				font-size:1.2em;
				line-height:1.5;
			}
	#middle dl#sidebar {
		font-size:1.1em;
		line-height:1.4;
		float:left;
		display:inline;
		width: 234px;
		margin:30px 0 0;
		padding:0;
		border-left:1px dashed #b9d091;
	}
		#middle dl#sidebar dt {
			background-color: #fff;
			display:inline;
			margin:0 0 0 20px;
			padding:7px 10px 0 10px;
			color:#6e932f;
		}
		#middle dl#sidebar dd .dsq-widget-item {
			padding:7px 10px 0 10px;

		}
		#middle dl#sidebar dd p.dsq-widget-meta {
			margin:0;
			padding:0;
		}
		#middle dl#sidebar dd a {
			color:#6e932f;
		}
		#middle dl#sidebar dd {
			background-color:#fff;
			background-image: url("/i/box_bg.png");
			background-repeat:repeat-x;
			background-position:0 bottom;
			overflow:hidden;
			width:210px;
			margin:-3px 0 20px 20px;
			padding:0;
		}
		
			#middle dl#sidebar dd#search {
				background-image: url("/i/box_srt_bg.png");
			}
			#middle dl#sidebar dd#twitter, #middle dl#sidebar dd#tshirts {
				background-image: url("/i/box_mdm_bg.png");
			}
				#middle dl#sidebar dd#tshirts img {
					float:left;
				}
				
					#middle dl#sidebar dd#tshirts a img {
						margin:7px;
						padding:3px;
					
					}
					#middle dl#sidebar dd#tshirts a:hover img, #middle dl#sidebar dd#tshirts a.buyashirt img {
						border:3px solid #99d4e1;
						margin:7px;
						padding:0;
		
					}
				#middle dl#sidebar dd#twitter p {
					color:#666;
					margin:10px 10px 0;
					padding:0;
					line-height:1.2;
				}
					#middle dl#sidebar dd#twitter p a {
						color:#0dad91;
					}
				
				#middle dl#sidebar dd#twitter p#tweet {
					color:#0dad91;
					overflow:visible;
					background:url("/i/twitter_bird.png") no-repeat transparent 0 0;
					margin:0 10px 10px;
					padding:10px 40px 20px 0;
					width:150px;
				}
				
				
				
			#middle dl#sidebar dd ul li {
				background-image: none;
			}
			#middle dl#sidebar dd#search form#sitesearch legend {
				visibility:hidden;
				height:0;
				margin:0;
				padding:0;
				display:none;
			}
			
			#middle dl#sidebar dd#search form#sitesearch input {
				margin:10px 5px 10px 10px;
				padding:10px;
				width:108px;
				border:1px solid #e7e8e4;
				float:left;
				display:inline;
				color:#999;
			}
			
			#middle dl#sidebar dd#search form#sitesearch input#searchnow {
				margin:10px 10px 10px 0;
				padding:10px 8px;
				width:auto;
				border:1px solid #e7e8e4;
				float:right;
				display:inline;
			}
			#middle dl#sidebar dd#search form#sitesearch legend {
				visibility:hidden;
				height:0;
				margin:0;
				padding:0;
				display:none;
			}
			
				#middle dl#sidebar dd#poll form#sitepoll legend {
						visibility:visible;
						display:block;
						width:170px;
						
				}
				#middle dl#sidebar dd#poll form#sitepoll legend p {
						padding:10px;
						margin:10px;
				}
					
				#middle dl#sidebar dd#poll form#sitepoll fieldset {
					display:block;
					clear:both;
					line-height:1.4;
					margin:0;
					padding:0;
				}
				
				
			
			#middle dl#sidebar dd#poll form#sitepoll label {
				margin:0;
				padding:10px 10px 10px 0;
				width:165px;
				float:right;
				text-align:left;
				display:inline;
			}
			
			#middle dl#sidebar dd#poll form#sitepoll input {
				margin:10px;
				padding:0;
				width:15px;
				float:left;
				display:inline;
			}
			
			
			#middle dl#sidebar dd p {
				margin:10px;
			}
			
			#middle dl#sidebar dd ul#flickr {
				margin:0;
				padding:0;
			}
			
				#middle dl#sidebar dd ul#flickr li {
					width:185px;
					height:46px;
					padding:0;
					margin:2px 0 8px 10px;
					border:3px solid #ddd;
					overflow:hidden;
				}
				#middle dl#sidebar dd ul#flickr li:hover {
				border:3px solid #99d4e1;				
				}
				
					#middle dl#sidebar dd ul#flickr li#more_flickr {
						padding:0;
						margin:0 0 10px 10px;
						border:0px solid #ddd;
					}
					#middle dl#sidebar dd ul#flickr li#more_flickr:hover {
						border:0px solid #99d4e1;				
					}
						#middle dl#sidebar dd ul#flickr li#more_flickr p {
							margin:0;
						}
				
				#middle dl#sidebar dd ul#flickr img {
					padding:0;
					margin:0;
				}
			
				#middle dl#sidebar dd ul#flickr a img {
					width:185px;
					padding:0;
					margin:-50% 0;
				}
				
					
				#middle dl#sidebar dd#poll a, #middle dl#sidebar ul#flickr li p a {
					float:right;
					margin:0 0 10px 0;
				}
		#middle #content {
			width: 835px;
			margin:0 auto;
			padding:0;
		}

#links_wrap {
	margin:0 auto;
	padding:0;
	width:100%;
	height:100%;
	border-top:3px solid #fff;
	background-color: #ead0b9;
	background-image: url("/i/bg_foot_top.png");
	background-repeat:repeat-x;
	background-position:0 0;
}		
#links {
	text-align:left;
	margin:0 auto;
	padding:0 0 30px 0;
	width:100%;
	height: auto;
	background-color: transparent;
	background-image: url("/i/bg_foot_btm.png");
	background-repeat:repeat-x;
	background-position:0 bottom;
}
	#links ul#links_and_stuff {
		width: 835px;
		margin: 0 auto;
		padding: 0;
		border: 0;
	}
		#links ul#links_and_stuff li {
			float:left;
			display:inline;
	}	
		#links ul#links_and_stuff li ul {	
			display:block;
			margin:0 0 20px 0;
		
		}
		#links ul#links_and_stuff li ul li {	
			display:block;
			float:none;
			clear:both;
		}

					#links ul#links_and_stuff li#recent {
						border-right:1px dashed #464646;
					}

					#links ul#links_and_stuff h5 {
						font-size:1.1em;
					}
					#links ul#links_and_stuff li {
						margin:22px 0 15px;
						font-size:1em;
						padding:0;
						border-right:1px dashed #464646;
					}
					#links ul#links_and_stuff li#recent ul li {
						padding:0 40px 0 0;
						margin:0 0 15px 10px;
					}
					#links ul#links_and_stuff li#recent h5 {
						padding:5px 40px 0 0;
						margin:0 0 15px 10px;

					}
					
					#links ul#links_and_stuff li h5 {
						padding:5px 40px 0 0;
						margin:0 0 15px 40px;

					}
					
						#links ul#links_and_stuff li a {
							outline: none;
							color: #333;
							text-decoration:none;
						}
							#links ul#links_and_stuff li a:hover {
								color:#333;
								text-decoration:underline;
							}
							
				
				#links ul#links_and_stuff h5 {
					padding:5px 40px 0 0;
					margin:25px 0 15px 40px;
				}
				
				#links ul#links_and_stuff ul li {
					padding:0 40px 0 0;
					margin:0 0 15px 40px;
					border-right:0;
					
				}
#footer {
	text-align:left;
	margin:0 auto;
	padding:0;
	width:100%;
	height: auto;
	background-color: #f6d7e3;
	background-image: url("/i/top_bg.png");
	background-repeat:repeat-x;
	background-position:0 0;
} 
	#footer ul {
		width:810px;
		margin:0 auto 16px;
		padding:12px 0 16px 50px;
	}
		#footer ul li {
			float:left;
			display:inline;
		}
		
				
		#footer ul li#credits {
			float:right;
			display:inline;
		}
	
	#logo_footer {
		position:absolute;
		margin-top:-25px;
		margin-left:-45px;
		width:41px;
		height:46px;
		background-color:transparent;
		background-image: url("/i/logo_footer.png");
		background-repeat:no-repeat;
		background-position:0 0;
		z-index:420;
	}
			
	
	
	#footer ul li#design, #footer ul li#development {
		float:right;
			display:none;
			margin-left:10px;
	}
	
	.nope {
		text-decoration:line-through;
	}
	
	object, embed {
		display:block;
	}
	
.floatclear{
	clear:both;
}
/* --- [ Stage -> Pages ] -------------------- */

ul li div#pages {

	display:block;
	clear:both;
	
	padding:10px 0;
	border-top:1px solid #ccc;

}

ul li div#pages ul {

	text-align:center;
	margin:10px;

}

	ul li div#pages ul li {
		clear: none !important;
		display:inline;
		float: left;
		list-style-position: none;
	}
	
		ul li div#pages ul li a,div#pages ul li span {
		
			display:inline;
			border:1px solid #ccc;
			padding:3px 7px;
		
		}
		
		ul li div#pages ul li a:hover {
		
			background-color:#c00;
			text-decoration:none;
			border-color:#c00;
			color:#fff;
		
		}
		
		ul li div#pages ul li span {
		
			background-color:#f2f2f2;
		
		}