/* 
Title:		packawhallop.com screen styles
Author: 	gordon@packawhallop.com, jim@packawhallop.com
*/

html, body, table { 
	height: 100%;
	width: 100%; 
	margin: 0; 
	padding: 0;

	font-size: 12px;
	font-family: Helvetica, Verdana, sans-serif;
	color: #898989;
	background: #141b2f url(../images/paw_bkg.jpg) no-repeat fixed left top;
}

td { 
	vertical-align: middle;
}


/* ***************//*************** */
.header1 {
	font-size: 1.4em; /* used for Packawhallop News etc */
	color: #384b84; /* dark blue */  
	font-weight: normal;
}	
.header-small {
	font-size: 1em; 
	color: #7b849e; /* dark blue */  
}
.header-small a {
	color: #7b849e;
}
strong {
	color: #384b84; /* dark blue */  
	font-weight: bold;
}
.header2 {
	font-size: 1.2em;
	color: #83b244; /* med green */  
	font-weight: normal;
}
.green {
	color: #83b244; /* med green */  
}

.right_side {
	border: 0;
	width: 100px;
	float: right;
	margin: 0 0 3px 10px;
}
hr {
	border: none;
	color: #cfd2db;
	height: 1px;
	background: #cfd2db;
	margin: 4px 0 10px 0;
}

a:link, a:hover, a:visited, a:active {
	outline: none;
}
a, a.green {
	color: #384b84; /* dark blue */  
	text-decoration: none;
}
a:hover, a.green:hover {
	color: #6079c3; /* light blue */
	text-decoration: underline;
}
a.green {
	color: #83b244; /* med green */  
}
a.green:hover {
	color: #96c64e; /* light green */
}
ul, ul.blue, ul.news-full {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul li,
ul.blue li,
ul.news-full li,
ul.nada li
{
	color: #999;
	margin: 5px 0 8px 0;
	padding: 0 0 0 0;
	background: url(../images/green_bullet.png) no-repeat left 2px;
}
ul.blue li {
	background: url(../images/blue_bullet.png) no-repeat left 2px;
	color: #787878;
}
ul li .head,
ul li .head_bold,
ul.blue li .head,
ul.blue li .head_bold,
ul.news-full li .head,
ul.news-full li .head_bold,
ul.nada li .head
{
	color: #83b244; /* med green */  
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.2em;
}
#hatch-box {
	background: url(../images/gray12-hatch.png) repeat left top;
	width: 100%;
	padding: 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

ul.nada li {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: none; /* 1px solid #ccc */
	background-image: none;
	line-height: 135%;
}
ul.nada li .pad {
	padding-top: 5px;
	padding-left: 5px;
}
ul.nada li ul li, ul.nada li ol li
{
	border-bottom: none;
}
ul.nada ol li {
	margin: 0 0 5px 0;
	padding: 0;
}
ul.nada ul li {
	margin: 0 0 5px 38px;
	padding: 0;
	list-style-type: circle;
}

ul.blue a {
	color: #828eb0; /* soft blue */
	text-decoration: none;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.2em;
}
ul.blue a:hover {
	color: #71ae20; /* med green */  
	text-decoration: underline;
}
ul.nada img {
	width: 355px;
	border: none;
	display: block;
	float: right;
	margin: 0 0 3px 15px;
	padding: 0;
}


/* show hide */
.hide-show {
	height: 24px;
	width: 50px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../images/show.png) no-repeat left top;
	display: block; 
	margin: 0 5px 0 0;
	border: none;
	float: right; 
}
.hide-show:hover {
	background: url(../images/show.png) no-repeat left -40px;
	display: block;
	border: none;
}
.show-hide {
	height: 24px;
	width: 50px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../images/hide.png) no-repeat left top;
	display: block;
	margin: 0 5px 0 0;
	border: none;
	float: right; 
}
.show-hide:hover {
	background: url(../images/hide.png) no-repeat left -40px;
	display: block;
	border: none;
}

/* ***************WRAPPERS*************** */
/* wrapper etc */

#wrapper { 
	margin: 0 auto;
	width: 900px;
	height: 100%;
}
#banner {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	height: 181px;
	background: url(../images/paw_banner_bkg.png) no-repeat left bottom; 
}
#banner img.logo {
	width: 320px;
	height: 181px;
	border: 0;
	float: left;
	display: inline;
	margin: 0;
	padding: 0 455px 0 0;
}	

