/*
Theme Name: TeenZeen
Description: A custom theme.
Author:
Author URI: http://www.teenzeen.org/
 */



* {
    margin:0;
    padding:0;
}


/* Begin Settings and Classes */
a {
    text-decoration:none;
    color:#456688;
}

a:hover {   
    text-decoration:underline;
    color:#29466e;
}

.entry a {
  color:#1754BF;
}

h1 a, h2 a, h3 a {
    color:#382347;
}

h1 a:hover, h2 a:hover, h3 a:hover, #sitename:hover {
    text-decoration:none;
    color:#29466e;
}

p {
    margin:20px 0;
}

h1, h2, h3, #sidebar .box h4 {
    font-weight:normal;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height:30px;
}

h1, .page #intro h1 {
    font-size:3.5em;
    color:#dabc94;
    line-height:50px;
    margin:0;
}

.single h1, .page h1, .h1-single {
    background:#456688 url(images/h1.png);
    line-height:85px;
    padding:0 20px;
    font-size:3.6em;
    text-shadow:5px 5px 5px rgba(0,0,0,.17);
    margin:15px 15px 5px;
}

.entry {
    font-size:1.1em;
}

.entry h2, .entry h3 {
    margin-top:30px;
    margin-bottom:-10px;
    font-weight:bold;
}

#h1-archive {
    background:#456688 url(images/h1-archive.png);
    height:125px;
    position:relative;
    margin:15px 15px 5px;
    text-shadow:5px 5px 5px rgba(0,0,0,.17);
}

#h1-archive h1 {
    position:absolute;
    bottom:15px;
    left:20px;
    line-height:35px;
    }

    #h1-archive p {		
        line-height:20px;
        color:#fff;
        font-size:1.2em;
        width:430px;
        position:absolute;
        right:20px;
        bottom:15px;
        margin:0;
    }


    h2, .box h3 {
        font-size:1.8em;
        color:#382347;
}
.box h3 {
    margin-bottom:10px;
}

h3 {
    font-size:1.5em;
    color:#6c4588;
}

small {
    font-size:.9em;
    color:#777;
}

code {
    font: 1.1em "Courier New", Courier, Fixed;
}

pre {
    font: 1.1em "Courier New", Courier, Fixed;
    margin:1.5em;
    padding:10px;
    background:#fafafa;
    border:1px solid #eee;
}

acronym, abbr {
    font-size: 0.9em;
    letter-spacing: .07em;
}

hr {
    clear:both;
    width:80%;
    height:1px;
    border:none 0;
    color:#ccc;
    background-color:#ccc;
    margin:1.5em 0;
}

img {
    border:none;
}

blockquote {
    margin:1.5em;
    padding:1px 1.5em;
    background:#fafafa;
    border:1px solid #eee;
    border-left-width:3px;
}

blockquote cite {
    font-style:italic;
    font-size:.9em;
    display:block;
    margin:5px 0 0;
    text-align:right;
    }

    blockquote cite:before {
        content: "\2014 \0020";
    }

    .entry>ul, .entry>ol {
        margin:20px 20px 15px;
}

.entry li {
    padding:0 0 5px;
    }

    .entry ul li {
        list-style:none;
        background:url(images/icons.png) no-repeat 0 -183px;
        padding-left:15px;
    }

    .entry li h3 {
        margin:0;
    }

    .clear { 
        clear:both;
        height:0;
        line-height:0;
        font-size:1px;
}

.alignleft {
    float:left;
}

.alignright {
    float:right;
}

.aligncenter, div.aligncenter, img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Everying with a 10 pixel border radius */
pre, blockquote, .wp-caption, .attachment img, #nav, #nav ul {
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Everying with a 3 pixel box shadow */
#nav li.current-menu-item a, #nav li.current-menu-ancestor a, #nav li.current-menu-ancestor li.current-menu-item a {
    box-shadow:0 0 3px rgba(0,0,0,.75);
    -moz-box-shadow:0 0 3px rgba(0,0,0,.75);
    -khtml-box-shadow:0 0 3px rgba(0,0,0,.75);
    -webkit-box-shadow:0 0 3px rgba(0,0,0,.75);
}

#nav li.current-menu-ancestor li a, #nav li.current-menu-item li a {
    box-shadow:none;
    -moz-box-shadow:none;
    -khtml-box-shadow:none;
    -webkit-box-shadow:none;
}

