/* 
    Document   : alpha
    Author     : Brandon
    Description:
        Main stylesheet
*/

@font-face {
    font-family: 'BlairMdITC';
    src: url('../images/fonts/BlairMdITC.eot');
    src: url('../images/fonts/BlairMdITC.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/BlairMdITC.woff') format('woff'),
         url('../images/fonts/BlairMdITC.ttf') format('truetype'),
         url('../images/fonts/BlairMdITC.svg#BlairMdITC') format('svg');
    font-weight: normal; 
    font-style: normal;
}
@font-face {
	font-family: 'Franchise';
	src: url('../images/fonts/Franchise-Bold-hinted.eot');
	src: url('../images/fonts/Franchise-Bold-hinted.eot?#iefix') format('embedded-opentype'),
             url('../images/fonts/Franchise-Bold-hinted.woff') format('woff'), 
             url('../images/fonts/Franchise-Bold-hinted.ttf') format('truetype'), 
             url('../images/fonts/Franchise-Bold-hinted.svg#Franchise') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Dyno';
    src: url('../images/fonts/dyno_regular-webfont.eot');
    src: url('../images/fonts/dyno_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/dyno_regular-webfont.woff') format('woff'),
         url('../images/fonts/dyno_regular-webfont.ttf') format('truetype'),
         url('../images/fonts/dyno_regular-webfont.svg#DynoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Arctik2';
    src: url('../images/fonts/arctik_2-webfont.eot');
    src: url('../images/fonts/arctik_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/arctik_2-webfont.woff') format('woff'),
         url('../images/fonts/arctik_2-webfont.ttf') format('truetype'),
         url('../images/fonts/arctik_2-webfont.svg#Arctik2Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TinDoghouse';
    src: url('../images/fonts/tindog-webfont.eot');
    src: url('../images/fonts/tindog-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/fonts/tindog-webfont.woff') format('woff'),
         url('../images/fonts/tindog-webfont.ttf') format('truetype'),
         url('../images/fonts/tindog-webfont.svg#TinDoghouseRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: TinDoghouse, Tahoma, sans-serif;
    background-color: #EEEEEE;
    font-size: 0.9em;
    min-width: 900px;
    margin: 0px;
    padding: 0px;
}
p {
    opacity:0.99;
    margin-bottom: 3px;
}
a:link, a:visited  {
    color: #000000;
    text-decoration: underline;
}
a:hover, a:active {
    color: #FF0000;
    text-decoration: none;
}
h1 {
    text-align: center;
    font-family: Franchise, Arial, sans-serif;
    font-size: 2.5em;
    font-weight: normal;
}
.short {
    line-height: 75%;
}
#javascript-error {
    background-color: #FF0000;
    width: 100%;
    position: fixed;
    z-index: 2;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 14px;
    text-align: center;
}
#header {
    width: 100%;
    min-height: 45px;
    background-color: #000000;
}
img {
    border: none;
}

#logo > a:link, #logo > a:visited {
    text-decoration: none;
}

#frame {
    width: 100%;
    margin-left: auto; 
    margin-right: auto;
    min-width: 970px;
    background-color: #EEEEEE;
}

