*

/* -----------------------------------------------
webeatthestreet.com

1 PAGE STRUCTURE

2 GENERAL LINKS

3 GENERAL TYPOGRAPHY

4 LEFT COLUMN

5 CONTENT [CENTER COLUMN]

6 RIGHT COLUMN

7 FOOTER

8 NAVIGATION

9 LISTS

10 MISC
----------------------------------------------- */

/*-----------------------------------------------
 1 PAGE STRUCTURE
------------------------------------------------- */

{
	margin: 0;
	padding: 0;
	border: 0;
}

html, body
{
	font: 12px/1.3em Lucida Grande, Lucida Sans Unicode, verdana, geneva, helvetica, sans-serif;
	text-align: center;
	background: url(/images/11.gif) repeat-x #FFFFFF;
}

div#hiddenNav
{
	display: none;
}

div#outerwrapper
{
	width: 100%;
	background: url(/images/62.gif) repeat-x;
}

div#innerwrapper
{
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
	width: 740px;
	text-align: center;
	background: ;
}

div#subscribeNavwrapper
{
	text-align: right;
	height: 24px;
}

div#headerwrapper {
	width: auto;
	height: 198px;
	text-align: left;
	margin-bottom: 0px;
	background: url(/images/13.gif) no-repeat top right;
}

div#contentwrapper
{
	background: ;
	padding-top: 0px;
	position: relative;
	text-align: left;
	width: 740px;
}

table
{
	width: 100%;
}




/*----------------------------------------
 2 GENERAL LINKS
----------------------------------------*/

a
{
	color: #003333;
	text-decoration: underline;
}

a:hover
{
	text-decoration: underline;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, helvetica, sans-serif;
}


/*--------------------------------------
3 GENERAL TYPOGRAPHY
----------------------------------------*/

strong
{
	color: #003333;
}

p
{
	margin-bottom: 15px;
}

h2, h5
{
	color: #003333;
	letter-spacing: XXX;
	font-family: Lucida Grande, Lucida Sans Unicode, arial, verdana, geneva, helvetica, sans-serif;
	margin-bottom: 15px;
}