/* ***************SOCIAL MEDIA*************** */
#banner #social-media {
	position: relative;	
	z-index: 5;
	top: 45px;
	float: left;
	width: 125px;
	height: 181px;
	display: block;
	margin: 0;	
	padding: 0;
}
#banner #social-media #twitter-btn,
#banner #social-media #rss-btn,
#banner #social-media #facebook-btn,
#banner #social-media #tumblr-btn,
#banner #social-media #delicious-btn
{
	height: 20px;
	width: 125px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(../images/btn-twitter.png) no-repeat left top;
	display: block;
	margin: 5px 0;
	border: none;
}
#banner #social-media #rss-btn {
	background: url(../images/btn-rss.png) no-repeat left top;
}
#banner #social-media #facebook-btn {
	background: url(../images/btn-facebook.png) no-repeat left top;
}
#banner #social-media #tumblr-btn {
	background: url(../images/btn-tumblr.png) no-repeat left top;
}
#banner #social-media #delicious-btn {
	background: url(../images/btn-delicious.png) no-repeat left top;
}
#banner #social-media #twitter-btn:hover,
#banner #social-media #rss-btn:hover,
#banner #social-media #facebook-btn:hover,
#banner #social-media #tumblr-btn:hover,
#banner #social-media #delicious-btn:hover
{
	background: url(../images/btn-twitter.png) no-repeat left -20px;
	border: none;
}
#banner #social-media #rss-btn:hover {
	background: url(../images/btn-rss.png) no-repeat left -20px;
}
#banner #social-media #facebook-btn:hover {
	background: url(../images/btn-facebook.png) no-repeat left -20px;
}
#banner #social-media #tumblr-btn:hover {
	background: url(../images/btn-tumblr.png) no-repeat left -20px;
}
#banner #social-media #delicious-btn:hover {
	background: url(../images/btn-delicious.png) no-repeat left -20px;
}
/* ***************END SOCIAL MEDIA*************** */




#wrapper-inner {
	margin: 0;
	width: 800px;
}
.format {
	line-height: 135%;
}
/* &&&&&&&&&& BANNER &&&&&&&&&&&&&& */





/* &&&&&&&&&& NAV BAR &&&&&&&&&&&&&& */
#navbar {
	color: #86898f;
	font-size: 11px;
	padding: 0 0 0 0;
	float: right;
}
#navbar ul#navigation {
	list-style-type: none;
	margin: 10px 15px 0 0;
	padding: 0;
}
#navbar #navigation li, #navbar #navigation li.mark  {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}
#navbar #navigation li a {
	color: #6a79a3; /* dusty blue */
	text-decoration: none;
}
#navbar #navigation li a:hover {
	color: #829cff; /* bright blue */
	text-decoration: none;
}
#navbar #navigation li a.current {
	color: #96c64e; /* light green */
	text-decoration: none;
}
#navbar #navigation li a.current:hover {
	color: #96c64e; /* light green */
	text-decoration: underline;
}
#navbar #navigation li.mark {
	padding: 0 5px;
	color: #666;
}
/* &&&&&&&&&&&&&&&&&&&& NAV &&&&&&&&&&&&&&&&&&&& */
#simply {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	height: 24px;
	background: #e8e8ea url(../images/paw_simply.jpg) no-repeat left top;
}
#wrapper #mainContent {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	min-height: 400px;
	overflow: auto;
	background: #e8e8ea url(../images/paw_white_bkg.jpg) no-repeat left bottom;
}
#leftCol, #rightCol {
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	float: left;
	height: 100%;
}
#rightCol {
	width: 350px;
}
#leftCol .format, #rightCol .format {
	padding: 10px 20px 10px 15px;
	margin: 0;
	display: block;
}

/* &&&&&&&&&& NEWS &&&&&&&&&&&&&& */

#news {
	background: #fff;
	/*background: transparent url(../images/blue-tint.png) repeat left top;*/ /* need ie transparency */	
	margin: 5px 15px 10px 15px;
	padding: 10px 10px 15px 10px;
	border-top: 1px solid #cccfd7;
	border-bottom: 1px solid #cccfd7;
}

ul.news-full {
	background: none;
	list-style-type: none;
}

ul.news-full li {
	background: none;
	list-style-type: none;
	margin: 0 0 20px 110px;
	padding: 0 0 0 10px;
	text-align: left;
	border-left: 1px dotted #384b84;
}
.info {
	color: #6071a4;
	font-size: .90em;
	float: left; 
	height: 18px; 
	line-height: 18px;
	padding-right: .75em; 
}	
/* ****************************** */
/* PRODUCTS */
#address {
	color: #2b3966;
	font-size: 11px;
	padding: 0;
	margin: 0 0 10px 0;
}
#address .format {
	padding: 0;
	margin: 0;
	display: block;
}


/* ****************************** */
/* PRODUCTS */

.product_tease {
	margin: 10px 0 20px 0;
	padding: 0;
	display: block;
	font-size: 11px;
	clear: both;
	line-height: normal;
}
.product_tease img {
	float: left;
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
}
.product_tease a, .product_tease a.header_product {
	color: #384b84;
	text-decoration: none;	
}
.product_tease a:hover, .product_tease a.header_product:hover {
	color: #6079c3;
	text-decoration: underline;
}
.product_tease a.header_product, .product_tease a.header_product:hover {
	font-size: 22px;
}

/* ***************//*************** */
#footer { 
	width: 100%;
	height: 3em;
	clear: both;
	font-size: .85em;
	color: #45671b;
	border: 0;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 1.4em;
}
#footleft { 
	width: 50%;
	float: left;
}
#footleft p {
	margin: 0;
	padding: 3px 0 0 0;
}
#footmiddle { 
	float: left;
	width: 40%;
	text-align: center;
}
#footmiddle p {
	margin: 0;
	padding: 3px 0 0 0;
}
#footright { 
	width: 50%;
	float: left;
	text-align: right;
}
#footright p {
	color: #96c64e;
	margin: 0;
	padding: 3px 0 0 0;
}
#footer a {
	border-bottom: 1px dotted #2a438c;
	color: #45671b;
	text-decoration: none;
	outline: none;
}
#footer a:hover {
	border-bottom: 1px dotted #fff;
	color: #96c64e;
}