#header #logo {
    float: left;
}
#header #logo h1 {
    text-align: left;
    line-height: 0px;
    font-size: 1.8em;
    font-weight: normal;
    font-family: BlairMdITC;
    color: red;
    background-color: black;
    padding: 6px 20px 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#header #logo h2.subhead {
    display: block;
    color: #FFFFFF;
    font-size: 9pt;
    margin-right: 20px;
    margin-top: 12px;
    text-align: right;
    font-family: arial;
    width: 300px;
}
#header #logo h2.subhead span {
    font-family: BlairMdITC;
    font-size: 8pt;
}
#header #logo h2.subhead a:link, #header #logo h2.subhead a:visited {
    color:#FFFFFF;
    text-decoration: none;
}
#header #logo h2.subhead a:active, #header #logo h2.subhead a:hover {
    color: #FF0000;
}
#header h1 .beta {
    font-size: 8pt;
}
#header > a {
    text-decoration: none;
}
#header h1 .white, #userdata a .white, #login-small a .white {
    color: white;
}
#userdata a:hover .white, #userdata a:active .white, #login-small a:hover .white {
    color: #FF0000;
}
#contextual {
    width: 210px;
    padding: 5px;
    position: fixed;
    right: 5px;
    top: 65px;
    text-align: right;
}
#contextual>ul {
    text-align: left;
    list-style: none;
    margin-left: 0px;
    margin-top: 10px;
    padding-left: 10px;
}
#contextual>ul>li {
    margin-bottom: 9px;
}
#contextual #userdata ul, #login-small ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 1px;
}

#login-small ul {
    display: inline;
}

#contextual #recent ul {
    list-style: none;
    text-align: left;
    padding-left: 10px;
}

#contextual #recent ul li {
    margin-top: 12px;
    text-align: left;
    padding-bottom: 3px;
    border-bottom: 1px solid #999999;
    min-height: 50px;
}

#contextual #recent ul li a:link, #contextual #recent ul li a:visited {
    text-decoration: none;
}

#contextual #recent ul li img {
    float: left;
    padding-right: 3px;
}
#contextual #recent h2 {
    line-height: 0;
    margin-top: 25px;
}

#contextual #userdata ul li, #login-small ul li {
    display: inline;
}
#contextual #userdata a:link, #contextual #userdata a:visited, 
#login-small a:link, #login-small a:visited {
    padding: 1px;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
    background-color: #000000;
    color: #FF0000;
    margin-bottom: 2px;
    line-height: 150%;
}
#contextual #userdata a:hover, #contextual #userdata a:active,
#login-small a:hover, #login-small a:active{
    color: #FFFFFF;
}

#notifications {
    display: none;
    width: 200px;
    padding: 5px;
    margin-top: 3px;
    background-color: #FAFAFA;
    border: 1px solid #E7E7E7;
}
#notifications h2 {
    text-align: center;
    font-size: 11pt;
    line-height: 50%;
}
#notifications ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
#notifications ul li {
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
    text-align: center;
}
#search {
    margin-top: 4px;
    width: 345px;
    text-align: right;
    float: right;
}

#userdata {
    font-size: 0.8em;
    margin-bottom: 2px;
    text-align: left;
    padding-left: 9px;
}
#login-small {
    display: none;
    margin-top: 7px;
    font-size: 0.8em;
    padding-left: 5px;
}
#social {
    display: inline;
    padding-top: 6px;
}
#social ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-right: 8px;
}
#social ul li {
    padding: 2px;
    margin: 0px;
    display: inline;
}
#pagedata {
    float: right;
    width: 150px;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 20px;
}
#pagedata ul {
    margin: 0px;
    padding: 0px;
    margin-top: 15px;
    margin-left: 15px;
}
#pagedata ul li {
    list-style: none;
    line-height: 1.6em;
}
#main {
    min-width: 700px;
    min-height: 500px;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 20px;
    border: 1px solid #343434;
    border-bottom: none;
    border-left: none;
    border-radius: 0px 0px 0px 0px;
    margin-right: 230px;
    margin-left: 0px;
    margin-top: 25px;
    background-color: #FFFFFF;
}
#header div#nav-main {
    width: 100%;
}
div#nav-main ul {
    margin: 0px;
    margin-left: 5px;
    padding: 0px;
    padding-top: 11px;
}
div#nav-main ul li {
    display: inline;
    margin-right: 25px;
}
div#nav-main a:link, div#nav-main a:visited,
.footer-block > a:link, .footer-block > a:visited {
    text-decoration: none;
    font-family: BlairMdITC;
}
div#nav-main a:link, div#nav-main a:visited {
    color: #FFFFFF;
     font-size: 10pt;
}
.footer-block > a:link, .footer-block > a:visited {
    color: #000000;
}
div#nav-main a:hover, div#nav-main a:active, 
.footer-block > a:hover, .footer-block > a:active {
    color: #FF0000;
}
p.big-letter:first-letter {
    color: #ff0000;
    font-size: 55pt;
    float: left;
    margin-right: 5px;
    margin-bottom: 2px;
    padding-top: 0px;
    line-height: 90%;
}
#content {
    /*width: 730px;*/
}
img.logo {
    border: 1px solid black;
}
.massive {
    font-size: 6em;
    text-align: center;
}
fieldset {
    display:block;
    border: none;
    border-left: 1px solid #BDBDBD;
}

