/*
	39 px side gutters for interior runner stuff

	measurements are either
	1 value: all
	2 values: top/bottom right/left
	3 values: top right/left bottom
	4 values: top right bottom left
	*/

/* Top-level styles */

body {
    /* background-image:url('/i/gutterpaper2.jpg'); */
	background-color: #e3d6e0;
    font-family: "Palatino Linotype", Palatino, "Book Antiqua", Merriweather, serif;
    color: #222222;
	overflow: auto; /* required for horizontal scroll fix 1 of 2 */
    }

a:link {
    /* color: #757575; */
    text-decoration: none;
    }
/*
a:visited {
    color: #676767;
    }

a:hover {
    color: #A3A3A3;
    }

a:active {
    color: #A3A3A3;
    }
*/

img {
    border:0;
    }

.entry-meta {
	font-style:italic;
	font-size:smaller;
}


img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* Body upper section */

#runner {
 	/* background:url('/i/runner-bg.png'); */
 	background: #FEFEF2; /* ie fallback garbage */
    background: rgba(254, 254, 242, 0.85);

	position: relative;
	width: 1000px;
	font-size: 1.2em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 0px auto 1em;
	overflow: hidden; /* required for horizontal scroll fix 1 of 2 */
	}

/* Header */

#header {
	height:230px; /* 220 img + 2 x padding (10) */
	position: relative;
}

#logo {
	float:left;
	padding:10px 10px 0px 10px;
	margin-left:10px;
	/* adds 5px without it */
	line-height:0;
}

#site-title {
	position:relative;
	float:left;
}

h1.site-title-h1 {
	font-weight: normal;
	font-style: italic;
	/* font-size: 75pt; */
	font-size:100px;
	color: #663366;
}

#site-title-align {
	/* see logo 220 + 1 x padding */
	bottom:-230px;

	/* stop with the ridiculous descender padding */
	line-height:0px;
	left:5px;
	margin-top:0px;
	clear:both;
	position:absolute;
}

#search-top-text {
	padding-top:10px;
	font-size:16px;
	text-align:center
}

#top-ad {
	/* scrunched-ad height (90) + scrunched-ad top margin */
	height: 100px;
}

#scrunched-ad {
	width:321px;
	overflow:hidden;
	display:inline-block;
	float:right;
	line-height:0;
	margin-top:10px;
	margin-left:5px;
	margin-right:39px
}

#scrunched-ad img {
	display:block;
	margin:0px;
}


/* Shortcut navigation section */

#shortcuts-wrap {
	/*  34 + 4 x 12pt (16px) = 98 + 10px #social padding + 4(1px per line?) = 112 */
	height:116px;
	width:290px;

	/* see topbar margin */
	margin:0px 39px 0px 0px;
	position:absolute;

	/* positions to bottom of header */
	bottom:0px;
	right:0px;
}

#shortcuts {
	right:0px;
	color:#733F73;
	position:absolute;
}

#social {
	text-align:center;
	padding-bottom:10px;
}

#social img {
	vertical-align:middle;
	border: 0;
}

.tlink1 {
	float:left;
	display:inline;
	margin:0px 5px;
	padding:0px 7px;
	text-align:center;
	font-size:17px;
	line-height:17px;
}

.tlink2 {
	float:right;
	display:inline;
	border-left:1px dotted #757575;
	margin:0px 5px;
	padding:0px 7px 0px 15px;
	text-align:center;
	font-size:17px;
	line-height:17px;
}

    /* Search Bar etc. */

