/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url(../images/img01.gif) repeat-x;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
}

h2 {
	font: 1.82em;
	font-weight: normal;
	letter-spacing: -1px;
	color: #84E003;
}

p, ol, ul {
	line-height: 1.67em;
}

a {
	color: #18BDF5;
}

a:hover {
	text-decoration: none;
}

hr {
	display: none;
}

/* Header */

#header {
	width: 778px;
	height: 160px;
	margin: 0px auto;
}

/* Logo */

#logo {
	float: left;
	padding: 40px 0 0 0;
}

#logo h1 {
	margin: 0;
	text-transform: lowercase;
	letter-spacing: -2px;
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-weight: Bold; 
	font-size: 3.6em;
	color: #FFFFFF;
	
}

#logo h1 a {
	padding-right: 20px;
	padding-top: 15px;
	background: url(../images/img02.gif) no-repeat right top;
	text-decoration: none;
	color: #FFFFFF;
}

#logo p {
	margin: -0px 0 0 0;
	text-transform: uppercase;
	font-size: 1.22em;
	letter-spacing: -1px;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Menu */

#menu {
	float: right;
}

#menu ul {
	margin: 0px;
	padding: 93px 0px 0px 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	margin-left: 20px;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 1.36em;
	color: #FFFFFF;
}

#menu a:hover, .active a {
	border-bottom: 3px solid #8AD9F3;
}

/* Page */

#wrapper {
	background: url(../images/img03.gif) repeat-x left bottom;
}

#page {
	width: 778px;
	margin: 0px auto;
	padding: 40px 0;
}

/* Content */

#content {
	float: left;
	width: 510px;
}

/* Post */

.post {
}

.post .date {
	float: right;
	width: 76px;
	height: 58px;
	margin: 0;
	padding-top: 0px;
	background: #18BDF5 url(../images/img07.gif);
	line-height: normal;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.post .date b {
	display: block;
	margin-top: -5px;
	font-size: 40px;
}

.post .title {
	margin: 0;
	padding: 20px 0 0 0;
	background: url(../images/img05.gif) repeat-x;
	font-size: 1.8em;
}

.post .meta {
	margin: 0 0 30px 0;
	padding: 0;
	color: #C6C6C6;
	line-height:normal;
}

.post .meta a {
	color: #C6C6C6;
}

.post .entry {
	padding-bottom: 30px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 240px;
}

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

#sidebar li {
	margin-bottom: 30px;
}

#sidebar li ul {
}

#sidebar li li {
	margin: 0;
	padding: 5px 0;
	background: url(../images/img05.gif) repeat-x left bottom;
}

#sidebar li li a {
	padding-left: 21px;
	background: url(../images/img06.gif) no-repeat 6px 50%;
}

#sidebar h2 {
	padding-left: 20px;
	
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

/* Calendar */

#calendar_wrap {
	padding: 0 21px;
}

#calendar caption {
	font-weight: bold;
}

#calendar table {
	width: 100%;
	border: 1px solid #E8E8E8;
}

#calendar thead {
	background: #E8E8E8;
}

#calendar tbody td {
	border: 1px solid #E8E8E8;
	text-align: center;
}

#today {
	font-weight: bold;
}

#prev {
}

#next {
	text-align: right;
}

/* Footer */

#wrapper2 {
	background: #18BDF5;
}

#footer {
	width: 778px;
	margin: 0 auto;
	padding-top: 30px;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}

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

#footer li {
	display: block;
	float: left;
	width: 240px;
	padding-left: 29px;
}

#footer li.first {
	padding-left: 0;
}

#footer li ul {
	margin: 0;
}

#footer li li {
	display: list-item;
	float: none;
	margin: 0;
	padding: 5px 0;
	background: url(../images/img10.gif) repeat-x left bottom;
}

#footer li li a {
	padding-left: 21px;
	background: url(../images/img09.gif) no-repeat 6px 50%;
}

#footer h2 {
	margin-top: 0;
	padding-left: 20px;
	background: url(../images/img08.gif) no-repeat left center;
	color: #FFFFFF;
}

#legal {
	clear: both;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	color: #FFFFFF;
}

#legal a {
	color: #FFFFFF;
}



.commentbox{
background-color: #ececec;
width: 450px;
padding: 10px;
}

.commentfooter{
background: url(../images/arrow.gif) 40px -5px no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}



a.boldbuttons{
background: #2ae;
background-image: url(shade.png); background-position: bottom;
display: block;
float: left;
font: bold 16px Arial; /* Change 13px as desired */
line-height: 30px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 40px; /* Height of button background height */
width: 180px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
text-align: center;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{

display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.boldbuttons1{
background: #FF0000;
background-image: url(shade.png); background-position: bottom;
display: block;
float: left;
font: bold 16px Arial; /* Change 13px as desired */
line-height: 30px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 40px; /* Height of button background height */
width: 180px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
text-align: center;

}

a:link.boldbuttons1, a:visited.boldbuttons1, a:hover.boldbuttons1, a:active.boldbuttons1{
color: white; /*button text color*/
}

a.boldbuttons1 span{

display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}


a:hover.boldbuttons1{ /* Hover state CSS */
text-decoration: underline;
}

a.boldbuttons2{
background: #FF6633;
background-image: url(shade.png); background-position: bottom;
display: block;
float: left;
font: bold 16px Arial; /* Change 13px as desired */
line-height: 30px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 40px; /* Height of button background height */
width: 180px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
text-align: center;

}

a:link.boldbuttons2, a:visited.boldbuttons2, a:hover.boldbuttons2, a:active.boldbuttons2{
color: white; /*button text color*/
}

a.boldbuttons2 span{

display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}


a:hover.boldbuttons2{ /* Hover state CSS */
text-decoration: underline;
}

a.boldbuttons3{
background: #4CC417;
background-image: url(shade.png); background-position: bottom;
display: block;
float: left;
font: bold 16px Arial; /* Change 13px as desired */
line-height: 30px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 40px; /* Height of button background height */
width: 180px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
text-align: center;

}

a:link.boldbuttons3, a:visited.boldbuttons3, a:hover.boldbuttons3, a:active.boldbuttons3{
color: white; /*button text color*/
}

a.boldbuttons3 span{

display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}


a:hover.boldbuttons3{ /* Hover state CSS */
text-decoration: underline;
}
#best {

font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-weight: Bold; 			
	color: #4CC417;	
	font-size: 24px;
	  }
table {
	border-collapse: collapse;
	margin: 0px 0px;		
}
th {
	height: 38px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;	
	
  
}
tr {
	height: 50px;
	
}
td {
	padding-left: 11px;
	padding-right: 11px;
	font-size: 22px;
}	
img {
	
   border: 0px solid #dcdcdc;
}
/* end - table */

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 210px;
}

.curlycontainer .innerdiv{
background: transparent url(../images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}