fieldset form {
    padding-top:15px;
}

form fieldset {
    padding-top: 15px;
    margin-bottom: 15px;
}

input.short {
    width: 100px;
}

fieldset input[type='text'], fieldset input[type='password'], fieldset input[type='email'] {
    width: 250px;
}

fieldset p {
    margin-left: 10px;
}

fieldset p label {
    float:left;
    width:150px;
    font-size: 11pt;
}

fieldset p label.req {
    font-weight: bold;
}
div.browse-box {
    text-align: center;
    width: 150px;
    padding: 7px;
    margin: 10px;
    margin-bottom: 15px;
    border: 1px solid #A9A9A9;
    border-radius: 3px;
    display: inline-block;
}

#comments {
    width: 100%;
}

div.comment {
    border: 1px solid #E7E7E7;
    border-radius: 3px;
    background-color: #FAFAFA;
    padding: 10px;
    padding-top: 5px;
    margin-bottom: 6px;
}
div.comment#new_featured {
    background-color: #FFFDC5;
}

div.comment#new_featured > div {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

#new_featured h3 {
    font-size: 15pt;
    font-weight: 400;
}
div.comment > h2 {
    font-weight: 600;
}
div.comment.column h2 {
    font-size: 15pt;
}
div.comment h4 {
    text-align: center;
}
div.comment.half-column {
    float: left;
    height: 280px;
    width: 47%;
    overflow: hidden;
}
div.comment.half-column.no-margin {
    margin: 0px;
    float: right;
}
#comments div.comment {
    margin-bottom: 3px;
}
#suggested {
    clear: both;
}
div.comment-user {
    font-size: 9pt;
    margin-bottom: 5px;
}

div.replies {
    width: 95%;
    margin-left: 5%;
    margin-bottom: 7px;
}

p.signature, .small {
    font-size: 8pt;
    margin-bottom: 1px;
}

.small select {
    font-size: 8pt;
    height: 18px;
}

h3.small {
    font-size: 1.0em;
}
h3.book {
    text-align: left;
}

#content-fill {
    margin-top: 20px;
    text-align: center;
}

.browse-comic-wrapper img {
    margin-bottom: 15px;
}

a.load-more:link, a.load-more:visited {
    padding: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid black;
    text-decoration: none;
    font-size: 14pt;
}

a.load-more:hover, a.load-more:active {
    background-color: #EFEFEF;
}

#funny_page {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

#funny_page tr {
    vertical-align: middle;
}

#funny_page td {
    padding: 25px;
}

#funny_page img.strip {
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
}

table.borders {
    border-collapse: collapse;
    width: 90%;
    margin-bottom: 10px;
}

table.borders tr {
    border: 1px solid black;
}

table.borders td{
    /*width: 33%;*/
    border: 1px solid black;
    text-align: center;
}

table.list td {
    padding: 4px;
}

table.list tr:nth-child(even) {
    background-color: #ededed;
}

table.list tr:nth-child(odd) {
    background-color: #bcbcbc;
}
table.list tr.winner {
    background-color: #CCFFCC;
}
table.list tr.deleted {
    color: #999;
}

h2 {
    font-weight: normal;
    font-size: 13pt;
    text-align: center;
    margin-top: 20px;
}

