body {
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
background: #181818;
}

h1 {
background:transparent url(images/index/wyday.png) no-repeat;
height:70px;
width:208px;
margin: 0px 0 0 11px;
text-indent: -9999px;
font-size:1px;
display:block;
}

h2, h3, h4 {
font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
}

h2 {
margin:0; padding:0;
font-size:170%;
font-weight:400;
}

h2 a:link, h2 a:visited {
text-decoration:none;
color:#232323;

}

h2 a:hover, h2 a:active {
text-decoration:underline;
}

h3 {
text-align:center;
font-size:140%;
font-weight:400;
margin-top:20px;
}

h4 {
margin-bottom:0;
font-size:108%;
font-weight:400;
}

h3 a, h4 a{
color:#fff;
}

h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {
text-decoration:none;
}

h3 a:hover, h3 a:active, h4 a:hover, h4 a:active {
text-decoration:underline;
}

/* top */

.top {
background:#b8b8b8 url(images/index/top_bg.png);
background-repeat: repeat-x;
height:370px;
width:100%;
margin:0;
padding:0;
}

#topleft, #topcenter {
padding-top:15px;
}

#topleft {
position: absolute;
left:0;
top:70px;
width:470px;
}

#topleft img{
display:none;
position:absolute;
top:30px;
}

#topleft img.show{
display:inline;
}

#topcenter {
margin-left:470px;
margin-right:130px;
}

#topright {
position: absolute;
right:0;
top:70px;
width:130px;
padding-top:50px;
}
	
#banner {
height:70px; /* = wyDay logo height */
}

img {
border:none;
margin:0 0 0 15px;
}

/* iupdate */
#topcenter ul {
line-height:16pt;
}

#topcenter li {
padding-bottom:6px;
}

li.alt {
color:#1e3047;
}


/* iupdate */
.downinf{
background:#878686 url(images/index/downinf.gif) no-repeat bottom left;
font-size:71%;
padding-top:3px;
}

.downinf p{
padding:2px 0 3px 7px;
margin:0;
}

.lighttype {
display:inline;
color:#fff;
}

/* link */
#topright ul, .cuelinks ul{
margin:0;
padding:0;
list-style:none;
}
#topright li, .cuelinks li{
display:inline;
margin:0;
padding:0;
}
a.downiup, a.learniup, a.downcue, a.learncue{
display:block;
background:url(images/index/downiup.png) no-repeat left top;
margin:0;
padding:0;
height:35px;
width:130px;
font-size:1px;
text-indent:-9999px;
outline: none; /* Fix for Firefox's active links, use a:focus for accesibilty */
}
a.learniup{
background:url(images/index/learniup.png) no-repeat left top;
}
a.downiup:hover, a.learniup:hover, a.downiup:focus, a.learniup:focus, a.downcue:hover, a.learncue:hover, a.downcue:focus, a.learncue:focus{
background-position:0% -35px;
}
/* cueS */
.cuelinks{
height:35px;
display:block;
padding:0 15px 0 15px;
}
a.downcue, a.learncue{
float:left;
background:url(images/index/downcue.png) no-repeat left top;
width:120px;
}
a.learncue{
float:right;
background:url(images/index/learncue.png) no-repeat left top;
}

/* bottom */
.bottom {
background:transparent url(images/index/bot_bg.png) repeat-x;
color:#FFF;
}

#botcontainer{
overflow:hidden;
margin:0;
padding-left:400px; /* The width of the rail */
}
#botright{
background:url(images/index/bott_divide.gif) repeat-y top left;
width:100%;
border-left:400px solid transparent; /* The width and color of the rail */
margin-left:-400px;
float:right;
}
#botleft{
background-color:transparent;
width:400px;
float:left;
margin-left:-400px;
display:inline; /* So IE plays nice */
}

.lm a:link, .lm a:visited, .lm a:hover, .lm a:active{
float:right;
color:#fff;
font-size:80%;
}

.product{
display:block;
padding:0 15px 0 15px;
margin:0 0 15px 0;
}

.product p, .blog p {
font-size:85%;
line-height:16pt;
}


/* blog excerpts */

div.blog{
display:block;
padding:0 15px 0 25px;
margin:0 0 55px 0;
}

div.excerpt{
padding-left:7px;
}

.date{
display:block;
font-size:.7em;
color:#999999;
padding:0;
margin:0 0 0 7px;
}

/* forum */
.forum h3 {
font-weight:400;
margin:3px 0 5px 0;
}

.forum a{
color:#fff;
}

.forum {
position:relative;
width:351px;
margin:30px 0 0 24px;
background:#303030 url(images/index/search_ico.png) no-repeat bottom left;
color:#fff;
}

.forum ul {
list-style: none;
padding:0 7px 0 7px;
margin:0;
}
.forum ul li {
margin:0 0 15px 0;
padding:0;
}

.forum ul p {
font-size: 80%;
margin:0;
padding:2px 0 0 5px;
}

.ftop, .fbot {
background:url(images/index/forum_top.gif) no-repeat 0 0;
position:static;
margin:0;
padding:0;
height:7px;
font-size:1px;
}

.fbot {
background:url(images/index/forum_bot.gif) no-repeat 0 0;
}

/* search */
form {
padding:0;
margin:0;
}

.search {
margin:0;
padding:0 0 23px 50px;
display:block;
}

.greyField {
width: 200px;
border: 1px solid #bfbfbf;
background-color:#565656;
margin: 6px 0 0 4px;
color:#fff;
}

/* footer */

#footer {
margin:20px 0 0 0;
padding:20px 0 0;
text-align:center;
font-size:63%;
position: relative;
display:block;
}

p a,p a:visited {
color:#fff;
}

p a:hover,p a:active {
color:#AFAFAF;
}

#footer p.links a,#footer p.links a:visited {
margin:0;
padding:0;
font-size:110%;
color:#777;
}

#footer p.links a:hover,#footer p.links a:active {
color:#AFAFAF;
}

#footer p {
margin:0;
padding:0;
color:#404040;
line-height:normal;
}