/*   
Theme Name: Blue Turtles
Theme URI: http://www.claudiasnell.com/
Description: blue pumpkin + phoenix = blue turtles 
Author: claudia snell
Author URI: http://www.claudiasnell.com
Version: 4.0
.

/* via zeldman.com // meyerweb.com reset -  Remove browser styles (see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: auto; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { background-color:rgb(22,24,28); background-color: rgba(22, 24, 28, 1); background-image:url(images/bodyback.jpg); background-position: -300px -300px; }
/*---------------------------basics first */
body { font: 13px/20px Helvetica, Geneva, Arial sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; text-transform:capitalize; text-shadow : #666666 1px 1px 1px; font-family:Georgia, "Times New Roman", Times, serif; color:#ffffff; color: rgb(133,8,77);}
h1 { font-size:2.2em; line-height: 1.2em; }
h2 { font-size:2.1em; line-height: 1.1em; }
h3 { font-size: 1.5em; line-height:1.1em; }
h4 { font-size: 1.4em; line-height:1.1em; border-bottom: #CCCCCC 1px solid; }
h5 { font-size: 1.2em; line-height: 1.em;
border-bottom: #CCCCCC 1px solid; }
h6 { font-size: 1.0em; line-height: .9em; border-bottom: #CCCCCC 1px solid; }
p { font-size: 1.2em; padding-bottom: 19px; }
a:link { color: rgb(133,8,77); }
a:visited { color: rgb(133,8,77); }
a:hover { color: #2a2525; }
a:active { color: #2a2525; }
h1 a { text-decoration:none; }
h2 a { text-decoration:none; }
h3 a { text-decoration:none; }
p a { text-decoration:underline; }
em { font-style:italic; }
strong { font-weight:bold; }
dfn { font-family:"Times New Roman", Times, serif; font-style:italic; }
ol { margin: 0px 55px; padding: 0px 30px; }
ol li { padding-bottom: 8px; }
code { }
samp { }
kbd { }
var { }
cite { font-style:italic; text-decoration:underline; }
blockquote { width: 325px; *width: 250px; float: right; margin: 20px; display:inline; border-left: #554b4b 2px dotted; padding: 10px; padding: 1.1em; font-size: 1.1em; font-style:italic; font-weight:bold; font-family:Georgia, serif; -moz-box-shadow : 0 0 15px #888; -webkit-box-shadow : 0 0 15px #888; background-color:#ccc; }
.quote { width: 560px; float:left; clear: left; padding-bottom: 15px; border-bottom: 1px solid #FF3300; margin-bottom: 35px; -moz-box-shadow : 0 0 5px #888; -webkit-box-shadow : 0 0 5px #888; }
p.signature { text-align:right; font-style:italic; font-weight:bold; margin-right: 50px; font-size: 1.2em; }
p.action { padding-top: 16px; }
/*------------------image with a caption*/
.img_caption { float: right; margin-left: 20px; display:inline; border-left: #554b4b 2px dotted; width:auto; padding: 10px; padding: 1.1em; font-size: 1.1em; font-style:italic; font-weight:bold; font-family:Georgia, Times New Roman, Times; }
.img_caption p { font-style: italic; }
.img_caption img { margin: 0 7px; }
/*------------------layout styles*/

#wrap { width: 100%; float: left; clear: both; text-align:left;  }
/* --------------------Head Section*/
 #header { width: 100%; height:90 px;  }
#masthead { height: 90px; width: 960px; margin:auto; }
#masthead h1 { font-size: 4em; margin: 20px 0px 0px 20px; padding:0px; color: rgb(255,255,255); }
#masthead h2{color:rgb(255,255,255); margin-left: 30px; }
/* --------------------Site navigation*/
 #navigation {width:960px; margin:auto;font-size: 1.0em;  position:relative; top:30px; right: 45px; }
#navs { width: 960px; margin:auto; height: 25px; padding: 10px; text-align:right; }
#navs ul li { padding:12px; list-style: none; display:inline; font-weight:bold; margin: 10px 0px 10px 10px; background-color:rgb(188,184,108); background-color:rgba(188,184,108, .8);  *background-color:rgb(188,184,108); -moz-border-radius: 17px; -webkit-border-radius: 17px; -moz-box-shadow : 0 0 15px #000; -webkit-box-shadow : 0 0 15px #000; }
#navs ul li a:hover { padding-bottom: 15px; }
#navs ul li span { padding: 0px 10px; }
#navs a:link { color:#fff; text-decoration:none; }
#navs a:visited { color:#fff; text-decoration:none;}
#navs a:hover { color:#85084d; text-decoration:none;}
#navs a:active {color:#85084d; text-decoration:none;}
/* --------------------Page content*/
 #page_body { width: 100%;  }
#other_posts { width: 960px; margin:auto; margin-top: 40px; margin-bottom: 40px; }
#content_wrap { width: 960px; margin:auto; margin-top: 40px; margin-bottom: 40px; *background-color:#fff;}
h2.section { margin: 10px 0px 15px 20px; font-size: 5em; }
.post { width: 550px; *width:500px; float:left;  background-color:#ffffff; background-color:rgba(255, 255, 255, .90); -moz-border-radius: 17px; -webkit-border-radius: 17px; padding: 15px; margin:0px 10px;  margin-bottom: 40px; -moz-box-shadow : 0 0 15px #000; -webkit-box-shadow : 0 0 15px #000; }
.post h3 { margin: 15px 0px 20px 10px; }
.post h2 { margin: 15px 0px 20px 10px; font-size: 2.3em; }
#googlemap h2 { margin: 15px 0px 20px 10px; color: rgb(133,8,77); }
.post h3{color: rgb(133,8,77);}
.post h4{color: rgb(133,8,77);}
#posts_wide { width: 960px; margin:auto; }
.tip { width: 250px; border: 1px #333 solid; height: 70px; float:right; margin: 10px 0px 10px 10px; padding:15px; -moz-border-radius: 17px; -webkit-border-radius: 17px; -moz-box-shadow : 0 0 5px #888; -webkit-box-shadow : 0 0 5px #888; background-color:#ccc; }
#featured_post { width: 960px; min-height: 450px; margin:auto; background: rgb(255,255,255); background:rgba(255, 255, 255, .5); padding: 25px; -moz-border-radius: 17px; -webkit-border-radius: 17px; -moz-box-shadow : 0 0 15px #000; -webkit-box-shadow : 0 0 15px #000; }
#featured_post img { display:block; float: right; margin: 15px 0px 15px 15px; padding:8px; -moz-box-shadow : 0 0 5px #888; -webkit-box-shadow : 0 0 5px #888; }
img.right { display:block; float: right; margin: 15px 0px 15px 15px; padding:8px; background-color:#333; -moz-box-shadow : 0 0 5px #888; -webkit-box-shadow : 0 0 5px #888; }
img.left { display:block; float: left; margin: 15px 0px 15px 15px; padding:8px; background-color:#333; -moz-box-shadow : 0 0 5px #888; -webkit-box-shadow : 0 0 5px #888; }
.post img { -moz-box-shadow : 0 0 5px #888; -webkit-box-shadow : 0 0 5px #888; padding:15px; background-color:#333; }
#featured_post img { -moz-box-shadow : 0 0 15px #222; -webkit-box-shadow : 0 0 15px #222; padding:15px; background-color:#333; }
#footer img { -moz-box-shadow : 0 0 15px #222; -webkit-box-shadow : 0 0 15px #222; padding:15px; background-color:#333; }
#featured_post .postmetadata { float:left; border-top:1px #999 dotted; padding-top: 8px; *padding-bottom: 0px;
margin-bottom: 5px; margin-top: 5px; padding-left:30px; width: 450px; }
.postmetadata { float:left; border-top:1px #999 dotted; padding-top: 8px; *padding-bottom: 0px;
margin-bottom: 5px; margin-top: 5px; width: 450px; }
#page_wrap .postmetadata { *border:none !important;
}
.comment_list { float:left; margin-left: 20px }
.comment_list h3{color:rgb(133,8,77);}
#commentform p{margin-left: 20px;}
textarea#comment { width: 400px; padding: 5px; }
.commentmetadata { font-size: 10px; }
.comment_list ol { list-style:none; width: 450px; padding: 0px; margin: 0px 0px 40px 0px; }
.comment_list ol li { padding: 8px 20px; margin: 0px; }
.comment_list img { display:inline-block; float:right; clear:right; margin-left: 10px; }
.thread-odd { -moz-border-radius: 17px; -webkit-border-radius: 17px; }
.more_goodies { float:left; bottom: 20px; margin-bottom: 30px; width: 450px; }
.more_goodies h3{color:rgb(133,8,77);}
.more_goodies p{margin-left: 20px;}
.sharethis { width: 320px; margin: 10px auto; padding: 8px; border:#999 solid 1px; background-color:#fff;
-moz-border-radius: 17px; -webkit-border-radius: 17px; }
.sharethis ul li{display:inline; padding:2px; margin:-3px;}
.sharethis img { padding:0px; margin:-5px; background:none; border:none; }
/*-----------------sidebar content*/ 
#sidebar { float:right;  margin-left:10px; * margin-left:-10px; width: 350px; -moz-border-radius: 17px; -webkit-border-radius: 17px; padding-bottom: 45px; margin-bottom: 45px; -moz-box-shadow : 0 0 15px #000; -webkit-box-shadow : 0 0 15px #000; background-color: rgb(255, 255,255); background-color: rgba(255, 255, 255, 0.6); }
#sidebar h2{color: rgb(133,8,77);  }
#sidebar h3{color: rgb(133,8,77);}
#sidebar ul li { list-style:none; margin-left: 15px; margin-right: 10px; }
/*sidebar Quote*/
.random_quote { width:320px; clear:both; margin:auto; padding:15px; font-size:1.1em; font-family:Georgia, 'Times New Roman', Times, serif;padding: 15px; margin: 0px; -moz-border-radius: 17px; -webkit-border-radius: 17px; background-color:rgb(255,255,255); }
.recommendations { font-size: 1.3em;padding: 15px; margin: 0px; -moz-border-radius: 17px; -webkit-border-radius: 17px; background-color:rgb(255,255,255); }
.recommendations ul li { list-style:none; border-bottom: #999 1px solid; }
table { width: 98%; margin:auto; border-collapse:separate; border-spacing:0px; }
.quote { width: 560px; float:left; clear: left; padding-bottom: 15px; margin-bottom: 35px; }
p.signature { text-align:right; font-style:italic; font-weight:bold; margin-right: 50px; font-size: 1em; }
/*calendar*/
#wp-calendar { width: 320px; padding: 0px;padding: 15px; margin: 0px; -moz-border-radius: 17px; -webkit-border-radius: 17px; background-color:rgb(255,255,255); }
.widget_calendar { border:1px #111 solid; padding: 0px; width: 320px; margin:10px; border-bottom: 3px #111 solid; }
thead th { text-align:left; padding-left: 10px !important; font-weight:bold; }
tbody td { padding-left: 10px !important; }
.widget_calendar .widgettitle { display:none; }
#wp-calendar caption { text-align: left; font-size: 1.3em; font-weight:bold; padding: 10px; }
#wp-calendar .widgettitle { }
.posts_calendar { margin:auto; clear:both; padding-bottom: 10px; }
.fb_notes { width:320px; clear:both; margin:auto; padding-bottom:10px; }
.fb_notes a { font-weight:bold; font-size: 1.1em; }
#facebook { padding: 15px 0px 30px 0px; margin:15px; clear:both; }
#social_media { width: 310px; float:right; clear:both; }
#contact_me ul li { display:inline; padding: 10px 0px 5px 5px; text-align:right; }
#contact_me { margin:auto; clear:both; }
.blog_navs {width: 320px; margin: 10px auto; padding: 8px; border:#999 solid 1px; background-color:#fff;
-moz-border-radius: 17px; -webkit-border-radius: 17px;}
.blog_navs h2 { padding: 8px; margin: 0px;  }
.blog_navs ul { font-size: 18px; margin-top:5px; }
.blog_navs ul li{margin-bottom: 9px; padding-bottom: 4px; }

.blog_navs ul li a{text-decoration:none;}
.widget_rss li { margin-bottom: 12px;  }
.posts_tags { width: 320px; margin: 10px auto; padding: 8px; border:#999 solid 1px; background-color:#fff;
-moz-border-radius: 17px; -webkit-border-radius: 17px;}
/*Site Search Bar*/

#site_search .search_me { font-weight:bold; }
#site_search #searchform { padding: 3px 50px; text-align:right; }
#site_search ul { padding: 10px 10px; text-align:right; font-weight:bold; margin-right: 50px; }
#site_search ul li { display:inline; padding-left: 5px; }
#site_search { clear:both; width: 100%; margin:auto; 
background-color: rgb(133,8,77); }
#searchsubmit { font-weight: bold; font-size: 1.2em; border: 1px #111111 solid; }
#site_search h2.widgettitle { display:none; }
#site_search h2{display:none;}
.screen-reader-text {color:rgb(255,255,255); }
/* --------------------Footer*/
 #footer { width: 100%; float: left; clear: both; background-color:rgb(188,184,108); }
/* --------------------Footer*/

#footer h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color:rgb(255,255,255); margin: 10px 0px; }
#footer ul li { list-style:none; }
#footer_content { padding: 0px 20px; width: 940px; margin: auto; margin-bottom: 30px; }
#otherposts { float: left; width: 250px; margin:0px 25px; }

#flickrRSS { float:right; width: 500px; }
#flickrRSS img {padding: 4px; margin: 8px;}
.credits { width:960px; margin:auto;padding: 25px 0px; float:none; clear:both; }