h3 {
    font-weight: normal;
    font-size: 11pt;
    text-align: center;
}
h4 {
    text-align: left;
    font-weight: normal;
    font-size: 11pt;
    margin-bottom: 2px;
}
h3.blog-home
.promo_books h3 {
    text-align: left;
    font-size: inherit;
    font-weight: bold;
}

.error {
    color: red;
}

.message {
    color: #33FF00;
}

#upload_output {
    font-weight: bold;
    font-size: 13pt;
}

.centered {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

#searchbar, #searchbar-sm {
    clear: both;
    padding-top: 6px;
}

#searchbar fieldset, #searchbar-sm fieldset{
    border: none;
    padding: 0px;
    margin: 0px;
    margin-right: 5px;
    width: 270px;
    float: left;
}
#searchbar legend, #searchbar-sm legend {
    display: none;
}
#searchbar input[type='text'], #searchbar-sm input[type='text'] {
    width: 215px;
    height: 22px;
    background-color: #FAFAFA;
    border: 1px solid #343434;
    border-right: none;
    border-radius: 3px 0px 0px 3px;
    padding-left: 3px;
}
#searchbar-sm input[type='text'] {
    position: absolute;
}
#searchbar button, #searchbar-sm button {
    width: 30px;
    height: 26px;
    margin-left: 0px;
    border: 1px solid #343434;
    border-left: none;
    border-radius: 0px 3px 3px 0px;
    background: #c30000; /* Old browsers */
    background: -moz-linear-gradient(top,  #c30000 0%, #a40000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c30000), color-stop(100%,#a40000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c30000 0%,#a40000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c30000 0%,#a40000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c30000 0%,#a40000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c30000 0%,#a40000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c30000', endColorstr='#a40000',GradientType=0 ); /* IE6-9 */
    position: relative;
    left: -5px;
}
#searchbar button span, #searchbar-sm button span{
    margin-left: auto;
    margin-right: auto;
    width: 13px;
    height: 13px;
    background: url("/http/alphacomedy.com/images/site/search.png") repeat scroll 0 0 transparent;
    display: inline-block;
}
#searchbar button::-moz-focus-inner, #searchbar-sm button::-moz-focus-inner {
    border:0;
}

.redactor_box {
    clear: both;
    margin-left: 150px;
    width: 504px;
}
ul.search-results {
    margin-top: 30px;
}
ul.search-results li {
    list-style: none;
    clear: left;
}
ul.search-results img, .search-results img {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}
ul.search-results li h2, .search-results h2 {
    font-weight: 500;
    text-align: left;
}
.search-results {
    height: 100px;
    white-space: normal;
    overflow: hidden;
}
span.pre {
    font-family: 'Courier New', Fixed;
}
dt {
    font-weight: bold;
}
dd {
    margin-bottom: 10px;
}
ol.q_and_a {
    font-size: 3.5em;
    font-family: Franchise;
    color: #999999;
    padding-left: 85px;
    margin-top: 10px;
}
ol.q_and_a > li {
    font-family: TinDoghouse;
    background-color: #FAFAFA;
    padding: 5px;
    padding-top: 0px;
    margin-bottom: 20px;
    padding-bottom: 25px;
}
ol.q_and_a > li > p, ol.q_and_a > li > span.question {
    font-size: 0.25em;
    color: #000000;
}
ol.q_and_a > li > span.question {
    color: #343434;
    font-style: italic;
}
dl.q_and_a {
    margin: 5px;
    font-style: italic;
}
dl.q_and_a dd {
    font-style: normal;
}
.baby_pic {
    float: left;
    margin: 5px;
    margin-right: 10px;
}

.book_cover{
    float: left;
    margin: 5px; 
    margin-right: 10px;
}

#comic_img {
    position: relative;
    z-index: 1;
    max-width: 100%;
}

