/*Padding adds to width! If you have an element that is 200px wide, then add padding of 10px to each side, that element is now 220px.  Not so with margins!
padding is inside the border, margin outside them

#############################    COLORS    ##################################
COLORS
Aqua		F58B3F

*/



/*#############################    GLOBALS    ##################################*/
a {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #95b4c7;
}
h1, h2, h3, h4 {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #CCCCCC;
	font-weight: bold;
}
h1 {
	margin: 0px 0px 5px;
	padding: 0px 0px 5px 35px;
	font-size: 14px;
	color: #ffffff;
	border-bottom: 1px dotted #56585D;
	text-transform: uppercase;
	background: url(images/h1bullet.png) no-repeat left;
}
h2{
	margin: 0px 0px 5px;
	padding: 0px 0px 5px;
	font-size: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
}
h3{
	margin: 10px 0px 2px;
	color: #FFFFFF;
	text-transform: uppercase;
}

/*#############################    PAGE STRUCTURE    ##################################*/

/*GLOBAL*/
html{width:100%; height:100%; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; color:#A2E4FC; margin-top:0px;}
body{width:100%; height:100%; min-width:940px; min-height:860px; text-align:center; background:#85d7f7 url(../images/bg.gif) repeat-x center -84px;margin-top:0px;}

/* MAIN LAYOUT */
#page {
	position:relative;
	z-index:10;
	width: 1000px;
	margin : 0px auto;
	clear: both;
	text-align: left; /*stupid ie*/
}

#header {
	clear: both;
	height: 40px;
	/*background: url(images/ck-page-header.png) no-repeat center;*/
	padding: 0px;
	margin:0px;
	width: 1000px;
}
#content {
	padding: 20px 0px 10px 0px;
	margin: 0px;
	clear: both;
}
#content .cola {
	float: left;
	width: 240px;
	margin: 0px;
}
#content .cola-home {
	float: left;
	width: 600px;
	margin: 0px;
}
#content .colb-home {
	float: right;
	width: 360px;
	margin: 0px;
	padding-right:20px;
}
#content .colb {
	float: right;
	width: 740px;
	margin: 0px;
}
#sectioncontainer {
	/*background: url(images/b30.png) repeat;
	background-position: 10px 40px;*/
}
#sectionheader {
	background: url(images/ck-section-header.png) repeat;
	height:25px;
	color:#454545;
	font-weight: bold;
	padding-top:3px;
	padding-left:18px;
}
#sectionheader .light {
	color:#a0a0a0;
}
#section {
	background: url(images/b30.png) repeat;
	position:relative;
	padding: 10px;
}
#sectionfooter {
	background: url(images/ck-section-footer.png) repeat;
	margin-bottom:20px;
	height:4px;
}

/*#############################    DECORATION    ##################################*/
#pagebottomfade {
	position:fixed;
	background-repeat: repeat-x;
	background-image: url(images/ck-pagebottomfade.png);
	background-attachment:scroll;
	bottom: 0px; 
	left: 0px; 
	height: 100px;
	width:100%;
	z-index:1;
}
#circle1 {
	position:fixed;
	background-repeat: no-repeat;
	background-image: url(images/circle.png);
	top: 10px; 
	left: 100px; 
	z-index:2;
	width:720px;
	height:720px;
	overflow:hidden;
}
#circle2 {
	position:absolute;
	top: 200px; 
	right: 100px; 
	z-index:2;
	overflow:hidden;
}
#circle3 {
	position:absolute;
	top: 100px; 
	right: 50px; 
	z-index:2;
	overflow:hidden;
}

/*#############################    LINKS    ##################################*/

#links {
	clear: both;
	float:right;
	margin-top: 0px;
	text-align: center;
}
#links ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
}
#links li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#links li a {
	color:#ffffff;
	text-decoration:none;
	padding: 0px 30px;
	border-left: 1px solid #ffffff;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
	text-transform: lowercase;
	}
#links li a:hover {
	color: #F58B3F;
	text-decoration:none;
	}
#links .first a {
	border-left-style: none !important;
}



.blogtitle {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight: bold;
	margin: 10px 0px 0px;
	font-size: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
}

img.right {
	float:right;
	padding: 5px;
	clear:right;
}
img.left {
	float:left;
	padding: 5px;
	clear:left;
}
.linespace {
	clear: both;
	margin: 2px 0px 2px 0px;
	font-size: 8px;
}
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 8px;
}
.clearright {
	clear:right;
}
.clearleft {
	clear:left;
}

/*#############################    FORMS    ##################################*/

