/*

Theme Name: Taplister

Theme URI: http://www.taplister.com/

Description: New Theme for Taplister.

Version: 2.0

Author:

Author URI:


The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php

*/





/* HTML Elements */

* {

        margin:0;

        padding:0;

        }



body {

        font: 100% Arial, Helvetica;

        background: #000;
                background-image:url(images/streeback.jpg);
                background-position:top;
                background-repeat: repeat-y;

background-attachment: fixed;

        color: #333;



        }



p {

        margin: 15px 0;

        }




a:link, a:visited {

        color: #2d3330;

        text-decoration:none;
        font-weight:bold;

        }



a:hover, a:active {

        color: #2d3330;

        text-decoration:underline;
        font-weight:bold;

        }



a img {

        border:0;

        }



code {

        font: 1.0em 'Courier New', Courier, Fixed;

        background:#ececec;

        }



acronym, abbr, span.caps {

        font-size: 0.9em;

        letter-spacing: .07em;

        cursor: help;

        }



acronym, abbr {

        border-bottom: 1px dashed #999;

        }



blockquote {

        padding: 10px 10px 0 10px;

        border-top: 1px solid #ddd;

        border-bottom: 1px solid #ddd;

        background: #eee;

        font:1.0em Arial;

        line-height:1.5em;

        margin:10px 0px;

        }



select {

        width: 130px;

        }







/* Structure */





#head {

        width:960px;

        margin:0px auto;

        margin-top:15px;

        padding:0px;

        font-size:0.7em;

                background-color: #fff;

                background-image: url(images/hopback.png);
                background-position:right;
                background-repeat:no-repeat;

        }





#page {

        width:940px;

        margin:0px auto;

        padding:10px;

        background:#ececec;

        font-size:0.7em;

        }



.left, .alignleft {

        float:left;

        }



.right, .alignright {

        float:right;

        }





/* Navigation Bar*/

#navbar {

        margin: auto;

        margin-top:0px;

        padding:0px;

        text-transform:uppercase;

        background:#2c2c2c url(images/navbar2.png);
                background-repeat:repeat-x;

        }



#page-bar {

        }



#page-bar ul {

        list-style: none;

        }



#page-bar li {

        float:left;

        list-style:none;

        cursor: pointer;

        display:block;

        border-right:1px solid #333;

        }



#page-bar li:hover {

        background: #A5C4B3;

        }





#page-bar a, #page-bar a:visited {

        margin: 0px;

        padding:7px 10px;

        font-weight:bold;

        color:#000;

        display:block;

        }



#page-bar a:hover {

        text-decoration:none;

        display:block;

        }



#searchform {

        width:250px;

        float:right;

        text-align:right;

        padding-top:2px;

        margin-right:10px;

        }



/* Dropdown Menus */

#page-bar li {

        float: left;

        margin: 0px;

        padding: 0px;

        }



#page-bar li li {

        float: left;

        margin: 0px;

        padding: 0px;

        width: 122px;

        text-transform:none;

        }



#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {

        background: #2B2B2B;

        width: 122px;

        float: none;

        margin: 0px;

        padding: 5px 10px 5px 18px;

        border-top: 1px solid #C0C0C0;

        }



#page-bar li li a:hover, #page-bar li li a:active {

        background: #666666;

        padding: 5px 10px 5px 18px;

        }



#page-bar li ul {

        position: absolute;

        width: 10em;

        left: -999em;

        }



#page-bar li:hover ul {

        left: auto;

        display: block;

        }



#page-bar li:hover ul, #page-bar li.sfhover ul {

        left: auto;

        }





/* Text*/



h1 {

        font:3.5em Arial;

        font-weight:bold;

        letter-spacing:-0.08em;

        }



h2 {

        font:2.3em Georgia, "Times New Roman";

        }



h3 {

        font:1.3em Arial;

        margin-bottom:3px;
/*
        color:#A5C4B3;
*/
        font-weight:bold;

        }



h4 {

        font:1.0em Arial;

        }



h3.cat_title, h3.cat_title a {

        color:#333;

        letter-spacing:-0.05em;

        font-size:0.85em;

        }



h3#respond {

        margin-top:0px;

        padding-top:20px;

        }



h3#comments {

        margin-top:32px;

        padding-left:0px;

        }



h3.authors {

        margin-top:15px;

        }



/* Index Page*/



#logo {

        width:465px;

        }



#tagline {
  color:#000;
  font-size:2em;
  text-align:right;
  padding-bottom: 10px;
}

#top {

        padding:0;

        }



#headline {

        width:590px;

        float:left;

        background:#fff;

        padding:10px;

        font-size:1.05em;

        line-height:1.5em;

        margin:0;

        }



#headline  div.title {

        font-weight:bold;

        font:2em Georgia;

        letter-spacing:-0.05em;

        display:block;

        padding-bottom:5px;

        }