ul.promo_books {
    list-style: none;
    margin: 10px;
    padding: 0px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

ul.promo_books li {
    clear: left;
    margin-bottom: 45px;
}

div#breadcrumbs {
    text-align: center;
    margin-bottom: 10px;
}

#share-links {
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}
#share-links ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
#share-links ul li {
    display: inline;
    padding: 3px;
    margin: 0px;
}
#share-links.profile {
    margin-top: 45px;
}


#footer {
    clear: both;
    width: 100%;
    background-color: #EEEEEE;
    border-top: 1px solid #343434;
    padding-top: 10px;
    padding-bottom: 20px;
    min-height: 60px;
    position: relative;
    z-index: 2;
}
#footer-struct {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
}
.footer-block {
    float: left;
    width: 300px;
    padding: 4px;
    text-align: center;
    margin-bottom: 10px;
}
.footer-block.bordered {
/*    border-left: 1px dotted black;
    border-right: 1px dotted black;*/
}
.footer-block h3 {
    font-family: blairmditc;
    font-size: 1.3em;
    font-weight: normal;
    margin-bottom: 10px;
    margin-left: 60px;
    text-align: left;
    text-transform: uppercase;
}
.footer-block ul {
    list-style: none outside none;
    margin: 0 0 0 65px;
    padding: 0px;
    text-align: left;
}
.footer-block ul li {
    margin-left: 3px;
    padding: 3px;
}
.footer-block ul.left-align {
    text-align: left;
}
.footer-block ul.center-align {
    text-align: center;
}
.footer-block ul.right-align {
    text-align: right;
}
div.clearer {
    clear: both;
}

ul.promo_links {
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}

ul.promo_links li {
    list-style: none;
    margin-bottom: 0.3em;
    font-size: 0.9em;
    padding-left: 18px;
    padding-top: 5px;
    padding-bottom: 2px;
}

li.link_1, li.link_5, li.dirlink {
    background: url("../images/site/modal/icon_link.png") no-repeat scroll 0 4px transparent;
}
li.link_2, li.facebook {
    background: url("../images/site/modal/icon_facebook.png") no-repeat scroll 0 4px transparent;
}
li.link_3, li.twitter {
    background: url("../images/site/modal/icon_twitter.png") no-repeat scroll 0 4px transparent;
}
li.link_4 {
    background: url("../images/site/modal/icon_blog.png") no-repeat scroll 0 4px transparent;
}
li.reprint {
    background: url("../images/site/modal/icon_reprint.png") no-repeat scroll 0 4px transparent;
}
li.comment {
    background: url("../images/site/modal/icon_comment.png") no-repeat scroll 0 4px transparent;
}
ul.browse-small {
    width: 480px;
    padding: 0px;
}
ul.browse {
    width: 675px;
    margin-left: auto; 
    margin-right: auto;
}
ul.browse li, ul.browse-small li {
    width: 160px;
    list-style: none;
    float: left;
    display: inline;
    margin-bottom: 15px;
    text-align: center;
    height: 125px;
}
ul.browse li img, ul.browse-small li img {
    margin-left: auto;
    margin-right: auto;
}
.hidden {
    display: none;
}
.browse_title {
    font-size: 0.8em;
    margin: 1px;
    padding: 0px;
    text-align: center;
}
ul.my_comics {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
ul.my_comics li {
    padding: 5px;
    margin-bottom: 20px;
    text-align: center;
}
.nav_arrows {
    float: left;
    z-index: 2;
    display: none;
    position: relative;
}
#modal-footer {
    margin-top: 20px;
    background-color: #FFFFFF;
}
#modal-footer #left {
    float: left;
    min-height: 200px;
    width: 49%;
}
#modal-footer #right {
    float: right;
    min-height: 200px;
    width: 49%;
}
#modal-footer h1 {
    text-align: left;
    margin-left: 20px;
    font-size: 1.2em;
    font-weight: normal;
}
#modal-footer ul {
    margin: 0px;
    padding: 0px;
    margin-left: 10px;
    margin-top: 10px;
}
#modal-footer ul li {
    list-style: none;
    margin-bottom: 0.3em;
    font-size: 0.9em;
    padding-left: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
}
ul.weekly {
    list-style: none;
}
ul.weekly li {
    margin-bottom: 20px;
}
.weekly_next {
    float: left;
    padding-left: 4px;
}
.weekly_next:before {
    content: '<< ';
}
.weekly_prev {
    float: right;
    padding-right: 4px;
}
.weekly_prev:after {
    content: ' >>';
}

