/* ©2008 FlashStuf.com designed by Matt Baer! */
@import url(/adopt/adoptimages.css);

body {
 background-color: white;
 padding-top: 34px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 8px;
 margin-left: 0px;
 padding-top: 16px;
 text-align: center;
 font-family: Tahoma, Arial, sans-serif;
 color: black;
 }
p, div, input.submit {
 font-family: Tahoma, Arial, sans-serif;
 font-size: 10pt;
 color: black;
 }
h1 {
 width: 764px;
 font-family: Tahoma, Verdana, sans-serif;
 font-size: 36px;
 font-weight: normal;
 letter-spacing: 0px;
 padding-top: 0px;
 padding-right: 5px;
 padding-bottom: 2px;
 padding-left: 5px;
 margin-top: 4px;
 margin-bottom: 6px;
 }
.sidebar h3 {
 margin-top: 2px;
 margin-right: 2px;
 margin-bottom: 2px;
 margin-left: 2px;
 background-color: transparent;
 text-align: left;
 }
.sidebar ul {
 list-style: none;
 padding-left: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 }
img {
 border: 0;
 }
input.submit, input[type="submit"] {
 font-size: 9pt;
 color: #333;
 padding-top: 2px;
 padding-right: 2px;
 padding-bottom: 2px;
 padding-left: 2px;
 border-color: #666;
 border-width: 1px;
 border-style: solid;
 background-image: url(http://www.flashstuf.com/style/images/btnbg.gif);
 background-repeat: repeat-x;
 }
input[disabled] {
 color: GrayText;
 }
p#text:first-letter {
 font-size: 490%;
 float: left;
 color: grey;
 }
p.text:first-line {
 font-variant: small-caps;
 color: grey;
 }
abbr {
 cursor: help;
 }
a:link {
 color: blue;
 text-decoration: none;
 font-size: 10pt;
 font-weight: bold;
 }
a:visited {
 color: blue;
 text-decoration: none;
 font-weight: bold;
 }
a:hover {
 color: blue;
 text-decoration: underline;
 }
a.user:link, a.user:visited {
 text-decoration: underline;
 }
a.user:hover {
 text-decoration: none;
 }
a.pages:visited {
 font-size: 10pt;
 }
div.side { float: right; }
a.side:link, a.side:visited {
 font-size: 10px;
 }
a.animations:visited {
 color: green;
 font-weight: normal;
 font-size: 10pt;
 }
div.featured {
 background-color: transparent;
 background-image: url(images/flow_featured_grad.gif);
 background-repeat: repeat-x;
 padding-left: 3px;
 line-height: 21px;
 height: 68px;
 }
div.featured:hover {
 border: 1px solid #222 !important;
 }
div.featured input {
 width: 200px;
 }
div.featured img {
  float: left;
  }
div.featured img, .list a {
 filter: alpha(opacity=80);
 -moz-opacity:0.8;
 opacity:0.8;
 -khtml-opacity:0.8;
 padding-right: 7px;
 }
div.featured a:hover img, .list a:hover {
 filter: none;
 -moz-opacity:1.0;
 opacity:1.0;
 -khtml-opacity:1.0;
 }
div.topnav {
 float: right;
 padding-right: 8px;
 position: relative;
 top: -29px;
 }
#cookiecrumb {
 margin-bottom: 0px;
 }
.module, .news {
 margin-top: 12px;
 margin-bottom: 8px;
 }
.module h2 {
 font-family: Tahoma, Arial, Times, sans-serif;
 font-size: 24px;
 text-align: left;
 width: 100%;
 margin: 3px 0 6px;
 }
.update {
 margin: 3px 0;
 font-weight: bold;
 font-size: 11pt;
 }
.charts {
 height: 159px !important;
 }
.module, .leftmod, .rightmod, .news {
 width: 100%;
 text-align: left;
 }
h2.date {
 color: #666;
 font-size: 10pt;
 border-bottom-color: #333;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 margin-bottom: 0px;
 padding-bottom: 5px;
 padding-left: 6px;
 }
.news h2, .news h3 {
 font-family: Tahoma, Times, Sans-Serif;
 font-size: 10pt;
 text-align: left;
 padding-top: 2px;
 padding-right: 3px;
 padding-bottom: 2px;
 padding-left: 3px;
 margin-top: 4px;
 margin-bottom: 4px;
 }
.news h2 {
 font-size: 12pt;
 }
.news p {
 margin-top: 8px;
 margin-bottom: 8px;
 clear: both;
 }
div.module, div.leftmod, div.rightmod {
 padding: 3px;
 width: 554px;
 clear: both;
 }
.leftmod {
 position: relative;
 left: 0px;
 width: 271px;
 }
.rightmod {
 position: relative;
 left: 287px;
 top: -138px;
 width: 271px;
 }
div.news {
 padding: 3px;
 width: 554px;
 margin-top: 0px;
 margin-bottom: 28px;
 font-family: Tahoma,Times,Sans-Serif;
 }
