/* -------------------------------------------\
| 	WESTCOUNTRY ANIME V3
|
|   DEVON THEME - CREATED 05/10/07
|
|   CREATED BY AND COPYRIGHT 2007-2009 Michael Dodd
\--------------------------------------------*/

body		{
				background-image: 	url("../images/bg_green.jpg");
				margin: 			0;
				padding: 			0		5%		0		5%;
				text-align: 		left;
				vertical-align: 	top;
			}

/*#################################################################
## 						Dividers
#################################################################*/

div, td		{

				margin: 			0px;
			}
			

div.advert	{
				margin: 			0		auto	15px	auto;
				text-align: 		center;
				width: 				80%;
			}


div.container
			{
				background-color: 	#CCC;
				height:				95%;
				margin:				0px;
				margin-bottom:		20px;
				padding:			0px;
				position: 			relative;
				text-align:			center;
			}

	
/* Outer page construction */

div.title_div
			{
				border: 			none;
				padding: 			0px;
				position: 			absolute;
				margin:				0px;
				overflow:			hidden;
				width:				90%;
				z-index: 			3;
			}


div.navlink, div.navlink_top, div.navlink_user, div.nav_icon
			{
				border: 			solid	0px		#030;
				border-width: 		0 		0 		2px 	0;
				margin: 			0;
				padding: 			2px 	0 		2px 	25px;
				vertical-align: 	middle;
				width: 				180px;
			}

div.nav_icon
			{
				padding: 			2px 	21px	2px 	4px;
			}

div.navlink_top
			{
				border-width: 		2px 	0		2px 	0;
			}



div.navlink:hover, div.navlink_top:hover, div.nav_icon:hover
			{
				background: 		#393;
			}
/* table vars */

div.table 	{
				display: 			inline-table;
				width: 				100%;
				margin:				0;
			}

			

div.row		{
				display: 			table-row;
			}


div.cell 	{
				display: 			table-cell;
				padding: 			0 		2px		0		2px;
				width: 				auto;
			}

div.content_t 
			{
				background-color: 	#CCC;
				display: 			table-cell;
				padding: 			190px	10px	10px	10px;
				text-align: 		center;
				width: 				auto;
			}

div.navigation_t
			{
				background-color: 	#060;
				border-width: 		0		7px		0		1px;
				border-color: 		#000;
				border-style: 		solid;
				display: 			table-cell;
				padding-top: 		165px;
				vertical-align: 	top;
				width: 				180px;
			}

/* Construction of in-page containers */

		/* NEWS SECTION */
		
		
div.news_table, table.news_table 
			{
				border: 			none;
				display: 			table;
				margin: 			0 		auto	20px	auto;
				width: 				90%;
			}
			
			
div.news_info, div.box_info, td.news_info, td.box_info
			{
				background-color:	#060;
				border:				solid	#000;
				border-bottom-color: #999;
				border-width: 		0 		5px		5px 	0;
				display: 			table-cell;
				padding: 			0px;
				width: 				100px;
				vertical-align: 	top;
			}
			

div.news_content, div.box_content, td.news_content, td.box_content
			{
				background-color: 	#FFF;
				background-image: 	url('images/corner_right_dark.png');
				background-position:top right;
				background-repeat: 	no-repeat;
				border: 			solid 	#999;
				border-right-color: #000;
				border-width: 		0 		0		5px		0;
				display: 			table-cell;
				padding: 			0 		0 		15px 	10px;
				vertical-align: 	top;
			}

div.news_type, td.news_type
			{
				background: 		#999;
				border: 			solid 	0px;
				border-color: 		#999;
				border-bottom-width:5px;
				display: 			table-cell;
				vertical-align: 	top;
			}
			
div.avatar	{
				background-repeat: 	no-repeat;
				background-position:top left;
				height: 			100px;
				margin: 			0px;
				vertical-align: 	top;
				width: 				100px;
			}
	

	/* General Container */
				
div.box_info, td.box_info
			{
				background-image: 	url('../images/corner_left.png');
				background-position:top left;
				background-repeat: 	no-repeat;
				vertical-align: 	middle;
				width: 				44px;
			}
			
div.box_content, td.box_content
			{
				background-image: 	url('../images/corner_right_dark.png');
				background-position:top right;
				background-repeat: 	no-repeat;
				padding-top: 		20px;
			}

div.bus_route
			{
				border: 			solid 	1px 	#000;
				margin: 			0 		0 		20px 	0;
				padding-bottom: 	10px;
				width: 				90%;
			}
			
.bus_stop	{
				background: 		#060;
				border: 			solid 	0px 	#000;
				border-bottom-width:1px;
				margin: 			0px;
				text-align: 		center;
				width: 				100%
			}
				
div#map		{
				 width: 550px; 
				 height: 450px;
			}


