/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

body { font-family: 'Courier New', Courier, monospace; background: #000 url(../img/brick_backg.jpg) center center; }

p { margin-bottom: 10px; line-height: 1.2em; }
.strong { font-size: 18px; font-weight: bold; color: #F33; }
.nomargin { margin: 0; }
.extramargin { margin-bottom: 20px; }

.right { float: right; margin: 0 0 10px 20px; }

#wrapper { width: 960px; margin: 0 auto; }

#header { background: url(../img/tab_tear_header.gif) center bottom no-repeat; height: 90px; padding: 15px 0; }
#header img { margin-left: 20px; float: left; }
#header ul { font-family: arial, helvetica, sans-serif; font-size: 11px; float: right; margin: 2px 20px 0 0; line-height: 1.1em; }
#header li { margin-bottom: 3px; }
#header ul a { color: #FFF; text-decoration: none; }

#content a { color: #41532E; font-weight: bold; }

#nav { background: url(../img/nav_tear2.gif) no-repeat; padding: 19px 0 0 12px; height: 22px; font-size: 12px; font-weight: bold; }
#nav li { display: inline; float: left; margin: 0 11px; }
#nav a:link, #nav a:visited { color: #FFF; text-decoration: none; }
#nav a:hover, #nav a:active { color: #000; }

#content { margin: 20px 0 40px; overflow: hidden; }

#content ul { list-style: disc inside; margin: 0 0 10px 10px; }
#content li { margin: 0 0 5px; }

#main { width: 580px; float: left; color: #CCC; background: #000; padding: 20px; font-size: 14px; }
.heading { background: url(../img/tab_tear_high.gif); width: 580px; margin: -20px -20px 20px; padding: 10px 20px; height: 40px; }

form { clear: both; border-top: 1px dotted #333; padding: 10px 0 0; margin: 10px 0 0; }
legend { margin: 0 0 10px; font-weight: bold; font-size: 18px; }
label { display: block; margin-bottom: 5px; }
label span { display: block; float: left; width: 180px; padding: 3px 0; }
.text input, textarea, select { border-color: #000; width: 180px; font-family: 'Courier New', Courier, monospace; font-size: 1em; }
label.error { margin-bottom: 10px; margin-left: 180px;color: #F00; }

#sidebar { width: 320px; float: right; color: #FFF; }
#sidebar embed { margin-bottom: 20px; }

#footer { clear: both; height: 80px; padding: 30px 15px; background: url(../img/tab_tear_footer.gif); font-family: arial, helvetica, sans-serif; font-size: 10px; }
#footer ul { float: left; margin-top: 5px; }
#footer li { margin-bottom: 5px; }
#footer a:link, #footer a:visited { color: #666; text-decoration: none; }
#footer a:hover, #footer a:active { color: #CCC; }
#footer a.twitter { color: #6FF; }
#footer img { float: right; }

.wallpaperleft { float: left; }
.wallpaperright { float: right; }
.wallpaperleft, .wallpaperright { width: 280px; }
#content .wallpaperleft ul, #content .wallpaperright ul { margin: 0 0 20px; overflow: hidden; }
#content .wallpaperleft li, #content .wallpaperright li { list-style: none; margin: 0; padding: 0; float: left; width: 120px; padding: 3px 10px; text-align: center; }