.ordered {
    color: #CC0033;
}
.paid {
    color: #FFC61A;
}
.shipped {
    color: green;
}
.bordered.nowidth td {
    width: auto;
}
#recent_blog > a > img, #recent_user > a > img, #new_featured > div > a > img {
    float: left;
    margin: 10px;
    position: relative;
    z-index: 2;
}
#new_featured > div > a > img {
    margin-top: 0px;
}
#recent_blog > a:link, #recent_blog > a:visited, 
#recent_user >a:link, #recent_user > a:visited, 
#new_featured > div > a:link, #new_featured > div > a:visited{
    color: #000000;
    text-decoration: none;
}
#recent_blog > a > h3 {
    margin-bottom: 5px;
}
.blog_author {
    font-size: 0.8em;
}
.blog_author:before {
    content: 'By: ';
}
ul.fake-form {
    margin-left: 150px;
}
.attach_box {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    background-color: #CFCFCF;
    padding: 10px;
}
.attach_comic_scroll {
    overflow: scroll;
    height: 400px;
}
blockquote.banned {
    padding: 8px;
    border: 1px solid red;
}

ol.instr li {
    margin-bottom: 6px;
}
.padded {
    padding: 8px;
}
a.right-align {
    float: right;
}

#big-search {
    border: none;
    width: 605px;
    margin-left: auto;
    margin-right: auto;
}
#big-search legend {
    display: none;
}
#big-search input[type=text] {
    width: 490px;
    height: 24px;
}
#big-search button {
    width: 90px;
    height: 30px;
    margin-left: 10px;
    border: 1px solid #C30000;
    border-radius: 2px;
    background-color: #C30000;
    background-image: -moz-linear-gradient(center top , #C30000, #A40000);
}
#big-search button span {
    margin-left: auto;
    margin-right: auto;
    width: 13px;
    height: 13px;
    background: url("/http/alphacomedy.com/images/site/search.png") repeat scroll 0 0 transparent;
    display: inline-block;
}
ul.pagination {
    clear: both;
    list-style: none;
    text-align: center;
    padding-top: 20px;
}
ul.pagination li {
    display: inline;
    background-color: #b9b9b9;
    border: 1px solid #999999;
    border-radius: 2px;
    padding: 3px;
    margin-left: 5px;
    margin-right: 5px;
}

ul.pagination li.last a:after, ul.pagination li.last span:after {
    content: ' >>';
}
ul.pagination li.next a:after, ul.pagination li.next span:after {
    content: ' >';
}
ul.pagination li.prev a:before, ul.pagination li.prev span:before {
    content: '< ';
}
ul.pagination li.first a:before, ul.pagination li.first span:before {
    content: '<< ';
}

ul.pagination li a:link, ul.pagination li a:visited {
    color: #0066CC;
    text-decoration: none;
} 
.column {
    width: 28%;
    margin-left: 1%;
    display: inline-block;
}

.column .column-title {
    font-size: 14pt;
}
.center-align {
    text-align: center;
}
.profile-blocks {
    margin-top: 25px;
    margin-bottom: 10px;
}
.quote {
    text-align: center;
    font-size: 11pt;
    font-style: italic;
}
h2.subtitle {
    margin-top: 40px;
}
.slider-wrapper {
    height: 275px;
}
.slider-wrapper.panel {
    height: 500px;
}
.order-now {
    text-align: center;
    clear: left;
}
.reply-buttons {
    margin-left: 5px;
}