.wp-post-image, .topics, #support, #nav ul,
.entry img.alignleft, .entry img.alignright, .wp-caption{
    box-shadow:0 0 3px rgba(0,0,0,.25);
    -moz-box-shadow:0 0 3px rgba(0,0,0,.25);
    -khtml-box-shadow:0 0 3px rgba(0,0,0,.25);
    -webkit-box-shadow:0 0 3px rgba(0,0,0,.25);
}


/* Begin Images */	
img.alignleft, .wp-caption.alignleft {
    margin:-5px 15px 5px 0;
}

img.alignright, .wp-caption.alignright {
    margin:-5px 0 5px 15px;
}

.wp-caption {
    display:block;
    padding:10px;
}

.wp-post-image {
    float:left;
    margin-right:10px;
    padding:5px;
    background:#fff;
}

.wp-caption, .attachment img {
    padding:10px 0 5px 10px;
}

.wp-caption img {
    margin: 0 0 5px;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: .9em;
    line-height: 15px;
    margin:0;
    text-align:center;
    clear:both;
}

.attachment, .caption {
    text-align:center;
}

.attachment img {
    padding:4px;
}
/* End Images / End Settings and Classes */



/* Begin Structure */
body {
    background:#dabc94 url(images/body.png) repeat-x 50% 0;
    font:62.5% Arial, Helvetica, sans-serif;
    color:#555;
    text-align:center;
}

#page {
    background:#fff url(images/page.png);
    margin:0 auto;
    text-align:center;
    width:964px;
    text-align:left;
}

#page-2 {
    background:url(images/page-btm.png) no-repeat 0 100%;
}

#page-3 {
    background:url(images/page-top.png) no-repeat 0 0;
    padding:2px;
    min-height:1000px;
}


/* Begin Header */	
#header {
    width:968px;
    margin:0 auto;
    text-align:left;
    height:138px;
    color:#fff;
    text-shadow:1px 1px 0 rgba(0,0,0,.5);
}

#sitename {
    float:left;
    margin-right:35px;
    }

    #number-header {
        float:right;
        margin:13px 14px 0 0;
        text-align:center;
        width:325px;
        color:#bcd1e7;
        font:italic 1.6em/15px Arial, Helvetica, sans-serif;
}
/* End Header */


/* Begin Page List */	
#pages {
    float:left;
    margin:55px 0 15px;
}

#pages li {
    list-style:none;
    float:left;
    background:url(images/icons.png) no-repeat 0 8px;
}

#pages a {
    display:block;
    float:left;
    font:1.2em/20px Arial, Helvetica, sans-serif;
    padding:0 8px 0 12px;
    color:#dabc94
}

#pages #menu-item-41, #pages li:first-child {
    background:none;
}

#nav {
    height:30px;
    line-height:30px;
    background:#5c7793;
    background:rgba(255,255,255,.15);
    float:left;
}

#nav li {
    float:left;
    list-style:none;
    position:relative;
    }

    #nav li a {
        padding:0 13px;
        display:block;
        background:none;
        float:left;
        color:#fff;
        text-transform:uppercase;
        font-size:1.2em;
        }

        #nav li a:hover, #nav li.current-menu-ancestor li a:hover, #nav li.current-menu-item li a:hover {
            color:#dabc94;
            text-decoration:none;
        }

        #nav li.current-menu-item a, #nav li.current-menu-ancestor li.current-menu-item a, #nav li.current-menu-ancestor a {
            background:#ddd url(images/nav-active.png);
            color:#6c4588;
            text-shadow:1px 1px 0 #fff;
    }

    #nav li.current-menu-ancestor li a, #nav li.current-menu-item li a {
        color:#fff;
        background:none;
        text-shadow:1px 1px 0 rgba(0,0,0,.5);
        }

        #nav ul {
            position:absolute;
            top:30px;
            left:-9999px;
            width:150px;
            background:#5c7793;
            line-height:20px;
            padding:5px 0;
            z-index:1000;
}

#nav ul li {
    float:none;
    }

    #nav ul li a {
        float:none;
        text-transform:none;
    }

    #nav li:hover ul {
        left:0;
}
/* End Page List */


