@import url('http://fonts.googleapis.com/css?family=Lato:300');
@import url('http://weloveiconfonts.com/api/?family=entypo');

body {
background:url(../images/flowers.jpg) repeat fixed center top;
font-family: georgia,sans-serif;
color:#1a1a1a;
margin:0;
padding:0;
}

h2 {
line-height:normal;
font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
color:#8c0606;	
}

#wrapper {
width:960px;
background-color:#f8f8f8; /** #f8f8f8 **/
background:url(../images/white_leather_web1.jpg) repeat scroll center top;
margin: 0 auto;
}

#header {
width:960px;
height:80px;
margin:0 auto;
}

#nav {
width:960px;
height:40px;
border-bottom:4px solid #00b3b3; /** teal color is #008080 **/
}

.contentbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	height:29px;
	line-height:30px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	padding: 4px;
}
.contentbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.contentbutton:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */

#wrapper a {
text-decoration:none;
color:#8c0606;	
}

#wrapper a:hover {
color:#332a1a;	
}

#column1 {
float:left;
width:306px;
padding:10px;
line-height:normal;
}

#column2{
float:right;
width:632px;
line-height:normal;
}

#column2-1{
float:left;
width:294px;
padding:10px;
}

#column2-2{
float:right;
width:294px;
padding:10px;
}

#contenttable {
width:100%;
line-height:normal;
border-collapse:collapse;
}

#contenttable td {
padding:10px;	
}

#tablehead {
color: #8c0606;
}

#tablehead td {
padding-left: 10px;
font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
font-size:30px;
}

#sidebar {
width:200px;
float:right;
margin-bottom:25px;
}

#sidebar a {
text-decoration:none;
}

#sidebar li {
list-style:none;
}

#footer {
clear:both;
color:#fff;
width:960px;
height:135px;
border-top:4px solid #493D26;
background:url(../images/flowers_coffee.jpg) repeat scroll center top;
}

#footer p {
padding:10px;
}

#footer a {
color:#fff;
text-decoration:none;	
}

#footer a:hover {
color:#CCC;
text-decoration:none;	
}

.social {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 10px;
  line-height: 30px;
  font-family: Entypo;
  font-size: 16px;
  text-align: center;
  color: #bbb;
  border-radius: 50%;
  background: #eee;
  overflow: hidden;
  transition: color .3s;
}

.social:hover {
  color: #59d;
  cursor: pointer;
}

.social {
    text-shadow: rgb(226, 226, 226) 1px 1px,
    rgb(227, 227, 227) 2px 2px,
    rgb(227, 227, 227) 3px 3px,
    rgb(228, 228, 228) 4px 4px,
    rgb(229, 229, 229) 5px 5px,
    rgb(229, 229, 229) 6px 6px,
    rgb(230, 230, 230) 7px 7px,
    rgb(230, 230, 230) 8px 8px,
    rgb(231, 231, 231) 9px 9px,
    rgb(232, 232, 232) 10px 10px,
    rgb(232, 232, 232) 11px 11px,
    rgb(233, 233, 233) 12px 12px,
    rgb(233, 233, 233) 13px 13px,
    rgb(234, 234, 234) 14px 14px,
    rgb(235, 235, 235) 15px 15px,
    rgb(235, 235, 235) 16px 16px,
    rgb(236, 236, 236) 17px 17px,
    rgb(236, 236, 236) 18px 18px,
    rgb(237, 237, 237) 19px 19px,
    rgb(238, 238, 238) 20px 20px;
}
/**** Sticky Notes ****/
.sticky{
height:150px; 
width:22%; 
float:left; 
margin:8px;
padding:6px;  
line-height:normal;
}

/* Easy clearing of floats (see http://positioniseverything.net/easyclearing.html) */
.cf:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:" ";
	font-size:0;
}
/* Does not validate – use conditional comments for this bit if you want valid CSS */
.cf {*zoom:1;}