/* 
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 */
/* ********************************************** */
body {background: url("images/custom/pagebackground.jpg") repeat-y fixed center top #e6f5f9; font: 14px Georgia, Times, Serif; line-height: 1.5; color: #000;}

/* 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: #3399cc; }
a:hover  { color: #99cc33; }

/* ********************************************** */
/* Navigation, Drop-Down Menus */
/* ********************************************** */

#navigation {text-transform: uppercase; font-size: 11px; background-color: #0b4363; margin: 0;}
.nav, .nav ul {z-index: 100; margin: 0; padding-top: 5px; list-style: none; line-height: 1;}
.nav li {float: left; width: auto;}

/* Drop-Down Menus */
.nav li ul {position: absolute; left: -999em; width: 160px;}
.nav li ul li {border: 1px solid #d8d8d8; background: #FFF; border-width: 0 1px 1px;}
.nav li ul li a {width: 148px; line-height: 25px!important; font-size: 11px; color: #555!important; padding: 10px 0 0 10px;}
.nav li ul ul {margin: -30px 0 0 158px!important;}
.nav li ul ul li a {}
.nav li ul li ul li a {}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul, .nav li.sfhover ul ul ul ul {left: -999em;}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul, .nav li li li li.sfhover ul {left: auto;}
.nav li:hover,.nav li.hover {position:static;}

/* Top Page Navigation */
#top_navigation {width: 450px;}
#top_navigation a:link, #top_navigation a:visited {display: block; z-index: 100; padding: 12px 20px 0 0; line-height: 5px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; color: #fff;}
#top_navigation a:hover {text-decoration: underline;}
#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: #d8d8d8;}

/* ********************************************** */
/* Header, Logo, Search, Top Level */
/* ********************************************** */
#header {margin-bottom:10px; padding: 0px 0px; clear: both; position: relative;}

/* ********************************************** */
/* Twitter Tools by Alex King - Widget */
/* ********************************************** */
.aktt_tweets li{
border-bottom: 1px solid #99cc33; padding: 0px 0 6px 0px!important; line-height: 18px;}

.aktt_tweets li a {color: #99cc33!important; display: inline!important; padding: 0!important; line-height: 18px!important; background: none!important; border: none!important;}

/* ********************************************** */
/* Posts, Post-Meta, Breadcrumbs */
/* ********************************************** */
/* Post Title */
.post .title {width: 100%; position: relative; margin: 0; padding: 0; color: #3399cc; font-size: 32px; line-height: 32px;}
.post .title a:link, .post .title a:visited {color: #3399cc;}
.post .title a:hover {color: #99cc33;text-decoration: none;}
.post, .more_entries, #comments, #respond  {-moz-border-radius: 10px; -webkit-border-radius: 10px; background: #ffffff; border:0.20em solid #99cc33;}

/* Post Meta */
.post-meta {width: 100%; position: relative; margin: 0 0 15px 0; padding: 0 0 10px 0; color: #000; border-bottom:1px solid #3399cc;}
.post-meta .the_author {font-style: italic;}
.post-meta .the_time {}
.post-meta .the_category {}
.post-meta .the_comment_link {}

/* Breadcrumbs */
#breadcrumb, .archive_header {font-family: Helvetica, Arial, sans-serif; display: block; margin: 10px 0; padding: 0 25px; font-size: 18px; font-weight: bold; color: #3399cc;}
#breadcrumb {font-size: 14px; font-weight: normal; padding: 0;}
.archive_header .catrss a {font-size: 14px; text-decoration: none; line-height: 28px;}

/* Post Image Thumb */
.post img.attachment-thumbnail {float: left; width: auto; border: 1px solid #b0b0b0; margin: 0 10px 10px 0;}

/* ********************************************** */
/* Post Entry, Typographic Elements */
/* ********************************************** */
/* Image */
.entry img  { border: 0px solid #fff; }
.entry .attachment-post-thumbnail {float: left; width: auto; border: 0px solid #6fa2b3; margin: 0 10px 10px 0;}

/* H1-H6 Elements */
.entry h1 {} .entry h2 {} .entry h3 {} .entry h4 {} .entry h5 {} .entry h6 {}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {color: #3399cc;margin: 0 0 15px 0;}

/* ********************************************** */
/* 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: transparent; color: #3399cc; text-transform: uppercase;}
#footer a:link, #footer a:visited {color: #3399cc; text-decoration:none;}
#footer a:hover { text-decoration: underline; }
#footer p {margin: 5px 0 0 0;}
#footer #credit img {vertical-align: middle;}
#footer #credit span {display: none;}

/* ********************************************** */
/* Author Information */
/* ********************************************** */
.author_info {position: relative; margin: 0 0 20px 0; padding: 20px 25px 0px; background-color: #e6f5f9; border: 1px solid #99cc33;}
.author_info .avatar {float: left; border: 1px solid #6fa2b3; margin: 0 10px 10px 0;}

/* ********************************************** */
/* Social Networking Icons, WebKit*** */
/* ********************************************** */

#socialnetworking {margin:5px 0;}

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;}
/* 
If you'd like to enable a cool WebKit roll-over "expand" functionality for your Social Media icons, uncomment the following. Then, rename the "socialnetworking.php" file to "socialnetworking_OLD.php" and rename the "socialnetworking-webkit.php" file to "socialnetworking.php"
*/

/*
ul.social_icons li img {-webkit-transition: opacity .5s linear; opacity: 0; vertical-align: middle;}
ul.social_icons li img.small {opacity: 0.5;}
ul.social_icons li:hover img{opacity: 1;}	
ul.social_icons li:hover img.small {opacity: 0;}
*/			

/* The following is for testing. Do not un-comment. */
/* ul.social_icons li:hover ~ li img {opacity: 1;} */

ul.social_icons li, ul.social_icons li img {float: right;}
ul.social_icons li strong {position: absolute; left: -9000px;}

/* ********************************************** */
/* WP-Pagenavi Styling */
/* ********************************************** */

.wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none;font-family:Arial,Sans-serif; border: 1px solid #3399cc; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.wp-pagenavi a:visited {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; font-family:Arial,Sans-serif; border: 1px solid;-moz-border-radius: 3px; -webkit-border-radius: 3px;}

.wp-pagenavi a:hover {border: 1px solid #99cc33; color: #000000; background-color: #FFFFFF;-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.wp-pagenavi a:active {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; font-family:Arial,Sans-serif;-moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #99cc33; color: #333333; background-color: #FFFFFF;}
.wp-pagenavi span.pages {padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: #3399cc; display: block; font-family:Arial,Sans-serif; background-color: #FFFFFF; margin-bottom: 0.5em; }
.wp-pagenavi span.current {padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; font-family:Arial,Sans-serif; border: 1px solid #99cc33; color: #000000; background-color: #FFFFFF; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.wp-pagenavi span.extend {padding: 2px 4px 2px 4px;	margin: 2px; border: 0px solid #000000;	color: #000000; background-color: #FFFFFF;}

.more_entries .wp-pagenavi {margin: 0; text-align: center;}
.more_entries .wp-pagenavi a:link, .more_entries .wp-pagenavi a:visited {display: inline; text-decoration: none!important; padding: 2px 6px!important; color: #3399cc;}
.more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi a:hover {background: #99cc33!important; color: #fff; padding: 2px 7px; font-weight: bold;}
.more_entries .wp-pagenavi .extend {background: none; color: #3399cc; border: none;}

/* ********************************************** */
/* Widgets */
/* ********************************************** */
.widget h3 {border-bottom:1px solid #99cc33;color:#99cc33;margin:0;padding:0px 0;text-transform:uppercase;}
#sidebar .widget {color:#3399cc;font-family:Arial,Sans-serif,Georgia;}
#sidebar .widget a {color:#3399cc !important;}
#sidebar .widget a:hover {color:#99cc33 !important;font-weight:normal;}
#sidebar .widget select {font-family:Arial,San-serif,Georgia,;font-size:0.9em;margin-top:1em;padding:0.3em;width:100%;}


/* Unordered List */
.widget ul {clear: both;}
.widget ul li {}
.widget ul li a:link, 
.widget ul li a:visited {background: url(images/custom/bullet.png) no-repeat 10px center; border-bottom: 0px solid #6fa2b3; display: block; padding: 0 0 0 25px; line-height: 20px; text-decoration: none; color: #6fa2b3;}
.widget ul li a:hover {color: #fff; background: url(images/custom/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 #3399cc; padding: 6px 0 6px 10px; line-height: 18px;}
.widget_recent_comments li a, #twitter a {color: #3399cc!important; display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important;}

/* Forms */
#searchform  {margin: 15px 0 0 0; }
input#s, input.field  { border: 1px solid #3399cc; float: left; width: 216px; padding: 5px 0 5px 5px;-moz-border-radius: 4px; -webkit-border-radius: 4px; }
input#s:focus, input.field:focus  { border: 1px solid #6fa2b3; }
input.submit  { background-color: #3399cc; display:block; float: right; line-height: 17px; border: none; padding: 4px 5px; color: #fff; text-transform: uppercase; font-size: 12px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.widget .screen-reader-text  { display: none; }

/* Flickr */
#flickr h3  {}
#flickr h3 span{color:#0061D8;}
#flickr h3 span span{color:#FF1183;}
#flickr .flickr_badge_image  { width: 75px; float: left; margin: 15px 34px 0 0; }
#flickr .pictures  { margin-right: -28px; }
#flickr a img  { border: #b0b0b0 1px solid; float: left; display: block;}
#flickr a:hover img  { border:#333333 1px solid; }

/* Text */
.textwidget  { padding: 10px 0; }

/* Calendar */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th  { color: #333333; }
#wp-calendar td{background:#b0b0b0; text-align:center;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}

/* Ads */
#sidebar .ads125 { border: 1px solid #3399cc; padding: 0 0 10px 15px; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.ads125 img  { margin: 15px 14px 0 0; }

/* ********************************************** */
/* Comments */
/* ********************************************** */

#comments {position: relative; margin: 0 0 20px 0; padding: 20px 25px 0px; background-color: #fff; border: 1px solid #99cc33;}
#comments h3 {margin: 0 0 20px 0;}
#comments .comment {margin-top: 10px; width: 100%; list-style-type: none;}
#comments .comment .comment-container {padding: 5px 0px; border-bottom: 1px solid #3399cc;margin: 0 0 10px 0;}
#comments .comment-head {margin: 0 0 15px 0;}

/* Styling for Authors */
.bypostauthor {}

/* Styling for Registered Users */
.byuser {}

/* Avatars */
#comments .comment-head .avatar {float: left;}
#comments .comment-head .avatar img {margin: 0 10px 0 0; vertical-align: middle; border: 1px solid #eee;}

/* Pre-Avatar */
.pre_comment_avatar {float: left; margin: 15px 10px 0 0; border: 1px solid #99cc33;}

/* Meta */
#comments .comment-head .name {display: block; margin: 0 0 -5px 0; font-weight: bold; font-size: 15px;}
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma {font-size: 11px;}
#comments .comment-entry p {margin: 0 0 10px 0;}

/* Replies */
#comments ul.children {margin: 10px 0 0 25px; padding: 0;}
#comments .cancel-comment-reply a, #comments .comment-reply-link {text-transform: uppercase; font-family: helvetica, arial, sans-serif; font-weight: bold; text-decoration: underline; font-size: 11px;}
.cancel-comment-reply {float: left;}

/* Navigation */
#comments .navigation {}
#comments .navigation a {display: block; margin: 15px 0 0 0; text-decoration: none;}
#comments .navigation a:hover {}

/* Pingbacks, Trackbacks */
#pings {margin: 0 0 20px 0; padding: 20px 25px 0px; background-color: #fff; border: 1px solid #99cc33;}
#pings h3 {margin: 0 0 20px 0;}
.pinglist li {margin: 0 0 0 20px; list-style-type: decimal;}
.pinglist li .author {font-weight: bold; font-size: 15px;}
.pinglist li .date {font-size: 11px;}
.pinglist li .pingcontent {display: block; margin: 10px 0;}

/* Comment Form */
#respond {margin: 15px 0 0 0; padding: 20px 25px 0px; background-color: #fff; border: 1px solid #99cc33;}
#comments #respond {padding: 20px 0; margin: 0; border: none;}
#comments #respond h3 {margin-bottom: 0;}
#respond h3 {}

#commentform {margin: 15px 0 20px 0;}
#commentform input.txt {width: 260px; margin: 0 5px 10px 0; padding: 7px 5px; border: 1px solid #eee;}
#commentform label {font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; font-weight: bold;}
#commentform textarea {width: 95%!important; padding: 5px; border: 1px solid #99cc33;}
#commentform #submit {background-color: #99cc33; border: none; margin: 20px 0 0 0; padding: 4px 10px; color: #fff; text-transform: uppercase; font-size: 12px;-moz-border-radius: 4px; -webkit-border-radius: 4px;}