/*
--------------------------------------------------------------------
Layout
--------------------------------------------------------------------
*/
body {
 text-align:center;
/* padding:12px 0 0 0; */
 padding:0;
 margin:0;
 font-family:"Courier New", Courier, monospace;
 font-size:12px;
 line-height:17px;
}
#lines_top {
 height:28px;
 background-image:url(/images/lines_top.gif);
 background-position:top center;
 background-repeat:no-repeat;
}
#content {
 width:838px;
 height:auto;
 position:relative;
 padding:13px 0 0 0;
 margin:0 auto;
 text-align:left;
 background-image:url(/images/little_men.gif); 
 background-position:bottom right;
 background-repeat:no-repeat;
}
#lines_bottom {
 height:50px;
 background-image:url(/images/lines_bottom.gif); 
 background-position:bottom center;
 background-repeat:no-repeat;
}
.clearer {
 clear:both;
 font-size:0;
 line-height:0;
}


/*
--------------------------------------------------------------------
Header
--------------------------------------------------------------------
*/

#header_container {
 background-image:url(/images/lines_top.gif);
 background-position:bottom center;
 background-repeat:no-repeat;
 height:154px;
 position:relative;
}
#header {
 width:838px;
 height:154px;
 margin:0 auto;
 position:relative;
 background:white;
}
#header #logo {
 width:99px;
 height:70px;
 position:absolute;
 right:82px;
 top:32px;
}
#header #randomizer {
 height:151px;
 width:528px;
 position:absolute;
 left:0;
 bottom:3px;
}
#header #randomizer .article_list {
 display:none;
}
#header #randomizer .image {
 width:150px;
 height:auto;
 position:absolute;
 bottom:0;
 left:0;
 text-align:center;
 z-index:1;
}
#header #randomizer .text {
 width:350px;
 position:absolute;
 left:170px;
 bottom:60px;
 text-align:left;
 font-size:12px;
}
#line_overlay {
 position:absolute;
 width:838px;
 height:40px;
 bottom:3px;
 left:0;
 z-index:20;
}
#hider_man {
 position:absolute;
 width:838px;
 height:10px;
 background:white;
 bottom:0;
 left:0;
 z-index:10;
} 

/*
--------------------------------------------------------------------
Main
--------------------------------------------------------------------
*/
#main {
 width:528px;
 padding:0 20px 0 0;
 height:auto;
 float:left;
}


/*
--------------------------------------------------------------------
Right
--------------------------------------------------------------------
*/
#right {
 width:253px;
 height:auto;
 padding-bottom:146px;
 float:right;
}
#right #navigation {
 margin:0 0 0 33px;
}
#right #navigation ul {
 list-style:none;
 padding:0;
 margin:0;
}
#right #navigation ul li {
 margin:0 0 7px 0;
 padding:0; 
 line-height:2px;
 font-size:2px;
}


/*
--------------------------------------------------------------------
Footer
--------------------------------------------------------------------
*/
#footer {
 width:838px;
 height:20px;
 padding-top:10px;
 margin:0 auto;
}
#footer ul {
 list-style:none;
 padding:0 0 0 0px;
 margin:0;
}
#footer ul li {
 float:left;
 padding:0;
 margin:0;
}


/*
--------------------------------------------------------------------
Formatting
--------------------------------------------------------------------
*/
a {
 color:#f7931d;
 font-weight:bold;
 text-decoration:none;
}
a:hover {
 color:#00a2e5;
}

h1 {
 font-family:"Courier New", Courier, monospace;
 font-size:16px;
 color:red;
 font-weight:bold;
 padding:0;
 margin:0 0 2px 0;
}
#main ul {
 padding:0 0 0 15px;
 margin:0;
}
p {
 padding:10px 0 0 0;
 margin:0;
}

.article_list {
 padding-top:28px;
}
.article_list .image {
 float:left;
 padding-bottom:17px;
}
.article_list .title {
 font-weight:bold;
 color:red;
 margin-left:170px;
}
.article_list .text {
 margin-left:170px;
 padding-bottom:17px;
}
.article_list .text p {
 padding-top:3px;
}
.article_list p.row {
 clear:both;
 font-size:0;
 line-height:0;
 padding:0;
 margin:0;
}



.thumbnails {
 margin:10px 0;
}
.thumbnails .thumb {
 float:left;
 margin-bottom:10px;
 margin-right:10px;
}

h1.title {
 padding-top:0;
}