/* Begin Content */	
#intro {
    margin:15px 15px 5px;
    background:#456688 url(images/intro.jpg);
    height:250px;
    text-shadow:5px 5px 5px rgba(0,0,0,.17);
    padding:35px 425px 0 40px;
    font-size:1.2em;
    line-height:20px;
    color:#fff;
}

#intro h1 {
    background:none;
    padding:0;
}

#intro p {
    font-size:1.2em;
}

#content {
    font-size:1.2em;
    line-height:20px;
    float:left;
    padding:15px;
    width:610px;
}

.single #content, .page #content {
    padding-top:0;
}

.home #content {
    padding-top:15px;
}

#bubble {
    background:#fff url(images/bubble.png);
    display:block;
    width:79px;
    height:53px;
    text-align:center;
    float:right;
    margin:25px 25px 0;
    font-size:2.4em;
    line-height:10px;
    text-shadow:1px 1px 0 #fff;
    padding-top:16px;
}

#bubble span {
    font-size:.4em;
    display:block;
    }

    #bubble:hover { text-decoration:none; }

    #bubble:hover span { text-decoration:underline; }

    .box {
        background:#ebebeb url(images/box-wide-btm.png) no-repeat 0 100%;
        margin:18px -2px 0;
}

.box-2 {
    background:url(images/box-wide-top.png) no-repeat 0 0;
    padding:12px;
}

#related .box-2 {
    min-height:150px;
}

.box h2, #sidebar .box h4 {
    background:url(images/box-tab-right.png) no-repeat 100% 0;
    text-shadow:1px 1px 0 #fff;
    font-size:1.5em;
    color:#6c4588;
    line-height:20px;
    float:left;
    margin:-32px 0 0 -2px;
    }

    .box h2 span, .box h4 span {
        display:block;
        background:url(images/box-tab-left.png) no-repeat 0 0;
        padding:6px 12px 0;
        }

        .box h2 a {
            color:#6c4588;
        }

        .box h2 a:hover {
            text-decoration:underline;
        }

        .box .post {
            margin:0;
            width:390px;
            float:left;
        }

        .box .post p {
            margin:10px 0;
            }

            .boxlist {
                margin:10px 0 0 -20px;
                background:url(images/post.png) no-repeat 18px 0;
                padding-top:15px;
    }

    ol.boxlist {
        background:none;
        padding:0;
        margin-top:5px;
    }

    .boxlist li {
        list-style:none;
        background:url(images/icons.png) no-repeat 0 -55px;
        font-size:1.3em;
        padding:5px 0 5px 30px;
        }

        .box .sidebar {
            float:right;
            width:180px;
    }

    .box .sidebar h4 {
        text-transform:uppercase;
        text-shadow:1px 1px 0 #fff;
        background:url(images/h4.png) no-repeat 100% 15px;
        padding-top:3px;
        font:normal 1em/30px Arial, Helvetica, sans-serif;
        }

        .topics {
            background:#f1e5d5 url(images/topics.png) repeat-x 0 0;
            border:2px solid #fff;
            padding:8px 8px 3px;
        }

        .topics li {
            list-style:none;
            background:url(images/icons.png) no-repeat 0 -98px;
            padding-left:25px;
            padding-bottom:5px;
            font-size:1.2em;
            }

            .health li {
                background-position:0 -138px;
            }

            #related {
                margin-bottom:28px;
}

#number-banner {
    background:#ecddc9 url(images/number-banner-sans-number.png);
    height:72px;
    padding:23px 10px 0 75px;
    color:#6c4588;
    text-shadow:1px 1px 0 rgba(0,0,0,.1);
    font-size:1.5em;
    margin:18px 0 38px;
}
#number-banner span {
    float:left;
    width:190px;
}
#number-banner .shadow {
    float:right;
    width: 320px;
    font-size:41px;

    filter: Shadow(enabled=0);
    text-shadow:0 -1px 1px rgba(0,0,0,0.5);
}

.post {
    margin-bottom:40px;
    }

    .archive .post, .search .post {
        border-bottom:5px solid #ebebeb;
        padding-bottom:15px;
        margin-bottom:25px;
    }

    .archive .entry p {
        margin:10px 0;
}

.postmetadata {
    color:#999;
    }

    /*
    Default style for WP-PageNavi plugin

    http://wordpress.org/extend/plugins/wp-pagenavi/
     */

