@charset "UTF-8";

body  { background-image:url(../images/dye2011-bg-twitter.jpg); background-attachment:fixed; margin: 0; padding: 0; text-align: center; color: #FFFFFF; margin-bottom:20px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 100%; background-color: #FFFFFF; background-repeat: repeat; background-position: top center; }

a { color:#999999; }
a:link { color: #00AEEF; text-decoration: underline; }
a:visited { text-decoration: underline; color: #00AEEF; }
a:hover { text-decoration: none; color: #00CCFF; }
a:active { text-decoration: underline; color: #FFFFFF; outline: none;}

h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 { font-size: 200%; color: #00AEEF; }
h2 { font-size: 180%; color: #00AEEF; }
h3 { font-size: 160%; color: #00AEEF; }
h4 { font-size: 140%; color: #00AEEF; }
h5 { font-size: 120%; color: #00AEEF; }
h6 { font-size: 100%; color: #00AEEF; }

p { margin-top:0px; line-height:20px; }

a img {border:none;}

td { text-align: left; vertical-align: top; }

.clear {clear:both;height:0px;font-size:1px;line-height:0px;}

#wrapper { width: 960px; margin: 0 auto; text-align: left; clear:both; } 

#header { position:relative; margin-top:15px; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
#header h1 a { color: #FFF; text-decoration: none; }
#header h5 { color: #000000; background-color: #C0C0C0; padding: 10px; margin: 0px; }

#social { position: absolute; top: 20px; right: 10px; }
#social img {width:36px;height:35px;margin:5px;}

#content { min-height:500px; background: #000; padding:10px;}
#content h2 { background-color: #C0C0C0; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-top-color: #383838; border-right-color: #383838; border-bottom-color: #383838; border-left-color: #383838; margin-left: -10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; color: #000000; font-weight: normal; text-transform: uppercase; font-size: 140%; margin-bottom: 7px; }
#content hr {margin-top:10px;margin-bottom:10px;}
#content h6 {margin:0px;padding:0px;}

#footer { position:relative; margin-top:5px; }
#footer p { font-size:10px;font-weight:bold; line-height:14px;margin:0px;padding:0px;}

#manuals { float:left; width: 220px; font-size: 11px; line-height: 16px; background-color: #646464; margin: 10px; padding: 10px; }

#forums { float:left;width: 220px; font-size: 11px; line-height: 16px; background-color: #646464; margin: 10px; padding: 10px; margin-left:30px;}

#techcenters { float:left;width: 360px; font-size: 11px; line-height: 16px; background-color: #646464; margin: 10px; padding: 10px; }

#flash { float:right;margin:10px;}

#region { float:left;width:900px;font-size: 11px; line-height: 16px; background-color: #646464; margin: 10px; padding: 10px; }
.region {float:left;width:33%;}

/*** FUNCTIONAL ***/
.right { float:right; }
.left { float:left; }
.button { background-color: #000000; padding: 7px; border: 1px solid #00CCFF; font-weight: bold; color: #FFFFFF; margin:5px; text-decoration: none; }