/* CSS Document by IMAGE ICU, LLC */

/* Main Styles for drinkdocker.com */

/* (c) IMAGE ICU, LLC - www.imageicu.com */



/************ Default HTML ************/

html, body {

	height: 100%; 

	width: 100%;

}

body {

	margin: 0;

	padding: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 80%;

	color: #000;

	background-image: url(../Images/bodyBkgd.gif);

	background-repeat: repeat-y;

	background-position: center;

	background-color: #666;

}



/******************* Text *********************/

p {

	margin: 0px 60px 15px 60px;

	padding: 0;

	text-indent: 0px;

	line-height: 1.4;

	letter-spacing: 0.003em;

}

p.testimonial {

	margin: 5px 60px 0 60px;

	padding: 0;

	font-size: 95%;

	font-style: italic;

}

p.source {

	margin: 5px 70px 25px 70px;

	padding: 0;

	font-size: 80%;

	color: #333;

	font-weight: bold;

	text-align: right;

}

a {

	margin: 0;

	padding: 0;

	color: #0033CC;

	font-weight: bold;

	text-decoration: underline;

}

a:visited {

	color: #0033CC;

	text-decoration: none;

}

a:hover {

	color: #FF6600;

	text-decoration: underline;

}

h1 {

	margin: 0 40px;

	padding: 15px 0 10px 0;

	font-size: 125%;

	color: #CC0000;

}

h2 {

	margin: 0 50px 10px 50px;

	padding: 5px 0 0 0;

	color: #FF3300;

	font-size: 110%;

	letter-spacing: normal;

}

h3 {

	margin: 0 60px 5px 60px;

	padding: 5px 0 0 0;

	color: #333333;

	font-size: 95%;

	font-weight: bold;

	letter-spacing: normal;

}

ul {

	margin: 10px 90px;

	padding: 0;

	color: #333;

	font-size: 100%;

	font-weight: bold;

	line-height: 1.7;

}

li {

	margin: 0;

	padding: 1px 0;

	font-weight: bold;

	list-style-type: disc;

}

li.noblt {

	margin: 0 -12px;

	font-weight: normal;

	list-style-type: none;

}



/******************* General *********************/

img, a img {margin: 0; border: none; text-decoration: none;}

.spacer {clear: both; font-size: 1%;}

.red {color: #CC0000;}

.inline {display: inline;}

.mini {font-size: 85%;}

.txtRt {text-align: right;}

.bold {font-weight: bold;}

.ital {font-style: italic;}

.center {margin: 0 auto; text-align: center;}

.textRight {text-align: right;}

.collapse {display: none;}

.expand {display: block;}

.imgBorder {border: 1px solid #666;}

abbr {cursor: help;}



.movie {

	margin: 5px 50px;

}



/******************* Main *********************/

div#main {

	margin: 0 auto;

	padding: 0;

	width: 770px;

	height: auto;

	background-color: #fff;

	border-left: 1px solid #666;

	border-right: 1px solid #666;

}

div#header {

	margin: 0;

	padding: 0;

	height: 126px;

	background-color: #000;

	background-image:  url("../Images/headerBkgd.jpg");

	background-repeat: no-repeat;

	background-position: right;

}

div#logo {

	margin: 0;

	padding: 0;

	width: auto;

	height: 126px;

}

div#logo img {

	margin: 20px 0 0 20px;

	padding: 0;

}

div#navbar {

	margin: 0;

	padding: 0;

	height: 32px;

	text-align: right;

	font-size: 110%;

	background-color: #585858;

	background-image:  url("../Images/navBarBkgd.gif");

	background-repeat: repeat-x;

	background-position: bottom;

	border-top: 1px solid #666;

	border-bottom: 1px solid #666;

}

#navbar ul {

	margin: 0 4px 0 0;

	padding: 2px 0 0 0;

	font-weight: bold;

	color: #FF9900;

}

#navbar li {

	margin: 0;

	padding: 0;

	display: inline;

	list-style-type: none;

}

#navbar ul a {

	margin: 0 10px;

	color: #FF9900;

	text-decoration: none;

	font-weight: bold;

}

#navbar ul a.contest {

	margin: 0 10px;

	color: #FFFF00;

	text-decoration: none;

	font-weight: bold;

}

#navbar a:visited {

	color: #FF9900;

	text-decoration: none;

}

#navbar a:hover, #navbar a.contest:hover {

	color: #FFCC00;

	text-decoration: underline;

}





/******************* Content *********************/

div#container {

	margin: 0;

	padding: 0;

	background-color: #fff;

}

