/*	-------------------------------------------------------------
Table of Contents
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
/*
	
	1. Body
	2. Facielities
	3. Links / Menu
	4. Colors
	5. Layout

*/

@import url(reset.css);


/*	-------------------------------------------------------------
1. =BODY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html,
body {
	margin:0;
	padding:0;

}

body {
    font-family: "Arial", "Tahoma", "Verdana", sans-serif; 
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	background: #f7e2c5 url(../img/bg.jpg) 0 0 repeat;
;
}


/* = 2. Facielities
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.clear {
	clear:both;
}

.left {
	float:left:
}

.right: {
	float:right;
}

.hide {
	display:none;
}


/* = 3. Links / Menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


a {

}

a:hover {
}

a:active {
}









#midground {
	text-align:center;
	overflow: hidden;
    width: 100%;
    background: url(../img/bg-gradient.png) repeat-x;
    position: absolute;
    top:0;
    left: 0;
    min-height: 800px;
    height:auto;
    z-index: -1;

}

	/* for IE*/
	/*\*/
	* html #midground {
		height: 800px;
	}
	/**/


#foreground {
	overflow: hidden;
	position: absolute;
	top:0px; left: 0;
	width: 100%;
	min-height: 400px;
    height:auto;
    z-index: 2;
    background:transparent url(../img/main-graphic.png) 50% 0% no-repeat; 

}

	/* for IE*/
	/*\*/
	* html #foreground {
		height: 400px;
	}
	/**/

#donut {
	width: 201px;
	height: 133px;
	background: url(../img/cakes.png) 0 0 no-repeat;
	position:absolute;
	top:220px;
	right: 150px;
	z-index: 10;
	text-indent: -9999em;
}

#container {
	width: 990px;
	position: relative;
	height: auto;
	min-height: 500px;
	margin: 0 auto;
}

	/* for IE*/
	/*\*/
	* html #container {
		height: 500px;
	}
	/**/


/* = . Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#header {

}


#logo {
	overflow: hidden;
	z-index: 10;
	position: absolute;
	top:100px;
	right: 50px;
	display: block;
	text-indent: -9999em;
	width: 382px;
	height: 111px;
	background:transparent url(../img/logo.png) 0 0 no-repeat;
}

#header h1, #header h2 {
	text-indent: -9999em;
}


.content-position {
	width: 990px;
	position: relative;
	top:250px;
}


#content {
	width: 767px;
	float: left;
	text-align: left;
}

	#content-top {
		width: 767px;
		height: 61px;
		background: transparent url(../img/layout-top.png) 0 0 no-repeat;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	
	#content-main {
		width: 767px;
		background: transparent url(../img/layout-bg.png) 2px 0 repeat-y;
		overflow: hidden;
		text-align: left;

	}
	
	#content-bottom {
		width: 767px;
		height: 61px;
		background: transparent url(../img/layout-bottom.png) 0 0 no-repeat;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}



#sidebar {
	float: right;
	width: 223px;
	padding: 55px 0 0 0;
}


/* = . Post
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



#content-main ul {position:relative; list-style:disc; padding:5px 20px;}
#content-main ul li {display:block; padding:2px 0px 2px 12px;}
#content-main ol {padding: 5px 40px; list-style: decimal}
#content-main ol li {padding:2px 0px 2px 0px;}



.post {
	padding: 0 30px 40px 80px;
	width: 647px;
	position: relative;
	top:20px;

}

.date-picker {
	left: 0px;
	position: absolute;
	width: 59px;
	height: 68px;
	background: url(../img/date-picker.gif) 0 0 no-repeat;
	font-family: "Lucida Grande", "Calibri", Tahoma, sans-serif;
	font-style: italic;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px #8d1500;
	font-size: 26px;
	letter-spacing: -2px;
	text-align:left;
	padding: 10px 0px 0 11px;
	line-height: 24px;

}

.date-picker .month {
	font-size: 18px;
}



.title {

}


.title h1, .title h1 a {
	padding: 10px 0 0 0;
	font-family: "Lucida Grande", "Calibri", Tahoma, sans-serif;
	font-style: italic;
	color:#0b0b0b;
	font-size: 28px;
	letter-spacing: -3px;
	text-shadow: 1px 1px #ffffff;
	text-decoration: none;
}
.title h1 a:hover {
	color: #49382a;
}

.hr {
	padding: 0;
	margin: 0;
	height: 2px;
	width: 100%;
	background: url(../img/hr.gif) repeat-x;
}


.hr hr {
	display: none;
} 

.title h2 a {
	display: block;
	font-size: 21px;
	color: #252525;
	text-decoration: none;
}

.title h2 a:hover {
	color: #44372f;
	text-decoration: underline;
}


.title h2  {
	padding: 10px 0 0 0;
	font-family: "Lucida Grande", "Calibri", Tahoma, sans-serif;
	font-style: normal;
	color:#8a786d;
	font-size: 19px;
	letter-spacing: -1px;
	text-shadow: 1px 1px #ffffff;
	text-decoration: none;
	line-height: 25px;
}


.bullet {
	margin: 0px 3px 0px 4px;
    float: left;
	font:10px "Lucida Grande", "Calibri", Verdana, Arial, sans-serif;
    height: 17px;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
}


.bullet span {
    display: block;
    line-height: 11px;
    padding: 4px 0 5px 7px;
}

.brown-bg {color: #614d3c;background:#f6eee0 url(../img/a-right-link.gif) no-repeat scroll top right;}
.brown-bg:hover {color: #27190d;}

.brown-bg span {background: transparent url(../img/a-left-link.gif) no-repeat;}


.entry {
	position:relative;
	padding:10px 0 10px 0;
	clear:both;
	text-align: center;
}

.entry p {
	text-align: left;
	line-height: 20px;
}

.entry img.left, .entry img[align="left"], .entry img.right, .entry img[align="right"] {
	margin: 10px;
	border-right: 1px solid #d7d4cd; border-bottom: 1px solid #d7d4cd;  max-width:603px; background: #ffffff; padding: 10px;
}
.entry img {

	margin: 10px;
	border-right: 1px solid #d7d4cd; border-bottom: 1px solid #d7d4cd;  max-width:603px; background: #ffffff; padding: 10px;
}

.entry img.center {
}

.entry p a {
	text-decoration: none;
	font-weight: bold;
	color:#8b2e20;
}

.entry p a:hover {
	text-decoration:underline;
	font-weight: bold;
	color: #000000;
}


.more-link {
	float: right;
	padding: 0 10px 0 0;
}

.bullet2 {
	margin: 0px 3px 0px 4px;
    float: left;
	font:11px bold "Lucida Grande", "Calibri", Verdana, Arial, sans-serif;
    height: 23px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    color: #614d3c;background:#f6eee0 url(../img/a-right-link2.gif) no-repeat scroll top right;
}


.bullet2 span {
    display: block;
    line-height: 17px;
    padding: 4px 0 5px 10px;
    background: transparent url(../img/a-left-link2.gif) no-repeat;
}

.bullet2:hover {
	color:#000;
}



.color-gray {
	color: #9c8351;
}




/* = . Sidebar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#sidebar h3 {
	padding: 10px 0 15px 0;
	font-family: "Lucida Grande", "Calibri", Tahoma, sans-serif;
	font-style: italic;
	color:#0b0b0b;
	font-size: 26px;
	letter-spacing: -2px;
	text-shadow: 1px 1px #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #ddc5a5;
}

#sidebar ul {
	margin: 0;
	padding: 0;
}

#sidebar ul li {
	font-size: 13px;
	padding: 10px 0 10px 10px;
	line-height: 5px;
}


.special li {
	background: url(../img/a-link.gif) 0 0 no-repeat;
	padding: 0 0 0 10px;
}

#sidebar ul li a {
	text-decoration: none;
	color:#000;
}

#sidebar ul li a:hover {
	color:#70552e;
	border-bottom: 1px dotted #d0ba99;
}



#sidebar p {
	text-align: justify;
	line-height: 20px;
}

.twitter-link {
	padding: 10px 0 0 0;
}
.twitter-link a {
	display: block;
	width: 225px;
	height: 59px;
	background: url(../img/twiitter-link.gif) 0 0 no-repeat;
	text-indent: -9999em;
}





/* = . Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



#footer {
	position: relative;
	top:270px;
	width: 100%;
	background: url(../img/bg-footer.png) 0 0 repeat-x;
	height: 150px;
	font-size: 11px;
	color: #3c352c;
}

#footer .wrap {
	width: 990px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	position: relative;

}




#box-info {
	position:absolute;
	right: 0; top:-25px;
	width: 460px;
}

#box-info li {
	display: inline;
	list-style-type: none;
	padding:0 10px 0 10px;
}


#png-telephone {
	width:184px;
	height: 44px;
	background: url(../img/png-telephone.png) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -10000px;

}

#png-telephone:hover {
	background-position: 0 -44px;
}

#png-telephone {display: inline-block; text-indent: -10000px;}
#png-telephone, x:-moz-any-link {display:-moz-inline-box; padding:0px; position: relative; top:-10px; text-indent: -10000px;}
#png-telephone, x:-moz-any-link, x:default {display:inline-block; padding:0;position: relative; top:5px; text-indent: -10000px;}

#png-email {
	width:228px;
	height: 42px;
	background: url(../img/png-email.png) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -10000px;
}
#png-email:hover {
	background-position: 0 -42px;
}

#png-email {display: inline-block;}
#png-email, x:-moz-any-link {display:-moz-inline-box; padding:0px; position: relative; top:-10px; text-indent: -10000px;}
#png-email, x:-moz-any-link, x:default {display:inline-block; padding:0;position: relative; top:5px; text-indent: -10000px;}

#footer a.link {
	text-decoration: none;
	font-weight: bold;
	color:#8b2e20;
}

#footer a.link:hover {
	text-decoration: none;
	border-bottom: 1px dotted #816d45;
	font-weight: bold;
	color: #000000;
}