/*
THEME NAME: VinniBag
THEME URI: http://VinniBag.com/
DESCRIPTION: Ninth make of VinniBag converting to 1024px wide, and centered
VERSION: 9.0
AUTHOR: Vinnibag
AUTHOR URI: http://VinniBag.com/
TAGS: Vinnibag V9.0
.
VinniBag Theme Version 9.0
.
*/

/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Apply a basic layout */
@import url('library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('library/styles/images.css');

/* Apply default theme styles and colors */
@import url('library/styles/default.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');

/* --------------------------------------------------------------

   Default styles for Images

   I've duplicated these styles here from images.css in
   order to get Thematic through the auto-checker at the
   official WordPress Themes directory.

   When the directory can hunt though css files linked
   through @import the styles below will no longer be
   neccesary and will be removed.

   Cheers. --Ian Stewart

-------------------------------------------------------------- */



/* CSS Document */
body{
	padding:0;
	background:#FFFFFF;
	width:1024px;
	vertical-align:top;
	font-family: tahoma;
	color:#000000; line-height:14px; font-size:11px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    /*border: 1px solid #000000;*/
}

.col {
	float:left;
}

form, div, input, textarea { margin:0; padding:0;}

input, textarea {font-size:1.01em;}

input {vertical-align:top;}


.postmetadataalt {
	font-size:0.81em;
}
.pagetitle {padding:10px 0 10px 22px; font-size:1.11em; color:#CF540A; text-transform:uppercase;}

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

a {color:#000000;}
a:hover {text-decoration:none;}



.spacer {font-size:0px; line-height:0px;}
.clear {clear:both;}


.rightside { width:100%;}

.alignleft {width:40%; float:left; color:#000000; padding-left:18px;}
.alignright {float:right; text-align:right; color:#000000; padding-right:18px; position: absolute; top: 120px; left: 360px }
.alignleft a {color:#000000; font-size:1.01em; font-weight:bold;}
.alignright a {color:#000000; font-size:1.01em; font-weight:bold;}


.side {color:#FFFFFF;}
.side a {color:#FFFFFF;}

.statusbar p {padding:7px 0px 15px 0px; font-weight:normal;}



h1, h2, h3 {margin:0px; padding:0px;}




h1 {font-size:3.71em; font-family:"times new roman"; text-transform:uppercase; font-weight:normal; line-height:1.01em; letter-spacing:0px; padding:62px 45px 0 0;}
h1 a{color:#CF540A; text-decoration:none;}

ul, li {padding:0; margin-left:15px;}



.main {width:1024px; margin-left: auto; margin-right: auto; position: relative;}

.main_bg {background:url(images/bg_head.gif) no-repeat top left; width:100%;}

.logo {background:url(images/logo.png) no-repeat top left; width:381px; height: 136px; position: absolute; top: 0px; left: 35px }
#logo-click {
position: absolute;
top: 0px;
left: 0px;
height: 136px;
width: 381px;
background-color: transparent;
}

.header {height:140px;}

.toplinks { position: absolute; top: 0px; left: 889px; height: 25px; width:130px; margin-top: 5px }
.toplinks a{ color:#ffffff; text-decoration: none; margin-right: 10px;}

.header .righttext {float:right; background:url(images/toptext.gif) no-repeat top left; width:630px; height: 30px; position: absolute; top: 65px; left: 385px }


.slogan {color:#111111; padding-right:48px; font-size:0.91em; text-align:right;}






.side {color:#3C3A39;}
.side a {color:#3C3A39;}

.col { position: absolute; top: 160px; left: 40px;}




.submenu { position: absolute; left: 205px; top: 140px; float:left; padding-bottom: 20px; text-transform: uppercase;}
.submenu a {text-decoration:none; color:#800000; font-size:1.65em; margin-right: 20px; text-transform: uppercase; }
.submenu a:hover {color:#800000; text-decoration:underline; text-transform: uppercase;}

.submenu2 { position: relative; left: 180px; top: 25px; float:left; padding-bottom: 5px; text-transform: uppercase; margin-left: 26px }
.submenu2 a {text-decoration:none; color:#800000; font-size:1.05em; margin-right: 20px; text-transform: uppercase; }
.submenu2 a:hover {color:#800000; text-decoration:underline; text-transform: uppercase;}



.redlink a { text-decoration:none; color:#800000; }
.redlink a:hover{ text-decoration:underline; color:#800000; }


.cont_bg {margin:0 40px 0 0; border:#EAEBEA 1px solid; background:#FFFFFF; padding:13px 13px 0 12px;}

.sub_content {padding-bottom:13px; width: 900px; position: relative; left: 100px; top: 35px; z-index: 100; }
.sub_content .topic {background:#ffffff; width:100%; margin-top: 5px; margin-bottom: 10px; }
.sub_content .col_1 {float:left; width:60%;}
.sub_content .col_1 h2 { font-size:2.01em; color:#999999; text-transform:none; margin-bottom: 10px; line-height: 15px}
.sub_content .col_1 h2 a {text-decoration:none; color:#FFFFFF;}
.sub_content .col_1 h2 a:hover {color:#FFFFFF; text-decoration:underline;}
.sub_content .text { font-size:1.01em; color:#3C3C3C; margin-left: 0px }
.sub_content .text h2 { font-size:1.50em; margin-top: 10px}
.sub_content .text h3 { font-size:14pt; }
.sub_content .text h4 { font-size:12pt; }
.sub_content .text h5 { font-size:10pt; }
.sub_content .text h6 { font-size:8pt; }
.sub_content .text a {text-decoration:underline; color:#000000;}
.sub_content .text a:visited {text-decoration:underline; color:#000000;}
.sub_content .text a:hover {text-decoration:none; color:#800000;}




.content {padding-bottom:85px; width: 474px; position: relative; left: 245px; top: 0px; height: 350px; overflow: hidden; z-index: 100 }
.content .topic {background:#ffffff; width:100%; margin-top: 5px; margin-bottom: 20px; }
.content .col_1 {float:left; width:60%;}
.content .col_1 h2 { font-size:2.01em; color:#999999; text-transform:none; margin-bottom: 5px; line-height: 15px }
.content .col_1 h2 a {text-decoration:none; color:#FFFFFF;}
.content .col_1 h2 a:hover {color:#FFFFFF; text-decoration:underline;}
.content .text { font-size:1.01em; color:#3C3C3C;}
.content .text h2 { font-size:1.50em; }
.content .text h3 { font-size:14pt; }
.content .text h4 { font-size:12pt; }
.content .text h5 { font-size:10pt; }
.content .text h6 { font-size:8pt; }
.content .text a {text-decoration:underline; color:#000000;}
.content .text a:visited {text-decoration:underline; color:#000000;}
.content .text a:hover {text-decoration:none; color:#800000;}



.footer { background:url(images/footerbg.gif) no-repeat bottom left; position: absolute; bottom: 0px; height: 65px; width:100%; top: 630px }

.footer_sub { background:url(images/footerbg.gif) no-repeat bottom left; position: relative; bottom: 0px; height: 65px; width:100%; }

.bottomlogo { background:url(images/bottomlogo.gif) no-repeat bottom left; position: absolute; bottom: 0px; height: 46px; width:91px; margin-left: 195px }

.bottomlinks { position: absolute; bottom: 0px; left: 464px; height: 25px; width:560px;}

.bottomlinks a{ color:#777777; text-decoration: none; margin-right: 10px;}

.postcard { background:url(images/postcard.jpg) no-repeat bottom left; width: 650px; height: 343px; padding-bottom: 15px; margin: auto }
.postcardmid { padding: 0px 0px 0px 10px; width: 445px; height: 280px; overflow: auto;}
.postcardright { width: 330px; float: right; margin-left: 20px }

.feedbacktop {  width: 450px; margin: auto; background: #CCCCCC; padding: 10px }
.feedbackform {  width: 450px; height: 250px; margin: auto; background: #DDDDDD; padding: 10px }

.commentimage{
 margin-right: 5px;
}