/* CSS Document */

/*   
Theme Name: TurtleBoy					
Theme URI: http://www.worcesterturtleboy.com/
Description: based on Quetzalcoatl - new Turtle Boy site 
Author: claudia snell
Author URI: http://www.claudiasnell.com
Version: 1.0
.

.
*/

/* CSS Document */

/* 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; }
a:hover, a:active { outline: none; }
/*---------------------------basics first */
body { font: 13px/18px Helvetica, Geneva, Arial sans-serif; padding:0px; margin: 0px;   background-color: rgb(17,17,17); background-color:rgba(17,17,17, 1); background-image:url(/images/background.jpg); background-repeat:repeat-x; background-position: 0px -133px; }

h1,h2,h3,h4,h5,h6 { font-weight: bold; color:#FF6600; }

h1 { font-size: 3em; line-height: .9em; margin: 2em 0  0.5em 0; }
h2 { font-size: 2em; line-height: .9em; margin: 2em 0  0.5em 0;}
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1em; font-weight: bold; margin: 1.5em 0 0 0 ; text-transform:uppercase;}
h5 { font-size: 1em; font-weight: bold; margin: 1.5em 0 0 0; text-transform:uppercase;}
h6 { font-size: 1em; font-weight: bold; text-transform:uppercase;}


p {margin: 1.2em 0 1.2em; }
/*--fix nasty ie downsize issue--*/
img { -ms-interpolation-mode: bicubic; }