#topbar {
	position: relative;
	height:28px;
	padding: 3px 2em 5px;
	margin: 5px 39px 15px;
	color: white;
	background: #B4B4B4;
	background: rgba(38, 19, 38, 0.3);

	-moz-border-radius-topleft:9px;
	border-top-left-radius:9px;
	-moz-border-radius-topright:9px;
	border-top-right-radius:9px;
	-moz-border-radius-bottomright:9px;
	border-bottom-right-radius:9px;
	-moz-border-radius-bottomleft:9px;
	border-bottom-left-radius:9px;
}

        /* Search and Join Us */

        #search {
            position:absolute;
            right:20px;
            }

        #join-us {
            position:absolute;
            left:20px;
            text-align:right;
            }

        .searchform {
        	display: inline-block;
        	zoom: 1; /* ie7 hack for display:inline-block */
        	display: inline;
        	}

            .searchform input {
            	font: normal 12px/100% "Palatino Linotype", Palatino, "Book Antiqua", serif;
                color: #733f73;
                }
            .searchform .searchfield {
                background: #fdf8e5;
                padding: 6px 6px 6px 6px;
                width: 175px;
                border: 0;
                outline: none;
                -webkit-border-radius: 2em;
                -moz-border-radius: 2em;
                border-radius: 2em;
                -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
                -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
                box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
                }
            .searchform .searchbutton {
                color: #fff;
                font-weight: bold;
                border: 0;
                padding-left:5px;
                font-size: 12px;
                height: 27px;
                width: 40px;
                text-shadow: 0 1px 1px rgba(0,0,0,.6);
                -webkit-border-radius: 2em;
                -moz-border-radius: 2em;
                border-radius: 2em;
                background: #733F73;
                background: -webkit-gradient(linear, left top, left bottom, from(#baa0ba), to(#3a203a));
                background: -moz-linear-gradient(top,  #baa0ba,  #3a203a);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#baa0ba', endColorstr='#3a203a'); /* ie7 */
                -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#baa0ba', endColorstr='#3a203a'); /* ie8 */
                }
            .searchform .joinbutton {
                color: #fff;
                font-weight: bold;
                border: 0;
                padding-left:5px;
                font-size: 12px;
                height: 27px;
                text-shadow: 0 1px 1px rgba(0,0,0,.6);
                -webkit-border-radius: 2em;
                -moz-border-radius: 2em;
                border-radius: 2em;
                background: #663366;
                background: -webkit-gradient(linear, left top, left bottom, from(#baa0ba), to(#3a203a));
                background: -moz-linear-gradient(top,  #baa0ba,  #3a203a);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#baa0ba', endColorstr='#3a203a'); /* ie7 */
                -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#baa0ba', endColorstr='#3a203a'); /* ie8 */
                }

#getouremails {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	height: 22px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);
	vertical-align:center;
	text-align: center;
	padding: 7px 5px 0px 5px;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	background: #663366;
	background: linear-gradient(to bottom, #baa0ba, #3a203a);
	background: -webkit-gradient(linear, left top, left bottom, from(#baa0ba), to(#3a203a));
	background: -moz-linear-gradient(top,  #baa0ba,  #3a203a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#baa0ba', endColorstr='#3a203a'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#baa0ba', endColorstr='#3a203a'); /* ie8 */
}

		#getouremails a:link {
			color: #fff;
		}

		#getouremails a:visited {
			color: #fff;
		}

    /* Main content area */

	#center {
		margin: 2px 39px 2px;
		}

    #sidebar {
        float:right;
        width:300px;
        }

        #sidebar img {
            margin:0px 0px 1em;
            }

	#centercontent {
		/* (runner width - (margins*2 - sidebarwidth)) */
		margin: 2px 310px 2px 2px;
		}

		div.entry-content {
		width: 600px;
		padding: 0px 10px;
		}

	#centercontent a:link {
    	text-decoration: underline;
	}

    #tabsbox {
        margin: 2px;
        }

    #lowerlist {
        margin: 2px;
        }

    /* tabs */

    #tabcontainer {
        /* margin: 1.8em auto; required to get the tab to clear, use empty div and clear:left instead */
		/* background: red; */
		margin: 0px 0px 1em; /* need some visual space below tabs */
        }

    #tabcontainer a:link {
    	text-decoration: none;
    }

    .tabbed-box {
        height:300px;
        -moz-border-radius-bottomleft:3px;
        border-bottom-left-radius:3px;
        -moz-border-radius-bottomright:6px;
        border-bottom-right-radius:6px;
        border: 1px solid #b6b1b1; /* previously bbb or bbbbbb */
        }

    .tabbed-box .tabs {
        padding: 0px;
        }	 /* drag tabs to far left */

        .tabbed-box .tabs li {
            list-style: none; /* what does this do? */
            float: left;
            }

        .tabbed-box .tabs li {
            display: block;
            width: 145px;
            /* top border will override tabbed-box, 2px tab spacing, nothing on the bottom */
            margin: -1em 2px 0px;
            padding: 4px 0px;
            text-align: center;
            background: #fff;
            -moz-border-radius-bottomleft:6px;
            border-bottom-left-radius:6px;
            -moz-border-radius-bottomright:6px;
            border-bottom-right-radius:6px;
            -webkit-box-shadow:2px 2px 2px #ccc;
            -moz-box-shadow:2px 2px 2px #ccc;
            box-shadow:2px 2px 2px #ccc;
            border: 1px solid #b6b1b1; /* previously bbb */
            }

            .tabbed-box .tabs li a {
                text-decoration: none;
                color: #888;
                }

            .tabbed-box .tabs li:first-child a {
                border-right: none;
                }

            .tabbed-box .tabs li:last-child a {
                border-left: none;
                }

            .tabbed-box .tabs li a:hover {
                color: #663366;
                }

            .tabbed-box .tabs li a.active {
                color: #663366;
                }

            .tabbed-box .tabs li.active {
                border-top: 1px solid #fff;
                }

    .tabbed-content {
        position:relative;  /* so interior positioning works */
        display: none;	      /* default hide all tabs */
        border:5px solid #b6b1b1;	/* previously #757575 */
        height: 290px;
        }

    .tabbed-content-border {
        height:290px;
        width:594px;
        position:absolute;
        top:0;
        left:6;
        }

    #tab-welcome-content {
        height:300px;
        width:240px;
        position:absolute;
        top:0;
        right:0px;
        padding:3px;
        text-align:center;
        color:#330000;
        }

        #tab-welcome-content a:link {
    		color: #59002D;
    		text-decoration: underline;
    		}

		#tab-welcome-content a:visited {
  			color: #59002D;
    		}

		#tab-welcome-content a:hover {
    		color: #663340;
    		}

		#tab-welcome-content a:active {
    		color: #59002D;
    		}

    #tab-today-content {
        width:270px;
        height:270px;
        margin:5px 8px 0px 0px;
        padding:5px;
        display:inline;
        float:right;
        text-align:left;
        font-size:0.9em;
        color:#422566;
        }
	#tab-today-content a:link {
    	text-decoration: underline;
    }
	#tab-today-list {
		list-style-type:circle;
	}

	#coziframe {
		height:290px;
		width:300px;
	}

    #shoptab {
        background: url('/i/tab/tabbox_shop.jpg');
        }
    #shoptab a:link {
    	text-decoration: underline;
    }

    #tab-shop-content {
        position:relative;
        margin:5px;
        }

    #shoptab-feat-img {
        border:1px solid #ccc;
        background:#fbf9fc;
        padding:5px;
        margin-left: 5px;
        width:243px;
        }

        #shoptab-feat-img img {
            border:1px solid #ccc;
            }

        #shoptab-content-area {
        position:absolute;
        top:5px;
        right:5px;
        width:300px;
        margin-top:39px;
        padding:8px;
        background: #FBF9FC;
        background:rgba(251, 249, 252, 0.75);
	}

