/* ----------------------------------------
Theme Name: Mighty Vikings
Theme URI:
Description: Custom Theme for The Mighty Vikings web comic
Version: 1.0
Author: Trevor Phillips
Author URI: http://dortamur.dorzure.com
Last Modified: 2006.10.28
---------------------------------------- */

body
{
   margin: 0px;
   padding: 0px;
   background-color: #046;
   background-image: url(/img/title_main.gif);
   background-repeat: no-repeat;
   background-position: top left;
   margin-top: 140px;
}

p
{
   margin: 0px;
   padding: 0px;
}

.fullwidth
{
   width: 100%;
}

.sidewidth
{
   width: 230px;
}

.contentwidth
{
   width: 650px;
}

#mainlayout
{
   border-spacing: 0px;
   padding: 0px;
   margin: 0px;
   background-image: url(/img/water_deep.gif);
   background-repeat: repeat-x;
   background-position: top left;
}

#mainlayout td
{
}

#sidebar
{
   xxpadding-left: 10px;
   xxpadding-top: 10px;
   padding: 0px;
}

/* The right-hand side free space for some garnish. */
#extraneous
{
}

#content
{
   xxpadding-top: 10px;
}

#topbanner
{
   background-image: url(/img/title_background.gif);
   background-repeat: no-repeat;
   padding: 0px;
   margin-top: 20px;
   margin-bottom: 10px;
}

.sideextra
{
   background-color: #fff;
   background-image: url(/img/side_extra_bg.gif);
   background-position: top left;
   background-repeat: repeat;
   width: 220px;
   margin-top: 20px;
}

.sideextrainner
{
   padding-left: 20px;
   padding-right: 20px;
   margin-top: -25px;
   margin-bottom: -25px;
   font-family: Arial;
   font-size: 8pt;
}

ul.menu
{
   list-style: none;
   margin: 0px;
   padding: 0px;
   margin-right: 10px;
}

ul.menu li
{
   margin: 0px;
   width: 220px; /* Plus Padding */
   height: 50px; /* Plus Padding */
   padding: 0px;
   font-family: verdana;
   font-size: 11pt;
}

ul.menu li a.label, ul.menu li a.label_part
{
   margin: 0px;
   padding: 0px;
   font-weight: bold;
   text-decoration: none;
   color: #000;
}

ul.menu li a.icon
{
   margin: 0px;
   width: 50px; /* Plus Padding */
   height: 40px; /* Plus Padding */
   padding: 0px;
   margin-right: 8px;
   vertical-align: middle;
   font-weight: bold;
   display: block;
   float: right;
}

ul.menu li a img
{
   border: none;
   margin: 0px;
   padding: 0px;
}

.menu_balloon
{
   background-image: url(/img/speech_bubble.gif);
   background-repeat: no-repeat;
   background-position: top left;
   padding-left: 20px;
   padding-right: 10px;
   padding-top: 30px;
   height: 100px;
   width: 195px !important;
   width: 225px;
   font-family: verdana;
   font-size: 8pt;
   margin: 0px;
   text-align: center;
}

.nav_balloon
{
   background-image: url(/img/speech_bubble_nav.gif);
   background-repeat: no-repeat;
   background-position: top left;
   margin: 0px;
   margin-left: -190px;
   padding-left: 10px;
   padding-right: 30px;
   padding-top: 30px;
   height: 80px;
   width: 140px !important;
   width: 180px;
   font-family: verdana;
   font-size: 8pt;
   text-align: center;
}

.entry_container
{
   background-image: url(/img/post_bg.gif);
   background-repeat: no-repeat;
   background-position: top left;
   width: 650px;
   margin-bottom: 10px;
}

.no_head
{
   padding-top: 10px;
}

.entry
{
   background-image: url(/img/post_bgbtm.gif);
   background-repeat: no-repeat;
   background-position: bottom left;
}

.entry_single
{
   background-image: url(/img/post_bgbtm_blue.gif);
}

.entry
{
   padding: 10px;
   padding-bottom: 5px;
   font-family: verdana;
   font-size: 9pt;
}

.entry p
{
   margin-bottom: 1em;
}

.entry a
{
   color: #f00;
}

.entry img
{
   vertical-align: middle;
   border: none;
}

img.icon
{
   border: none;
}

.entry .icon, .entry_head .icon
{
   float: left;
   padding-right: 5px;
}

.entry_head h2
{
   margin: 0px;
   padding: 0px;
   padding-top: 8px;
   font-size: 11pt;
   font-weight: bold;
   font-family: verdana;
   line-height: 1.1em;
   margin-bottom: 2px;
   color: #fff;
}

.entry_head .icon
{
   margin-top: 8px;
   padding: 0px;
   margin-right: 5px;
}

.entry_head
{
   margin: 0px;
   font-size: 8pt;
   font-weight: bold;
   line-height: 1em;
   padding-left: 8px;
   height: 51px;
}

.no_head
{
  margin-top: 10px;
}

.entry_head a
{
   color: #000;
   text-decoration: none;
}

.comic_nav
{
   float: right;
   text-align: center;
   margin-top: -3px;
   margin-right: 25px;
}

.comic_nav img
{
   border: none;
}

.char_info
{
   width: 650px;
   height: 180px;
   min-height: 180px;
   background-image: url(/img/bio_bg.gif);
   background-repeat: no-repeat;
   background-position: top left;
   font-family: verdana;
   font-size: 9pt;
   padding: 0px;
   padding-bottom: 5px;
   color: #000;
   margin: 0px;
   margin-bottom: 0px;
}

.char_info p
{
   margin-bottom: 1em;
}

.char_info .portrait
{
   padding: 0px;
   margin: 0px;
   border: none;
   margin-right: 10px;
   float: left;
}

.char_info .title
{
   padding: 0px;
   margin: 0px;
   border: none;
   margin-left: -7px;
   margin-right: -7px;
}

.char_bottom
{
   padding: 0px;
   margin: 0px;
   margin-bottom: 10px;
   border: none;
}

img.title
{
   margin-bottom: 10px;
}

div.title
{
   height: 50px;
   background-repeat: no-repeat;
   background-position: top left;
   text-align: right;
   padding-right: 10px;
   margin-bottom: 10px;
}

div.title img
{
   border: 0px;
   margin-top: 4px;
}

.footer, .footer a
{
   color: #fff;
   font-family: verdana;
   font-size: 8pt;
}

a.launch
{
   margin-left: 20px;
   font-size: 14px;
   font-weight: bold;
   text-decoration: none;
}

table.layout td
{
   border: none;
   padding: 0px;
}

table td
{
   vertical-align: top;
}

.recommended img
{
   border: 0px;
   margin: 0px;
   padding: 0px;
}

img.entry_icon
{
   border: solid 1px #000;
   padding: 0px;
   float: right;
}