/* style.css 2090907 release, "Penguin Chili Sauce" */
/* CSS 2.1 validated 2009 Sep 7 */

html, body { 
 color: #38383a;
 font: 400 .9em "Verdana", sans-serif;
 
 height: 100%;
 padding: 0;
}

body {
 background: #ebede2;
 background-attachment: fixed;
 background-image: url('http://www.penguindeskjob.com/rant/media/pingu_test2.gif');
 background-position: 0% 100%;
 background-repeat: no-repeat;
 
 margin-left: 250px;
}

#container {
 overflow: visible;
 position: relative;
 
 min-height: 100%;
 height: 100%;
 
 max-width: 100%;
 min-width: 62em;
 width: 85%;
}

#header {
 padding: 1em 0em;
}

#header img {
 margin-left: 2em;
}

#body {
 background-image: url('http://www.penguindeskjob.com/rant/media/bodyBackgroundTest2.png');
 background-position: 0% 0%;
 background-repeat: repeat-x;
 
 clear: left;
 float: left;
 overflow: hidden;
 padding: 1em 0;
 position: relative;
 
 width: 100%;
}

#body a:active, a:link, a:visited {
 background-color: transparent;
 color: #0808a7;
 text-decoration: none;
}

#body a:hover {
 text-decoration: underline;
}

#body .wrap {
 float: left;
 position: relative;
 
 max-width: 75%;
 min-width: 49em;
 width: 49em;
}

#body .column1 {
 margin: 0 1em 0;
}

#body .column1 .subtitle {
 font-size: .8em;
 margin: .3em 1.2em;
}

#body .column1 .contentMask {
 clear: both;
 float: left;
 overflow: hidden;
 position: relative;
 width: 100%;
}

#body .column1 .text {
 float: right;
 max-width: 83%;
 padding: 0;
 width: 40em;
}

#body .column1 .text .signature {
 background: #ebede2;
 border-top: .1em dashed #000;
}

#body .column1 .author {
 background-image: url('http://www.penguindeskjob.com/rant/media/bodyBackgroundtest.png');
 background-position: 0% 0%;
 background-repeat: repeat-x;
 border: 1px solid #000;
 float: left;
 margin: 0 .5em 0 .5em;
 min-width: 6em;
 max-width: 8em;
 overflow: hidden;
 padding: 1em .3em;
 text-align: center;
 width: auto;
}

#body .column1 .author p.username {
}

#body .column1 .author p.permission {
 font-size: .7em;
 font-style: italic;
}

#body .column1 .form {
 margin-left: 1em;
}

#body .column1 .form fieldset {
 background: transparent;
 border: 1px solid #38383a;
}

#body .column1 .form dl {
}

#body .column1 .form dl dt {
 display: block;
 clear: left;
 float: left;
 margin-top: .6em;
 width: 5em;
}

#body .column1 .form dl dd {
 display: block;
 float: left;
 margin-top: .6em;
 width: auto;
}

#body .column1 .form input, select, submit, textarea {
 background-image: url('http://www.penguindeskjob.com/rant/media/bodyBackgroundtest.png');
 background-position: 0% 0%;
 background-repeat: repeat-x;
 border: 1px solid #000;
 font: 400 1em "Arial Unicode MS", sans-serif;
 margin: 0em;
 padding: 0em;
 width: 25em;
}

#body .column1 .form textarea.small{
 height: 5em;
}

#body .column1 .form textarea.big {
 font: 400 1em "Courier New", fixed-width;
 height: 20em;
}

#body .column1 .table {
 margin-top: 2em;
}


#body .column1 .table ul li,
#body .column1 .form ul li {
 background: transparent;
 border-right: 2px solid transparent;
 border-left: 2px solid transparent;
 border-bottom: 1px dashed #38383a;
 border-top: 1px dashed #38383a;
 margin: 0 0 .7em;
 clear: both;
 list-style: none;
 overflow: hidden;
}

#body .column1 .table ul li:hover,
#body .column1 .form ul li:hover {
 background-color: #ebede2;
 border-right: 2px solid #38383a;
 border-left: 2px solid #38383a;
}

#body .column1, .table ul li span {
 background: transparent;
 display: block;
 float: left;
 margin: 0 .3em .3em;
 width: auto;
}

#body .column1 .table ul li span.date {
 height: 1.2em;
 width: 8em;
}

#body .column1 .table ul li span.link {
 height: 1.2em;
 overflow: hidden;
 width: 32em;
}

#body .column1 .table ul li span.authorSmall {
 height: 1.2em;
 margin-bottom: 0;
 width: 8em;
}

#body .column1 .table ul li span.level {
 height: 1.2em;
 margin-bottom: 0;
 position: relative;
 overflow: visible;
 width: 32em;
}

#body .column1 .keyword {
 clear: both;
 font-size: .7em;
 margin-left: .3em;
 padding: .3em 0;
 overflow: visible;
 width: auto;
}

#body .column1 .page {
 clear: both;
 font-size: .7em;
 float: right;
 overflow: hidden;
 width: auto;
}

