/*

Theme Name: Gold Rush Dog Tours
Author: Joel Turner
Author URI: www.joelturnergraphics.com
Version: 1.0.0

*/


* { margin: 0; padding: 0; }
body { background: #7e6036 url(images/bg.jpg) fixed repeat-x; color: black; }
#page-wrap { margin: 0 auto 10px auto; width: 900px; position: relative;}
.clear { clear: both; }
.click {margin: 0 7em;}
img.left {float:left; margin: .4em 1em .5em 0;}
img.right {float:right; margin: .4em 0 .5em 1em;}
a img { border: 0; }
#nav a:active, #main-content a:active  { position: relative; top: 1px; }
.boxshadow { -moz-box-shadow: 0 0 4px #999; -webkit-box-shadow: 0 0 4px #999; -webkit-transition: all 0.1s ease-out; }
.boxshadow:hover { -moz-box-shadow: 0 0 8px #555; -webkit-box-shadow: 0 0 8px #555; }
.post500 {height:375px; width: 500px;}
.post li {list-style: none; margin-left: 1em;}
.fb-like {margin-top: 5px;}



/* Typography */

a { outline: 0; text-decoration: none; color: #6c301f; }
a:hover, a:active { color: white; }
p, #main-content ul { font: normal normal 14px/1.6 Arial, Helvetica, san-serif; margin: .5em 0 1em 0; color: #333; letter-spacing: 1px; }
h1 { font: bold 20px/1.8 Georgia, Serif; text-transform: uppercase; letter-spacing: 2px; color: #6c301f;  }
h2 { font: bold 18px/1.8 Verdana, San-Serif; letter-spacing: 2px; color: #6c301f; }
h3 { font: bold 16px/1.8 Verdana, San-Serif; color: #6c301f; text-align: left; text-decoration: none;}
h3#comments { font: 12px Georgia, Serif; color: black; text-align: left; letter-spacing: 1px; margin: 0 0 15px 0; }
h4 { font: 700 16px Georgia, Serif; color: #6c301f; letter-spacing: 1px; text-align: left; margin: 1em 0 .3em 0; }
h4 small { letter-spacing: 0; font-style: italic; font-size: 15px; text-transform: none; }
h5 {color: #6c301f; font-size: 16px; margin: 2em 0 0 0; }
#main-content-index h2 a:hover {color: #333;}
#main-content ul {margin: 1em 0; }

/* Header */

#logo {position: absolute; top: 0; left: 0; z-index: 50; }
#upperright {position: absolute; top: -2px; left: 660px; z-index: 50;}
#header { height: 140px; position: relative; }
#header h1 a { background: url(images/logo.png) no-repeat; position: absolute; top: 10px; width: 543px; height: 357px; display: block; text-indent: -9999px; overflow: hidden; z-index: 1; }
#demoimg {position: absolute; top: 0; right: 175px; z-index: 50;}

/* Navigation */

#nav { list-style: none; position: relative; top: 110px;  z-index: 50;}
#nav li { float: left; font: 22px Georgia, Serif; letter-spacing: 1px; margin: 0 .5em; }
#nav li a { display: block; padding: 3px; color: #bda963;}
#nav li a:hover { color: white; }
#nav li.current_page_item a { color: white;}
#nav404 { list-style: none; position: relative; z-index: 50;}
#nav404 li {font: 22px Georgia, Serif; letter-spacing: 1px; margin: 0 .5em;}
#nav404 li a {color: #6c301f;}

/* Main Content */

#main-content { min-height: 600px; padding: 25px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background: #ffffdd; /*background: rgba(13,55,82,0.7);*/ float: left; width: 500px; position: relative; top: 130px; z-index: 100; }
#main-content p a, #main-content h2 a, #main-content h3 a, #main-content h5 a { border-bottom: 1px dotted #bda963; }
#main-content img a {border: none;}
#main-content a:hover { color: #555; }
ul.commentlist { list-style: none;}
.wp-post-image {float: left; height: 100px; margin: 5px 10px 10px 0; width: 100px;}
.space {margin: 0 0 .5em 0;}

#main-content-index {background: #7e6036; float: left; width: 550px; position: relative; top: 120px; z-index: 100; }

/* Footer */

#footer {position: absolute; bottom: 2em; }

/* Single Posts */

.bio {width: 500px; margin: 15px 0 15px 0; clear: both; list-style: none;}
#main-content .bio img {float: left; padding: 0 1em 1em 0;}
#main-content .bio li { margin: 1em 0;}
#main-content .bio hr {margin: 2em 0;}
#main-content .bio li.indent{text-indent: 1.5em;}
#main-content ul#contact_left { float: left; height: 100px; list-style: none; width: 250px;}
#main-content ul#contact_right { float: right; height: 100px; list-style: none; width: 250px;}
.archive-style {background: #ffffdd; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding: .5em 1em; margin: 1em 0;}


/* Sidebar */

#sidebar {margin: 15px 0 0 570px; padding: 135px 10px 0 10px; width: 245px; }
#sidebar .date { color: #bda963; margin: 0 0 5px 0; }
#sidebar h2 a { font: italic 20px Georgia, Sans-Serif; letter-spacing: 0; text-transform: none; margin: 0; color: #bda963; }
#sidebar h2 a:hover { color: white; }
#sidebar h3 { color: #6c301f; width: 100%; position: relative; text-align: left; text-transform: uppercase; border-bottom: 1px solid #6c301f; border-top: 1px solid #6c301f; letter-spacing: 3px; font: 24px Georgia, Serif; margin: 30px 0 10px 0; }
#sidebar h3 a { text-transform: none; color: #bda963; font: italic 12px Georgia, Serif; letter-spacing: 0; position: absolute; right: 0px; top: 6px; }
#twitter_counter { margin: 0 10px; }
#social { padding: 0; overflow: hidden; margin: 0 0 10px 0; }
#social li { display: inline; }
#social li a { display: block; width: 72px; height: 72px; text-indent: -9999px; background: url(http://www.goldrushdogs.com/wp-content/uploads/2010/05/social1.png); float: left; margin-left: 5px; border: none; padding: 0px; }
#social li a#social1 { background-position: 0px 0px; }
#social li a#social1:hover { background-position: 0px -72px; }
#social a#social2 { background-position: -72px 0px; }
#social li a#social2:hover { background-position: -72px -72px; }	
#social a#social3 { background-position: -144px 0px; }
#social li a#social3:hover { background-position: -144px 72px; }
 

/* Slider */

#slider { float: right; margin: .3em 0 1em 1em; border: 2px solid #6c301f}	
#slider ul, #slider li { margin:0; padding:0; list-style:none;}
#slider li { width:245px; height:175px; overflow:hidden;}
			

/* Contact Page Accordian */

.accordion { margin: 2em 0 0 0; width: 480px;}
.accordion h5 { background: #fff; padding: 7px 15px; margin: 0; cursor: pointer;}
.accordion h5:hover { background-color: #bda963;}
.accordion h5.active { background-position: right 5px;}
.accordion p { background: #fff; margin: 0; padding: 10px 15px 20px;}

/* Photo Album */
		
/*#gallery ul { list-style: none; }
#gallery ul li { display: block; float: left; margin: .25em;width: 150px; height: 150px; }
 #gallery ul img { border: 2px solid #fff; width: 150px; height: 150px;} */
li.gallery-icon {float: left; margin: auto;}


/* Weather */

.weather {text-align:center; margin: 2em auto; width: 150px; height: 50px; background: #fff; }

/* Twitter */

ul.twitter {list-style: none;}
li.twitter-item {color: #000; margin: 1em 0;}
p.twitter-message {color: #000;}
.twitter-timestamp {color: #bda963; font-size: 10px;}
a.twitter-link {color: #bda963;}
a.twitter-link:hover {color: #6c301f;}
a.twitter-user {color: #bda963; font-size: 12px;}
a.twitter-user:hover {color: #6c301f;}

/* CSS Button from CSS-Tricks.com */
.button {
   border: 0;
   border-top: 1px solid #4d320c
   background: #573d19;
   background: -webkit-gradient(linear, left top, left bottom, from(#7e6036), to(#573d19));
   background: -moz-linear-gradient(top, #7e6036, #573d19);
   margin: 1em 0;
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #36240a;
   background: #36240a;
   color: #ffffff;
   }
.button:active {
   border-top-color: #82725b;
   background: #82725b;
   }



/* Comments */
.commentlist li {background: #ebebeb; border: 1px solid #e1e1e1; margin-bottom: 1em; padding: .5em;}
.commentlist li img {float:left; margin-right:9px; padding:1px;}
.commentlist li p {padding: .5em 0 0 3.3em;}

ul#retweet {background: #fff; border: 1px solid #e1e1e1; float: right; margin: 0 0 .5em .5em; padding: 15px;  -moz-border-radius: 20px; -webkit-border-radius: 20px;}
ul#retweet li {display: block; list-style: none; margin: 3px 0;}

ul.retweet-archive {clear: both; margin: 0 0 .5em 0;}
ul.retweet-archive li {display: inline; float: left; list-style: none; margin: 0 .5em 0 0;}

ul.aktt_tweet_digest li {margin: 1em 0;}