div#contentBox {

	margin: 0;

	padding: 0;

	width: 770px;

	text-align: left;

	background-image:  url("../Images/contentBkgd.gif");

	background-repeat: repeat-x;

	background-position: top;

}

div#content {

	margin: 0;

	padding: 15px 0 30px 0;

	width: 770px;

	text-align: left;

}



.imgRight {

	float: right;

	display: inline;

	margin: 10px 60px 0 30px;

	padding: 0;

	line-height: 1.5;

}

.imgLeft {

	float: left;

	display: inline;

	margin: 10px 30px 10px 60px;

	padding: 0;

	line-height: 1.5;

}





/******************* Side Column *********************/

div#sideColumn {

	margin: 10px 0 0 0;

	padding: 20px 0 25px 0;

	width: 200px;

	height: auto;

	text-align: center;

	background-color: #002b55;

	border: 1px solid #666;

}

div#sideColumn h1 {

	margin: 0 0 3px 0;

	padding: 0 15px;

	color: #FFCC00;

	font-size: 100%;

	text-align: left;

}

div#sideColumn h2 {

	margin: 0 0 12px 0;

	padding: 0 30px;

	color: #FFF;

	font-size: 86%;

	text-align: left;

}

.gradient {

	background-image: url(../Images/sideColumnBkgd.gif);

	background-repeat: repeat-x;

	background-position: bottom;

}



/******************* Side Menu *********************/

div#sideMenu {

	margin: 0 0 20px 0;

	padding: 0 0 15px 0;

	width: 200px;

	height: auto;

	text-align: center;

	font-size: 85%;

	color: #999999;

	background-color: #002b55;

	background-image: url(../Images/sideColumnBkgd.gif);

	background-repeat: repeat-x;

	background-position: bottom;

	border: 1px solid #666;

}

div#sideMenu h1 {

	margin: 0 0 10px 0;

	padding: 5px 15px;

	color: #FFCC00;

	text-align: left;

	background-color: #000000;

	border-bottom: 1px solid #666;

}

div#sideMenu h1.tb {

	margin: 20px 0 10px 0;

	border-top: 1px solid #666;

}

div#sideMenu table {

	margin: 5px 20px;

	padding: 0;

	width: 160px;

	text-align: left;

}

div#sideMenu th {

	margin: 0;

	padding: 0 0 3px 0;

	color: #ccc;

}

div#sideMenu p {

	margin: 10px 25px;

	color: #ccc;

	font-size: 95%;

	text-align: left;

}

div#sideMenu ul {

	margin: 5px 30px;

	padding: 0;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #CC9933;

	text-align: left;

}

div#sideMenu li {

	margin: 2px 0;

	line-height: 1.2;

}

div#sideMenu ul#toc li {

	margin: 4px 0;

	font-size: 95%;

}

div#sideMenu a {

	color: #6699ff;

}

div#sideMenu a:visited {

	color: #6699ff;

}

div#sideMenu a:hover {

	color: #FFFF00;

}



/******************* Footer *********************/

#footer {

	clear: both;

	margin: 0 auto;

	padding: 0;

	width: auto;

	text-align: center;

	background-color: #000;

	background-image: url(../Images/blackBkgd.gif);

	background-repeat: repeat-x;

	background-position: top;

	border-top: 1px solid #666;

}

#footer ul {

	margin: 10px 0 0 0;

	padding: 0;

	color: #FF9900;

	font-weight: bold;

}

#footer li {

	margin: 0;

	padding: 0;

	display: inline;

	list-style-type: none;

}

#footer ul a {

	margin: 0 6px;

	color: #FF9900;

	text-decoration: none;

	font-weight: normal;

}

#footer ul a:visited {

	color: #FF9900;

	text-decoration: none;

}

#footer ul a:hover {

	color: #FFCC00;

	text-decoration: underline;

}

#footer a {

	margin: 0;

	color: #A05A09;

	text-decoration: none;

}

#footer a:hover {

	text-decoration: underline;

}

#footer p {

	margin: 3px 0 0 0;

	padding: 0;

	color: #E9A146;

	font-style: italic;

	text-indent: 0px;

}

#footer p#credit {

	margin: 0;

	padding: 5px 0 10px 0;

	color: #666;

	font-style: normal;

	font-size: 80%;

}

p#credit a {

	margin: 0;

	padding: 0px;

	color: #666;

	font-weight: bold;

	text-decoration: none;

}

p#credit a:visited {

	color: #666;

}

p#credit a:hover {

	color: #fff;

	text-decoration: underline;

	background-color: transparent;

}

div#social-bookmarks {
    text-align: center;
}
div#social-bookmarks img {
    margin: 4px 0 0;
}