/* carousel */


#featurecarousel ul, ol {
    margin-left: 0;
}

#featurecarousel ul ul {
    margin-bottom: 20px;
}

#featurecarousel {
    color: #404040;
    /*margin: 0 12%;*/
   	margin: auto;
}

#featurecarousel a:link {
	text-decoration: none;
}


/* center stuff */

	#footer {
		clear: both;
		/* height: 150px; */
		margin: 0px 39px;
		}

	#footerlist {
		background: #B4B4B4;
		background: rgba(38, 19, 38, 0.4);
		color:#fdf8e5;
		padding:1em;
		text-align:center;
		border-radius:10px;
		-moz-border-radius:10px;
	}

	#footercol {
		display:inline-block;
		text-align:left;
		padding:0px 1em;
	}
	#footercol a {
		text-decoration:none;
		color:#fdf8e5;
	}
	#footercol a:hover {
      color: #4c264c; }

	#notices {
		font-size:50%;
		text-align:center;
		/* height: 150px; */
		padding-bottom:1em;
		margin: 0px 39px;
		border: 0px solid blue;}

/* Header and text styles */

h1.entry-title {
color: #663366;
font-size: 45px;
font-weight: normal;
padding: 0;
margin:5px 0px 10px 0px;
}

h2 {
color: #663366;
font-size: 35px;
font-weight: normal;
padding: 0;
margin: 20px 0px 0px 0px;
}

h3 {
font-size: 25px;
color: #663366;
font-weight: normal;
padding: 0;
margin: 20px 0px 0px 0px;
}

h3.shop-tab {
	margin:5px 0px 10px 5px;
	padding:0;
	color:#663366;
	font-size:28px;
	}

p.welcome-header {
	font-size:1.3em;
	padding:0;
	margin:0;
	}

p.welcome-quote {
	font-size:.8em;
	font-style:oblique;
	}

p.shoptab-feat-text {
	font-size:12px;
	margin-top:3px;
	}