@charset "UTF-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	margin: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

div {font-family: Helvetica, Arial, Sans-serif;color: rgb(77,77,77);}
.bold {font-weight: 700;}
.italic{font-style:italic;}
.size36 {font-size:36px;}
.size30 {font-size:30px;}
.size24 {font-size:24px;}
.size20 {font-size:20px;}
.size18 {font-size:18px;}
.size16 {font-size:16px;}
.size15 {font-size:15px;}
.size14 {font-size:14px;}
.size13 {font-size:13px;}
.size12, .size12 label {font-size:12px;}
.size11 {font-size:11px;}
.size10 {font-size:10px;}
.size9  {font-size:9px;}
.size8  {font-size:8px;}
.hover A:hover {text-decoration: none; border-bottom: 1px solid #1A1A1A;}
.yanone {font-family:'Yanone Kaffeesatz', Helvetica, Arial, serif;}
.hel {font-family:Helvetica;}
.hoverB A:hover{color: #82b7b9;}
.white {color: #E6E6E6;}
.whiteReal {color: white;}
.white A:link{text-decoration: none;color: #E6E6E6;}
.white A:visited{text-decoration: none;color: #E6E6E6;}
.white A:active{text-decoration: none;color: #E6E6E6;}
.hoverW A:hover{text-decoration: none; border-bottom: 1px solid #E6E6E6;}
.gray {color: #808080;}
.gray A:link{text-decoration: none;color: #808080;}
.gray A:visited{text-decoration: none;color: #808080;}
.gray A:active{text-decoration: none;color: #808080;}
.hoverG A:hover{text-decoration: none; border-bottom: 1px solid #808080;}
.green {color:#038579;}
a.green:hover{color:#82b7b9;}
a.green:active{color:#fff;}
.white{color:#fff;}
.green2{color:#038579; font-weight:700;}
.green3, .green3 a {color:#038579;}
.darkgray{color:#4d4d4d;}
.darkgray a {color:#4d4d4d;}
.wordFree { color: #00b34d; font-weight: 700; }
.almost-black {color:#333;}

.blue, .blue a, .blue label {color:#39c;}
a.blue:hover, .blue a:hover, a.blue:visited, .blue a:visited {color:#069;}
a.blue:active, .blue a:active {color:#ffd200;}

.super-red, .super-red a {color:#f33 !important;}
.super-gray, .super-gray a {color:#808080 !important;}

@charset *UTF-8*;
/* CSS Document  */

* { margin: 0; padding:0; }
body { background-color: #0b934a; font-family:  Helvetica, Arial, Verdana;color:#333;text-align: center; height: 100%; background-image: url('/static/images/background.jpg?79d1f41a0dc6'); background-repeat:repeat-x; background-position: top center; background-attachment:fixed; }
p, blockquote, body {font-size:12px; color:#4d4d4d; font-family:Helvetica, Arial, sans-serif;}
img { border: 0; }
.mainDiv{
    width:990px;
    margin:0 auto;
    background-position:center;
    background-repeat:no-repeat;
    background-color: rgba(0, 75, 50, 0.95);
    text-align:left;
    min-height:100%;
    position:relative;
    vertical-align:middle;
    padding: 0 5px;
}

/*-----------------------------------Buttons---------------------------------------------*/
.pagination {float:left;width:590px;margin-left:20px;}
.pagination .prev, .pagination .next, .pagination .page{padding:5px; margin-top:10px; -moz-border-radius: 25px; border-radius: 25px; background-color:#82b7b9; color:#fff; font-size: 12px;font-weight:700;}
.pagination .prev, .pagination .next{width:100px;}
.pagination .prev {float:left;margin-right:auto;}
.pagination .next {float:right;margin-right:0; margin-left:auto;text-align:right;}
.pagination .page{float:left; margin-left:5px; margin-right:5px;}
.pagination .prev:hover, .pagination .next:hover {background:#45b4b9;}
.pagination .page:hover{background:#038579;}
.pagination .current {background:#038579;}
.pagination .disabled{background-color:#82b7b9 !important;}
#searchDiv {float:left;margin-left:20px;}
#searchButton{ position: relative; display: block; width: 29px;  height: 25px; background: url('/static/images/magnifingglass.png?79d1f41a0dc6') no-repeat 0 0; border: 0px solid red; cursor: pointer; float:right; margin-right:28px; margin-top:-25px; }
#searchButton span{ display: none;}
#txtSearch{ float:left; font-family: Helvetica, Arial, Sans-serif; font-size: 12px; color: #555; margin:5px 5px 5px 5px; background: transparent; outline: none; width: 125px; border: 0px solid red; }
input {padding:5px;border:none;margin-bottom:5px;}
input[type="button"]{color:#fff; font-family: Helvetica, Arial, sans-serif; font-size:12px;font-weight:700; -moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;background-color:#82b7b9;padding:5px 10px 5px 10px;}
input[type="reset"]{color:#fff; font-family: Helvetica, Arial, sans-serif; font-size:12px;font-weight:700; -moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;background-color:#82b7b9;padding:5px 10px 5px 10px;}
input[type="submit"]{color:#fff; font-family: Helvetica, Arial, sans-serif; font-size:12px;font-weight:700; -moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;background-color:#82b7b9;padding:5px 10px 5px 10px;}
input[type="reset"]:hover{background-color:#45b4b9;}
input[type="submit"]:hover{background-color:#45b4b9;}
input[type="button"]:hover{background-color:#45b4b9;}
input[type="button"]:active{background-color:#038579;}
input[type="submit"]:active{background-color:#038579;}
input[type="reset"]:active{background-color:#038579;}
/*for blue searchbuttons*/
#txtSearch2{float:left;font-family: Helvetica, Arial, Sans-serif;font-size: 12px;color: #fff;margin:5px 5px 5px 5px;background: transparent; outline:none; width:150px; border: 0px solid red;}
#id_search{float:left;font-family: Helvetica, Arial, Sans-serif;font-size: 12px;color: #fff;margin:5px 5px 5px 5px;background: transparent; outline:none; width:150px; border: 0px solid red;}
#searchButton2{ position: relative; display: block; top: 5px; width: 29px;  height: 15px; background: url('/static/images/magnifingglass.png?79d1f41a0dc6') no-repeat 0 0; border: 0px solid red; cursor: pointer; float:right; left:10px;}

/*--------------- header info ----------------------------------*/
#header-top {background-color:#aee601;width:960px;margin-left:20px;height:110px; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius:10px;}
#header-bottom {background-color:#aee601;height:30px;width:740px;float:right;margin-right:30px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
#header img{ float: right; margin-top: 25px; margin-right:10px; height: 90px; width:730px;}
#topmenu{ float:left; margin-left: 20px; font-size:20px;}
#topmenu li{ text-decoration:none; float:left; font-family: 'Yanone Kaffeesatz', Helvetica, Arial, sans-serif; margin-right:20px;text-transform: lowercase;}
#topmenu li.compact {margin-right: 15px}
#maincontent {margin-left:10px;background-color: rgb(255,240,170);-moz-border-radius: 10px;border-radius: 10px;float:left;width:630px;padding-bottom: 10px;}
#maincontent.comicpage {margin-left:20px;background-color: rgb(255,240,170);-moz-border-radius: 10px;border-radius: 10px;float:left;width:930px;padding-bottom: 10px;}
#top_ad_holder {float:right;margin-top:10px;margin-right:10px;width:728px;height:90px;background:#82b7b9;overflow:hidden}
#maincontent.homecontent {width: 640px; margin-left:0;}
.rightarrowcontainer{float:right;margin-top:55px;margin-left:10px;}
.carouselcontainer{margin-left:20px;float:left;width:607px;}
/* ----------------------Homepage-----------------*/
#home-image {position:absolute;width:239px;height:169px;}
.pics {margin-left:7px; float:left;}
.pics li{float:left; margin-top: 5px; margin-left:5px; }
#latest .blue2{font-size:10px; float: left; padding-left:10px; font-family:Helvetica, Arial, sans-serif; font-weight:700; width:170px; margin-top: 5px;}
#random .blue2{ font-size: 10px; float: left; padding-left:10px; font-family:Helvetica, Arial, sans-serif; font-weight:700; width:170px;margin-top: 5px;}
#topten .blue2{ font-size: 10px; float: left; padding-left:10px; font-family:Helvetica, Arial, sans-serif; font-weight:700; width:170px;margin-top: 5px;}
.comicThumb{ float:left; width: 55px; height: 70px; background-color: #82b7b9; }
.yellow-box{ background:#ffe666; margin-top:10px; padding:10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius:10px; }
#infoDiv {float:left;}
#popGalaxy {background:#ffe667;width:190px;margin-left:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin-bottom:20px;padding-top:10px;padding-bottom: 10px}
#popGalaxy .video{margin-left:10px;}
#popGalaxy p{margin: 10px; line-height:14px; font-weight:700}
#popGalaxy h2{margin:5px 0 5px 10px; font-weight:700;}
#popGalaxy h3{margin-left:10px; font-weight:700;}
.spotlight {margin-left: 17px; margin-bottom:-5px;}
#icons {background-image:url('/static/images/menuback.png?79d1f41a0dc6'); background-repeat:no-repeat; height: 960px; width:200px; margin-left:10px; float:left;}
#socialnetwork {padding-top:30px;}
#socialnetwork li{margin-top:-10px;}
#blogside {float:right;margin-right:20px;width:400px;}
.newsBanner.blue{background-color:#ffe666;-moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px; font-family: 'Yanone Kaffeesatz', Helvetica, serif;font-size: 20px;font-weight: 700;padding: 10px;font-weight: 700;}
.header6.size24.blue{font-family: 'Yanone Kaffeesatz', Helvetica, serif; margin-bottom:2px;}
.date.size11{font-weight:700; float:left; margin-bottom:2px;}
.newsItem{margin-left:6px;width: 395px;margin-bottom:30px;}
.newThumb{float: left;background-color: rgb(130,184,186);width: 70px;height: 70px;margin-right: 6px;}
.taglink{float:right; margin-right:90px; margin-top:-14px;}
.taglink li{font-weight:normal; float:left; margin-left:5px;}
.newsItem .post{line-height: 18px;}
.moreBlog{float:left;}
.moreBlog span{display:none;}
.blogarrow{float:right;margin-top:12px;margin-left:2px;background-image:url('/static/images/blogarrowsprite2.png?79d1f41a0dc6'); background-repeat:no-repeat; height:28px;width:197px;background-position: 0 -28px;display:block;}
.blogarrow:hover, .blogarrow:active {background-position: 0 0;}
.addBox{margin-right: 20px;margin-bottom: 10px;background-color: #82b7b9;height: 250px;width: 300px; overflow: hidden}
.sideModule{float:right;margin-right:20px;padding: 10px 10px 10px 10px;background-color: #fff0aa;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 10px;border-top-right-radius:10px;border-bottom-right-radius:10px;width: 290px;}
.sideTop{float:right;background-color: rgb(255,230,102);-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-right-radius:10px;border-top-left-radius:10px;font-weight: 700;color:rgb(130,183,185);width:120px;padding-right: 10px;text-align:right;}
.sideTop li{float:left; margin-left:12px;}
.sideTop .blue.size10{margin-top:5px;}
.sideBody{padding: 20px 10px 10px 10px;background:rgb(255,230,102);-moz-border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;width:270px;float:left;}
.login input[type="submit"]{padding-right:10px;}
.alert {
  color: #9c142f;
}

textarea {padding:5px;border:none;}
#userPic{float:left;margin-right: 10px;margin-bottom: 10px;background-color: white;width: 70px;height: 70px;}
#userName{float:left; position:relative; top: -4px; font-family: 'Yanone Kaffeesatz', arial, serif;font-size: 26px;font-weight: 700;}
#userControl{float:left;width: 155px;font-weight:700;}
#userQuacks{padding: 10px;width: 270px;}
.userComics{padding: 5px 10px;background-color: rgb(255,240,170);-moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px; width: 250px;font-weight:700;float:left;margin-top:10px;}
.sortBy{font-weight: 700;float: right;background-color: rgb(130,184,186);-webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px;padding: 3px 50px 3px 6px;margin:8px 0px;}
.issues{float:left; width:250px; margin-top:5px;}
.lissues dt{font-weight:700; font-family: Helvetica, Arial, sans-serif; margin-bottom:10px;}
.issues dd{float:right; color:#808080; font-weight:700; font-size: 10px;font-family: Helvetica, Arial, sans-serif; margin-top:-13px;}
.issues dd span{ color:#45b4b9;}
.addColumn{margin:10px 0 10px 0;background-color:#82b7b9;height: 600px;width: 160px;float:left; overflow: hidden}
.drunkducktwit{ background-image:url('/static/images/drunk_duck_on_twitter.png?79d1f41a0dc6'); background-repeat:no-repeat; height: 31px; width: 237px; margin-left: 20px; margin-bottom:10px;}
.drunkducktwit span{display:none;}
.sideBody.two{-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;border-top-right-radius:10px;line-height:13px;}
.twitpost{margin-bottom:10px;}
.more{background-image:url('/static/images/moresprite.png?79d1f41a0dc6'); background-repeat: no-repeat; background-position: 0 -37px;height: 37px; width: 50px; display: block; margin-left:110px;}
.more:hover, .more:active{background-position:0 0;}
.more span{display:none;}
.quack-list tbody tr {background:#fff;}
#footer{background-color:#aee601; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 950px; margin-top: 10px; margin-left:20px; margin-bottom:10px;float:left;padding-top:10px;padding-bottom:20px;font-size:20px;}
#footermenu{float:right;}
#footermenu li{ text-decoration:none; float:left;  margin-right:20px; text-transform: lowercase; font-family: 'Yanone Kaffeesatz', arial, serif; }
.footerinfo{float:left;}
.footerinfo li{float:left; margin-left:20px; text-transform: lowercase; font-family: 'Yanone Kaffeesatz', arial, serif;}
.rights.white.size9{float:right; margin-right:580px;}
#leftSide{float: left;width: 640px;margin-left: 20px;}
#rightSide{float: right;width: 320px;}

#supporters .badge {
  margin-bottom: 8px;
  padding-left: 2px;
}
#supporters .sideBody {
  color: #038579;
  font-weight: 700;
}
#supporters h6 {
  margin-top: 15px;
  padding-left: 10px;
}

/*-----------------------------------to be replaced by the carousel ---*/
.comicCover{float:left;width: 105px;height:160px;background-color: rgb(130,184,186);margin-left:10px;}
#leftcolumn{float:left;background-color: rgb(255,240,170);-moz-border-radius-topleft: 10px;-moz-border-radius-bottomleft: 10px;-webkit-border-top-left-radius: 10px;-webkit-border-bottom-left-radius: 10px; width:10px; border-top-left-radius:10px; border-bottom-left-radius:10px;}

/*--------------------Reset Password-------------------*/
.password{font-family:'Yanone Kaffeesatz', arial, serif;}
.passwordrecovery li{font-weight:700; float:left; margin-left:22px; margin-top:-15px; margin-bottom:10px;}
.passwordrecovery li .button{padding-left:10px;padding-right:20px;}
.yellow-box.passpage{width:570px; float:left; padding-left:10px;margin-left:20px;}
.passpage p{margin-bottom:30px; margin-top:10px; line-height:18px;}
.passwordreset input[type=submit]{margin-top:30px;}
.passwordreset .green2{margin-bottom:5px; margin-left:5px;}
.passwordrecovery{margin-left:15px; margin-top: -10px; float:left;}
.passwordreset input{padding-right:410px;}
.passwordreset input[type=submit]{padding-right:100px; padding-top:1px;padding-bottom:1px; padding-left:5px;}

/*----------------Password recoverythanks------------------*/
.newpassword{ margin-left:10px;}
form label{ color:#038579; font-size:10px; font-weight:700; text-transform:lowercase; text-decoration:none;}

/*----------------account signupsheet----------------------*/
.accountcreate{margin-top: 10px; margin-left:10px;}
.accountcreate input[type!='submit'][type!='checkbox']{height:20px; width: 190px; padding: 0; padding-left:10px;}
.firstblock{width:550px; height:390px;}
.accountcreate p{font-size:10px; margin-top: 5px; margin-bottom: 5px;}
.passwordsignup label{margin-bottom:10px;}
.passwordtwo label{margin-bottom:10px; float:left;}
.passwordtwo #id_password2{margin-top:10px;}
.passwordtwo{margin-top:15px; width:125px;}
.genders{width:50px; margin-top:10px;}
.genders label{float:left;}
.genders #id_gender{margin-top:10px;}
.birthday{margin-top:10px;}
.birthdaycontent{margin-top:10px;}
.accountcreate .coppa{font-size:12px; margin-top: 20px; margin-bottom:20px; line-height:18px;}
.coppa{float:left;}
.coppa span{font-weight:700;}
.emailverify label{float:left; margin-bottom:10px;}
.emailverify #id_email{margin-top:10px;}
.emailverify{margin-top:15px; width:125px;}
.emailverify2 label{float:left; margin-bottom:10px;}
.emailverify2 #id_email2{margin-top:10px;}
.emailverify2{margin-top:15px; width:125px;}
.country{margin-top:15px; width:200px;}
.country #id_country{margin-top:10px;}
.country label{float:left; margin-bottom:10px;}
.state{margin-top:15px; width:200px;} 
.state #id_state{margin-top:10px;}
.state label{float:left; margin-bottom:10px;}
.zipcode{margin-top:15px; width:200px;}
.zipcode #id_zip{margin-top:10px;}
.zipcode label{float:left; margin-bottom:10px;}
.privacy{ background-color:#fff0aa; width:520px; float:left; padding:10px; overflow-y:autoscroll; overflow-x:hidden;height:200px; margin-top: 20px;}
.privacy p{line-height:18px; font-size:10px;}
.agreebox{float:left; margin-top:15px;}
.agreebox input[type=checkbox] {height:15px; width:15px; float:left;}
.passpage .privacypara{margin:10px 0 -10px 0px; float:left;}
.passpage .privacypara2{margin:5px 0 -10px 10px; float:left;}
.policy{margin-bottom:20px; text-transform:uppercase; font-weight:700;}
.errorlist{font-size:10px; color:#a74853;}
.congrats{line-height:18px;}
.submission{float:left; margin-top:25px; margin-left:-15px; margin-bottom: 50px;}
.submission input{text-align:left;}

/*--------------------------userprofile---------------------------*/
.edit{float:right;padding-right:40px;}
.close{float:right;padding-right:40px; margin-right:10px;}
.save{float:right;padding-right:40px; margin-right:10px;}
.username{font-family:'Yanone Kaffeesatz', arial, serif; font-weight:700;}
#usermenu {
  float: left;
  margin-top: -27px;
  margin-left: 5px;
    margin-bottom: -12px;
}
#usermenu li {
  float: left;
  margin-left: 5px;
  font-weight: 700;
    margin-bottom: 13px;
}
#usermenu li .button {
  padding: 3px 13px 3px 10px;
}
.member{font-weight:700;} 
.userandprofileinfo{float:left; margin-left:10px;}
.avatar{float:left;background:#fff;height:100px;width:100px; margin:10px 0 10px 0;}
.about, .trophies, .forum, .comics, .friends, .videos {font-family:'Yanone Kaffeesatz', arial, serif; text-transform:uppercase;}
.recomended{font-family:'Yanone Kaffeesatz', arial, serif; text-transform:uppercase; margin-bottom: 20px;}
.about p{line-height: 18px;}
.aboutme textarea{height: 100px; width:550px; margin-top:10px; margin-bottom: 10px;}
.aboutme label{float:right; margin-right: 10px; margin-top: -10px;}
.trophiepics li{float:left; margin:5px; height:50px; width:50px;}
.trophiepics{float:left;}
.forumtopics{margin-left:10px;}
.forumtopics a{font-weight:700;}
.forumtopics li{margin-top:5px;}
.pages li .button{float:left; margin-left:10px; }
.previous{float:left; padding:5px 30px 2px 10px; margin-top:10px; margin-left: 10px;}
.next{float:right; padding:5px 30px 2px 10px; margin-top:10px; margin-right:10px;}
.pages{margin-left:175px; margin-top: -20px;}
.pages .button {padding:5px 30px 2px 10px;}
.pages .number .button {padding:4px;-moz-border-radius:50px; -webkit-border-radius:50px; border-radius: 50px;}
.comicItem{margin-left:6px;width: 420px;margin-bottom:10px;}
.newcomic{margin-bottom: 20px;}
.userright{margin-right: 10px;}
.userright .button{padding-right:25px; display:block;}
.userright li{margin-top: 15px;}
.comicItem .size12.blue2{float:left; margin-right:250px; margin-bottom:2px; font-weight:700;}
.comicThumb3{background-color: rgb(130,184,186);width: 80px;height: 100px;margin-right: 6px;}
.taglink2{float:left;margin-top:1px;margin-left:5px;}
.taglink2 li{font-weight:700; float:left; margin-left:5px;}
.rating.size14.green2{float:left;}
.comicItem .post{line-height: 18px; margin-top:-25px;}
.friendspics li{float:left; margin:5px; height:50px; width:50px; background-color:#82b7b9;}
.friendspics{float:left;}
.remove{padding-right:30px; margin-right: 10px;}
.comicThumb2{float: left;background-color: rgb(130,184,186);width: 50px;height: 70px;margin-right: 10px;margin-left:10px;}
.comicItem2{ float:left;}
.comicItem2 .size12.blue2{ margin-right:250px; margin-bottom:2px; font-weight:700;}
.videoItem{float:left; margin-top:10px;}
.videoItem .size12.blue2{margin-right:250px; margin-bottom:2px; font-weight:700;}
.videoThumb{float: left; background-color: rgb(130,184,186); width: 100px; height: 70px;margin-right: 10px; margin-left:10px;}
.commentThumb{float: left; background-color: rgb(130,184,186); width: 60px; height: 60px;margin-right: 10px; margin-left:10px;}
.commentItem{}
.commentItem .size12.blue2{margin-right:250px; margin-bottom:2px; font-weight:700; float:left;}
.comment.button{float:right; padding-right:30px; margin-right: 10px; margin-top:-22px;}
.rightnumber{float:right; margin-right:10px;}
.posttime{float:left; margin-left:-240px;}
.commentpost{line-height: 18px; float:left; width: 350px;}
.forums{font-family:'Yanone Kaffeesatz', arial, serif; margin-left: 10px;}
.signature_form{ margin-left:10px;}
.signature_form #id_body{width: 540px; height: 90px; background:#fff0aa; float:left; margin-left: -5px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius: 10px;}
.signature_form input{float:right; margin-right: 10px; margin-top: 10px; padding-left: 30px;}

.signature_form label{margin-bottom: 10px; margin-top: 10px; float:left;}
/*------------------------------------Edit user profile--------------------------*/
.accountheader{margin-left:10px;}
.innerboxaccountedit{margin-left:10px; margin-top:30px;}
.membersince{ margin-top:10px;}
#editmemberaccount{float:left;}
#edituserprofile{float:left;}
#edituserprofile .userbiography{float:left;}
#edituserprofile .userbiography label { float:left; margin-top:10px; margin-bottom: 10px; }
#edituserprofile #id_bio{width:530px; height:300px; margin-top:10px;}
#edituserprofile input[type="submit"]{float:right; margin-top:10px; margin-right:10px; padding-right:60px;}
#edituserprofile2 .useremail {margin-top:10px; float:left;}
#edituserprofile2 input[type="submit"]{float:right; margin-right:10px; padding-right:60px;}
#edituserprofile2 {margin-top:15px;}
#useravatar{float:left; margin-top:20px; width:540px;}
#useravatar input[type="submit"]{padding-right:60px;}
.useravatarpic{margin:10px; height:100px; width:100px;background-color:#82b7b9;}
#useravatar label{margin-bottom:10px;}
.uploadavatar{float:right;} 
.useravatarleft{float:left;}
#changeuserpassword{float:left; margin-top:30px; width:550px;}
#changeuserpassword ul{width:200px;}
#changeuserpassword label{margin-bottom:5px; float:left; margin-top:5px;}
#changeuserpassword .entercurrentpassword label{margin-top:10px;}
#changeuserpassword #id_oldpass{width:200px; height:20px;}
#changeuserpassword #id_newpass1{width:200px; height:20px;}
#changeuserpassword #id_newpass2{width:200px; height:20px;}
#changeuserpassword input[type="submit"]{float:right; margin-top:-25px; margin-right:10px; padding-right:40px;}

/*------------------------------- User's settings --------------------------------*/
#settings {
  position: relative;
  padding-left: 20px;
  font-family: 'Yanone Kaffeesatz', Helvetica, Arial, serif;
}
#settings h1 {
  font-size: 30px;
  color: #39c;
}
#settings fieldset {
  margin-top: 20px;
}
#settings legend {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 700;
  color: #038579;
}
#settings legend + input[type="checkbox"] {
  margin-left: 10px;
}
#settings input[type="checkbox"] {
  margin: 0;
  padding: 0;
}
#settings label {
  font: 12px Helvetica, Arial, sans-serif;
  color: #4d4d4d;
  text-transform: none;
  vertical-align: bottom;
  cursor: pointer;
  margin-right: 1em;
  margin-left: 5px;
}
#settings input[type="submit"] {
  margin-top: 25px;
  padding-right: 60px;
}
#settings .saved {
    position: absolute;
    top: 0;
    left: 43%;
    padding: 10px;
    background-color: #aee601;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    color: #39c;
    font-weight: bold;
}

/*----------------------Comments / Replies received-------------------------------*/
#comments-received {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    font-weight: bold;
}
#comments-received h1 {
    font-family: 'Yanone Kaffeesatz', Helvetica, Arial, serif;
    font-size: 30px;
    font-weight: normal;
    color: #39c;
}
#comments-received ul {
    margin-top: 35px;
}
#comments-received p {
    background-color: rgba(0, 75, 50, 0.95);
    padding: 12px;
    margin: 7px 0 25px 0;
    font-size: 12px;
}
#comments-received p a {
    color: white;
    font-weight: normal;
}
#comments-received .pagination {
    margin-left: 0;
    width: 567px;
}
#comments-received input {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}

/*--------------------------------Privacy-----------------------------------------*/

.privacyinfo{margin-top:20px;}

/*--------------------------------------Forum------------------------------------------*/

.forumheaders{font-family:'Yanone Kaffeesatz', arial, serif; text-transform:uppercase; float:left;}
.columnhead{float:right; margin-right:10px;}
.columnhead li{float:left; margin-left:20px;font-size:12px;}
.passpage .moderators{font-weight:normal; color: #038579; margin: 3px 0 0 30px;}
.forumtitle{ margin-left:30px;}
.forumsearch{ height:10px; width:30px;}
.passpage .forumdescriptions{margin-left:30px; float:left; width:400px; overflow:hidden;}
.passpage .count{font-weight:700; font-size:10px;}
.postdateinfo{float:right; width:120px; line-height: 18px; text-align:center;}
.bluebox{width:20px; height:20px; background:#82b7b9; float:left; margin-left:10px;}
.yellow-box.passpage.breadcrumb{padding-top:5px; padding-bottom:5px; padding-left:20px; width:560px;}
.usericon{ height:80px; width:80px;background-color:#82b7b9;} 
.authorinfo{float:left;text-align:center;width:80px;}
.pq.button{padding-left:60px;}
.passpage .postjoinmember{text-align:right; margin-top:5px; margin-bottom:0;}
.postanddate{ width: 450px;}
.postanddate img{max-width:450px !important;}
.inneryellowbox{-moz-border-radius:10px; border-radius: 10px; -webkit-border-radius:10px;background:#fff0aa; width:520px;padding:10px;}
.editpost.button{padding-left:60px;}
.postanddate p{line-height: 18px;}
.lastedit{float:left; margin-left:200px;}
#quotelink .button{padding-left:40px;}
#quotelink li{float:left; margin-left: 10px;}
.report.button{float:right; padding-left:40px; margin-right: 10px; margin-top:29px;}
#nav_post{float:left;margin-left:120px; margin-top:-27px;}
#nav_post form {margin-top:-4px;}
#nav_post li{float:left; margin-left:100px;}
#nav_post .button{padding-right: 30px; padding-left:10px;}
.replytopost input{padding-right:100px;}
.replytopost #id_body{height: 400px; width: 550px; padding: 0; float:right;}
.replytopost label{ margin-bottom: 10px; margin-top: 10px;}

#nav_topic{float:left;margin-top:-27px; margin-left:120px;}
#nav_topic form {margin-top:-4px;}
#nav_topic li{float:left; margin-left:90px;}
#nav_topic .button{padding-right: 30px; padding-left:10px;}
.columnhead2{float:right; margin-right:20px; margin-top:7px;}
.columnhead2 li{float:left; margin-left:35px;margin-right:20px;font-size:10px;}
.thumbtack {float:left; width:20px; height:20px; }
.threadinformation{ float:left;margin-left:20px; width:300px;}
.thethreaddate a{position:relative; left:120px; top:-45px;}
.nameofthread{position:relative; left:20px;}
.thethreaddate{float:left;}
.thethreaddate p{position:relative; left:20px;}
.threadpages{float:left; margin-top:30px; width:350px; margin-left:40px;}
.pagecount a{float:left;margin-left:5px;}
.pagecount {float:left;}
.threadpages p{float:left; margin:0 auto;}
.createnewthread {float:left; margin-right: 5px;}
.createnewthread #id_body {height: 400px; width: 555px; float:right; padding:0;}
.createnewthread #id_title{ width: 555px; height: 45px; padding:0;}
.createnewthread input{padding-right:100px;}
.createnewthread label{margin-bottom: 10px; margin-top: 10px;}
.count.two{margin:0;}
.post_count_holder {float:left;margin-left:10px;text-align:center;width:90px;}
.post_count_holder p{margin:0;}


/*--------------------------------------createcomic----------------------------------*/

.comictextfield1 input{width:530px; height:30px;margin:10px 5px 10px 10px; padding:0px}
#comicsettings #id_description {width:530px; height:50px; margin:10px 5px 10px 10px; padding:0px;}
.comictextfield {float:left;}
#comicsettings{float:left;}
#textfield2counter{float:right; margin-right:10px; margin-top:-1px; margin-bottom: 5px;}
.comictextfield1 label{float:left; margin-top:10px; margin-left:10px;}
#comicsettings label{margin-left:10px;}
#comictype li{float:left;}
#comictype ul{float:left;}
#comictype li label{float:right; width:150px;}
#comictype label{float:left;}
#comictype{margin-top:20px;}
#comictype li input{margin-right:10px;}

#comicrating li{float:left;}
#comicrating ul{float:left;}
#comicrating li label{float:right; width:100px;}
#comicrating label{float:left;}
#comicrating{margin-top:20px; }
#comicrating li input{margin-right:10px;}

#comicstyle li{float:left;}
#comicstyle #comicstylelist1{float:left; margin-top:20px; margin-left:-33px;}
#comicstyle li label{float:right; width:100px;}
#comicstyle li input{ margin-right:10px;}
#comicstyle label{float:left;}
#comicstyle{margin-top:20px;}
#comicstyle #comicstylelist2{float:left; margin-top:20px; margin-left:16px;}

#comicgenresection li{float:left;}
#comicgenresection #comicgenre1{float:left; margin-top:20px; margin-left:15px;}
#comicgenresection li label{float:right; width:80px;}
#comicgenresection li input{ margin-right:10px;}
#comicgenresection label{float:left;}
#comicgenresection{margin-top:20px;}
#comicgenresection #comicgenre2{float:left; margin-top:20px; margin-left:15px;}
#comicgenresection #comicgenre3{float:left; margin-top:20px; margin-left:15px;}

#comictone li{float:left;}
#comictone ul{float:left;}
#comictone li label{float:right; width:80px;}
#comictone li input{ margin-right:10px;}
#comictone label{float:left;}
#comictone{margin-top:20px;}

#comiclanguage li{float:left;}
#comiclanguage ul{float:left; margin-top:20px; margin-left:15px;}
#comiclanguage li label{float:right; width:80px;}
#comiclanguage li input{ margin-right:10px;}
#comiclanguage label{float:left;}
#comiclanguage{margin-top:20px;}

#leftimage{float:left; width:200px; margin-left:10px; margin-top: 10px;}
#rightimage{float:right; width:270px; margin-top:15px;}
#comicsubmitbutton{float:left;}
#comicsubmitbutton input{padding-right:30px; margin-top:20px; margin-left:10px;}

.pickcomicthumbnail{font-family:'Yanone Kaffeesatz', arial, serif; float:left;}
.choosetitleimage {font-family:'Yanone Kaffeesatz', arial, serif; float:left;}
#leftimage ul{float:left; margin-top:40px; margin-left:-120px;}
#leftimage input{padding-right:30px;}
#leftimage p{float:right; margin-left:100px; margin-top:-20px; margin-bottom:0;}
#rightimage p{float:right; margin-left:10px; margin-top:5px;}
#comicthumbimage{height:100px; width: 80px; }
#rightimage ul{float:left; margin-top:40px; margin-left:-120px;}
#rightimage input{padding-right:30px;}
#comictitleimage{height:100px; width: 80px; float:right; margin-top:-25px; margin-right:70px;}
#create_nav{float:left; margin-top:-27px;}
#create_nav li{float:left;}
#create_nav .button{padding-right:18px;padding-top:4px; padding-bottom:4px; margin-left: 8px;}

/*-------------------------------------Profile Favorites--------------------------*/
#favorite_page_title {margin-bottom:20px;margin-left:10px;}
#favorites_page_holder {padding:0 10px 0 10px;font-weight:700;font-size:13px;line-height:18px;}
#favorites_header li {float:left;}
.favorite_item div {float:left;}
.favorite_title {width:270px;margin-right:40px;}
.favorite_title img {width: 16px; vertical-align: text-bottom; margin-right: 5px; cursor: grab;}
.favorite_date {width:183px;}
.favorite_delete {float:right !important;margin-top:-20px;}
.favorite_header_delete {float:right !important;margin-right:10px;}
.favorite_header_title {margin-right:255px;margin-left:20px;}
#favorite_list {background:#fff0aa; -moz-border-radius:10px; border-radius:10px; margin:10px 0 20px 0; padding:20px;}
.favorite_item {margin-top:20px;}
.favorite_item.first {margin-top:0;}
#favorite_sort_holder {margin:0 0 20px 20px;}

/*-----------------------------------Create new comic pages------------------------*/
#creatingcomicpages{ width:550px; float:left; margin-top:-10px;}
#creatingcomicpages label{margin-left:10px; float:left;}
#creatingcomicpages input{float:left; width:430px; margin-top:20px; margin-left:-40px;}
#datelive label{margin-bottom:10px;}
#pagetitles{margin-top:10px;}
#pagetitles input{margin-left:-45px; margin-bottom:20px;}
#id_comment{margin-top:20px; width: 430px; height: 80px; margin-right: 40px; margin-left:-65px;}
#datelive input{margin-bottom:10px;}
#datelive{margin-top:10px;}
#chooseafile label{float:left; margin-left:-20px;}
#chooseafile input{float:right; margin-top:-8px; width:200px; margin-right:30px;}
#comicpagecreate{margin-top:20px; width:200px;float:left;margin-left:20px;}
#comicpagecreateright{margin-top:65px; width:300px; float:left;margin-left:40px;}
#pagefile{float:left; width:100px; height:120px; background: #82b7b9;}
.passpage .pagefiletext{margin-bottom:10px;}
#chooseafile{margin-right:30px;}
#chapterhead label{margin-left:-20px; float:left; margin-top:85px;}
#chapterhead input{float:right; margin-right:170px; margin-top:80px; width:auto;}
#nameofchapter label{float:left; margin-left:-19px; margin-top:20px; margin-bottom:-15px;}
#nameofchapter input{float:left; width:285px; margin-left:-20px;}
#saveandproceedbutton input{width:175px; margin-left:10px; margin-top:0;}
.page_manage_paginate .pagination {width:540px;margin-left:10px;}

/*---------------------------TOOL TIPS--------------------------------------------*/
.comic-tooltip {display:none;}
.tooltip-holder {display:none;position:absolute;margin-left:7px;z-index:4;margin-top:5px;}
.tooltip-description {width:601px;background:#fff;-moz-border-radius:10px;border-radius: 10px;border:solid 3px rgba(130, 183, 185,0.75);padding:10px;-moz-background-clip: padding;-webkit-background-clip: padding;background-clip:padding-box;}
.tooltip-point {position:absolute;margin-top:-13px;left:25px;}

/*---------------------Comic Search-----------------------------------*/

#searchcomicsbutton{ margin-left:220px; float:left;}
.bottomcomicsearch{float:left;width:550px; margin-top:20px;margin-left:-10px;}
.topcomicsearch{float:left; width:580px; margin-top:10px;}
#typecomicsearch label{}
#typecomicsearch ul label{width:80px; padding-left:10px; padding-top:10px;}
#typecomicsearch{float:left; width:125px;}
#genresearch{float:left; width:340px;}
#genresearch li{float:left; width:85px;}
#genresearch ul label{padding-left:10px; padding-top:10px;}
#comicsearches ul{margin-top:10px;}

#artstylessearch{float:left;width: 220px;}
#artstylessearch li{float:left; width:110px;}
#artstylessearch label{margin-left:10px;}
#artstylessearch ul label{padding-left:10px; padding-top:10px;}

#ratingsearch{float:left; width:100px; margin-left:5px;}
#ratingsearch li{width:100px;}
#ratinsearch label{margin-left:10px;}
#ratingsearch ul label{padding-left:10px; padding-top:10px;}

#tonesearch{float:left; width:80px;}
#tonesearch li {width:80px;}
#tonesearch ul label{padding-left:10px; padding-top:10px;}

#updatesearch{float:left;width: 80px;}

#pagesstripssearch{float: left; width: 75px;}
#pagesstripssearch li{width:100px;}
#pagesstripssearch label{margin-left:10px;}
#pagesstripssearch ul label{padding-left: 10px; padding-top:10px;}

#id_page_min{width:30px; height:20px; float:left;}
#id_page_max{width:30px; height:20px; float:right; margin-right:-20px;}
#formpages{ margin-left:35px; width:90px;}

#advancedsearchbuttons{float:left;}
#advancedsearchbuttons li{float:left; margin-left:30px;}
#advancedsearchbuttons input, #advancedsearchbuttons .button{padding:5px 20px 5px 20px;}
#advancedsearchbuttons .button{padding-top:5px; padding-bottom:7px; color:#fff;}
#advancedsearchbuttons .buttybutton{margin-top:4px;}
.passpage.breadcrumb .breadcrumbs{margin:0 auto; text-align:center;}
#nocolor-box{width:570px; float:left; padding-left:10px;margin-left:20px;margin-top:10px;}
.comicdescparagraphs{margin-top:10px; line-height:18px;}


/*----------------------------------Featured Comic Search---------------*/

#featuredarchive_nav{float:left;margin-left:90px; margin-top:-31px; }
#featuredarchive_nav li{float:left; margin-left:120px;}
#featuredarchive_nav li .button{padding-right:30px; padding-top:3px; padding-bottom:3px; margin-top:3px;}
#atthebottom{margin-top:50px; float:left;}
/*-----------------------------------------News------------------------*/
.newsarticlepic{ height:80px; width:80px; float:left; background:#82b7b9;}

#newsarchive_nav{float:left; margin-left:200px; margin-top:-31px;}
#newsarchive_nav li{float:left; margin-left:15px;}
#newsarchive_nav .button{padding-right:30px;}
/* #newsarchive_nav input[type="reset"]{padding-right:30px;} */
.rightnewsarticleinfo{width:560px; float:left; margin-left:0px;}
.passpage .tags{margin:0 auto;}
.passpage .tagslinks{float:left; margin-left:25px; margin-top:-14px;}
.passpage .tagslinks li{float:left;}

.post, .post p, .post a, .post blockquote {font-size:12px;color:#4d4d4d !important;}

/*--------------------------------Tutorials-----------------------------------*/

#tutorials_nav{float:left;margin-top:-27px;margin-left:16px;width:586px;}
#tutorials_nav li{float:left;}
#tutorials_nav form {margin-top:-4px;}
#tutorials_nav .button{padding-right:30px;}
#tutorials_nav input[type="reset"]{padding:5px 30px 5px 10px;}
.tutorialsheader{width:210px;margin:0 auto;}
#tutorialleft{float:left; margin-left: 10px; width:250px; margin-top:10px;}
.tutorialfeaturedimg{float:left; width:250px; height:140px; background:#82b7b9; margin-bottom:10px;}
.passpage .paranomargin{margin:0 auto;}
#tutorialright{float:right; margin-right:10px; width:250px; margin-top:10px;}
#tutorialslistleft{float: left; margin-left: 10px; width: 80px;}
.tutorialtitleimg{height:80px; width:80px; background:#82b7b9; float:left;}
#tutorial_undernav{float:left;}
#tutorial_undernav ul{margin-left:-310px; margin-top:20px;}
#tutorial_undernav ul li{float:left; margin-left:340px;}
#tutorial_undernav input[type=button]{padding:5px 30px 5px 10px;}
#tutorialsmainleft{float:left; width:80px; margin-left:10px;margin-right:10px;}
#tutorialsmainright{float:left;width:460px;}
.tutorialtags {font-size:12px;}
#tutoriallikestwit{float:left; width:450px; margin-bottom:10px;}
.stars{float:left; margin-left:210px; margin-top:-30px;}
.stars li{float:left;  margin-left:2px;}
.twitface{float:right; margin-top:-30px;}
.twitface li{float:left; margin-right:5px;}
.stars2{float:left;}
.stars2 li{margin-left:2px; float:left;}
#edittutorial #id_title, #edittutorial #id_tags{ width:555px; height:40px;}
#tutorialseditleft{width:80px; float:left;}
#edittutorial {float:left;}
.tutorialseditright{ float:right; width:450px; margin-right:15px;}
#edittutorial #id_description{ width:550px;}
#edittutorial #id_body{width:550px; height: 350px;}
#edittutorial label { float:left; margin-top: 10px; margin-bottom: 5px; }
#edittutorial input{margin-top:5px;}
#edittutorial textarea{margin-top:5px;}
#edityourtutorialbuttons{margin-top:185px; float:right;}
#edityourtutorialbuttons li{margin-top:15px;}
#edityourtutorialbuttons .button{width:60px; display:block;}
#edityourtutorialbuttons li a{text-align:right;}
#edittutorial input[type="submit"]{padding:5px 30px 5px 10px;}
.headersearch, #id_search, .search_page_searchbar {float:left; font-family: Helvetica, Arial, Sans-serif; font-size: 12px;font-weight:700;color: #fff; padding:5px 30px 5px 10px; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; background-color:#82b7b9;}
.headersearch, #id_search {width:150px;}
.headersearchbutton{float:left;margin:4px 0 0 -20px !important;}
input[type=image] {padding:0;margin:0;}

/*---------------------------------Videowall-------------------------------*/


#topvideobox{width:550px; margin-left:10px; margin-top:10px;}
.passpage .paranomarginlightgray{color:#4d4d4d; float:left; margin:0 auto;}
.passpage .paranomarginlightblue{color:#82b7b9; float:left; margin:0 auto;}
.videotaglinks li{float:left;margin-left:3px;}
.videotaglinks{float:left; margin-top:4px;}
.alltags{float:left; width:550px;}
.mainvideodesc{width:500px; float:left;}
.videotitle{display: block;margin-top:10px;}
.videolikestwit{float:left; width:530px;}
.videolistleft{display: inline-block; width:225px; margin-left: 5px;}
.videodescription{float: left; clear: right; margin-left: 5px;}
.videopagelink{float:left; margin-left:255px; margin-top:-25px;}
.videopagelink .button{padding-right: 30px;} 

/*-------------------------------------------quacks---------------------*/
#deletebutton input[type="submit"]{padding:5px 30px 5px 10px;}
#deletebutton{float:right;}
.threadquacksimg{float:left; height:60px; width:60px; background:#82b7b9; margin-left:20px;}
.subjectquack{float:left;}
.threadquacksright{float:left; width:430px; margin-left:10px;}
.inneryellowbox2{float:left; -moz-border-radius:10px; border-radius: 10px; -webkit-border-radius:10px;background:#fff0aa; width:570px; padding-top:10px;}
.replytothread textarea{height:110px; width: 530px; float:left; margin-left:10px;}
.replytothread label{float:left; margin-left:10px; color:#808080; font-weight:normal; font-size:12px;}
.yellowbox{margin-top:10px;float:left;width:560px;}
.replytothread input[type="submit"]{float:right; margin-top:10px; padding:5px 60px 5px 10px; margin-right:10px;}
.passpage .characters{float:right; margin-bottom:10px;line-height:0; margin-right:10px;}
#createnewmessage {
  float: left;
  margin-left: 10px;
}
#createnewmessage fieldset {
  margin-bottom: 15px;
}
#createnewmessage label {
  color: #808080;
  font-size: 12px;
  margin-bottom: 7px;
  display: block;
}
#createnewmessage input[type="text"],
#createnewmessage textarea {
  width: 550px;
  height: 30px;
  margin: 0;
  padding: 0;
}
#createnewmessage textarea {
  height: 300px;
}
#createnewmessage input[type="submit"] {
  float: right;
  padding: 5px 60px 5px 10px;
}
#createnewmessage .errorlist {
  margin-top: 7px;
}
.passpage .characters2 {
  float: right;
  margin-bottom: 0;
}

/*------------------------------Pending friend requests------------------*/
.pendingrequests{padding-bottom:10px; font-weight:normal; margin-left:10px;}
#friendrequests input[type=submit]{padding:5px 60px 5px 10px; float:right; margin-right:10px;}
#friendrequests{width:530px;}
.passpage .friendname{margin:5px; float:left; line-height:0;}

/*-------------------- COMMENTS ---------------------*/
#commentsection {
	background:#ffe666; margin-top:10px; padding:10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius:10px;
	width:570px; float:left; padding-left:10px;margin-left:20px;
}
.commentform textarea{height: 100px; width:560px; margin-top:10px;}
.commentform .button{float:right; padding:5px 30px 5px 10px; margin-top:10px;}
.timing{color:#808080;}
.timing a {font-size:12px;color:#45b4b9;font-weight:700;}
.timing a:hover {color:#82b7b9;}
.posted{line-height:18px;}
.topicsright{width:470px; float:left;}

/*---------------------------------------------------addavideopage-------------------------*/
.postnewvideo #id_description{width:540px; height:320px;float:left; padding:0;}
.postnewvideo #id_title{width:540px; height:20px; float:left;}
.postnewvideo #id_url{width:540px; height:20px; float:left;}
.postnewvideo{margin-left:5px;}
.postnewvideo label{margin-bottom:10px; float:left; margin-top:10px;}
.thevideosubmitbuttons{float:right; margin-right:10px; margin-top:10px;}
.thevideosubmitbuttons input[type="submit"]{padding:5px 30px 5px 10px;}
.thevideosubmitbuttons .button{padding:4px 30px 4px 2px;}
/*--------------------------------------------------quackcast---------------------------------*/

.quackcastlogo{float:left; width:110px;}
.quackcastrightside{width:450px; float:right;}
.taglink3{float:left;margin-left:25px; margin-top:-18px;}
.taglink3 li{float:left; margin-left:5px;}
.linksforquackcast{float:left; width:450px;}
.likesandlinks{float:left; width:450px;}
.likethisblue{float:left; width:110px;}
.passpage .paranomargin.float{float:right; margin-top:10px;}
.quackcastsocial{float:right; width:200px; margin-right:10px;}
.itunesquack li{float:left; margin-left:5px;}
.itupesquack{float:left; margin-left:20px;}
.twitterface{float:right;}
.twitterface li{float:left; margin-left:5px;}
.mediaplayer{float:left; width: 450px; margin-top: 15px;}
.passpage .paranomargin.player{text-align:center;}
.topicsandnotes{float:left; width:450px; margin-top: 20px;}
#quackcastback .button{padding-right:30px; margin-top:-30px; margin-left:275px; float:left;}
#quacksearch{float:left; margin-left:200px;margin-top:-8px;}
#quacksearch li{float:left; margin-top:-23px; margin-left:25px;}
#quacksearch input[type=submit]{padding:5px 30px 5px 10px;}
#quacksearch input[type=reset]{padding:5px 30px 5px 10px;}

/*----------------------------------- MORE -------------------------*/
.more-button {display:inline-block;margin:10px 0 0 0;clear:both;}
.more_holder {display:none;clear:both;}

.message_list_header {
	margin-left:-10px;
}
.message_list_header li {
	float:left;
	width:140px;
	text-align:center;
}
.message_list {
}
.message_list li {
	float:left;
}
.messagecontainer {
  margin-left:10px;
  width:550px;
}
.messagecontainer .pagination {
  width: 510px;
  margin-left: 0;
  margin-top: 15px;
}
.quackers{margin-right:10px;width:115px;}
.comicshead {
margin-left:15px;width:588px;
}

#maincontent.homecontent {-moz-border-radius-topleft: 0px;border-top-left-radius: 0px;}
.feature_label {position:absolute;left:5px;}
#leftarrow, #rightarrow {width:11px;height:50px;display:block;background-repeat:no-repeat;}
#leftarrow {background-image:url('/static/images/arrow-left-noclick.png?79d1f41a0dc6');}
#leftarrow.clickable {background-image:url('/static/images/arrow-left.png?79d1f41a0dc6');}
#leftarrow.clickable:hover {background-image:url('/static/images/arrow-left-onclick.png?79d1f41a0dc6');}
#rightarrow {background-image:url('/static/images/arrow-right.png?79d1f41a0dc6');}
#rightarrow:hover {background-image:url('/static/images/arrow-right-onclick.png?79d1f41a0dc6');}
.yellow-box.passpage img {max-width:560px;}

/*-------------------------- FORUM POSTS --------------------------------------*/
.post-body img {max-width:430px;}
.signature {border-top:solid 1px #333;padding-top:10px;}
.signature, .signature p {font-size:10px !important;}
.signature img {max-width:540px;}
.signature a, .post-body a {color:#45B4B9;font-weight:700;}
.post-body blockquote {padding:10px;display:block;margin:10px 0px 10px 0px;-moz-border-radius:10px;border-radius:10px;}
.post-body p {margin:0;}
.post-body blockquote {background:#fff1aa;}
blockquote .author {margin-bottom:5px;}

/*------------------------- PAGE TITLE ---------------------------------------*/
.title {float:left; background-color:#fff0aa; -moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px; margin-left:-10px; padding:10px 0 20px 20px;width:620px;}
.title div {background-color:#aee601; -moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px; width:610px;height:90px;padding-top:10px;}
.title img{margin:0 auto;display:block;} 

/*---------------- BUTTONS ----------------------*/
.button:hover{background-color:#45b4b9;}
.button:active{background-color:#038579;}
.button { padding:5px 10px 5px 10px; -moz-border-radius: 25px; border-radius: 25px; background-color:#82b8b8; color:#fff; font-size: 12px; font-weight:700;font-family:Helvetica, Arial, sans-serif; }

/*---------------- Duck Ad --------------------*/
.duckad div {
    background-color: white;
    text-align: center;
    padding-bottom: 1px;
}
.duckad a {
    color: #0000ff;
    font-size: 11px;
    font-weight: bold;
}

/*---------------- TAGS -------------------------*/
b, strong {font-weight:700;}
i, em {font-style:italic;}
img {border:none;}
a {text-decoration:none;}

/*---------------- DISPLAY ----------------------*/
.hide {display:none;}
.inline {display:inline-block;}
.block {display:block;}
.overflow-auto {overflow:auto;}

/*---------------- BOXES ------------------------*/
.box {padding:10px;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;}
.flat-top {-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;border-top-left-radius: 0px;border-top-right-radius: 0px;}
.yellow-back {background:#ffe666;}
.tan-back {background:#fff1aa;}
.blue-back {background:#82b8b8;}
.green-back {background:#aee601;}
.grey-back {background:#ebebeb;}
.blue-button {
	background:#82b8b8;
	border-radius:25px;
	-moz-border-radius:25px;
	color:#fff;
	border:0;
	padding:5px 10px 5px 10px;
	position:absolute;
	top:5px;
	right:5px;
}

/*---------------- POSITIONING ------------------*/
.clear {clear:both;}
.right {float:right;}
.left {float:left;}
.no-float {float:none;}
.align-top {vertical-align:top;}
.align-middle {vertical-align:middle;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.centered {display:block;margin:0 auto;}
.relative {position:relative;}
.absolute {position:absolute;}

/*---------------- WIDTH -------------------*/
.span5 {display:inline-block;width:50px;}
.span6 {display:inline-block;width:60px;}
.span7 {display:inline-block;width:70px;}
.span8 {display:inline-block;width:80px;}
.span9 {display:inline-block;width:90px;}
.span10 {display:inline-block;width:100px;}
.span11 {display:inline-block;width:110px;}
.span12 {display:inline-block;width:120px;}
.span13 {display:inline-block;width:130px;}
.span15 {display:inline-block;width:150px;}
.span16 {display:inline-block;width:160px;}
.span18 {display:inline-block;width:180px;}
.span20 {display:inline-block;width:200px;}
.span25 {display:inline-block;width:250px;}
.span26 {display:inline-block;width:260px;}
.span32 {display:inline-block;width:320px;}
.span38 {display:inline-block;width:380px;}
.span41 {display:inline-block;width:410px;}
.span43 {display:inline-block;width:430px;}
.span44 {display:inline-block;width:440px;}
.span48 {display:inline-block;width:480px;}
.span51 {display:inline-block;width:510px;}
.span53 {display:inline-block;width:530px;}
.span54 {display:inline-block;width:540px;}
.span55 {display:inline-block;width:550px;}
.span56 {display:inline-block;width:560px;}
.span57 {display:inline-block;width:570px;}
.span58 {display:inline-block;width:580px;}
.span59 {display:inline-block;width:590px;}
.span61 {display:inline-block;width:610px;}
.span62 {display:inline-block;width:620px;}
.span93 {display:inline-block;width:930px;}
.span94 {display:inline-block;width:940px;}
.max-span5 {display:inline-block;max-width:50px;}
.max-span6 {display:inline-block;max-width:60px;}
.max-span7 {display:inline-block;max-width:70px;}
.max-span8 {display:inline-block;max-width:80px;}
.max-span20 {display:inline-block;max-width:200px;}

/*---------------- HEIGHT -------------------*/
.long5 {height:50px;}
.long7 {height:70px;}
.long10 {height:100px;}
.long25 {height:250px;}
.max-long5 {max-height:50px;}
.max-long7 {max-height:70px;}
.max-long8 {max-height:80px;}

/*---------------- MARGINS ------------------*/
.margin-auto {margin:auto;}
.no-margin {margin-right:0 !important; margin-left:0 !important; margin-top:0 !important;margin-bottom:0 !important;}
.push1 {margin-left:10px;}
.push2 {margin-left:20px;}
.push3 {margin-left:30px;}
.push4 {margin-left:40px;}
.push5 {margin-left:50px;}
.push8 {margin-left:80px;}
.push9 {margin-left:90px;}
.push24 {margin-left:240px;}
.push-right1 {margin-right:10px;}
.push-right2 {margin-right:20px;}
.push-right4 {margin-right:40px;}
.push-right8 {margin-right:80px;}
.pull1 {margin-left:-10px;}
.pull2 {margin-left:-20px;}
.pull5 {margin-left:-50px;}
.pull6 {margin-left:-60px;}
.pull7 {margin-left:-70px;}
.pull16 {margin-left:-160px;}
.lift3 {margin-top:-30px;}
.drop1 {margin-top:10px;}
.drop2 {margin-top:20px;}
.drop4 {margin-top:40px;}

/*---------------- PADDING ------------------*/
.pad0 {padding:0;}
.pad1 {padding:10px;}
.pad2 {padding:20px;}
.pad-left0 {padding-left:0;}
.pad-left2 {padding-left:20px;}
.pad-left3 {padding-left:30px;}
.pad-right0 {padding-right:0;}
.pad-right1 {padding-right:10px;}
.pad-right2 {padding-right:20px;}
.pad-top1 {padding-top:10px;}
.pad-top2 {padding-top:20px;}
.pad-bottom2 {padding-bottom:20px;}

/*---------------- SPACERS ----------------------*/
.v1 {height:10px;}
.v2 {height:20px;}
.v25 {height:25px;}
.v4 {height:40px;}
.h1 {display:inline-block;width:10px;}
.h2 {display:inline-block;width:20px;}

/*---------------- TEXT TRANSFORM --------------*/
.uppercase {text-transform:uppercase;}

/*--------------- MISC -------------------------*/
.spoiler {background:#000;color:#000;}
.spoiler:hover {color:#fff;}
.pointer {cursor:pointer;cursor:hand;}
.line-fix {line-height:18px;}
.round-inputs input[type='text'] {-moz-border-radius:25px;border-radius:25px;padding:5px 10px 5px 10px;width:50px;}
.label-clear label {clear:both;}
.big-inputs input[type='text'], .big-inputs textarea {width:530px;padding:10px;}
.show-list-styles ol, .show-list-styles ul {margin-left:10px;}
.show-list-styles ul {list-style-type:disc;}
.show-list-styles ol {list-style-type:decimal;}
.on-top {z-index:2;}
.colorpicker {z-index:3;}
.rounded {-moz-border-radius:25px;border-radius:25px;}

form.stretch-inputs input[type='text'], form.stretch-inputs textarea {width:550px;padding:10px;}

/*---------------- FORM ERRORS ------------------*/
input.error, textarea.error {border:solid 2px #f77;}
label.error {color:#f77;padding:5px;margin:0;float:none;display:block;clear:both;}

/* Unread messages notification pop-up */
#notificationBox {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99;

  display: none;
  flex-direction: column;
  justify-content: space-between;

  width: 300px;
  height: 300px;
  margin-top: -150px;
  margin-left: -150px;
  padding: 10px;

  background: #aee601;
  border-radius: 10px;
}
#notificationBox div {
  font: 26px 'Yanone Kaffeesatz', Helvetica, serif;
  color: #39c;
  text-align: center;
}
#notificationBox a {
  color: inherit;
}
#notificationBox .nb-title {
  font-size: 24px;
  padding-left: 5px;
  text-align: left;
}
#notificationBox .nb-content {
  margin-bottom: 30px;
}
#notificationBox .nb-alert {
  margin-bottom: 7px;
  font-size: 28px;
  font-weight: bold;
  color: #b13200;
}
#notificationBox .nb-inbox {
  /*font-weight: bold;*/
}
#notificationBox .nb-settings {
  float: right;
  font-size: 18px;
}
#notificationBox .nb-x {
  float: right;
  margin-top: -7px;
  margin-right: -5px;
  padding: 7px;
  font-size: 18px;
}