h1 {
	height: 150px;
	width: 300px;
	background-image: url(../images/wbtslogo.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
	
h1 a {
	height: 150px;
	font-size: 1px;
	width: 300px;
	overflow: hidden;
	display: block;
	text-indent: -3000px;
	color: #fff;
}
	
h1 a:hover {
	background: url(/images/wbtslogo.gif) no-repeat center center;
}

h2
{
	font-weight: bold;
	line-height: 28px;
	font-size: 22px;
        letter-spacing: 2px;
	border-bottom: 2px solid #003333;
	padding: 5px 0 5px 0;
}

h4
{
	font-size: 16px;
	line-height: 24px;
}

#header h3
{
	font-size: 18px;
	margin-top: 5px;
	color: #003333;
}

#content p
{
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
}

#content h3
{
	color: #003333;
	margin-bottom: 2px;
	font-weight: normal;
	font-size: 11px;
	border-bottom: 1px solid #666666;
}

#content h3 a
{
	color: #CC3300;
	font-weight: bold;
	font-size: 16px;
}

#content h4
{
	color: #CC3300;
	font-weight: bold;
}

#content h6
{
	color: #003333;
	font-weight: normal;
	font-size: 11px;
	background: url(/images/9.gif) no-repeat left top;
	padding: 5px 3px 5px 22px;
}

#rightColumn h3,
{
	font-size: 24px;
	margin-top: 15px;
}

.style2 {
	font-size: 18px;
	font-weight: bold;
}
.style4 {color: #000000}
.style3 {font-size: 12px}
.style1 {font-weight: bold}

/*-------------------------------------
4 LEFT COLUMN
---------------------------------------*/

#leftColumn
{
	float: left;
	width: 180px;
	margin-right: 10px;
	font-size: 12px;
	line-height: 16px;
}

#leftColumn ul
{
	list-style: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
}

#leftColumn ul li
{
	font-size: 12px;
	margin: 0;
	padding: 0;
	border: 1px solid #FFFFFF;
}

#leftColumn ul li a
{
	padding: 10px;
	margin: 0;
	background: #f8f8f8;
	display: block;
	border-left: 4px solid #ccc;
	text-decoration: none;
}

#leftColumn ul li a:hover
{
	background: #CCCCCC;
	display: block;
	border-left: 4px solid #FFCC00;
	text-decoration: none;
}


#leftColumn .info
{
	border: 1px solid #669999;
	background: #F8F8F8;
	padding: 3px 5px;
	margin-bottom: 15px;
	margin-top: 5px;
	border-bottom: 3px solid #669999;
	border-top: 3px solid #669999;
}

#leftColumn .appearences
{
	border: 1px solid #669999;
	background: #003333;
	margin-bottom: 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	padding: 3px;
}

#leftColumn .formbutton
{
	background: #669999;
	border: 1px solid #003333;
}

#leftColumn h3
{
	border: 0;
	font-size: 18px;
}

.left-widget-title {
 	color:#FFFFFF;
	background-color:#003333;
	border-color:#DCDCDC;
	border-width:1px 1px 0px 1px;
	border-style:solid;
	font-weight: bold;
	padding:5px;
	letter-spacing: 1px;
}

.left-widget {
	border-color:#DCDCDC;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	color:#333333;
	background-color:#F8F8F8;
	padding:5px;
	margin-bottom:5px;
}


/*-------------------------------------
5 CONTENT [CENTER COLUMN]
-----------------------------------------*/

#content
{
	float: left;
	width: 545px;
	line-height: 20px;
	font-size: 13px;
}

#content .blog
{
	border: 1px solid #DCDCDC;
	padding: 5px;
	margin-bottom: 0px;
	margin-top: 10px;
	color: #FFFFFF;
	background: #EC6100;
}

#content .info
{
	border: 1px solid #669999;
	background: #669999;
	padding: 3px 5px;
	margin-bottom: 15px;
}

#content .info ul
{
	list-style: none;
	list-style-image: none;
	padding: 0 5px;
	margin: 0;
}

#content input, #content textarea, #contentselect
{
	border: 1px solid #003333;
}

#content .formbutton
{
	width: auto;
	border: 1px solid #003333;
	background: #669999;
}

#content ol
{
	margin: 0 0 20px 20px;
}

.content-widget-title {
 	color: #FFFFFF;
	background-color: #EC6100;
  	border-color: #555;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	font-weight: bold;
	padding: 10px 0 10px 5px;
	letter-spacing: 1px;
}

.content-widget {
	border-color:#555;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	color:#333333;
	background-color:#FFFFFF;
	padding:10px;
	margin-bottom:5px;
}

div#article
{
	margin-bottom: 15px;
	text-align: left;
	padding: 5px 5px 2px 0px;
	border-bottom: 1px dotted #DCDCDC;
}


/*-------------------------------------
6 RIGHT COLUMN 
---------------------------------------*/

#rightColumn
{
	position: absolute;
	padding-top: 5px;
	padding: 0;
	padding-bottom: 130px;
	margin: 0;
	right: 0;
	width: 185px;
	border: 0;
	line-height: 16px;
	font-size: 12px;
}

#rightColumn .info
{
	border: 1px solid #DAA520;
	background: #F8F8F8;
	padding: 3px 3px;
	margin-bottom: 15px;
	margin-top: 5px;
	border-bottom: 3px solid #DAA520;
	border-top: 3px solid #DAA520;
}

#rightColumn .appearences
{
	border: 1px solid #DAA520;
	background: #CC3300;
	margin-bottom: 5px;
	margin-top: 15px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
}

#rightColumn div
{
	padding: 5px;
}

#rightColumn strong
{
	clear: both;
}

#rightColumn p
{
	margin: 0;
}

#rightColumn div h4
{
	font-size: 12px;
	margin: 0;
}

#rightColumn ul
{
	list-style: none;
	list-style-image: none;
	margin: 0;
}

#rightColumn ul.standards p
{
	margin-bottom: 15px;
	text-align: center;
}

.right-widget-title 
{
 	color:#FFFFFF;
	background-color:#003333;
        border-color:#DCDCDC;
	border-width:1px 1px 0px 1px;
	border-style:solid;
	font-weight: bold;
	padding:5px;
	letter-spacing: 1px;
}

.right-widget {
	border-color:#DCDCDC;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	color:#333333;
	background-color:#F8F8F8;
	padding:10px;
	margin-bottom:5px;
}

/*---------------------------------------
7 FOOTER
----------------------------------------*/

#footerwrapper
{
	position: relative;
	clear: both;
	margin: 0 auto;
	padding-top: 15px;
	text-align: center;
	background: url(/images/bg_footer.gif) repeat-x #003333;
}

#footerwrapper div
{
	padding: 15px 0;
	margin: 0 auto;
	width: 740px;
}

#footerwrapper p
{
	padding: 0;
	margin: 0;
}

#footerwrapper div.address
{
	color: #FFFFFF;
	padding: 0;
}

#footerwrapper div.address strong
{
	color: #FF9900;
	padding: 0;
}

#footerwrapper div.address p
{
	padding: 8px 15px;
}

#footerwrapper div.address p.last
{
	border-bottom: 0;
}

/*------------------------------------
8 NAVIGATION
--------------------------------------*/

#subscribeNav 
{
		margin: 0 0 0 auto;
		height: 25px;
		width: 20em;
		background: url(/images/left_xtralinks.gif) no-repeat top left;
}
	
#subscribeNav ul {
		background: url(/images/right_xtralinks.gif) no-repeat top right;
		height: 25px;
		list-style: none;
		list-style-image: none;
		padding: 0;
		margin: 0;
		margin-left: 9px;
	}

#subscribeNav li {
		float: left;
		height: 23px;
		margin: 0;
		padding: 0;
		text-align: center
	}

#subscribeNav a {
		color: #333333;
		padding: 3px 6px; 
		height: 16px;
		float: left;
		display: block;
		text-decoration: none;
		text-align: center;
	}

