*       { padding : 0; margin  : 0; border: none; }
html    { overflow: -moz-scrollbars-vertical; height: 100%; margin:0; padding:0; }
a       { text-decoration: underline; color: inherit; }
a:hover { text-decoration: underline; }
em      { font-weight: bold; font-style: italic; }

.tonight {
font-family:    Roboto Condensed, helvetica, sans-serif;
color: red;
font-size:      14px;
text-transform: uppercase;
letter-spacing: 1em;
padding-bottom: 1em;
font-weight:    bold;
}
body {
font-family:  "Playfair Display",georgia, palatino, serif;
font-size:    14px;
background:   #fff;
color:        #222;
margin:       0px 0 20px;
}

div#tweets-right {
font-family: Roboto Condensed, helvetica, sans-serif;
position: absolute;
left:     810px;
top:      50px;
width:    200px;
height:   1000px;
padding:  0 10px;
}

div#tweets-left {
font-family: Roboto Condensed, helvetica, sans-serif;
position: absolute;
left:     -220px;
top:      50px;
width:    200px;
height:   1000px;
padding:  0 10px;
}

.ttitle {
position:    relative;
top:         -15px;
text-align:  center;
color:       #c81f4e;
font-weight: 600;
font-size:   110%;
}

.ticon {
position: relative;
top:      -20px;
left:     85px;
z-index:  100;
}

div.tweet {
padding: 0 0 5px 0;
}

.t_user {
font-weight: 600;
text-decoration: none;
}

.t_tag {
color:       #c81f4e;
font-weight: 600;
text-decoration: none;
}

.t_url {
color:       #4c7fac;
font-weight: 700;
text-decoration: none;
}

.t_fromuser, .t_date {
text-decoration: none;
font-size: 90%;
color:     #666;
}
.t_date {
font-weight: bold;
}

div#parties {
font-family: Roboto Condensed, helvetica, sans-serif;
width:       810px;
margin:      0 auto;
padding:     15px;
text-align: center;
margin-bottom: 15px;
}

div#wrapper_outer {
width:      100%;
margin:     0px auto;
/*background: #fff url(img/body-bg.png) 0 61px repeat-x;*/
}

div#wrapper_inner {
width:      810px;
margin:     0 auto;
}

div#logo {
}

div#logo, div#menu, h1, h2, h3, h4 {
font-family:     "Roboto Condensed",helvetica,sans-serif;
letter-spacing:  2px;
font-weight:     bold;
text-transform:  uppercase;
text-align:      center;
font-size:       90px;
}

div#sublogo {
letter-spacing:  5px;
font-size:       20px;
margin-top:      0px;
}

div#logo a, div#menu a {
text-decoration: none;
}

div#logophoto {
text-align:      center;
text-transform:  none;
letter-spacing:  0;
font-family:     "Roboto Condensed",helvetica,sans-serif;
font-weight:     300;
color:           #666;
font-size:       10px;
margin: 25px 0;
}

div.full {
padding:     10px 40px;
}

.quote {
font-family: "Old Standard TT";
position:    relative;
left:        400px;
width:       350px;
padding: 1em 0;
margin:  2em 0;
border-bottom: 1px solid black;
border-top:    1px solid black;
}

.quote * {
font-size:   20px;
line-height: 1.5em;
}

i, .q {
font-family: "Old Standard TT";
font-style:  italic;
}

i {
font-size: 110%;
}

div#menu {
padding:   50px 0;
margin: 0;
font-size: 20px;
line-height: 1.25em;
}

div#menu a {
padding: 0 5px;
letter-spacing: 2px;
}

div#page {
position:   relative;
min-height: 500px;
/*background: url(img/page.png) top left repeat-y;*/
}

p {
font-size:      18px;
padding-bottom: 0.5em;
line-height:    1.6em;
}

div#previously {
font-family:  "Playfair Display",georgia, palatino, serif;
text-transform: none;
font-style: italic;
font-weight: normal;
font-size:      18px;
margin: 10px 0;
}

div#preamble, div#badge, div#footer {
color:       #666;
font-family: "Roboto Condensed";
font-weight: 300;
text-align:  center;
font-size:   16px;
margin:      50px 0;
}

div#footer {
font-size: 14px;
}

.quote p {
text-indent: 0;
padding-bottom: 0;
}

div.left {
float:    left;
left:     0;
padding:  0 0 0 25px;
width:    350px;
}

div.right {
float:    right;
width:    350px;
padding:  0 25px 0 0;
}

div#preamble {
margin: 0;
}

h1,h2,h3,h4 {
margin:         0;
}

h1 {
font-size:      50px;
margin:         30px 0 0px 0;
}

h2 {
font-size:      24px;
margin:         0 0 30px 0;
}

h3,h4 {
padding: 0 100px;
color:          #666;
font-family:    "Playfair Display",Georgia,serif;
font-size:      30px;
}

h4 {
color:          #333;
font-size:      20px;
margin-bottom: 20px;
}


.links {
text-indent: 0;
font-size: 100%;
}

.q {
font-family:    "Old Standard TT";
font-style:     italic;
letter-spacing: -0.5px;
line-height:    1.4em;
font-size:      20px;
}

.song {
padding-left: 1.5em;
}

.caption {
font-family: Roboto Condensed, helvetica, sans-serif;
font-size:   95%;
margin:      -2em 0 2em;
}

.caption-arrow {
color: #666;
font-size: 90%;
}

.small {
font-size: 90%;
}

div.partycontainer {
position: relative;
}
div.party {
border:    1px solid #ccc;
display: inline-block;
width:     275px;
padding:   15px;
margin: 0 10px;
background: #333;
color:      white;
text-align: left;
}

div#commandments {
margin: 30px 150px;
}

div.commandment {
position:   relative;
padding:    10px 0;
font-size:  22px;

}
div.commandment div.idx {
width:      50px;
text-align: center;
position:   absolute;
left:       -75px;
font-size:  150%;
font-style: italic;
}


.hitchslap {
margin-bottom: 20px;
}

div.party div.title {
text-transform: uppercase;
font-weight: 700;
}

div.party div.city {
font-weight: 600;
}

div.party div.date {
font-style:  italic;
}

div.party div.date {

}

.plain {
text-decoration: none !important;
}

.video {
float: left;
margin: 0 10px 10px 0;
}

.year {
color: red;
letter-spacing: 0.05em;
font-size: 60%;
vertical-align: super;
}

.top {
position:   absolute;
left:       -5em;
top:        1em;
margin:     0;
padding:    0;
text-align: right;
font-size:  90%;
background: #eee;
border-radius: 3px;
}

.hpad1 {
padding: 0 0.25em;
}

/*

div#page-top {
height:     16px;
background: url(img/page-top.png) top left no-repeat;
}

div#page-bottom {
height:     16px;
background: url(img/page-bottom.png) top left no-repeat;
}

*/