body {margin: 0; padding: 0; margin-top: 30px; font-family: Helvetica, arial, sans-serif; color: #7d7d7d;}

a:link {font-weight: 600; color: #333333; text-decoration: none;}

a:hover {font-weight: 600; color: #003200; text-decoration: underline;}

a:visited {font-weight: 600; color: #003200; text-decoration: none;}

.head {margin: auto; width: 960px; height: 60px;}

.logo {float: left; width: auto; height: auto; padding-top: 5px;}

.sign-in {float: right; margin-top: 15px; margin-right: 10px;}

.container {width: 960px; margin: auto; height: 500px; overflow: hidden;}

.header-bar {width: 100%; height: 70px; background: white; border-bottom: 1px solid gray;}

.header {width: 960px; margin: auto; height: auto;}

.search {width: 415px; height: 56px; margin-left: 170px; float: left;}

.search-box {width: 415px; background: url(../images/search-bg.gif) no-repeat; height: 56px; float: left;}

.search-box input {width: 280px; float: left; border: 0; margin: 0; padding: 0; height: 22px; margin-top: 18px; margin-left: 20px; font-size: 16px; }

.search-box-btn input {float: right; width: 81px; height: 34px; border: 0; padding: 0; margin: 0; margin-top: 12px; margin-right: 11px;}

.map {width: 100%; height: 400px; position: relative;}

#home-map {width: 100%; height: 400px;}

.grad-down {width: 100%; height: 45px; background: url(../images/grad-down.png) repeat-x; position: absolute; z-index: 1000;}

.grad-up {width: 100%; height: 45px; background: url(../images/grad-up.png) repeat-x; position: absolute; z-index: 1000; bottom: 0px;}

.front-page {width: 100%; height: auto; background: #e8e8e8; border-top: 1px solid white; overflow: hidden;}

.join-now {width: 960px; float: left; height: 50px; margin-top: 30px; overflow: hidden;}

.join-now h1 {font-size: 32px; font-weight: 400; color: #3c5010; margin: 0; padding: 0; text-shadow:0 1px 0 #FFFFFF; width: 700px; float: left; padding-top: 5px;}

.join-btn {float: right; width: 161px; height: 48px;}

.spacer {width: 960px; height: 2px; background: url(../images/spacer-line.gif) no-repeat; margin-top: 25px; margin-bottom: 25px; float: left;}

.column {width: 300px; float: left; height: auto; overflow: hidden;}

.col-where h2 {margin: 0; padding: 0; background: url(../images/tag-icon.png) no-repeat -15px -5px; width: 260px; padding-left: 40px; padding-top: 5px; height: 43px; float: left; font-size: 20px; font-weight: 300; text-shadow:0 1px 0 #FFFFFF;}

.col-what h2 {margin: 0; padding: 0; background: url(../images/speech-icon.png) no-repeat -6px -5px; width: 255px; padding-left: 45px; padding-top: 5px; height: 43px; float: left; font-size: 20px; font-weight: 300; text-shadow:0 1px 0 #FFFFFF;}

.col-photos h2 {margin: 0; padding: 0; background: url(../images/photo-icon.png) no-repeat -6px -5px; width: 255px; padding-left: 45px; padding-top: 5px; height: 43px; float: left; font-size: 20px; font-weight: 300; text-shadow:0 1px 0 #FFFFFF;}

.vertical-spacer {width: 2px; background: url(../images/vertical-spacer.gif) repeat-y; height: 500px; overflow: hidden; margin-left: 14px; margin-right: 14px; float: left;}



/* BLOG STYLES */

.blog-wrap {margin: auto; width: 960px; border: 1px solid #d6d6d6; -moz-border-radius: 10px;-webkit-border-radius:10px; height: auto; overflow: hidden;}

.blog-left {float: left; width: 280px; height: auto; overflow: hidden; background-color: transparent; padding: 20px; }

.blog-left h1 {float: left; font-size: 50px; padding: 0; margin: 0; font-weight:700; font-family: Harabara, sans-serif; color: #505050; width: 280px; margin-bottom: 20px;}

.blog-right {float: left; width: 639px; border-left: 1px solid #d6d6d6;}

.post-wrap {float: left; width: 599px; margin-bottom: 1px; padding:20px; height: auto; border-bottom: 1px solid #d6d6d6; background-color: #f7f7f7; overflow: hidden; position: relative; line-height: 1.4em;}

.toolbar {position: absolute; background: url(../images/toolbar.png) no-repeat; width: 127px; height: 31px; top: 10px; right: 10px;}

.post-wrap h2 {font-size: 20px; font-weight: normal; color: black; padding: 0; margin: 0; padding-bottom: 20px;}



/* SIGN IN STYLES AND ADMIN STYLES */


#admin-wrap {margin: auto; width: 960px; height: auto; overflow: hidden;}

.admin-head {width: 899px; background: #f6f6f6; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; padding-left: 30px; padding-right: 30px; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; margin-bottom: 1px; height: auto; overflow: hidden;}

.admin-head h1 { text-shadow:0 1px 0 #FFFFFF; margin: 0; padding: 0; font-weight: 500; font-size: 30px; color: #006300; float: left; width: 600px;}

.admin-content {width: 899px; background: #f6f6f6; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; overflow: hidden; padding: 30px;}

.admin-content-tabs {width: 899px; background: #f6f6f6; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -webkit-border-top-right-radius:10px; overflow: hidden; padding: 30px; float: left;}

.admin-left {float: left; width: 485px; height: auto; overflow: hidden; margin-right: 30px;}

.admin-left p {margin: 0; padding: 0;}

.admin-left form { margin: 0; padding: 0; height: auto; overflow: auto;}

.admin-left input {margin: 0; padding: 0; padding: 5px; height: 30px; overflow: auto; font-size: 16px; background-color: white; border: 1px solid #d6d6d6; margin-bottom: 15px; width: 473px; font-size: 24px;}

input.username {float: right; font-size: 24px; width: 260px; background-color: white; border: 1px solid #d6d6d6; font-weight: normal;}

input.submit-button {float: right; width: 161px; height: 48px; background-color: transparent; border: 0px; margin-right: 2px;}

form p {position: relative;}
 
form label {color:#2F495A; right:10px; position:absolute; top:13px; z-index:1000;}

textarea {width: 473px; padding: 0; margin: 0; padding: 5px; height: 150px; background-color: white; border: 1px solid #d6d6d6; margin-bottom: 15px; font-family: Helvetica, Arial, sans-serif; font-size: 13px;}

.username-title {float: right; width: auto; height: 30px; padding-top: 10px; margin-right: 30px; font-size: 24px; font-weight: 200; text-shadow:0 1px 0 #FFFFFF;}

.admin-right {float: left; width: 384px; height: auto; overflow: hidden;}

.admin-right h2 {font-weight: 300; font-size: 20px; margin: 0; padding: 0; padding-bottom: 15px; color: #009600; text-shadow:0 1px 0 #FFFFFF;}

.admin-right p {margin: 0; padding: 0; line-height: 1.4em; padding-bottom: 15px;}


/* ADMIN TABS */

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

#tabs li {
	width: auto; 
	float: left;
	padding: 20px;
	font-size: 16px;
	font-weight: 500px;
}

#tabs li a:link {
	text-decoration: none;
	color: #000;
	text-shadow: white 0px 1px 0px;
}

#tabs li a:visited {
	text-decoration: none;
	color: #000;
	text-shadow: white 0px 1px 0px;
}

#tabs li a:hover {
	text-decoration: none;
	color: #454545;
	text-shadow: white 0px 1px 0px;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

.ui-state-default {
	color: white;
	border-right: transparent 1px solid;
	border-bottom: transparent 1px solid;
}

.ui-state-hover {
	background: #e0e0e0;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	border-right: transparent 1px solid;
	border-bottom: transparent 1px solid;
	
}

.ui-state-focus {
}

.ui-state-active {
	background: #f6f6f6;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-right: #d6d6d6 1px solid;
	border-bottom: #f6f6f6 1px solid;
}

.ui-state-active a:link {
	color: black;
}

/* messages */
#message {margin: 5px 10px; padding: 4px; display:block;text-align:center;}
#message.error {background:#FFEBE8;border: 1px solid #CC0000;color:#CC0000;}
#message.success {border:solid 1px #349534; background:#C9FFCA;color:#008000;}

/* twitter */
.user {	margin:20px; background-color:#DDDDDD }	
.user img {	float:left; padding:5px; }
.name { font-weight:bold; }

/* default tables */ 
table {	width:100%; margin-bottom:10px; }
table tr th, table tr td { padding:5px 10px; }
table thead th { background:#006400 none repeat-x scroll bottom left; color:#ffffff; border-top:2px solid #93BFD8;}
table tr td { border-bottom:1px solid #93BFD8; }
th.header {cursor: pointer; font-weight: bold; border-right: 1px solid #dad9c7; margin-left: -1px;}
table tr:hover {background-color: rgb(240, 240, 240);color:#000;}