#headline div.meta {

        display:block;

        margin-top:-5px;

        padding-bottom:2px;

        }



#headline p {

        padding-bottom:15px;

        }

#headline img {padding: 5px;}

#featured {

        width:300px;

        background:#fff;

        float:right;

        padding:10px 10px 9px 10px;

        }



#featured .clearfloat {

        margin-top:7px;

        margin-bottom:8px;

        }



#featured .info {

        margin-top:5px;

        padding-top:5px;

        }



#featured .title {

        font-weight:bold;

        }



#headline a img, {

        border:1px solid #ccc;

        margin-top:5px;

        margin-right:10px;

        padding:2px;

        }





#middle {

        width: 920px;

        background:#fff;

        float:right;

        padding:10px;

        margin:10px 0;

        }



.category {

        width:164px;

        float:left;

        border-top:8px solid #333;

        margin:0px;

        padding:5px 10px 10px 10px;

        background:#fff;

        }



.category p {

        margin:0;

        }



#cat-1, #cat-3, #cat-5  {border-top:8px solid #333333;}

#cat-2, #cat-4 {border-top:8px solid #A5C4B3;}



.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {

        text-transform:lowercase;

        margin:0;

        font-weight:bold;

        font-size:1.5em;

        letter-spacing:-0.05em;

        }



#front-popular h3 {

        color:#fff;

        }



.category a {

        color:#333;

        display:block;

font-weight: normal;

        background:none;

        }



.category a:hover {

        background:none;

        color:#fff;

font-weight: normal;

        text-decoration:none;

        }



#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#333333; color:#fff; font-weight: normal;}

#cat-2:hover, #cat-4:hover {background:#A5C4B3; color:#fff; font-weight: normal;}

#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333333; color:#fff; font-weight: normal;}

#cat-2:hover a, #cat-4:hover a {background:#A5C4B3; color:#fff; font-weight: normal;}


#cat-5 a {background:#fff; color:#333; font-weight: normal;}



#bottom {

        width: 940px;

        }



#front-list {

        width:590px;

        background:#fff;

        padding:10px;

        font-size:1.05em;

        line-height:1.75em;

        float:left;

        }



#archive {

        padding-top:15px;

        font-size:1.05em;

        line-height:1.75em;

        }



#front-list blockquote {

        padding: 0px 10px 0 10px;

        }



#front-list .title, #archive .title {

        font-weight:bold;

        font:2.0em Georgia;

        letter-spacing:-0.05em;

        }



#front-list .clearfloat, #archive .clearfloat {

        padding-bottom:10px;

        border-bottom:1px dotted #ccc;

        margin-bottom:10px;

        }



#front-list .spoiler, #archive .spoiler {

        display:block;

        margin-top:3px;

        }



#front-list p, #archive p {

        margin:0px;

        padding:0px;

        }



.author {

        font-size:0.8em;

        font-weight:bold;

        }



.meta {

        font-size:0.8em;

        color:#333;

        }



.meta a {

        color:#333;

        }



#headline p, #featured p {

        margin:0;

        }





/* Content Page*/



#content {

        width:590px;

        background:#fff;

        padding:10px;

        font-size:1.05em;

        line-height:1.75em;

        float:left;

        min-height:400px;

        }



#content .breadcrumbs, #content .breadcrumbs a {

        font-weight:bold;

        color:#333;

        }



#content h2.title {

        font:2.2em Georgia;

        font-weight:bold;

        letter-spacing:-0.05em;

        border-bottom:1px solid #ddd;

        border-top:3px solid #ddd;

        padding:5px 0px;

        }



.post {

        font-size:1.05em;

        line-height:1.75em;

        }



.post p {

        margin-top:0px;

        }



.post .clearfloat {

        border-bottom:1px dotted #ccc;

        margin:10px 0px;

        }



.post ul, .post ol, #front-list ul, #front-list ol {

        margin-bottom:15px;

        }



.post ul li, #front-list ul li {

        list-style:square;

        margin-left:30px;

        }



.post ol li, #front-list ol li {

        list-style:decimal;

        margin-left:30px;

        }



.post ol li ul li, #front-list ol li ul li {

        list-style:square;

        margin-left:20px;

        }



.post img, .post a img, #front-list img, #archive img {

        border:1px solid #ccc;

        margin:0 10px 5px 0;

        padding:2px;

        }



.post .ads {

        margin-top:10px;

        }



.entry {

        margin-top:20px;

        }



#stats {

        margin-top:0px;

        padding:4px 0px;

        text-transform:uppercase;

        font:0.8em Arial;

        display:block;

        }



#stats span {

        padding: 0px 20px 0px 0px;

        }



#stats span a:hover {

        background:none;

        }