div.button-wrapper {
    text-align: center;
    padding-bottom: 10px;
}
.profile-button {
    background: #999999; /* Old browsers */
    background: -moz-linear-gradient(top,  #999999 0%, #d6d6d6 50%, #d1d1d1 51%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(50%,#d6d6d6), color-stop(51%,#d1d1d1), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #999999 0%,#d6d6d6 50%,#d1d1d1 51%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #999999 0%,#d6d6d6 50%,#d1d1d1 51%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #999999 0%,#d6d6d6 50%,#d1d1d1 51%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #999999 0%,#d6d6d6 50%,#d1d1d1 51%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    
    border: 1px solid #5E5E5E;
    border-top-color: #969696;
    border-left-color: #969696;
    border-radius: 2px;
    padding: 5px 2px 5px 2px;
    color: #000;
    font-family: TinDoghouse;
    font-size: 10pt;
    margin-right: 3px;
}
.profile-button.inactive {
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7f7f7 0%, #f7f7f7 50%, #f2f2f2 51%, #f9f9f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(50%,#f7f7f7), color-stop(51%,#f2f2f2), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f7f7f7 0%,#f7f7f7 50%,#f2f2f2 51%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f7f7f7 0%,#f7f7f7 50%,#f2f2f2 51%,#f9f9f9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f7f7f7 0%,#f7f7f7 50%,#f2f2f2 51%,#f9f9f9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f7f7f7 0%,#f7f7f7 50%,#f2f2f2 51%,#f9f9f9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
    border: 1px solid #BDBDBD;
}
.profile-button a:link, .profile-button a:visited {
    color: #000;
    text-decoration: none;
}
.profile-button a:hover, .profile-button a:active {
    color: #000;
    text-decoration: none;
}
.question-social {
    float: right;
    font-size: 1em;
    line-height: 50%;
    position: relative;
    right: -20px;
}
.twitter-share-button {
    position: relative;
    top: 4px;
    width: 85px !important;
}

.fb-like {
    position: relative;
    top: 4px;
    margin-right: 10px;
    max-width: 80px;
}
#share-links ul li.pinterest-hates-developers {
    margin-right: 20px;
}
.pinterest-hates-developers > a {
    position: relative;
    top: 4px;
}

.social_button {
    background: #f3f3f3; /* Old browsers */
    background: -moz-linear-gradient(top,  #f3f3f3 0%, #fdfdfd 6%, #dfdfdf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(6%,#fdfdfd), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f3f3f3 0%,#fdfdfd 6%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f3f3f3 0%,#fdfdfd 6%,#dfdfdf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f3f3f3 0%,#fdfdfd 6%,#dfdfdf 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f3f3f3 0%,#fdfdfd 6%,#dfdfdf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    height: 16px;
    line-height: 15px;
    padding: 1px;
    padding-left: 4px;
    padding-right: 10px;
    display: inline-block;
    position: relative;
    top: -2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {  /* yay webkit workarounds */
    .social_button {
        top: -1px;
    }
}

.social_button a {
    font-family: TinDoghouse;
    text-decoration: none;
    font-size: 9pt;
    line-height: 8pt;
    padding-left: 6px;
    color: #333;
}

.social_button a:hover {
    color: #000;
}

.social_button:hover {
    border: 1px solid #AAA;
}

#textLink {
    background: url("/http/alphacomedy.com/images/site/social/text-icon.png") no-repeat scroll 0 0 transparent;
    padding-left: 15px;
}

#email_button {
    background: url("/http/alphacomedy.com/images/site/social/email-icon.png") no-repeat scroll 0 1px transparent;
    padding-left: 16px;
}

