/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
	TEMPLATE NAME:		HigherGround
   TEMPLATE CODE: 	S-0014
   VERSION:          1.1   
	LAST MODIFIED:    January-12-2008       	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* {
outline:0;
margin:0;
padding:0;
}

body {
background:#CCC;
font:70%/1.5em Verdana, Tahoma, arial, sans-serif;
color:#666;
text-align:center;
margin:15px 0;
}

a,a:visited {
color:#5A93C9;
background:inherit;
text-decoration:none;
}

a:hover {
color:#88ac0b;
background:inherit;
text-decoration:underline;
}

h1,h2,h3 {
font-family:'Trebuchet MS', Tahoma, Sans-serif;
font-weight:Bold;
}

h1 {
font-size:190%;
font-weight:400;
color:#555;
}

h2 {
font-size:130%;
text-transform:uppercase;
color:#88ac0b;
}

h3 {
font-size:130%;
}

h1,h2,h3,p {
margin:0;
padding:10px;
}

ul,ol {
margin:5px 20px;
padding:0 20px;
}

ul {
list-style:none;
}

img {
background:#FAFAFA;
border:1px solid #DCDCDC;
padding:5px;
}

img.float-right {
margin:5px 0 10px 10px;
}

img.float-left {
margin:5px 10px 10px 0;
}

code {
text-align:left;
display:block;
overflow:auto;
font:500 1em/1.5em 'Lucida Console', 'courier new', monospace;
background:url(post.jpg);
border:1px solid #E0DBC9;
margin:5px 0;
padding:10px;
}

acronym {
cursor:help;
border-bottom:1px dashed #777;
}

blockquote {
background:url(post.jpg);
border:1px solid #E0DBC9;
font:bold 1.3em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;
color:#A89A6A;
margin:10px;
padding:0 0 0 25px;
}

table {
border-collapse:collapse;
margin:10px;
}

th strong {
color:#fff;
}

th {
background:#93BC0C url(nav.jpg) repeat-x;
height:29px;
padding-left:12px;
padding-right:12px;
color:#FFF;
text-align:left;
border-left:1px solid #B6D59A;
border-bottom:solid 2px #FFF;
}

tr {
height:30px;
}

td {
padding-left:11px;
padding-right:11px;
border-left:1px solid #E8E8E8;
border-bottom:1px solid #DFDFDF;
}

td.first,th.first {
border-left:0;
}

tr.row-a {
background:#F8F8F8;
}

tr.row-b {
background:#EFEFEF;
}

form {
border:1px solid #D5D5D5;
background-color:#DFDFDF;
margin:10px;
padding:0 5px;
}

label {
display:block;
font-weight:700;
margin:5px 0;
}

input {
border:1px solid #eee;
font:normal 1em Verdana, sans-serif;
color:#777;
padding:2px;
}

textarea {
width:400px;
font:normal 1em Verdana, sans-serif;
border:1px solid #eee;
height:100px;
display:block;
color:#777;
padding:2px;
}

input.button {
font:bold 12px Arial, Sans-serif;
height:24px;
color:#FFF;
background:#8EB50C url(nav.jpg) repeat-x 0 0;
border:none;
margin:0;
padding:2px 3px;
}

.searchform {
background-color:transparent;
border:none;
width:220px;
margin:0 0 0 3px;
padding:5px 0 10px;
}

.searchform p {
margin:0;
padding:0;
}

.searchform input.textbox {
width:130px;
color:#777;
height:18px;
border:1px solid #E5E5E5;
vertical-align:top;
padding:2px;
}

.searchform input.button {
width:60px;
height:24px;
vertical-align:top;
padding:2px 5px;
}

#wrap {
position:relative;
width:820px;
background:#CCC url(content.jpg) repeat-y center top;
text-align:left;
margin:0 auto;
}

#top-bg {
position:absolute;
width:820px;
height:19px;
background:#CCC url(top-bg.jpg) repeat-y center top;
top:0;
left:0;
z-index:2;
}

#content-wrap {
position:relative;
clear:both;
float:left;
width:790px;
background:#E8E8E8;
border-top:5px solid #FFF;
border-bottom:2px solid #D0D0D0;
margin-left:15px;
display:inline;
padding:0;
}

#header {
width:820px;
position:relative;
height:100px;
background:#CCC url(header-bg.jpg) repeat-y center top;
color:#FFF;
padding:0;
}

#header h1#logo-text a {
position:absolute;
font:bold 36px 'Trebuchet MS', Arial, Sans-serif;
letter-spacing:-1px;
color:#787676;
text-transform:none;
text-decoration:none;
top:25px;
left:30px;
margin:0;
padding:0;
}

#header h1#logo-text span {
color:#9A9696;
}

#header p#slogan {
position:absolute;
font:normal 12px 'Trebuchet MS', Arial, Sans-serif;
text-transform:none;
color:#838181;
top:67px;
left:95px;
margin:0;
padding:0;
}

#header #header-links {
position:absolute;
top:20px;
right:20px;
color:#838181;
font-size:10px;
}

#header #header-links a {
color:#838181;
text-decoration:none;
}

