/*  
Theme Name: Cakes Unlimited -- Spring
Theme URI: http://www.cvillecakes.com/
Description: Green, brown, and gold theme for Cakes Unlimited
Version: 1.0

	Cakes Unlimited -- Spring v1.0
	 http://www.cvillecakes.com/

	This theme was developed by Sean Bryan of Opsis-Web.com
	
*/


/*	TAG	*/

	*{margin:0; padding:0;}

	a {
		border: 0;
		font-size: 1.1em;
	}

	a:link {color: #5f3b18;}     /* unvisited link */

	a:visited {color: #000}  /* visited link */

	a:hover {color: #efd663}   /* mouse over link */

	a:active {color: #FFF}   /* selected link */

	body {/* Sets the general font and background info*/
		background-color: #fff;
		font-family: 'Garamond', 'Verdana', 'Tahoma', 'Georgia';
		font-size:10px; /*resets 10px to 1em*/
		text-align: center;
	}
	
	form { /* modifies the forms on the estimate page*/
		text-align: left;
		text-indent: 0;
	}

	h1 { 
		margin: 0.5em; 
		font-family: 'Garamond', 'Verdana', 'Tahoma', 'Georgia';}

	h3 {
		font-family: 'Garamond', 'Verdana', 'Tahoma', 'Georgia';
		text-align: left;
		margin: 0.2em;
	}

	

	a.thumb:link {color:#5f3b18; border:1px #5f3b18; }     /* unvisited link */

	a.thumb:visited {color:#000; border:1px #000;}  /* visited link */

	a.thumb:hover {color:#39b44a; border:1px #39b44a;}   /* mouse over link */

	a.thumb:active {color:#FFF; border:1px #FFF;}   /* selected link */

	p { padding-bottom: 10px;}

	p:first-letter {
	font-size:1.1em;
	}

/*	ID	*/

	#confirmation {
		background-color: #5f3b18;
		border: medium dashed #000;
		color: #fff;
		margin: 100px;
		padding: 20px 125px 20px;
		text-align: center;
		vertical-align: middle;
	}

	#content {
		background: #77bfbb;
		font-family:verdana, sans-serif;
		height: 500px;
		overflow: auto;
		text-align: right;
		vertical-align: top;
		font-size:1.5em;
	}

	#detail_box {
		float: left;
		height: 400px;
		line-height: 0;
		padding: 0;
		width: 200px;
	}

	#footnote {
		font-family: 'Georgia', 'Garamond', 'Verdana', 'Tahoma', 'Georgia';
		font-size: 1.2em;
		padding-top: 10px;
		position: relative;
		text-align: center;
		width: 100%;
		word-spacing: 10px;
	}

	#gallery {
		float: left;
		height: 402px;
		text-indent: 0;
		padding: 0;
		text-align: center;
		vertical-align: top;
		width: 510px;
	}

	#logo {/* aligns the cakes unlimited logo correctly in nav bar*/
		border: 0;
		float: left;
		height: 20px;
		width: 224px;
	}

	#nav { /* Brown nav bar at bottom of rap*/
		text-align: right;
		clear: left;
		color: white;
		font-size: 1.5em;
		background: #5f3b18;
		width: 860px;
		margin: 0;
		overflow: hidden;
		padding: 20px;
		text-align: right;
	}

	#navcontainer { /* Navigation Sidebar */
		border-right:1px dashed;
		float: left;
		height:200px;
		line-height:1.5em;
		padding: 0;
		margin:10px;
		text-align: center;
		width: 120px;
	}

	#navcontainer a {
		padding-left:5px;
		text-decoration: none;
		border-bottom:1px dotted;
	}

	#navcontainer ul { 
		list-style-type: none;
		margin: 0;
		padding: 0;
	 }

	#navcontainer li li a {
		padding-left: 10px;

	}


	#outer_rap { /* This is the "holder." It keeps the container, and nav together in the center of the screen*/
		background: url('http://www.opsis-web.com/CU/images/floral.jpg') repeat center;
		clear: both;
		margin-left: auto; /* margin-left and -right are a work-around for a rendering issue in FF */
		margin-right: auto;
		margin-top: 50px;
		padding:50px;
		width:900px;
	}

	#rap { /* This is the "holder." It keeps the container, and nav together in the center of the screen*/
		clear: both;
		margin-left: auto; /* margin-left and -right are a work-around for a rendering issue in FF */
		margin-right: auto;
		width:900px;
	}

	#selection {
		float: left;
		line-height: 0;
		padding: 0;
		width: 180px;
	}

	#text { /* Actual page contents will go in this box*/
		margin:10px;
		line-height: 1.5em;
		text-align:left;
		text-indent: 2em;
		vertical-align: middle;
	}


/*	CLASS	*/

	img.atta_girl {
		margin-left:auto;
		margin-right:auto;
		width: 600px;
	}

	img.full {
		border: 1px solid #000;
		float: left;
		height: 400px;
		left: 0px;
		margin: 0;
		padding: 0;
		width: 300px;
	}

	img.detail {
		border: 1px solid #000;
		height: 200px;
		margin: 0;
		padding: 0;
		width: 200px;
	}

	img.thumb {
		height: 80px;
		margin: 10px;
		padding: 0;
		width: 80px;
	}

	img.navpic {border: 0;}


	.ingr {
		float: left;
		margin:5px;
		text-align: left;
	}
	
	.ingr ul {list-style: none}

	.display_left { /* This places any element flush to the left*/
		margin-right:10px;
		left: 0;
		text-align: left;
		float: left;
	}

	.display_right { /* This places any element flush to the right*/
		margin-left:10px;
		right: 0;
		text-align: right;
		float: right;
	}