.wp-pagenavi {
    clear: both;
    margin-top:10px;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border:none;
    padding:0;
    margin:0 5px 0 0;
    background:#6b4485 url(images/pagenav.png) 100% 0;
    display:block;
    float:left;
    color:#fff;
    text-shadow:-1px -1px 0 rgba(0,0,0,.33);
    width:25px;
    line-height:25px;
    text-align:center;
}

.wp-pagenavi span.pages {
    border:none;
    padding:0;
    margin:0;
    float:right;
    width:200px;
    background:none;
    text-align:right;
    text-shadow:none;
    color:#555;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    background-position:0 0;
}

.wp-pagenavi span.current {
    font-weight: bold;
}

/* Begin Comments */		
.commentlist {
    margin:10px -2px;
}

.commentlist li {
    list-style:none;
    margin-bottom:16px;
    background:#f5f5f5 url(images/comm-light-btm.png) no-repeat 0 100%;
}

.commentlist .comment-2 {
    padding:7px 12px;
    background:url(images/comm-light-top.png) no-repeat 0 0;
    min-height:70px;
}

.commentlist li.alt {
    background:#ebebeb url(images/comm-dark-btm.png) no-repeat 0 100%;
}

.commentlist li.alt .comment-2 {
    background:url(images/comm-dark-top.png) no-repeat 0 0;
}

.commentmetadata {
    float:left;
    width:100px;
    margin:5px 0;
    }

    .commentcontent {
        margin-left:110px;
}

.commentlist li p {
    margin:5px 0;
    }

    #commentform {
        margin:10px 0 0;
}

#commentform input, #commentform textarea {
    width:185px;
    border:none;
    background:#e6e6e6 url(images/input-comment.png);
    font-size:12px;
    color:#555;
    padding:2px 5px 3px 30px;
    height:20px;
}

#commentform #author { background-position:0 0; }
#commentform #email { background-position:0 -40px; }
#commentform #url { background-position:0 -80px; }

#commentform textarea {
    width:360px;
    padding:2px 5px 3px;
    background-position:-240px 0;
    height:100px;
}

#commentform label {
    display:none;
}

#commentform p {
    margin:0 0 15px;
}

.commformleft {
    width:220px;
    float:left;
    margin-right:20px;
}

#commentform #submit {
    width:140px;
    float:left;
    border:none;
    background:#6b4485 url(images/btn-comment.png);
    font-size:12px;
    padding:0;
    cursor:pointer;
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.58);
    height:25px;
}
/* End Comments / End Content */


/* Begin Sidebar */
#sidebar {
    float:right;
    font-size:1.2em;
    line-height:20px;
    padding:15px 15px 15px 0;
    width:290px;
    position:relative;
}

#sidebar ul {
    }

    #sidebar ul ul {
        }

        #sidebar ul li {
            list-style:none;
            margin-bottom:20px;
        }

        #sidebar li li {
            margin:0;
        }

        #searchform {
            width:290px;
            height:25px;
}

#s {
    width:210px;
    border:none;
    background:#e6e6e6 url(images/input.png);
    font-size:12px;
    color:#555;
    height:20px;
    padding:2px 5px 3px;
    float:left;
}

#searchsubmit {
    width:60px;
    float:right;
    border:none;
    background:#6b4485 url(images/btn-search.png);
    font-size:12px;
    padding:0;
    cursor:pointer;
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.58);
    height:25px;
}

#support {
    background:#f1e5d5 url(images/topics.png) repeat-x 0 0;
    border:2px solid #fff;
    padding:3px 8px 8px;
}

#support p {
    margin:0;
    text-transform:uppercase;
    text-shadow:1px 1px 0 #f2e9dd;
}

#sidebar .box {
    margin-top:38px;
    background-image:url(images/box-sidebar-btm.png);
}

#sidebar .box-2 {
    background-image:url(images/box-sidebar-top.png);
}

#sidebar .boxlist {
    background-image:url(images/post-side-wide.png);
}

#leftbar {
    float:left;
    width:160px;
    margin-top:18px;
}

#sidebar #leftbar li {
    margin-bottom:38px;
}

#sidebar #leftbar .box {
    background-image:url(images/box-narrow-btm.png);
    margin-top:0;
}