.news h3 {
 margin-top: 4px;
 }
.sidebar, #navigation { 
 background-color: transparent;
 width: 180px;
 margin-top: 6px;
 margin-right: 0px;
 margin-bottom: 6px;
 margin-left: 0px;
 padding-top: 5px;
 padding-right: 5px;
 padding-bottom: 5px;
 padding-left: 5px;
 }
#navigation ul {
 list-style: none;
 padding-left: 0px;
 margin-top: 0px;
 margin-bottom: 2px;
 margin-left: 2px;
 }
div.body {
 position: absolute;
 top: 68px;
 left: 210px;
 width: 560px;
 }
div.body > b, div.body > strong {
 padding-bottom: 2px;
 }
table.module p {
 margin: 10px 0;
 }
#footer {
 text-align: center;
 padding-top: 12px;
 margin-top: 12px;
 border-top: 1px solid #272727;
 clear: left;
 }
#footer p {
 margin-top: 10px;
 margin-bottom: 10px;
 }
div.module p {
 margin-top: 7px;
 margin-right: 0px;
 margin-bottom: 7px;
 margin-left: 0px;
 }
.module h3 {
 margin-top: 0px;
 margin-bottom: 0px;
 }
form {
 margin: 0;
 }
.dark {
 background: transparent;
 }
.ligh {
 background: transparent;
 }
.sides {
 width: 50%;
 }
.type {
 float: right; 
 font-weight: normal;
 }
.highlight {
 color: #ddd;
 background-color: #222;
 border-width: 1px;
 border-style: dotted;
 border-color: white;
 margin: 6px 0 !important;
 }
div.page {
 position: relative;
 margin: 0 auto;
 text-align: left;
 width: 770px;
 }
.chat {
 display: block;
 padding: 7px 3px;
 border-bottom: dotted 1px #cecece;
 overflow: hidden;
 }
.chat span {
 color: #9696A9;
 }
.chat p {
 margin: 5px 0 !important;
 }
.chat img {
 float: left;
 margin-right: 3px;
 }
.artist, .list span, .artist a {
 font-weight: normal;
 color: #333;
 }
ul.search li {
 margin-top: 1em;
 margin-bottom: 1em;
 }
ul.search a {
 font-size: 12pt;
 }
.list {
 list-style: none;
 padding-left: 0px;
 margin-left: 0px;
 }
.list li {
 margin-top: 2px;
 margin-bottom: 2px;
 }
.list a, .directory a, .category a, table.module.newest a {
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: center left;
 padding: 0 0 0 19px;
 }
table.module.newest span a {
 padding: 0px;
 }
.movie a, a.movie { background-image: url(/images/page_white_flash.gif) }
.game a, a.game { background-image: url(/images/controller.gif) }
.list.text a, li.text a, a.text, .tutorial a, a.tutorial, .other a, a.other { background-image: url(/images/page_white_text.gif) }
.script a, a.script { background-image: url(/images/script.png) }
.myspace .code a, a.code, a.myspace { background-image: url(/images/page_white_code_red.gif) }
.tool a { background-image: url(/images/page_white_lightning.gif) }
.style a, a.style { background-image: url(/images/css.gif) }
.video a, a.video { background-image: url(/images/film.gif) }
.help a, a.help { background-image: url(/images/help.gif) }
.download a, a.download { background-image: url(/images/download.gif) }
.directory a, .category a { background-image: url(/images/folder.gif) }
.calc a, a.calc { background-image: url(/images/calculator.png) }

.module.screens img {
 margin: 8px;
 float: left;
 }


/* animations */

#apage {
 margin: 4px auto 0;
 text-align: left;
 width: 550px;
 }
#nav {
 margin-top: -5px;
 margin-left: 1em;
 text-align: left;
 font-size: 10pt;
 font-family: Tahoma;
 font-weight: bold;
 height: 20px;
 }
#apage #nav a {
 font-size: 10pt;
 font-family: Tahoma;
 }
.title {
 color: white;
 width: 100%;
 background-color: #777;
 font-size: 10pt;
 font-weight: normal;
 }
.main, div.text, table.text {
 border-width: 2px;
 border-style: solid;
 border-top-color: #C1C1C1;
 border-left-color: #C1C1C1;
 border-right-color: #888;
 border-bottom-color: #888;
 padding: 0px;
 margin-top: 8px;
 margin-bottom: 8px;
 }
p.text { background: #232323 }
.related {
 text-align: left;
 font-weight: bold;
 }
#apage #links {
 text-align: center;
 margin-top: 8px;
 margin-bottom: 8px;
 }
#apage #ads {
 text-align: center;
 width: 100%;
 height: 60px;
 margin-top: 8px;
 margin-bottom: 8px;
 }
.bannerad {
 width: 554px;
 margin: 12px 0;
 text-align: center;
 }
#apage #embed {
 color: #000;
 margin-top: 16px;
 }
.note {
 color: #666;
 }