/* stylesheet for winepunters.com */

/* NOTES for phil: 

padding measurements are in pixels like so: top right bottom left 
margin measurements are in pixels like so: top right bottom left 

With any style changes, check the page layouts also as they are easily affected, ideally check pages in Firefox and IE6 and IE7 when possible.

*/
html{
	scrollbar-base-color: #be9360;
	scrollbar-arrow-color: #850101;
	scrollbar-track-color: #fff;
	}

body{
	margin:0px auto; 
	padding:0px;
	text-align:center;
	font-family:verdana;
}	
#content_container{
	width:770px;
	margin:0px auto;
	padding:0px;
	text-align:left;
}
#header_container{
	width:770px;
	height:70px;
	margin:0px auto;
	padding:0px;
	background:url(images/punter_banner2.jpg) 0 0 no-repeat; /*header image - keep it the same size as it is now: 800px wide & 73px high */
	color:#fff;
	font-family:arial;
	clear:both;
}
#header_container h1{
	float:left;
	padding:0px 0px 0px 15px;
	font-family:Trebuchet MS, arial;
	font-size:52px;
	font-weight:normal;
}
#header_container p{
	float:right;
	padding:25px 10px 0px 0px; 
	font-size:12px;
}
#header_container p #search_input{
	height:10px;
	width:100px;
	font-size:10px
}
#navigation_container{
	border-bottom:1px solid #2f4248;
	background:#ba924d;
	clear:both;
	font-family:arial;
	color:#fff;
	font-size:11px;
	padding:3px 10px 3px 10px;
	margin:0px auto;
}
#navigation_container a, #navigation_container a:link, #navigation_container a:active, #navigation_container a:visited{
	color:#fff;
	text-decoration:none;
}
#navigation_container a:hover{
	text-decoration:underline;
}
#navigation_container a.nav_on, #navigation_container a.nav_on:link, #navigation_container a.nav_on:active, #navigation_container a.nav_on:visited{
	color:#2b414c;
	text-decoration:none;
}
#navigation_container a.nav_on:hover{
	text-decoration:underline;
}
#intro_container p{
	clear:both;
	font-family:arial;
	font-size:12px;
	color:#2b414c;
	padding:5px 10px 5px 10px;
	margin:0px auto;
}
#middle_container_headers{
	clear:both;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}
.column_header_1{
	float:left;
	width:156px;
	background:#ba924d;
	font-family:arial;
	color:#2b414c;
	font-size:12px;
	padding:2px 10px 2px 10px;
	margin:0px auto;
}
.column_header_2{
	float:left;
	width:543px;
	background:#ba924d;
	font-family:arial;
	color:#2b414c;
	font-size:14px;
	padding:1px 10px 1px 10px;
	margin:0px auto;
}
.column_header_3{
	float:left;
	width:750px;
	background:#ba924d;
	font-family:arial;
	font-weight:bold;
	color:#2b414c;
	font-size:12px;
	padding:2px 10px 2px 10px;
	margin:0px auto;
}
#middle_container_content{
	width:770px;
	clear:both;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}
#middle_container_content a, #middle_container_content a:link, #middle_container_content a:active, #middle_container_content a:visited{
	color:#2b414c;
	text-decoration:none;
}
#middle_container_content a:hover{
	color:#850101;
	text-decoration:underline;
}

.column_1{
	float:left;
	width:178px;
}
.column_1_row{
	height:100px; /*later maybe control height by js and resize onload*/
	border:1px solid #bd7826;
	overflow:hidden;
}
#rowA{
	margin:0px 0px 10px 0px;
}
.column_2{
	float:left;
	width:580px;
	height:356px; /*later maybe control height by js and resize onload*/
	margin:0px 0px 0px 10px;
	border:1px solid #bd7826;
	overflow:scroll;
}

.column_3{
	float:left;
	width:748px;
	height:600px; /*later maybe control height by js and resize onload*/
	margin:0px auto;
	border:1px solid #bd7826;
	overflow:scroll;
	padding:10px;
}
.column_3 h3{
	margin:0px auto;
	padding:10px 0px 10px 0px;
	line-height:120%
}
.column_3 p{
	margin:0px auto;
	padding:0px 0px 10px 0px;
	font-size:12px;
	color:#bd7826;
	line-height:130%
}
p.item_list{
	margin:0px 10px 5px 10px;
	padding:10px 0px 12px 0px;
	font-size:12px;
	color:#bd7826;
	border-bottom:1px solid #850101;
}
p.item_list .new_item{
	color:#850101;
	font-size:12px;
	font-weight:bold;
}
p.item_list a{
	font-size:11px;
}
p.uti_date{
	float:right;
	margin:0px 10px 0px 10px;
	padding:10px 0px 0px 0px;
	font-size:13px;
	font-weight:bold;
	color:#850101;
}
h3{
	clear:both;
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	color:#2f4248;
	font-weight:bold;
}
h4{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	color:#850101;
	font-weight:bold;
}
h6{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-size:13px;
	font-style:italic;
	color:#850101;
	font-weight:normal;
}

#footer_container{
	height:25px;
	border-top:10px solid #fff;
	background:#ba924d;
	clear:both;
	font-family:arial;
	color:#fff;
	font-size:10px;
	padding:5px 10px 5px 10px;
}
#footer_container p{
	padding:0px;
	margin:0px auto;
	clear:both;
}
.right_align{
	float:right;
}

.image_align_right{
	float:right;
	margin:0px;
	border:0px;
	padding:5px;
	font-size:8.5px;
	color:#850101;
}
.image_align_left{
	float:left;
	margin:0px;
	border:0px;
	padding:5px;
	font-size:8.5px;
	color:#850101;
}
.image_align_center{
	float:center;
	margin:0px 0px 0px 350px;
	border:0px;
	padding:5px;
	font-size:8.5px;
	color:#850101;
}
table.podcasts{
	text-align: left; 
	margin-left: auto; 
	margin-right: auto; 
	width: 96%;
	float:left;
	background-color: #fff;
	border: 2px #2f4248 solid;
	border-collapse: collapse;
	border-spacing: 1px;
}

td.podcast_title{
	background-color: #ba924d;
	border: 2px #2f4248 solid;
	font-family: Verdana;
	font-weight: bold;
	font-size: 14px;
	color: #2f4248;
	padding-left:200px;
	padding-right: 15px;
}

td.podcast_text{
	border-bottom: 1px #2f4248 dashed;
	text-align: left;
	font-family: verdana;
	font-weight: normal;
	font-size: 12px;
	color: #bd7826;
	line-height:130%;
	background-color: #fff;
	padding: 4px 10px 4px 15px;
}