a:link { color: #666600; text-decoration:none;}
a:visited {color:#FF6600; text-decoration:none;}
a:focus, a:hover {color: #ff6600; text-decoration:none;}
a:active {color:#666600;text-decoration:none;}


strong{font-weight: bold; }
.bold{font-weight:bold;}
em,dfn{font-style: italic; }
dfn {font-weight: bold; }
sup, sub{line-height: 0; }
small{text-transform:uppercase; font-size: 13px; color:rgb(140,140,140);}

abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { text-decoration:line-through;}

pre { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


ul{margin: 15px 45px;}
ol { }
ol li { }
object{position:relative; z-index: 2;}
cite {  }
blockquote {width: 75%; margin-top: 1em; margin-bottom: 1em; padding:.3em 1em; font: 2em italic bold georgia; color: rgb(140, 140, 140); border-top: .1em dotted rgb(140,140,140); border-bottom: .1em dotted rgb(140,140,140);background-color: rgb(222,222,222); margin:auto;}
blockquote p{margin-top: 1em;}
blockquote .credit{text-align:right;}

.pullquote {width: 45%;  margin: 1em; margin-bottom: 1em; padding: .3em 1em; font: 2em italic bold georgia; color: rgb(140, 140, 140); border-top: .1em dotted rgb(140,140,140); border-bottom: .1em dotted rgb(140,140,140); background-color: rgb(222,222,222);}
.pullquote p{margin-top: 1em;}
.pullquote .credit {text-align:right;}
.rt{float:right;}
.lt{float:left;}
.ctr{margin: auto; clear:both;}
.listtitle{font-weight:bold; text-transform:uppercase; letter-spacing: 3px; list-style:none; margin-left:-20px;}

/*------------------main layout -------------------*/
/* 
#111111 = 17, 17, 17
#222222 = 34, 34, 34
#333333 = 51, 51, 51
#dedede = 222, 222, 222
#000000 = 0,0,0
#ffffff = 255, 255, 255

*/
#header{width: 100%; clear:both;  }

#site_search{width: 100%; clear:both; height: 40px;   overflow:hidden;}



#content{width: 100%; clear:both;min-height: 90px; background-color: rgb(17,17,17); background-color: rgba(17,17,17, .40); *background-color:#111111; }

#footer{width:100%; clear:both; background-color: rgb(17,17,17); background-color: rgba(17,17,17, .40); *background-color:#111111; }


/*-----------------content wrap-------------*/
.wrap{width:90%; max-width: 1024px; min-width: 960px; margin:auto;   padding: 20px; *background-color:#ffffff;}
.promo_block{ margin:auto; min-width: 960px; max-width: 960px;  clear:both;}
.promo_block2{ margin:auto; float:right;min-width: 709px; max-width: 710px;}
.sidebar{width: 35%; max-width: 300px; float:right; margin-top:-20px; margin-right:-20px; padding:11px; min-height:1950px; background-color:#330066;}

/*---------------content wrap modifications------------------*/
#content .wrap{*background-color:#ffffff; background-color: rgb(255,255,255); background-color:rgba(255,255,255,1);}


/*------------------Site Search / Call to action----------------------*/
#site_search .wrap{background-color:#666600;border-bottom: #FF6600 1px solid;}


#site_search .search_me { font-weight:bold; }
#site_search #searchform { padding: 3px 50px; text-align:right; }
#site_search ul { 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; }
#site_search .wrap {background-color:#666600; border-bottom: #FF6600 1px solid; }
#searchsubmit { font-weight: bold; font-size: 1.2em; border: 1px #111111 solid; }
#site_search h2.widgettitle { position:absolute; left: -5000px; }
#site_search h2{position:absolute; left: -5000px;}

#site_search .action_item {width: 35%; max-width: 300px; float:right; margin-top:-20px; margin-right:-20px; background-color:#FF6600; padding: 11px; text-transform:uppercase; font-weight:bold; text-decoration:none;}
#site_search .action_item a{color:rgb(255,255,255); color:rgba(255,255,255, 1); *color:#ffffff; text-decoration:none; }
#site_search .action_item a:hover{color:rgb(255,255,255); color:rgba(255,255,255, .6);}
#site_search .searchsite{width: 45%; max-width:450px; float:right; height: 45px; margin-top: -20px; padding: 8px; clear:left; display:inline;}
#site_search .searchsite label{}

#header .wrap { min-height: 245px; *height:1%; background-color: rgb(253,249,206); background-color:rgba(253,249,206,1); background-image:url(images/turtle_boy_banner.jpg); background-position:0 0; background-repeat:no-repeat; *background-color:#fdf9ce;}
#header .wrap h1{position:absolute; left: -5000px;}


/*----------------greeting menu styles------------------*/
#header .greeting{ width: 45%; max-width: 380px; float:right; font-size: 1.7em; font-weight:bold; line-height: 1.1em; padding:5px; border-left: 1px #666600 solid; color:#111111; position:relative;  top: 50px; left: 520px; z-index: 2;}


/*----------------Main menu styles------------------*/
#header #main_menu{padding: 0 8px; float:right; position:relative; top: -20px; z-index: 30;}
#header #main_menu ul li{display:inline; margin: 8px;  font-size: 1em; text-transform:uppercase; font-weight:bold; *background-color: #111111;}



#header #main_menu ul li a{background-color: rgb(17, 17, 17); background-color: rgba(17, 17, 17, .90); padding: 20px 10px 10px; text-decoration: none; color: rgb(255, 255, 255); border-radius-bottomleft: 5px; -webkit-border-radius-bottom-left: 5px; -moz-border-radius-bottomleft: 5px;border-radius-bottomright: 5px; -webkit-border-radius-bottom-right: 5px; -moz-border-radius-bottomright: 5px; box-shadow: 4px 2px 4px #333333; -webkit-box-shadow: 4px 2x 4px #333333; -moz-box-shadow: 4px 2px 4px #333333; }

#header #main_menu ul li a:link{background-color: rgb(17, 17, 17); background-color: rgba(17, 17, 17, .90);  text-decoration: none;}
#header #main_menu ul li a:hover{background-color: rgb(17, 17, 17); background-color: rgba(17, 17, 17, .40);}



#header #main_menu ul li ul li a{background-color: #111111; padding: 20px 10px 10px 10px;  text-decoration: none; color: rgb(255, 255, 255); margin-top: -15px;  border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; }
#header #main_menu ul li ul{margin-top: 10px;}

#header #main_menu ul li ul li a:link{background-color: rgb(17, 17, 17); background-color: rgba(17, 17, 17, 1);  text-decoration: none;}
#header #main_menu ul li ul li a:hover{background-color: rgb(17, 17, 17); background-color: rgba(51,51,51, 1);}


#footer .wrap {color: rgb(255,255,255); color: rgba(255,255,255, .95); *background-color:#111111;}


/*-----------------Tables ------------------*/
table{width: 95%; margin:auto; text-align:left; margin: 1em 0px; border-right: 1px #dedede solid; border-bottom: 1px #dedede solid; }
tr{}
td{padding: 8px; border-left: 1px #dedede solid; }
th{text-align: left; padding: 8px; color:#ffffff; background-color: #111111; border-left: 1px #333333 solid;}

/*------------------Forms------------------*/

/*-------------------comments-----------------*/


/*-------------------sidebar-----------------*/
#sidebar{float:right; padding-top: 20px; margin-left:10px; * margin-left:-10px; width: 350px;  padding-bottom: 45px; margin-bottom: 45px;}
#sidebar h2{color: #666600; margin: 15px 0px; text-transform:capitalize; font-size: 1.2em; font-weight:bold;  }
.widgettitle{margin: 15px 0px; text-transform:capitalize; font-size: 1.2em; font-weight:bold;  }
#sidebar h3{color: #666600;}
#sidebar ul li { list-style:none; margin-left: 15px; margin-right: 10px;  }
#sidebar ul{margin-left: 0px;}

.widget_text{padding: 10px; border-bottom: #dedede 1px solid;}
.greeting .widget_text{border-bottom: none;}

.sharethis {margin: 10px auto; }
.sharethis ul{margin-left:-5px; margin-right: -10px;}
.sharethis ul li{display:inline; padding:2px; margin:-3px;}
.sharethis img { padding:0px; margin:-5px; background:none; border:none; }
#flickrRSS img {padding: 4px; margin: 8px; background-color:#111111;}

.post { width: 550px; *width:500px; float:left; padding: 15px; margin:0px 10px;  margin-bottom: 40px;}

/*------------------images in posts -------------------*/
.imgright{float:right; padding: 10px;}
.imgleft{float:left; padding:10px;}
.imgcenter{margin: auto; clear:both; padding:10px;}

.img_sq{width: 75px; padding: 8px;}
.img_tn{width: 100px; padding: 8px;}
.img_sm{width: 280px; padding: 10px;}
.img_md500{width: 500px; padding: 10px;}
.img_md640{width: 640px;padding: 10px;}
.img_lg{width: 940px; padding: 15px;}


.img_tnv{width: 67px; padding: 8px;}
.img_smv{width: 187px; padding: 10px;}
.img_md500v{width: 334px; padding: 10px;}
.img_md640v{width: 428px;padding: 10px;}
.img_lgv{width: 629px; padding: 15px;}

.caption{font-style:italic; color:rgb(130,130,130); font-size: 1.2em;}
.widgettitle{margin-top: 15px; font-size: 2em;}


.promo_widget{width: 280px; padding: 10px; margin: 10px; background-color: rgb(17, 17, 17); background-color: rgba(17, 17, 17, .90); *background-color:#111111; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 4px 2px 4px #333333; -webkit-box-shadow: 4px 2x 4px #333333; -moz-box-shadow: 4px 2px 4px #333333; color: rgb(255, 255, 255);	display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }
.promo_widget p{}


/*-----------------clearning designed by Dan Cederholm --------------*/
.grouplt:after {content:"."; display:block; height:0; clear:left; visibility:hidden;}
.grouprt:after {content:"."; display:block; height:0; clear:right; visibility:hidden;}
.group:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }

/*--------------sliders-----------*/
#panel {width: 100%; display: none;  height:570px; margin:auto; background-color: rgb(255,142,44); background-color:rgba(255,142,44, .7); *background-color: #666600;}
#panel .wrap{background: none;}
.panel_contact{width: 480px; padding: 10px; margin: 10px; background-color: rgb(17, 17, 17); background-color: rgba(17, 17, 17, .90); *background-color:#111111; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 4px 2px 4px #333333; -webkit-box-shadow: 4px 2x 4px #333333; -moz-box-shadow: 4px 2px 4px #333333; color: rgb(255, 255, 255);	display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px;}
.site_credits{width: 280px; padding: 10px; margin: 10px; background-color: rgb(17, 17, 17); background-color: rgba(17, 17, 17, .90); *background-color:#111111; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 4px 2px 4px #333333; -webkit-box-shadow: 4px 2x 4px #333333; -moz-box-shadow: 4px 2px 4px #333333; color: rgb(255, 255, 255);	display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px;}