#header #header-links a:hover {
color:#444;
}

.pagelink:link {
text-decoration:underline;
}

.pagelink:hover {
height:15px;
width:15px;
background-color:#FFF;
padding:2px;
}

.pagelink:active {
color:#c00;
}

.pagelink:visited {
text-decoration:overline;
}

#cssselector {
position:absolute;
top:50px;
right:20px;
float:right;
}

#header-photo {
clear:both;
height:200px;
width:790px;
background:#FFF url(header-photo.jpg) no-repeat center center;
margin:0 auto;
}

#nav {
clear:both;
padding:0;
}

#nav ul {
float:left;
list-style:none;
background:url(nav.jpg) repeat-x;
width:790px;
text-transform:uppercase;
display:inline;
margin:0 0 0 15px;
padding:0;
}

#nav ul li {
display:inline;
margin:0;
padding:0;
}

#nav ul li a {
display:block;
float:left;
width:auto;
border-right:1px solid #899D00;
border-left:1px solid #A7D101;
border-bottom:none;
color:#FFF;
font:bold 13px/2.8em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-transform:uppercase;
text-decoration:none;
letter-spacing:1px;
margin:0;
padding:0 14px;
}

#nav ul li a:hover,#nav ul li a:active {
background:url(nav-hover.jpg) repeat-x;
}

#nav ul li#current a {
background:url(nav-current.jpg) repeat-x;
}

#main {
float:left;
width:67%;
display:inline;
margin:0 0 0 10px;
padding:20px 0 0;
}

#main h2 {
font:normal 1.9em 'Trebuchet MS', Tahoma, Sans-serif;
color:#85970C;
text-transform:none;
padding:10px 0 0 10px;
}

#main h2 a {
color:#85970C;
text-decoration:none;
}

#main ul li {
list-style-image:url(bullet.gif);
}

#sidebar {
float:right;
width:27.5%;
margin:0;
padding:20px 10px 0 0;
}

#sidebar h3 {
font:bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
color:#8C9F0D;
padding:5px;
}

#sidebar ul.sidemenu {
text-align:left;
text-decoration:none;
background:url(dots.jpg) repeat-x left top;
margin:7px 4px 8px 0;
padding:0;
}

#sidebar ul.sidemenu li {
list-style:none;
background:url(dots.jpg) repeat-x left bottom;
color:#8F8F8F;
margin:0 2px;
padding:4px 0 4px 5px;
}

* html body #sidebar ul.sidemenu li {
height:1%;
}

#sidebar ul.sidemenu li a {
text-decoration:none;
background-image:none;
color:#666;
}

#sidebar ul.sidemenu li a:hover {
color:#1773BC;
}

#sidebar ul.sidemenu ul {
margin:0 0 0 5px;
padding:0;
}

#sidebar ul.sidemenu ul li {
background:none;
}

#footer-wrap {
clear:both;
width:820px;
font-size:95%;
text-align:left;
background:url(footer-bottom.jpg) no-repeat center bottom;
padding:15px 0;
}

#footer-wrap a {
text-decoration:none;
color:#666;
font-weight:700;
}

#footer-wrap a:hover {
color:#000;
}

#footer-wrap p {
padding:10px 0;
}

#footer-wrap h3 {
color:#666;
text-transform:uppercase;
margin:0;
padding:0 10px;
}

#footer-columns {
color:#888;
width:760px;
margin:0 auto;
padding:0;
}

#footer-columns ul {
list-style:none;
background:url(footer-dots.jpg) repeat-x left top;
margin:10px 0 0;
padding:0;
}

#footer-columns li {
background:url(footer-dots.jpg) repeat-x left bottom;
}

#footer-columns li a {
display:block;
font-weight:400;
width:96%;
padding:4px 0 4px 10px;
}

#footer-columns .col3,.col3-center {
float:left;
width:32%;
}

#footer-columns .col3-center {
margin:0 15px;
}

#footer-bottom {
clear:both;
color:#666;
width:820px;
text-align:center;
margin:0 auto;
padding:10px 0;
}

.post-footer {
background:url(post.jpg);
font-size:95%;
color:#AEA471;
border:1px solid #E0DBC9;
margin:5px 10px 10px;
padding:5px;
}

.post-info {
font-size:.95em;
margin-left:2px;
color:#888;
padding:0 10px;
}

.float-left {
float:left;
}

.float-right {
float:right;
}

.align-left {
text-align:left;
}

.align-right {
text-align:right;
}

.clear {
clear:both;
}

.quote {
font-style:italic;
font-size:12px;
}

#pubbox {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#666;
background-color:#FFF;
height:151px;
width:151px;
border:2px solid #ccc;
margin:5px;
padding:5px;
}

.vcard p,div.bubble p {
margin:0;
}

.adr {
margin-bottom:0.5em;
}

.bubble {
width:300px;
}

.Event {
float:left;
border:#85970C 1px solid;
height:60px;
width:100%;
padding:5px;
}

.post-footer .date,.post-footer a.comments,.post-footer a.readmore {
margin:0 10px 0 5px;
}

#cm_map img,#themap img {
background-color:transparent;
}