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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; /*font-weight: inherit; font-style: inherit;*/ font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1; color: black; background: white; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; vertical-align: top; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: top; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

a img { border: none; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { margin: 0; padding: 0; border: 0; outline: 0; display: block; }

body, textarea { font: 13px/1.5 "Helvetica Neue", sans-serif; }

h1, h2, h3 { font-weight: 600; color: black; letter-spacing:-1px;}

h1 { font-size: 30px; line-height: 38px; margin: 0 0 12px 0; }

h2 { font-size: 26px; line-height: 32px; margin: 0 0 0 0; }

h3 { font-size: 18px; line-height: 22px; margin: 6px 0 6px 0; }

tt, code { font-family: "Menlo", "Monaco", monospace; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

body { background: lightblue; color: #333333; padding: 45px 0 10px 0; margin: 0; }
body > header { -moz-box-shadow: #000 0px 0px 5px 0; -webkit-box-shadow: #000 0px 0px 5px 0; -o-box-shadow: #000 0px 0px 5px 0; box-shadow: #000 0px 0px 5px 0; background-color: #222; overflow: hidden; *zoom: 1; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #323232), color-stop(100%, #000000)); background-image: -moz-linear-gradient(top, #323232 0%, #000000 100%); background-image: linear-gradient(top, #323232 0%, #000000 100%); border-top: 1px solid black; height: 45px; left: 0; padding: 0; position: fixed; top: 0; width: 100%; z-index: 1000; }
body > header > .container { margin: 0 auto; max-width: 960px; }
body > header > .container > a { float: left; border-right: 1px solid black; padding: 7.5px 20px 7.5px 0; margin:0;}
body > header > .container > a img { display: block; height: 31px; width: 139px; }
body > header nav { float: left; border-left: 1px solid #323232; padding: 0 0 0 20px; }
body > header nav a { color: #cccccc; display: block; float: left; font-family: "Helvetica Neue", sans-serif; font-size: 12px; font-weight: bold; line-height: 45px; margin: 0 10px; text-decoration: none; text-shadow: black 0px 1px 1px; }
body > header nav a:first-child { margin-left: 0; }
body > header nav a:hover { color: white; text-decoration: none; }
body > header nav form { display: block; float: left; font-family: "Helvetica Neue", sans-serif; font-size: 12px; font-weight: bold; line-height: 45px; margin: 0; text-decoration: none; text-shadow: black 0px 1px 1px; }
body > header nav form input { margin: 10px 0 0 0; padding:0; }

body > header nav span { display: block; float: left; font-family: "Helvetica Neue", sans-serif; font-size: 12px; font-weight: bold; line-height: 45px; margin: 10px 10px 0; text-decoration: none; text-shadow: black 0px 1px 1px; color:#ccc;}
body .footer { background: url(http://s3.amazonaws.com/witty-static/img/logo-small.png) no-repeat left top; padding: 0px; color: #777777; position: relative; font-size: 11px; }
body .footer a { color: #999; }

#account_settings_links ul li a, #categories_links ul li a {color:#ccc; text-decoration:none; display: block; font-family: "Helvetica Neue", sans-serif; font-size: 12px; font-weight: bold; line-height: 20px; margin: 0 10px; text-decoration: none; text-shadow: black 0px 1px 1px;}
#account_settings_links ul li a:hover, #categories_links ul li a:hover {color:#fff; text-decoration:none;}

.rounded {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.notification {margin:10px 0 0 0;}
.notification a {padding:2px 7px; margin: 2px 0 0 4px; color:#fff; text-decoration:none; background:#f00; font-size: 8pt; line-height:12pt; text-shadow: 0 1px 1px #d00;}
.notification a:hover {background:#f00; color:#fff; text-shadow: 0 1px 1px #000;}

#bottomwrapper {
/*
        background-image: url('http://s3.amazonaws.com/witty-static/css/beta-bottom.png');
	height: 100%;
	background-position: center bottom;
	background-repeat: repeat-x;
	margin-bottom: -10px;
*/
	}

* html #bottomwrapper {
	margin-bottom: -25px;
	}

*:first-child+html #bottomwrapper {
	margin-bottom: -25px;
	}

#fancywrapper { /* braaaaaains */
/*
	position: relative;
	margin: 0px auto;
	background-image: url('http://s3.amazonaws.com/witty-static/css/beta-sparkle.png');
	background-position: center bottom;
	background-repeat: repeat-x;
	background-attachment: fixed;
	padding-bottom: 0px;
*/
	}

* html #fancywrapper {
	background-image: none;
	}
	
#innerwrapper {
        background:#transparent;
	position: relative;
	width: 980px;
	margin: 0px auto;
	}

/*
    a {color:#04c;}
    a:visited {color:#909;}
    a:hover {color:#f00;}
    a:active {color:#f00;}
*/

    .wrapper {background:#fff; width:960px; margin:0 auto 0 auto; padding:0;}

    .meat {background:transparent; padding:0; margin:0;}
    .meatcol {padding:0; margin:0 auto;}

    .side-active {text-transform:lowercase; background:#fff; color:#000; padding:2px 10px; margin:2px 0px;}

    .favoriters {padding:10px 0 0 0; margin:0; display:block;}
    .favoriters li {float:left; width:205px; list-style-type:none; padding:0; margin:0; font-size:10pt; line-height:12pt; overflow:hidden;}

    .category_list {padding:10px 0; margin:0; display:block;}
    .category_list li {display:block; float:left; width:140px; list-style-type:none; padding:0; margin:0; font-size:8.5pt; line-height:10pt; overflow:hidden;}
    
    .clear { clear:both; }
    .right {text-align:right;}
    .left {text-align:left;}

    .error, .mesg {padding:10px; margin:0 0 10px 0;}
    .error {background:#fcc;}
    .mesg {background:#ffc;}
    .fake_link {color:#04c; cursor:pointer;}
    .overlined {padding:10px 0 30px 0; border-top:solid 5px #e6e3dc;}

    .breadcrumbs {padding:0; margin:0 0 8px 0;}
    .breadcrumbs ul {padding:0; margin:0;}
    .breadcrumbs ul li {margin:0 10px 0 0; padding:0; font-size:9pt; line-height:11pt; display:inline;}
    .sidenav a {color:#554;}
    .sidenav a:hover {color:#000; text-decoration:underline;}
    .active a {color:#000; text-decoration:none; font-weight:bold;}
    .sidenav .incatnav a {color:#554; border-right:dotted 1px #554; padding-right:4px;}
    .sidenav .incatnav .active a {color:#f00;}

    .quote {padding:0; margin:0 0 20px 0; background:#E6E3DC;}
    .quotetop { margin:0 0 0 0; padding:10px 0 0 0; background:#E6E3DC;}
    .quotebody { margin:0 0 0 0; padding:0; background:transparent;}
    .quotebodyinner {margin:0; padding:0 10px 10px 10px; background:#fff; color:#000;}
    .quotebodyinnerheader {margin:0; padding:0px; background:transparent; color:#000;}
    .quotebottom {margin:0; padding:0 0 10px 0; background:transparent;}
    .quotebyline { margin:0 0 0 0; padding:5px 10px; border-top:solid 1px #ccc; background:#E6E3DC; font-size:8pt; line-height:10pt; color:#666; }
    .quotebyline a {color:#04c; text-decoration:none; font-weight:normal;}
    .quotebyline a:hover {color:#04c; text-decoration:underline; font-weight:normal;}
    .quoteactions {margin:0; padding:0;  border-top:solid 1px #ccc;  background:#E6E3DC; color:#000;}
    .quoteactionsection {float:left; margin:0; padding:5px 5px 5px 10px; overflow:hidden; font-size:8.5pt; line-height:16px;} 
    .quoteactionsectionfb {float:left; margin:0; padding:4px 10px 0px 10px; overflow:hidden; font-size:8.5pt; line-height:13px;} 
    .quoteactionsection-d:hover a, .quoteactionsection-c:hover a, .quoteactionsection-b:hover a, .quoteactionsection-a:hover a {color:#fff; text-decoration:underline;}
    .quoteactionsection a {color:#04c; text-decoration:none; font-weight:normal;}
    .quoteactionsection a:hover {color:#04c; text-decoration:underline;}

    .favbox {float:right; text-align:right; background:#c33; padding:2px 4px; margin:0 10px 0 0;}
    .quotefavnum {margin:0; padding:0; line-height:25px; font-size:18px; color:#fff; text-decoration:none; font-weight:normal;}

    .commentlinkbox {float:right; text-align:right; background:#3cc; padding:2px 4px; margin:0 10px 0 0;}
    a.quotecommentnum {margin:0; padding:1px 1px 1px 18px; line-height:16px; background:transparent url('http://s3.amazonaws.com/witty-static/css/famfamfam/comments.png') 0 0 no-repeat;}
    a.quotecomment {display:block; width:32px; height:30px; background:transparent url('') no-repeat 0px -90px; float:left; text-decoration:none;}
    a.getcode {margin:0; padding:1px 1px 1px 18px; line-height:16px; background:transparent url('http://s3.amazonaws.com/witty-static/css/famfamfam/page_white_gear.png') 0 0 no-repeat;}

    .favheart {/*jquery selector*/}
    a.favheartOff { margin:0; padding:1px 1px 1px 18px; line-height:16px; background:transparent url('http://s3.amazonaws.com/witty-static/css/famfamfam/heart.png') no-repeat 0px 0px; text-decoration:none;}
    a.favheartOff:hover {margin:0; padding:1px 1px 1px 18px; line-height:16px; background:transparent url('http://s3.amazonaws.com/witty-static/css/famfamfam/heart.png') no-repeat 0px 0px; text-decoration:underline;}
    a.favheartOff:active {margin:0; padding:1px 1px 1px 18px; line-height:16px; background:transparent url('http://s3.amazonaws.com/witty-static/css/famfamfam/heart.png') no-repeat 0px 0px; text-decoration:none;}
    a.favheartOn { margin:0; padding:1px 1px 1px 18px; line-height:16px; background:transparent url('http://s3.amazonaws.com/witty-static/css/famfamfam/heart.png') no-repeat 0px 0px; text-decoration:none;}
    a.favheartOn:hover {margin:0; padding:1px 1px 1px 18px; line-height:16px; background:transparent url('http://s3.amazonaws.com/witty-static/css/famfamfam/heart.png') no-repeat 0px 0px; text-decoration:underline;}
    a.favheartOn:active {margin:0; padding:1px 1px 1px 18px; line-height:16px; background:transparent url('http://s3.amazonaws.com/witty-static/css/famfamfam/heart.png') no-repeat 0px 0px; text-decoration:none;}
    a.facebooklink {margin:0; padding:1px 1px 1px 18px; line-height:16px; background:transparent url('http://s3.amazonaws.com/witty-static/img/social_icons/facebook_16.png') no-repeat 0px 0px; text-decoration:none;}
    a.stumbleuponlink {margin:0; padding:1px 1px 1px 18px; line-height:16px; background:transparent url('http://s3.amazonaws.com/witty-static/img/social_icons/stumbleupon_16.png') no-repeat 0px 0px; text-decoration:none;}

    .icon_nav {padding:0; margin:0;}
    .icon_nav ul {padding:0; margin:0;}
    .icon_nav ul li {padding:8px 8px 0 0; margin:0; display:inline; float:right;}
    
    .comment {padding:8px 0 8px 0; margin:0; border-bottom:solid 1px #eee;}
    .comment_sep {padding:0; margin:0; border-bottom:solid 1px #eee;}
    .comment_avatar {width:35px; float:left; display:block; padding:2px 0 0 0; margin:0;}
    .comment_meat {width:570px; display:block; padding:0; margin:0 0 0 40px;}
    .comment_delete_button {border:none; background:transparent url('http://s3.amazonaws.com/witty-static/css/famfamfam/delete.png') no-repeat; padding:1px 0 1px 15px; margin:0 0 0 10px; font-size:8pt; color:#eee;}
    .comment_delete_button:hover { color:#f00; background: transparent url('http://s3.amazonaws.com/witty-static/css/famfamfam/delete.png') no-repeat; ; cursor:pointer;}

    .quote_action_sep {border-top:1px solid #E6E3DC; padding:4px 0;}

    .unpadded {padding:0; margin:0;}
    .fineprint {font-size:8.5pt; line-height:10pt;}
    .light {color:#999;}
    .round {-moz-border-radius:0px; -webkit-border-radius:0px;}
    .roundtop {-moz-border-radius-topright:0px; -moz-border-radius-topleft:0px; -webkit-border-top-right-radius:0px;  -webkit-border-top-left-radius:0px;}
    .roundbottom {-moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:0px; -webkit-border-bottom-right-radius:0px;  -webkit-border-bottom-left-radius:0px;}

    .side_nav {background:transparent; color:#000; padding:0px; margin:0 0 0 10px;}

    .pagination { margin:0; padding: 10px 0; text-align:center;} 
    .pagination a {border:solid 1px #999; padding:2px 6px; margin:0px 2px; text-decoration:none; color:#666; font-size:9pt; font-weight:bold;}
    .pagination a:hover {border:solid 1px #999; padding:2px 6px; margin:0px 2px; text-decoration:none; color:#000; font-size:9pt; font-weight:bold; background:#eee;}
    .pagination a.current_page {border:solid 1px #fff; padding:2px 6px; margin:0px 2px; text-decoration:none; color:#000;}
    .pagination a:hover.current_page {border:solid 1px #fff; padding:2px 6px; margin:0px 2px; text-decoration:none; color:#000; background:#fff; cursor:default;}



.newuser {
margin:0 300px 10px 0;
background:none repeat scroll 0 0 #DDEEF6;
background:none repeat scroll 0 0 #DAEEFA;
color:#445566;
padding:10px;
}
.newuser h4 {
color:#333333;
margin:0;
font-size:16pt;
line-height:16pt;
letter-spacing:-1px;
padding:5px 0 10px;
}
.newuser p {
margin:0 0 8px;
padding:0;
}
.newuser .tourpromo {
font-size:11px;
text-align:left;
}
.newuser a {
font-weight:bold;
}
.newuser strong {
color:#223344;
}
.newuser #signup-btn {
margin:10px 0 0 0;
padding:0;
}
#signup-btn a {
background:url("http://s3.amazonaws.com/witty-static/css/20091102/bg-btn-signup.png") repeat-x scroll 0 0 #FFAA22;
border:1px solid #FFAA22;
color:#333333;
display:block;
font:bold 18px Arial,Sans-serif;
padding:8px 10px;
text-align:center;
text-decoration:none;
text-shadow:0 1px 0 #FFEE66;
}
#signup-btn a:hover, #signup-btn a:focus {
background-position:0 -5px;
color:#111111;
}
#signup-btn a:active {
background-image:none;
}


/* BUTTONS - http://particletree.com/features/rediscovering-the-button-element/ */

/* BUTTONS */.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:2px 7px 3px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:2px 7px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:3px 7px 3px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:2px 7px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}


/* STANDARD */button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}/* POSITIVE */button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}/* NEGATIVE */.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}