#subscribeNav p {
		padding: 3px 10px; 
		height: 16px;
		float: left;
		display: block;
		text-align: center;
}

#subscribeNav li a:hover {
	background: #FFCC00;
}

#headernavcontainer ul
{
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0;
	margin-top: 3px;
	margin-left: 0px;
	background-color: #;
        color: white;
	width: 100%;
	line-height: 20px;
	letter-spacing: 1px;
	text-decoration: none;
	font-weight: bold;
}

#headernavcontainer ul li
{
	display: inline;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#headernavcontainer ul li a
{
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 7px;
	padding-top: 8px;
	color: white;
	text-decoration: underline;
}

#headernavcontainer ul li a:hover
{
	background-color: #003333;
	color: white;
	text-decoration: underline;
}

#headernavcontainer #active
{
	background-color: #FFCC00;
	color: #FFFFFF;
}

/*-------------------------------------
9 LISTS
---------------------------------------*/

ul
{
	list-style-type: none;
	list-style-image: url(../images/li_square.gif);
	margin: 0 0 15px 15px;
}

ol
{
	padding-left: 15px;
}


/*------------------------------------
10 MISC
--------------------------------------*/

.hidden
{
	display: none;
}

.error
{
	color: #FF4500;
	margin-bottom: 15px;
	background: #669999;
}

input, textarea, select
{
	font: 12px/1.3em Lucida Grande, Lucida Sans Unicode, verdana, geneva, helvetica, sans-serif;
	margin-bottom: 5px;
	margin-right: 5px;
	color: #333333;
	padding: 2px;
	border: #003333 1px solid;

}
input .checkbox1
{
	width: 16px;
	border: 3px solid #003333;
}

.formbutton
{
	background: #669999;
	color: #FFFFFF;
	padding: 2px;
	border: 0;
	font-weight: bold;
	width: auto;
}

body#home #subscribeNav #homelink a,
{
	background: #FFCC00;
}

body#whatsNew #header #whatsNewLink, body#QandA #header #QandALink, 
body#press #header #pressLink, body#links #header #linksLink, 
body#contact #header #contactLink
{
	background: url(/images/left.gif) no-repeat top left;
	margin: 0 5px 0 0;
}

body#whatsNew #header #whatsNewLink a, body#QandA #header #QandALink a, 
body#press #header #pressLink a, body#links #header #linksLink a, 
body#contact #header #contactLink a
{
	background: url(/images/right.gif) no-repeat top right;
	color: #FF9900;
}

#header #linksLink a, #header #contactLink a
{
	padding-top: 15px;
	height: 29px;
}

body#home #content, body#accessibility #content 
{
	width: 355px;
}

div#login
{
	background: url(/images/login_box_imgXXX.jpg) no-repeat top right;
	padding: 10px;
	margin-top: 25px;
	color: #003333;
}

div#login input, div#login select
{
	margin: 0;
	color: #003333;
	font-size: 12px;
	padding: 2px;
	width: 90px;
	border: #003333 1px solid;
}

div#login label, div#login p
{
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	width: 125px;
	float: left;
}

div#login input.formbutton
{
	width: auto;
	color: #FFFFFF;
}

div#login a
{
	color: #FFFFFF;
	padding-left: 15px;
	background: url(/images/arrow2.gif) no-repeat left center;
	font-weight: bold;
}

div.infoBox
{
	position: fixed;
	right: 5px;
	bottom: 5px;
	width: 200px;
	min-height: 20px;
	border: 1px solid #033333;
	background: yellow;
	padding: 12pt;
	font-family: Lucida Grande, Lucida Sans Unicode, verdana, geneva, helvetica, sans-serif;
	font-size: 9pt;
	opacity: 0;
	color: red;
	display: none;
}

HR
{
	text-align: right;
	width: 100%;
	height: 1px;
	color: #003333;
	border: none;
}

HTML, BODY HR
{
	margin-right: 0;
	width: 100%;
	height: 1px;
	background-color: #003333;
	border: 0px solid #003333;
}

body#media #leftColumn ul li#media a,
		{
		background: #2A537F;
		color: #fff;
		display: block;
		border-left: 4px solid #5D8EC6;
		text-decoration: none;
		}