#ecard_button {
    background: url("/http/alphacomedy.com/images/site/social/card-icon.png") no-repeat scroll 0 1px transparent;
    padding-left: 16px;
}
/*
div.comment-count {
    background-image: url("/http/alphacomedy.com/images/site/comment_count.png");
    background-position: 0 0;
    display: inline-block;
    font-size: 9pt;
    height: 19px;
    line-height: 20px;
    margin-left: 3px;
    padding: 0 0 0 5px;
    position: relative;
    top: -4px;
    border: none;
}*/

div.comment-count {
    position:relative;
    top: -2px;
    padding:0px;
    border:1px solid #999999;
    color:#333;
    background:#fff;
    
    /* css3 */
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    margin-left:10px;
    
    display: inline-block;
}

div.comment-count:before {
    content:"";
    position:absolute;
    border-style:solid;
    
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
    
    top:5px; /* controls vertical position */
    bottom:auto;
    left: -8px; /* value = - border-left-width - border-right-width */
    border-width:4px 8px 4px 0;
    border-color:transparent #999999;
}

/* creates the smaller  triangle */
div.comment-count:after {
    content:"";
    position:absolute;
    border-style:solid;
    
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
    
    top:6px; /* value = (:before top) + (:before border-top) - (:after border-top) */
    bottom:auto;
    left:-5px; /* value = - border-left-width - border-right-width */
    border-width:3px 5px 3px 0;
    border-color:transparent #fff;
}


div.comment-count > a {
    /*background-image: url("/http/alphacomedy.com/images/site/comment_count.png");*/
    background-position: right 0;
    display: block;
    height: 15px;
    line-height: 18px;
    margin-left: 4px;
    padding: 2px 5px 1px 0;
    text-decoration: none;
    font: 11px Arial,Helvetica,sans-serif;
}

div.comment-count > a:link, div.comment-count > a:visited {
     color: #454545;
}

div.comment-count > a:hover, div.comment-count > a:active {
     color: #454545;
}

.captions li h2 {
    text-align: left;
}

blockquote {
    background:#f9f9f9;
    border-left:10px solid #ccc;
    margin:1.5em 10px;
    padding:.5em 10px;
    quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
    color:#ccc;
    content:open-quote;
    font-size:4em;
    line-height:.1em;
    margin-right:.25em;
    vertical-align:-.4em;
    font-family: arial;
}

ul > li {
    margin-bottom: 3px;
}

ul.ecards {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    padding: 0px;
}
ul.ecards li {
    display: inline;
    margin: 20px;
    float: left;
    min-height: 170px;
}

ul.ecards li .browse_title {
    width: 300px;
}

div.ecard-submit {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    clear: both;
}
div.ecard-comment {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}
div.advertisement {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

div.advertisement img
{
    border: 1px solid #5E5E5E;
}

.ecards-wrapper {
    width: 660px;
    margin-left: auto;
    margin-right: auto;
}

#search-small {
    display: none;
}

fieldset.ask-shagg {
    background: url('/http/alphacomedy.com/images/site/shagg-bg.png') no-repeat top right;
}

.obscure-main {
    width: 100%;
    float: left;
}
.obscure-main .comment {
    width: 46%;
    min-width: 320px;
    margin-left: 5px;
    float: left;
    text-align: center;
}
.obscure-recent {
    width: 33%;
    float: right;
}

.comments {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.comment:nth-last-child(2) {
    margin-bottom: 25px;
}

.recent-comment {
    padding: 5px;
    border-bottom: 1px solid #454545;
}

ul.my_comics li img {
    max-width: 100%;
}

ul.trending {
    text-align: center;
}

ul.trending li {
    display: inline;
    padding: 8px;
    margin-right: 20px;
    line-height: 1.6em;
}

.release_date {
    display: none;
    position: absolute;
    top: 105px;
    left: 30px;
    float: left;
}

.advertisement.banner {
    max-width: 100%;
}

.advertisement.rectangle {
    float:right;
    margin: 10px 0px 10px 10px;
}

/* Force FB comments to be responsive */
/* http://wordpress.org/support/topic/making-facebook-comments-responsive */
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {max-width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {max-width: 100% !important;}