#stats span a {

        color:#333;

        }



#stats img, #nav img {

        border:0px;

        margin:0px;

        padding:0px;

        }



#tools {

        width:590px;

        height:25px;

        font-size:0.95em;

        }



#tools a:hover {

        background:none;

        }



.navigation {

        padding: 0px;

        text-align:Center;

        }



/* Sidebar*/

#sidebar {

        width:320px;

        float:right;

        margin:0px 0px 0px 0px;
		
		background-color: #fff;

        }



#sidebar a:link {

        color: #2d3330;

        text-decoration:none;

font-weight:bold;

        }



#sidebar a:hover, a:active {

        color: #2d3330;

        text-decoration:none;

font-weight:bold;

        }



#sidebar a:hover {

        color: #ffffff;

        background: #A5C4B3;

font-weight:bold;

        }



#sidebar h3 {

        font:1.1em Arial;

        font-weight:bold;

        background:#333;

        color:#fff;

        margin:10px 0px 5px 0px;

        padding:3px 10px;

        }



#sidebar-top {

        width:300px;

        float:right;

        padding:10px 10px 10px 10px;

        background:#fff;

        }



#sidebar-bottom {

        width:300px;

        float:right;

        padding:0px 10px 10px 10px;

        background:#fff;

        }



#sidebar-bottom, #sidebar-middle {

        margin-top:10px;

        }



#sidebar-middle {

        width:320px;

        float:right;

        }



#sidebar-left {

        width:135px;

        padding:0px 10px 10px 10px;

        float:left;

        background:#fff;

        }



#sidebar-right {

        width:135px;

        padding:0px 10px 10px 10px;

        float:right;

        background:#fff;

        }





#sidebar li {

        list-style:none;

        border-bottom:1px dotted #ccc;

        display:block;

        padding:2px 0px 2px 13px;

        background:url(images/sub.png) no-repeat 0 0px;

        }



#sidebar li ul li:last-child{

        list-style:none;

        border-bottom:0px dotted #ccc;

        display:block;

        padding:2px 0px 0px 13px;

        background:url(images/sub.png) no-repeat 0 0px;

        }



#sidebar-ads {

        width:300px;

        float:right;

        margin-bottom:10px;

        padding:10px;

        background:#fff;

        }





/* Form Elements */



select {

        border:1px solid #333;

        width:100%

        }



.field {

        padding: 2px;

        border:1px solid #333;

        background:#fff;

        font-size:1.0em;

        }



#s {

        padding:1px;

        font-size:1.5em;

        width:200px;
		
        }
		



#searchsubmit {

        padding-left:5px;

background: transparent;

border: 0px;

        }



#commentform input {

        width: 140px;

        margin: 5px 5px 1px 0;

        }



#commentform textarea {

        width: 99%;

        margin-top:5px;

        }







/* Comments*/



.commentlist cite {

        font-style:normal;

        margin-bottom:4px;

        display:block;

        }



.commentlist blockquote {

        background:#ededed;

        }



.commentlist li {

        padding: 10px 0px 10px 0px;

        list-style:none;

        margin-bottom:3px;

        }



.commentlist li li {

        background:none;

        border:none;

        list-style:square;

        margin:3px 0 3px 20px;

        padding:3px 0;

        }



.commenttext {

        padding: 10px 10px 0px 10px;

        background:#f2f2f2;

        border-top:1px solid #ddd;

        border-bottom: 1px solid #ddd;

        width:495px;

        float:right

        }



.commentlist cite strong {

        font-size:1.1em;

        }



li.my_comment {

        background: #FFF;

        border:none;

        }



li.my_comment cite strong {

        font-size: 1.3em;

        color:#313228;

        }



#commentform small {

        background:#FFF;

        font-weight:bold;

        padding:0;

        }



.commentmetadata {

        color:#4d4d4d;

        display: block;

        margin-top:3px;

        text-align:right;

        font-size:0.9em;

        }



.commentmetadata a, .commentmetadata a:visited {

        color:#959382;

        }



.commentlist small {

        background:#e9e9e9;

        }



.avatar {

        border:1px solid #bbb;

        margin:0px 10px 0px 0px;

        float:left;

        padding:2px;

        width:55px;

        height:55px;

        }



#comment {

        width:590px;

        background:#fff;

        }



/* Footer*/



#front-popular {

        font-size:0.7em;

        color:#fff;

        width: 940px;

        background:#2c2c2c url(images/bottombar.png) bottom no-repeat;

        margin: 0 auto;

        padding:10px;

        }



#recentpost, #mostcommented {

        width:280px;

        float:left;

        padding:10px;

        border:1px solid #fff;

        }



#mostcommented {

        margin-left:17px;

        }



#recent_comments {

        width:280px;

        float:right;

        padding:10px;

        border:1px solid #fff;

        }



