/* 
Copy from "style.css" into this file and make the changes HERE!
This makes it possible to upgrade the core system and theme without destroying your style changes.
*/
/* ********************************************** */
/* Default Styles and Hyperlinks */
/* ********************************************** */

@import "css/reset.css";

body {background: #e9dfaa; background-image: url(images/background.jpg); background-repeat: no-repeat; background-position: center top; font: 14px Georgia, Times, Serif; line-height: 1.5; color: #000;}
h1, h2, h3, h4, h5, h6 {margin: 0; font-family: Arial, Helvetica, Sans-serif; color: #000;}
h1 {font-size: 30px;} h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;}
p {margin: 0;}

/* URLs and Hyperlinks */
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
a:link, a:visited  { color: #333333; }
a:hover  {}

/* ********************************************** */
/* Navigation, Drop-Down Menus */
/* ********************************************** */

#navigation {text-transform: uppercase; font-size: 11px; position: relative; top: 158px; left: 233px; background:none; z-index:250;}
.nav, .nav ul {z-index: 100; margin: 0; padding-top: 5px; list-style: none; line-height: 1;}
.nav li {float: left; width: auto;}

/* Top Page Navigation */
#top_navigation {width: 550px;}
#top_navigation a:link, #top_navigation a:visited {display: block; z-index: 100; padding: 12px 20px 0 0; line-height: 10px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; color: #fff;}
#top_navigation a:hover {text-decoration: none; background-image: url(images/RIGHTsmall-flourish-roll_03.png); background-repeat: no-repeat; background-position: right;}
#top_navigation li ul {margin-top: 0px; border-top: 0px solid #d8d8d8;}
#top_navigation li ul a:link, #top_navigation li ul a:visited {padding: 0 0 0 10px;}
#top_navigation li ul a:hover {color: #000!important; background: #80cdcf;}

/* ********************************************** */
/* Social Networking Icons, WebKit*** */
/* ********************************************** */

#socialnetworking {margin:5px 0; width: 300px; position:relative; left: -230px; top:35px; z-index:200;}

ul.social_icons {margin: 0 auto !important; overflow: hidden;}
ul.social_icons img {position: absolute; left: 0; top: 0; border: 0;}
ul.social_icons .small {display: inline; top: 8px; left: 8px;}
ul.social_icons, ul.social_icons li {list-style: none; padding: 0; margin: 0;}
ul.social_icons li {width: 32px; height: 32px; float: left; line-height: 32px; text-align: center; position: relative;}

/*
ul.social_icons li img {-webkit-transition: opacity .5s linear; opacity: 0; vertical-align: middle;}
ul.social_icons li img.small {opacity: 1;}
ul.social_icons li:hover img{opacity: 1;}	
ul.social_icons li:hover img.small {opacity: 0;}
*/

/* ********************************************** */
/* Header, Logo, Search, Top Level */
/* ********************************************** */

#header {padding: 0px 0; clear: both; position: relative; top:-42px; left: -150px;}

/* Top Search Box */
#topsearch {width: 300px; line-height: 0;}
#topsearch #searchform_top {margin: 14px 0 0 0;}

/* ********************************************** */
/* Main Content Area */
/* ********************************************** */

#content {min-height: 550px; padding: 0;}
#html #content {height: 550px;}
#main {width: 620px;}

/* Full Width Content Area */
#main.fullwidth {width: 940px;}

/* ********************************************** */
/* Footer */
/* ********************************************** */

#footer {font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 0px; margin: 50px 0 0px 0; padding: 19px 0 19px 0; background-color: #007678; color: #fff; text-transform: uppercase;}
#footer a:link, #footer a:visited {color: #fff;}
#footer p {margin: 5px 0 0 0;}
#footer #credit img {vertical-align: middle;}
#footer #credit span {display: none;}


/* ********************************************** */
/* Posts, Post-Meta, Breadcrumbs */
/* ********************************************** */

.post {width: 700px; position: relative; top:-25px; left: -85px; margin: 0 0 45px 0; padding: 0 10px 55px 0; background-image: url(images/body-area-w-flourish_03.png); background-repeat: no-repeat; /*background-color:#e9dfaa;*/}

/* Post Title */
.post .title {width: 100%; position: relative; top: 55px; margin: 0; padding: 00; color: #007678; font-size: 32px; line-height: 32px; text-align: right;}
.post .title a:link, .post .title a:visited {color: #007678;}
.post .title a:hover {text-decoration: none;}

/* Post Meta */
.post-meta {width: 100%; position: relative; top: 62px; margin: 0 0 15px 0; padding: 0 0 10px 0; color: #000; border-bottom:0px solid #b0b0b0; text-align: right;}
.post-meta .the_author {font-style: italic;}
.post-meta .the_time {}
.post-meta .the_category {}
.post-meta .the_comment_link {}

/* ********************************************** */
/* Post Entry, Typographic Elements */
/* ********************************************** */
/* Paragraph Element */
.entry p {width: 580px; position: relative; top: 60px; margin: 0 0 15px 0; padding: 0 0 0 125px;}

/* ********************************************** */
/* Post Pagination */
/* ********************************************** */

/* Newer, Older Entries */
.more_entries {margin-top: 0px; padding: 10px 105px; background-color: #a18240; border: 0px solid #b0b0b0;}
.more_entries a {display: block; float: right; margin: 0 0 0 0; text-transform: uppercase; font-weight: bold; text-decoration: none;}

/* ********************************************** */
/* Widgets */
/* ********************************************** */

.widget {margin: 0 0 30px 0;}
.widget h3 {border-bottom: 0px solid #b0b0b0; margin: 0 0 -15px; padding: 10px 0; text-transform: uppercase; color: #00575c;}

/* Twitter for Wordpress */
#twitter-1 h3 {border: 0px solid #00575c; margin: 0 0 -5px; padding:30px 15px 5px 0; text-transform: uppercase; color: #FFF; text-align:right;}
#twitter-1 {border: 0px solid #00575c; padding: 0 15px 10px 15px; background:#007678; color:#FFF; background-image: url(images/tweety_06.png); background-repeat: no-repeat; font-family: Arial, Helvetica, Sans-serif;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#twitter-1 ul li {border-top: 1px solid #00575c; margin-top:5px;font-size: 11px;}

/* Twitter Widget Pro */
#twitter-2 h3 {border: 0px solid #00575c; margin: 0 0 -5px; padding:30px 15px 5px 0; text-transform: uppercase; color: #FFF; text-align:right;}
#twitter-2 {border: 0px solid #00575c; padding: 0 15px 10px 15px; background:#007678; color:#FFF; background-image: url(images/tweety_06.png); background-repeat: no-repeat; font-family: Arial, Helvetica, Sans-serif;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#twitter-2 ul li {border-top: 1px solid #00575c; margin-top:5px;font-size: 11px; color:#FFF;}

/* Twitter Widget Other */
#twitter.widget h3 {border: 0px solid #00575c; margin: 0 0 5px; padding:30px 15px 5px 0; text-transform: uppercase; color: #FFF; text-align:right;}
#twitter.widget {border: 0px solid #00575c; padding: 0 15px 10px 15px; background:#007678; color:#FFF; background-image: url(images/tweety_06.png); background-repeat: no-repeat; font-family: Arial, Helvetica, Sans-serif;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#twitter.widget ul li {border-top: 0px solid #00575c; margin-top:5px;font-size: 11px; color:#FFF;}
#twitter.widget li 

/* Unordered List */
.widget ul {clear: both;}
.widget ul li {}
.widget ul li a:link, 
.widget ul li a:visited {background: url(images/bullet.png) no-repeat 10px center; border-bottom: 1px solid #b0b0b0; display: block; padding: 0 0 0 25px; line-height: 30px; text-decoration: none; color: #666;}
.widget ul li a:hover {color: #333333; background: url(images/bullet_hover.png) no-repeat 10px center; font-weight: bold; }
.widget ul ul {padding: 0 0 0 15px; border-top: none;}

/* Recent Comments, Twitter Reset */
.widget_recent_comments li, #twitter li {border-bottom: 1px solid #b0b0b0; padding: 6px 0 6px 10px; line-height: 18px;}
.widget_recent_comments li a, #twitter a {color: #333333!important; display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important;}

/* Forms */
#searchform  {margin: 0px 0 0 0; color:#007678;}
#searchform h3 {font-size: 12px;}
input#s, input.field  { border: 1px solid #875b26; float: left; width: 216px; padding: 5px 0 5px 5px; background-color: #e2d082}
input#s:focus, input.field:focus  { border: 1px solid #333333; }
input.submit  { background-color: #333333; display:block; float: right; line-height: 17px; border: none; padding: 4px 5px; color: #fff; text-transform: uppercase; font-size: 12px; }
.widget .screen-reader-text  { display: none; }