#body .column1 .keyword p,
#body .column1 .page p {
 display: block;
 float: left;
 margin: 0;
 padding: 0;
 width: auto;
}

#body .column1 .keyword ul,
#body .column1 .page ul {
 float: left;
 list-style: none;
 overflow: hidden;
 margin: 0;
 padding: 0;
 width: auto;
}

#body .column1 .keyword ul li,
#body .column1 .page ul li {
 float: left;
 margin: 0 .3em 0;
 padding: 0;
 position: relative;
 width: auto;
}

#body .column1 .keyword ul li:after,
#body .column1 .page ul li:after {
 content: ",";
}

#body .column1 .keyword ul li.first:after,
#body .column1 .page ul li.first:after {
 content: ":";
}

#body .column1 .keyword ul li.last:after,
#body .column1 .page ul li.last:after {
 content: ".";
}

#body .column2 {
 float: right;
 position: relative;
 text-align: center;
 
 max-width: 20%;
 min-width: 12em;
 width: 12em;
}

#body .column1 img.avatar,
#body .column2 img.avatar {
 border: 1px solid #000;
 height: 50px;
 width: 50px;
}

#body .column2 p.name {
 font-weight: bold;
 margin: 0;
 padding: 0;
 text-align: left;
}

#body .column2 ul {
 list-style: none;
 margin: 0;
 padding: 0;
 text-align: left;
}

#body .column2 ul li {
 margin: 0;
 padding: 0 0 0 1em;
}

#body .column2  ul li:after {
 content: ", ";
}

#body .column2  ul li.last:after {
 content: ".";
}

#footer { 
 clear: both;
 padding: 0 0 3em;
 position: relative;
 text-align: center;
 width: 100%;
}

#footer a:active, a:link, a:visited,
#body .column1 .author a,
#body .column1 .text .signature a {
 background-color: transparent;
 color: #0808a7;
 text-decoration: none;
}

#footer a:hover,
#body .column1 .author a:hover {
 background-color: #dcdcd1;
 text-decoration: none;
}

#footer p {
 clear: both;
 font-size: .8em;
}

#footer img {
 border: 0;
 padding: 0 .3em;
}

#footerTag ul {
 font-size: .8em;
 margin: 0;
 padding: 0;
 list-style: none;
 position: relative;
 text-align: center;
 width: auto;
}

#footerTag ul li {
 display: inline-block;
 list-style: none;
 margin: 0;
 padding: 0 1em 0;
 position: relative;
 width: auto;
}

#menuTop {
 background: transparent url(http://www.penguindeskjob.com/rant/media/menuTopBg.png) bottom repeat-x;
 clear: left;
 float: left;
 font: .8em Verdana, Geneva, sans-serif;
 overflow: hidden;
 padding: 0;
 width: 100%;
}

#menuTop ul {
 float: left;
 margin: 0 1.5em 0;
 padding: 0;
 list-style: none;
 position: relative;
 text-align: center;
 width: auto;
}

#menuTop ul li {
 display: block;
 float: left;
 list-style: none;
 margin: 1em 0 0 0;
 padding: 0;
 position: relative;
 width: auto;
}

#menuTop ul li a {
 background: transparent;
 border-top: 1px solid #000;
 border-left: 1px solid #000;
 border-right: 1px solid #000;
 bottom: 0px;
 color: #000;
 display: block;
 float: left;
 height: 1.3em;
 margin: 0 .3em;
 padding: .3em .9em;
 position: relative;
 text-decoration: none;
 width: auto;
}

#menuTop ul li a:hover {
 background: #dcdcd1;
}

#menuTop ul li.active a,
#menuTop ul li.active a:hover {
 bottom: 0;
 background: #dcdcd1;
 font-weight: bold;
 height: 1.3em;
 position:relative;
}

#menuBottom ul {
 float: right;
 margin: 0;
 padding: 0;
 list-style: none;
 position: relative;
 text-align: center;
 width: auto;
}

#menuBottom ul li {
 display: block;
 float: left;
 list-style: none;
 margin: 1em 0 0 0;
 padding: 0;
 position: relative;
 width: auto;
}

#menuBottom ul li a {
 background: transparent;
 display: block;
 float: right;
 margin: 0 .1em;
 padding: .3em .3em;
 text-decoration: none;
 position: relative;
 width: auto;
}

#menuBottom ul li a:after {
 content: "]";
}

#menuBottom ul li a:before {
 content: "[";
}

.feed {
 margin-left: 3px;
 padding: 0 0 0 19px;
 background: url("http://www.penguindeskjob.com/rant/media/rss14x14.png") no-repeat 0 50%;
}

h1 {
 border-bottom: 1px dashed #38383a;
 margin: .6em 0 0 .3em;
 padding: 0;
 width: 100%;
}

h2 {
 margin: .6em 0 0 .3em;
 text-decoration: none;
}

h3 {
 border-bottom: 1px dashed #38383a;
 margin: .6em 0 0 .3em;
 text-decoration: none;
}

a img {
 border: 0;
}

img.attachment {
 border: 1px solid #000;
 display: block;
 height: auto;
 max-width: 100%;
 width: auto;
}