/*

Theme Name: 0 - Teddi's Theme
Description: A theme based on The Clam Shell by FearlessFlyer.com; "Bigger on the Inside" version with moon
Author: Teddi Deppner
Author URI: http://www.creativewebguru.com/
Template: the-clam-shell
Version: 2.0

*/


@import url("../the-clam-shell/style.css");

/* **** CUSTOM STYLES FOR teddideppner.com *** */

body { background: url(images/bigger-header-bkgd.png) top center repeat-x #FFFFFF; }
/* body { background: url(images/tmd-clam-shell-layout02-header.png) repeat-x #FFFFFF; } */

blockquote {font-family:georgia; font-style:italic; font-size:1.4em; line-height:1.6em; color:#7c4c55; border-left:4px solid #7e3340; margin:15px 0 15px 25px; padding-left:25px;}

#header { background:url(images/bigger-header.png) no-repeat; height:158px; }

#logo { margin: 0 auto; width: 431px; float: none; left:0; }

#logo a { background: url(images/bigger-on-the-inside-title-42-2015.png) no-repeat 0px 70px; height: 130px; }

#searchform { margin-bottom:20px; background:url(images/search.png) no-repeat; }

.highlight { background-color: yellow }  /* For search results that highlight the search term */

#subscribe-blog-blog_subscription-2 input[type="submit"] { 
	background:url(images/signup-btn.png) no-repeat; 
	width:200px; 
	height:60px; 
	margin: 10px 0;
	border:none; 
	text-align:left; 
	padding-left:64px; 
	font-size: 2.6em;
	font-weight:900;
	letter-spacing: -2px;
	color: #474747;
	cursor:default;
	}
#subscribe-blog-blog_subscription-2 input[type="text"] { padding:4px 6px !important; border-radius: 4px !important; }

#secondary .jetpack-subscription-widget .success { margin-bottom: .5em; background-color:#FC9 !important; }

#submit { background:url(images/submit-btn.png) no-repeat; margin-bottom:8px; }

#share-container { padding-top:0px; }
#share-container .share-page { margin-left:-10px; padding-bottom:6px; color:#666666; font-weight:bold; }

.wp-caption-text { margin-left: 4px; font-family: Tahoma, Geneva, sans-serif; font-size:smaller; color: #999; }

.imgborder { border: 4px #f2ece2 solid; }
a:hover .imgborder { border: 4px #e9cb98 solid; }

/* ATTACHMENT PAGE STYLES */

#wrap.attpage { background: url(images/wrap-attpage.png); }
#content-attpage { width: 900px; padding: 20px 20px 20px 30px; }
#wrap.attpage #respond { width: 560px; }

/* *** BUTTONS *** */

a.big-button {
	font-family: sans-serif;
	display: inline-block;
	line-height: 1em;
	padding: 6px 13px;
	margin:0 .6em 1.5em 0;
	border: 1px solid #4081af;
	border-bottom-color: #20559a;
	color: white !important;
	text-align: center;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-decoration: none !important;
	
	/*Border radius*/
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	/*Background*/
	background-color: #237fd7; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #52a8e8),
					color-stop(1, #2e76cf)
				);
	background: -moz-linear-gradient(
					center top,
					#52a8e8 20%,
					#2e76cf 100%
				);
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
						0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
					0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, 
				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 
				0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}

a.big-button.small { padding:2px 10px; font-size:0.9em;}
a.big-button.large { padding:7px 16px; font-size:1.4em;}
a.big-button.xl { padding:9px 20px; font-size:1.8em;}

a.big-button:hover, 
a.big-button.hover, 
a.big-button.active {
	text-decoration: none !important;
	/*Background*/
	background: #0073d2; /*Fallback*/
	background: -webkit-gradient(
					linear,
					left top,
					left bottom,
					color-stop(.2, #3e9ee5),
					color-stop(1, #1666ca)
				);
	background: -moz-linear-gradient(
					center top,
					#3e9ee5 20%,
					#1666ca 100%
				);
}

a.big-button:active,
a.big-button.active  {
	border-color: #20559a;
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
						0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
					0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
				0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}

a.big-button.dark span { color:#555; text-shadow:0 1px #fff;}
a.big-button.custom:hover { opacity:0.85; }

a.big-button span { line-height:1.2em; min-height: 16px; }

a.big-button.red { 
	border-color: #af4040; border-bottom-color: #9a2020; background-color: #d72323;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e85252),color-stop(1, #cf2e2e));
	background: -moz-linear-gradient(center top,#e85252 20%,#cf2e2e 100%);
}
a.big-button.red:hover { 
	background: #d20000;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e53e3e),color-stop(1, #ca1616));
	background: -moz-linear-gradient(center top,#e53e3e 20%,#ca1616 100%);
}

a.big-button.orange { 
	border-color: #af7440; border-bottom-color: #9a5420; background-color: #d76b23;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e88e52),color-stop(1, #cf6e2e));
	background: -moz-linear-gradient(center top,#e88e52 20%,#cf6e2e 100%);
}
a.big-button.orange:hover { 
	background: #d25e00;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e57d3e),color-stop(1, #ca5116));
	background: -moz-linear-gradient(center top,#e57d3e 20%,#ca5116 100%);
}

a.big-button.green { 
	border-color: #87bf00; border-bottom-color: #7ca122; background-color: #8dc11e;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ace53e),color-stop(1, #8dca16));
	background: -moz-linear-gradient(center top,#ace53e 20%,#6bca16 100%);
}
a.big-button.green:hover { 
	background: #87c000;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #a0d53a),color-stop(1, #60b513));
	background: -moz-linear-gradient(center top,#a0d53a 20%,#60b513 100%);
}

a.big-button.aqua { 
	border-color: #40af96; border-bottom-color: #209a82; background-color: #23d7af;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52e8c6),color-stop(1, #2ecfab));
	background: -moz-linear-gradient(center top,#52e8c6 20%,#2ecfab 100%);
}
a.big-button.aqua:hover { 
	background: #00d2a8;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ee5c0),color-stop(1, #16ca9e));
	background: -moz-linear-gradient(center top,#3ee5c0 20%,#16ca9e 100%);
}

a.big-button.teal { 
	border-color: #23a6d6; border-bottom-color: #20799a; background-color: #23abd7;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52c3e8),color-stop(1, #2eabcf));
	background: -moz-linear-gradient(center top,#52c3e8 20%,#2eabcf 100%);
}
a.big-button.teal:hover { 
	background: #009ed2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ebce5),color-stop(1, #16a2ca));
	background: -moz-linear-gradient(center top,#3ebce5 20%,#16a2ca 100%);
}

a.big-button.purple { 
	border-color: #234dd6; border-bottom-color: #20489a; background-color: #2356d7;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #526ee8),color-stop(1, #2e58cf));
	background: -moz-linear-gradient(center top,#526ee8 20%,#2e58cf 100%);
}
a.big-button.purple:hover { 
	background: #0036d2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3e5ae5),color-stop(1, #1638ca));
	background: -moz-linear-gradient(center top,#3e5ae5 20%,#1638ca 100%);
}

a.big-button.pink { 
	border-color: #d623cb; border-bottom-color: #9a2096; background-color: #d723d5;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e852e6),color-stop(1, #cd2ecf));
	background: -moz-linear-gradient(center top,#e852e6 20%,#cd2ecf 100%);
}
a.big-button.pink:hover { 
	background: #bc00d2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #c83ee5),color-stop(1, #ae16ca));
	background: -moz-linear-gradient(center top,#c83ee5 20%,#ae16ca 100%);
}

a.big-button.silver { 
	color: #444 !important;
	text-shadow:0 1px #fff;
	border-color: #bbb; border-bottom-color: #999; background-color: #d8d8d8;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e9e9e9),color-stop(1, #ccc));
	background: -moz-linear-gradient(center top,#e9e9e9 20%,#ccc 100%);
}
a.big-button.silver:hover { 
	background: #ccc;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e0e0e0),color-stop(1, #bebebe));
	background: -moz-linear-gradient(center top,#e0e0e0 20%,#bebebe 100%);
}

/* *** COMMENT STYLES *** */

.avatar { padding: 0 10px 10px 0; }
.comment-author { display:block; width:100%; }
.comment-body p { clear:both; margin-bottom:8px; }
.comment-body .reply { text-align:right; }

/* *** FOOTER STYLES *** */

   /* Widget area above footer */
#pre-footer { background: url(images/wrap.png) repeat-y; overflow:hidden; padding-bottom:20px;}

#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-title {
	margin-left:-30px;
	margin-bottom:10px;
	padding:4px 10px 4px 20px;
	border-bottom:1px solid #dfcace;
}
#footer-widget-area .widget-area {
	float: left;
	margin: 0 20px 0 40px; 
	width: 260px;
	background:#ece1df;
}
#footer-widget-area #second {
	margin-left: 20px;
}
#footer-widget-area #third {
	margin: 0 12px 0 0; 
	width:308px;
	float:right;
	background:none;
}
#footer-widget-area #third .widget-title {
	display:block;
	margin:0 0 10px -30px;
	padding:4px 20px;
	background:#ece1df;
}
#footer-widget-area .widget-area ul {
	margin-left:30px;
	padding-bottom:10px;
	list-style:none;
}
#footer-widget-area .widget-area ul ul {
	margin-left:14px;
	list-style:disc;
}
#footer-widget-area .widget-area ul li .textwidget {
	margin-left:-10px;
}
   /* Actual footer */
#footer { margin:0 auto; background:url(images/bigger-footer.png) no-repeat 0 0; }
#footer #navig { top:116px; }
	
/* *** POST STYLING *** */

.post { min-height: 100px; }

.post-content {padding:2em 0 10px 0; line-height:19px;}
.page_home .post-content, .page_category .post-content {padding:10px 0 10px 0; line-height:19px;}
.post-meta-data {font-size:10px; font-family:verdana; text-transform:uppercase; padding:10px 0 8px 0; line-height:1.5em; }
.page_category .post-meta-data {padding:0 0 6px 0; }
.post-meta-data-after {font-size:10px; font-family:verdana; text-transform:uppercase; padding:0px 0 10px 0; line-height:1.5em; }

.post-content h2 { padding: .5em 0 1em 0; color:#7e3340; }
.post-content h3 { }
.post-content p { margin-bottom:1em; }
.post-content ul, .post-content ol { margin-left:36px; margin-bottom: 1em; }
.post-content ul li { list-style-image: circle outside; }

/* *** SOCIAL MEDIA SHARING STYLES *** */

.linksalpha_widget { margin-bottom:16px; padding:0px 4px 0px 6px !important; border-radius:4px; border: 1px solid #eee7e9; background-color:#f6f4f4; }

/* *** TWEET THIS button *** */

a.tweetthis {
  margin:0;	padding:0;
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  text-decoration:none;
  color: transparent;
  background: url(images/tweet-this-sprite.png) no-repeat;
  background-position:0px 0px;
  width: 85px;
  height: 20px;
  display: inline-block;
  vertical-align:text-bottom;
	}
a.tweetthis:hover {
  margin:0;	padding:0;	
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  text-decoration:none;
  color: transparent;
  background: url(images/tweet-this-sprite.png) no-repeat;
  background-position:0px -20px;
  width: 85px;
  height: 20px;
  display: inline-block;
  vertical-align:text-bottom;
	}
a.ttsm {
  margin:0;	padding:0;
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  text-decoration:none;
  color: transparent;
  background: url(images/tweet-this-sprite.png) no-repeat;
  background-position:0px 0px;
  width: 85px;
  height: 20px;
  display: inline-block;	
	vertical-align:bottom;   /* works better for smaller text */
	}
a.ttsm:hover {
  margin:0;	padding:0;	
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  text-decoration:none;
  color: transparent;
  background: url(images/tweet-this-sprite.png) no-repeat;
  background-position:0px -20px;
  width: 85px;
  height: 20px;
  display: inline-block;	
	vertical-align:bottom;   /* works better for smaller text */
	}

/* *** CATEGORIES / ARCHIVES STYLING *** */

.archive-title { color:#666666; background:url(../the-clam-shell/images/horiz-borders.gif) repeat-x bottom left; padding-bottom:1.4em;}

.list-thumbnail-box { float:left; margin-right:10px; }

/* ** SIDEBAR STYLES ** */

.widget { margin:0 20px 20px 20px; }

.widget .title { padding: 8px 10px 6px 10px; background: #7e3340; color:#FFFFFF; font-weight:bold; letter-spacing:1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.widget ul { list-style:none; padding: 10px; }
.widget ul ul { list-style:none; padding: 0 10px 0 10px; }
.widget ul ul ul { list-style:none; padding: 0 10px 0 10px; }

.widget #recentcomments { font-size:.9em; }
.widget #recentcomments li { border-bottom:1px solid #E8E8E8; margin-bottom:2px; padding-bottom:2px;}

#sidebar .widget_recent_entries ul li { border-bottom:1px solid #E8E8E8; margin-bottom:4px; padding-bottom:4px; }

#sidebar .widget_categories ul li { } 

#sidebar .page_item { border-right:none; }

.news-signup {
    left: -7px;
    position: relative;
}

.textwidget { margin:10px 10px 0px 10px; font-size: .9em; }
.textwidget p { margin-bottom: 10px; }

/* *** USEFUL BITS *** */

.rounded-corners {
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.hinto_opacity { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
.lilbit_opacity { filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; }
.half_opacity { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.full_opacity { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }

/* *** Nav Bar **** */

#navbackground {
	margin:0 auto;
	width: 960px;
	height: 38px;
	display: block;
}

#homebutton {
	float: left; 
	border-right: 1px solid #444;
	width: 80px;
	border-right: 1px solid #444;
	height: 35px;
}

#homebutton a:hover img { opacity:.6; }

#sfwrapper {
    float: left;
/*    width: 70%; */
    background: transparent;
    font-size: 1em;
}

/* Superfish Nav */

/* The container wrapping .sf-menu */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin:         0;
    padding:        0;
    list-style:     none;
}
.sf-menu {
    line-height:    1.0;
}
.sf-menu ul {
    position:       absolute;
    top:            -999em;
    margin-left: 	-1px;
    width:          10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width:          195px;
}
.sf-menu li:hover {
    visibility:     inherit; /* fixes IE7 'sticky bug' */
   	background:         url(./images/imenuhover.png) repeat-x left bottom;

}
.sf-menu li {
    float:          left;
    position:       relative;
    
    padding: 0px 10px 0px 10px;
    background: transparent;
}
.sf-menu a { /* Nav link color */
    display:        block;
    position:       relative;
    background: transparent;
    color: white;
    font-size: 13px;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:           0;
    top:            2.5em; /* match top ul list item height */
    z-index:        1001;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:            -999em;
}

.sf-menu li li {
	height: 35px;
}

.sf-menu li li:hover {
	height: 35px;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:           15.5em; /* match ul width */
    top:            0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:            -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:           10em; /* match ul width */
    top:            0;
}
 
/*** Custom Styles ***/

/* The container wrapping .sf-menu */
#navwrapper {
    float:              left;
    position: 			absolute;
    width:              690px;
    height: 			37px;
    background:         transparent;
    font:               1.0em;
    margin-left: 		80px;
}
.sf-menu {
    float:              left;
    width:              100%;
}
.sf-menu li {
     background:          url(./images/imenuitems.png) repeat-x left bottom;
    border-right: 1px solid #444;
    z-index: 2000;
}
.sf-menu a {

    padding:        9px 10px 13px 10px;   
    font-weight:    700;
    background: transparent;
}
.sf-menu ul li a {
    background: 		transparent;
    padding:            9px 1px;
    font-weight:        700;
    
}
.sf-menu li li {
    background:          url(./images/dropdown.png) repeat-x left bottom;
}
.sf-menu li li li {
    background:         url(./images/dropdown.png) repeat-x left bottom;
}

.sf-menu li.current_page_item  {
	background:         url(./images/imenuhover.png) repeat-x left bottom;
	
	
}

.sf-menu li:hover, .sf-menu li.sfHover {
    background:         url(./images/imenuhover.png) repeat-x left bottom;
    outline:            0;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right:  2.25em;
    min-width:      1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position:       absolute;
    display:        block;
    right:          0em;
    top:            1.05em; /* IE6 only */
    width:          10px;
    height:         10px;
    text-indent:    -999em;
    overflow:       hidden;
    background:     url(./images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:            .8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
 
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}
 
/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background: transparent;
    padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}

#searchbar #searchform { background:none; }

#sfwrapper .sub-menu li { background: #666666; }
#sfwrapper .sub-menu li:hover { 
    visibility:     inherit; /* fixes IE7 'sticky bug' */
   	background:         url(./images/imenuhover.png) repeat-x left bottom;
}