#recentpost a, #mostcommented a, #recent_comments a {

        color:#fff;

        }



#recentpost ul, #mostcommented ul, #recent_comments ul {

        margin-top:5px;

        }



#recentpost ul li, #mostcommented ul li, #recent_comments ul li {

        list-style:none;

        border-top:1px dotted #fff;

        padding:5px;

        display:block;

        }



#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {

        background:#A5C4B3;

        color:#fff;

        }



#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {

        border-top:0px dotted #fff;

        }





#footer {

        margin: 0 auto;

        width: 960px;

        font-size:0.6em;

        padding-top:10px;

        padding-bottom:10px;
                color: #fff;

        }

#footer a:link, #footer a:visited {

        color: #fff;

        text-decoration:none;
        font-weight:bold;

        }



/* Float Properties*/



.clearfloat:after {

        content:".";

        display:block;

        height:0;

        clear:both;

        visibility:hidden;

        }



.clearfloat {

        display: inline-block;

        }





/* Hides from IE-mac \*/

* html .clearfloat {

        height:1%;

        }



*+html .clearfloat {

        height:1%;

        }



.clearfloat {

        display:block;

        }



/* thread twitter START */

.twitter ul {

        margin:0 12px 0 10px !important;

        margin:0 10px;

}

.twitter ul li {

        background:#ffffff;

        padding:0;

        float:left;

        list-style:none;

        list-style-position:outside;

        width:97%;

border-top:1px dashed #D2DADA;

        padding-top:10px;

        margin-bottom:10px;

}

.twitter img {

        float:left;

        padding:0 10px 0 0;

        margin:0 0 10px 10px;

}

.twitter a img {

        border:0;

        }

.twitter_source {

        color:#999;

        font-style:italic;

}

.twitter_source a {

        color:#999;

}

.twitter_text {

        margin-bottom:5px;

        display:block;

        padding-left:70px;

        padding-right:10px;

}

.twitter_reply {

        /*background:url(twitterreply.png) 0 -112px no-repeat;*/

        padding-left:22px;

        padding-right:10px;

        height:16px;

        line-height:16px;

        display:block;

        font-size:11px;

        float:right;

}

/* thread twitter END */



/* Tweet START */

.tweet ul {

        margin:0 12px 0 10px !important;

        margin:0 0px;

}

.tweet ul li {

        padding:0;

        float:left;

        list-style:none;

        list-style-position:outside;

        width:97%;

        border-top:1px dashed #D2DADA;

        padding-top:10px;

        margin-bottom:10px;

}

.tweet img {

        float:left;

        padding:0 0px 0 0;

        margin:0 0 0px 10px;

}

.tweet a img {

        border:0;

        }

.tweet_text {

        margin-bottom:5px;

        display:block;

        padding-left:0px;

        padding-right:10px;

}



/* Tweet END */



/* Query 3 START */

.query3 ul {

        margin:0 12px 0 10px !important;

        margin:0 0px;

}

.query3 ul li {

        padding:0;

        float:left;

        list-style:none;

        list-style-position:outside;

        width:97%;

        border-top:1px dashed #D2DADA;

        padding-top:10px;

        margin-bottom:10px;

}

.query3 img {

        float:left;

        padding:0 0px 0 0;

        margin:0 0 0px 10px;

}

.query3 a img {

        border:0;

        }

.query3_text {

        margin-bottom:5px;

        display:block;

        padding-left:0px;

        padding-right:10px;

}



/* Query 3 END */



#mobile-advertisement {

padding: 0px 0px 0px 0px;

margin: -10px -10px -10px -10px;

        border-top:1px dashed #D2DADA;

}



input  {
/*
        background:#FFFFFF;

        border: 1px solid #DDDDDD;
*/
        font-family: Verdana;

color:#000000;

margin:0;

}



textarea {

        background:#FFFFFF;

        border: 1px solid #DDDDDD;

        font-family: Verdana;

color:#000000;

margin:0;

}
#mainsearch {
        padding-top: 110px;
        padding-right: 20px;
        text-align: right;
        color:#333333;
}
#twitterlogin {
        color:#666666;
        text-align: right;
        margin-right: 20px;
}
#footerlinks {
        text-align: right;
        margin: 0px;
        }
.beercounter {font-size: 1.4em;}

#copy {float:left;}
#advertisement-top {margin: auto; width: 600px; text-align: center;}
#advertisement-top img {border: 1px solid #000;}
#socialmedia td {padding: 0px 4px 0px 4px; text-align: center;}
#socialmedia table {margin-bottom: 20px;}
.sidebarheading {margin: 5px;}
.searchtext {margin-right: 30px; font-size: 16px;}
#taplist1 {width: 400px; float: left;}
#taplist2 {margin-left: 420px;}