#sidebar #leftbar .box-2 {
    background-image:url(images/box-narrow-top.png);
}

#sidebar h3 {
    font-size:1.2em;
    line-height:15px;
}

#sidebar #leftbar .boxlist {
    background-image:url(images/post-side.png);
}

#sidebar .boxlist li {
    font-size:1em;
    line-height:15px;
    background-position:0 -58px;
    margin:0 !important;
}

.expand {
    background:#fff url(images/box-dropimage.png);
    line-height:34px;
    padding:0 10px;
    font-size:1.2em;
    color:#382347;
    display:block;
    margin:0 0 2px;
}

#ad300250 {
    width:300px;
    margin:0 -5px;
    background:#fff;
    text-align:center;
}

#share_buttons_wrapper {
    left:0;
    position: absolute;
}
#share_buttons_single_page{
    position:absolute;
    width:290px;
}
#share_buttons_single_page.fixed {
    position: fixed;
    top:20px;
    z-index:1000;
}

#rightbar {
    float:right;
    width:120px;
}

#number-side-small {
    background:#456688 url(images/number-side-small-sans-number.png);
    height:110px;
    padding:5px 10px;
    text-align:center;
}

#number-side-small p.number-1 {
    margin:0;
    color:#dabc94;
    font:bold 1.2em/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-shadow:3px 3px 3px rgba(0,0,0,.17);
    }

    #number-side-small p.number-2 {
        margin:0;
        color:#ebebeb;
        font:1.2em/15px Arial, Helvetica, sans-serif;
        text-shadow:1px 1px 0 rgba(0,0,0,.33);
        padding:0 10px 0;
    }
    #number-side-small .shadow {
        font-size:14px;
        line-height:16px;
        margin:5px 0 5px 0;
    }
    #number-side {
        background:#456688 url(images/number-sidebar-sans-number.png);
        height:65px;
        padding:5px 10px;
        text-align:right;
}

#number-side p.number-1 {
    margin:0;
    color:#dabc94;
    font:1.2em/15px Arial, Helvetica, sans-serif;
    text-shadow:1px 1px 0 rgba(0,0,0,.33);
    }

    #number-side p.number-2 {
        margin:0;
        color:#bcd1e7;
        font:italic 1em/10px Arial, Helvetica, sans-serif;
        text-shadow:1px 1px 0 rgba(0,0,0,.33);
        padding:0 0;
    }

    #number-side .shadow {
        font-size:29px;
        line-height:29px;
        margin:5px 0;
    }

    /* End Sidebar */


    /* Begin Footer */
    #footer {
        padding:20px 25px;
        margin:18px auto 20px;
        height:45px;
        width:910px;
        text-align:left;
        background:#456688 url(images/footer.png);
        color:#bcd1e7;
        font-size:1.2em;
        line-height:20px;
        text-shadow:1px 1px 0 rgba(0,0,0,.25);
        position:relative;
}

#footer a {
    color:#fff;
}

#footer ul {
    margin-left:-12px;
}

#footer ul li {
    list-style:none;
    float:left;
    background:url(images/icons.png) no-repeat 0 -22px;
}

#footer ul a {
    display:block;
    float:left;
    padding:0 8px 0 12px;
}

#footer ul #menu-item-41, #footer ul li:first-child {
    background:none;
}

#number-footer {
    position:absolute;
    top:15px;
    left:376px;
    width:286px;
    font:italic 1.2em/15px Arial, Helvetica, sans-serif;
}
/* End Footer / End Structure */


/* Page specific styles */
#post-194 {} /* http://www.teenzeen.org/sitemap/ */
#post-194 h2 {
    margin-bottom:10px;
}
#post-194 strong {
    display:none;
}
#post-194 ul {
    margin-left:30px;
}

.shadow {
    height: 1em;
    filter: Shadow(Color=#000000, 	
    Direction=75, 
    Strength=-2);
    text-shadow:0 -2px 2px rgba(0,0,0,0.5);

    display:block;
    font-size:43px;
    line-height:43px;
    color:#fff;
    font-family:'Trebuchet MS',Arial,'Helvetica';
    font-weight:bold;
    font-style:normal;
    margin:0;
}

#number-footer .shadow {
    font-size:38px;
}