/*#################################################################
## 						Tables 
#################################################################*/

table		{
				border: 			none;
				border-collapse: 	collapse;
				/*display: 			inline;*/
			}
			
			
table.holder{
				width:				100%;
			}

td 			{
				margin: 			0px;
				padding: 			0px;
				border: 			none;
				border-collapse: 	collapse;
				vertical-align: 	top;
			}

td.title_bg {
				background-image: 	url('../images/title_bg.png');
				background-repeat: 	repeat-x;
				width:				100%;
			}
			
/*	For IE6 Hax */
td.content_t 
			{
				background-color: 	#CCC;
				display: 			table-cell;
				text-align:			center;
				padding: 			190px	10px	10px	10px;
				width: 				100%;
			}

td.navigation_t
			{
				background-color: 	#060;
				border-width: 		0		7px		0		1px;
				border-color: 		#000;
				border-style: 		solid;
				display: 			table-cell;
				padding-top: 		165px;
				vertical-align: 	top;
				width: 				180px;
			}
			
/*#################################################################
## 						Images 
#################################################################*/			

img			{
				border:				none;
				margin: 			0px;
				padding: 			0px;
			}

img.corner_left
			{
				float: 				left;
				vertical-align: 	top;
				z-index: 			2;
			}


img.corner_right
			{
				float: 				right;
				right: 				0;
				vertical-align: 	top;
				z-index: 			2;
			}
			
			
			
/*#################################################################
## 						Font Information
#################################################################*/

	/* General Fonts */
p, ul, li {
				font-family: 		Verdana, Arial, Sans-Serif;
				font-size: 			10.5pt;
				padding: 			0 		0 		10px 	0;
				margin: 			0px;
				text-align: 		left;
				vertical-align: 	top;
		}
		
ul, li	{
				margin-left:		10px;
				padding-bottom:		0px;
		}
		
p.link	{
				margin-bottom: 		15px;
				margin-left: 		10px;
		}

p.nav_small
		{
				border-style: 		none;
				color: 				#FFF;
				margin: 			0px;
				padding: 			0px;
		}
		
p.copy	{
				text-decoration: 	none;
				text-align: 		center;
				color: 				#FFF;
		}

	
											/* Container fonts */
p.news_info
		{
				color: 				#FFF;
		}
	
p.timestamp
		{
				color: 				#CCC;
				font-size: 			9pt;
		}
	
	
	
p.forum_type
		{
				color: 				#FFF;
				font-size: 			14pt;
				font-weight: 		bold;
		}
	
p.video_list
		{
				padding: 			0 		10px 	20px 	15px;	
		}
		
		
	
p.small	{
				font-size: 			9pt;
				font-weight: 		bold;
				margin: 			-10px 	0 		10px 	10px;
		}
	

.quote 	{
				margin: 			10px;
				border: 			solid 	0px 	#060;
				border-left-width: 	5px;
				padding: 			10px;
				background-color: 	#CCC;
		}



								/* Colors for bus routes */
b.red 	{
				color: 				#C00;
		}

b.green	{
				color: 				#0C0;
		}

b.blue	{
				color: 				#00C;
}


/*#################################################################
## 													Hyperlnks 
#################################################################*/

a 		{
				color: 				#060;
		}

a.title	{
				text-decoration: 	none;
		}

a.navi	{
				font-weight: 		bold;
				text-decoration: 	none;
				margin: 			0;
				padding:			0;
				color: 				#FFF;
		}

a.navi:hover 
		{
				color: 				#9F9;
		}

a.comment
		{
				color: 				#CCC;
				font-weight: 		bold;
				font-size: 			10pt;
				text-decoration: 	none;
		}

a.comment:hover
		{
				text-decoration: 	underline;
		}

input, select, textarea
		{
				border: 			solid 	2px 	#060;
				background-color: 	#cfc;
				margin-left:		10px;
		}
		
		
		

/*#################################################################
##												 Headings
#################################################################*/

h1 		{
			font-family: 			Verdana, Arial, Sans-Serif;
			font-size: 				16pt;
			padding: 				15px 	0 		0 		0;
			margin: 				0 		0 		0 		5px;
			color: 					#FFF;
			font-weight: 			bold;
			text-align: 			left;
			vertical-align: 		top;
		}

h2 		{
			font-family: 			Verdana, Arial, Sans-Serif;
			font-size: 				16pt;
			padding: 				0;
			margin: 				0 		0 		10px 	0;
			color: 					#000;
			font-weight: 			bold;
			text-align: 			left;
			vertical-align: 		top;
		}

h3 		{
			font-family: 			Verdana, Arial, Sans-Serif;
			font-size: 				16pt;
			padding: 				0;
			margin: 				0 		0 		10px	0;
			color: 					#060;
			font-weight: 			bold;
			text-align: 			left;
			vertical-align: 		top;
		}