form{margin:0;}
textarea, input {
	border: 0px solid #F58B3F; margin:0px 0px 0px 0px; padding:3px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
	text-align:left;
	clear: none;
	background: url(images/b30.png) repeat;
	color:#ffffff;

}
select {
	border: 0px solid #F58B3F; margin:0px 0px 0px 0px; padding:3px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
	color:#ffffff;
	background: url(images/b30.png) repeat;
	width:100%;
}
.buttonholder {
	width:100px;
	float:right;
}
input.btn{
	border:0; margin:0px; padding:0px;
	cursor: pointer;
	width:100px;
	height:25px;
	background: url(images/ck-button-small.png) no-repeat center;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
button {
	border:0; margin:0px; padding:0px;
	cursor: pointer;
	width:100px;
	height:25px;
	background: url(images/ck-button-small.png) no-repeat center;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}

/* colors -------------------------------------------------------------------------*/
.menuselected {
	color: #F58B3F;
	font-size:18px;
}
.lightgreen {
	color: #F58B3F;
	font-weight: bold;
}
.faintgreen {
	color: #daefc3;
}



/*#############################    CONTENT    ##################################*/


#albumdescription {
	float: left;
	width: 245px;
	margin: 0px 10px 0px 0px;
}

/* list with bullet image --------------------------------------------------------- */

ul.arw {
	list-style-position: outside;
	margin: 0px;
	padding: 0px 0px 0px;
	list-style-type: none;
	font-weight: normal;
}
ul.arw li {
	margin: -1px;
	padding: 0px 0px 0px 10px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	text-transform: capitalize;
} 
	ul.arw li.favorite {
		background-image: url(images/bullet_red.png);
	}
	ul.arw li.good {
		background-image: url(images/bullet_yellow.png);
	} 
	ul.arw li.new {
		background-image: url(images/bullet_blue.png);
	}
	ul.arw li.meh {
		background-image: url(images/bullet_meh.png);
	}
ul.arw li a{
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
ul.arw li a:hover{
	color: #F58B3F;
	text-decoration: none;
	font-weight: normal;
}

/*RECIPE----------------------------------------------------------------------------------------------*/

#recipecontainerheader {
	width: 740px;
	background: url(images/ck-recipe-header.png);
}
#recipecontainer {
	width: 700px;
	padding: 0px 20px 0px 20px;
	background: url(images/b50.png) repeat;
}
#recipecontainerfooter {
	height:30px;
	width: 740px;
	background: url(images/ck-recipe-footer.png);
}
#recipeuploadstatus {
	width: 700px;
	padding: 5px 20px 5px 20px;
	background: #111111;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
}
	#recipeuploadstatus .recipeuploadgood {
		background: url(images/b50.png) repeat;
		color: #F58B3F;
	}
	#recipeuploadstatus .recipeuploadbad {
		background: url(images/b50.png) repeat;
		color: red;
	}
#rating {
	float:left; 
	WIDTH: 50px;
	margin: 0px;
}
#season {
	float:right; 
	width: 50px;
	margin: 0px;
}
#recipetitle {
	float:left;
	WIDTH: 600px;
	FONT-SIZE: 18px; 
	font-weight: bold;
	margin: 0px 0px 2px;
	color: #F58B3F;
	text-transform: uppercase;
}
#cookbook {
	FONT-SIZE: 10px; 
	FONT-WEIGHT: normal; 
	TEXT-TRANSFORM: uppercase; 
	color: #cccccc; 
	LINE-HEIGHT: 20px; 
	LETTER-SPACING: 0.5em; 
	PADDING-BOTTOM: 2px;
}
#recipecola {
	FLOAT: left;
	WIDTH: 260px;
	margin: 0px 10px 0px 0px; 
	FONT-SIZE: 12px;
}
#recipecolb {
	WIDTH: 400px; 
	FLOAT: right; 
	FONT-SIZE: 12px; 
}
#recipepicture {
	margin: 0px 0px 20px 0px; 
}
.recipeheader {
	FONT-SIZE: 22px; 
	color: #F58B3F; 
	TEXT-TRANSFORM: lowercase; 
	margin: 10px 0px 10px 0px; 
	border-bottom: #F58B3F 2px dotted;
}
.uploadheader {
	FONT-SIZE: 16px; 
	text-align:right;
	color: #ffffff; 
	TEXT-TRANSFORM: lowercase; 
	font-weight:bold;
	margin: 0px 0px 6px 0px; 
	border-bottom: #F58B3F 1px dotted;
	clear:both;
}

/* Footer ------------------------------------------------------------------------------------------------------------------------------------ */
#footer {

	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	/*background: url(images/footer-line.gif) repeat-x top;*/
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 11px;
}
#footercontent {
	width: 730px;
	height:100%;
	margin: 0px auto;
	text-align: center;
}
#footer a {
	color: #999999;
	text-decoration: none;
}
#footer a:hover {
	color: #ffffff;
}