/* CSS Reset */
html { margin: 0; padding: 0; } /* (c) YUI Font Reset and Eric Meyer Reset Reloaded Modified */
body { margin : 25px; padding : 0; font : 13px/1.231 arial, helvetica, tahoma, clean, sans-serif; font-size : small; color : #ffffff; background-color : #00baff;}
select,input,button,textarea,button { font: 99% arial,helvetica,clean,sans-serif; }
table { font-size : inherit; margin : 0; padding : 0; border-collapse : separate; border-spacing : 0;}
th,td { padding: 0; text-align: left; }
pre,code,kbd,samp,tt { font-family: monospace; font-size: 108%; line-height: 100%; }
div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,ol,ul { margin: 0; padding: 0; background-color: transparent; background-repeat: repeat; background-position: 0 0; }
span,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,
dt,dd,ul,li,label,caption { padding: 0; background-color: transparent; background-repeat: repeat; background-position: 0 0; }
caption { text-align: left; }
a img,img { border: none; }
object,embed { outline: 0; }
/* Defaults */
body { padding : 0; font: 13px/1.231 arial, helvetica, tahoma, clean, sans-serif; font-size : small; color : #000000; background-color : #00baff; }
a{ text-decoration: none; font-size: 12px; font-family:tahoma; color: #00baff; }
a:hover{ text-decoration: none; color: #929292 ;  }
a img, img { border: none; }
hr { border: 0; width: 100%; color: #929292; background-color: #929292; height: 1px;  }
/* DIVS */
#transwrap { margin: 0 auto; width: 1000px; }
#whitewrap { margin: 0 auto; width: 940px; background-color: #ffffff; padding: 30px;}
#topbar { margin: 0 auto; width: 980px; height: 20px; background: url('http://cdn.flashfarmpro.com/img/sitewide/topbar.png') no-repeat; padding: 10px; margin-top: -10px; color: #929292;}
#topbar a{ font-size: 12px; color: #00baff; padding: 8px;}
#topbar a:hover{ color: #929292; text-decoration: none; }
#navleft { float: left; width: 260px; padding: 10px;}
#navright { float: right; width: 640px; padding: 10px; height: 126px;}
#leftbig { width: 580px; padding: 10px; float: left;}
#rightsmall { width: 320px; padding: 10px; float: right; }
#footercontainer { background: url('http://cdn.flashfarmpro.com/img/sitewide/footerbg.png') no-repeat; width: 960px; height: 100px; text-align: center; color: #929292; padding: 20px;}
#footercontainer a{  font-size: 12px; color: #00baff; padding: 8px; }
#footercontainer a:hover {color: #929292; text-decoration: none; }
#video { background: #A4A4A4; margin: 20px; text-align: center; }
/* NAV */
#nav { list-style-type: none; }
#nav li { width: 100px; height: 126px; padding: 8px; float: left; }
#nav li a{ display: block; margin: 0; background: url('http://cdn.flashfarmpro.com/img/sitewide/nav/nav1.png') no-repeat; width: 100px; height: 126px; padding: 8px; color: #ffffff; font-weight: bold; }
#nav li a:hover { background: url('http://cdn.flashfarmpro.com/img/sitewide/nav/nav2.png') no-repeat; text-decoration: none;}
/* CLASSES */
.thumbs { padding: 5px;}
.thumbs a{ padding: 5px;}
.thumbs:hover{  border: 2px solid #00baff; padding: 3px;}
.icons { padding: 5px;}
.icons a{ padding: 5px;}
.icons:hover{  padding: 5px;}
/* FORMS */
#comment { margin: 0px 10px 0 0; float: left; vertical-align: middle;  }
#comment textarea { padding: 1px; width: 500px; height: 50px; color: #222; font-size: 95%; border: 2px solid #cbcbcb; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; }
#comment textarea:hover { border-color: #3399FF; }
#comment textarea:active, #comment input:focus { border-color: #3399FF; -moz-box-shadow: 0 0 5px #999; }
#if-IE8 #comment textarea { position: relative; bottom: 1px; }
#comment button {  height: 25px; vertical-align: middle;  width: 70px; color: #666; background-color: #FFF; border: 2px solid #cbcbcb; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; cursor: pointer; }
#comment button:hover, #search button:focus { color: #777; border-color: #3399FF;  -moz-box-shadow: 0 0 5px #999; }
#comment button:active { color: #555; border-color: #3399FF;  -moz-box-shadow: 0 0 5px #999; }
#account { padding: 0 5px; width: 425px; text-align: center; margin: 0 auto;  }
#account a{ padding: 0 5px;}
#account a:hover{ padding: 0 5px; }
#defaultform { margin: 0px 10px 0 0; float: left; vertical-align: middle;  }
#defaultform textarea { padding: 1px; width: 500px; height: 50px; color: #222; font-size: 95%; border: 2px solid #cbcbcb; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; }
#defaultform textarea:hover { border-color: #3399FF; }
#defaultform textarea:active, #defaultform input:focus { border-color: #3399FF; -moz-box-shadow: 0 0 5px #999; }
#if-IE8 #defaultform textarea { position: relative; bottom: 1px; }
#defaultform button {  margin-left: 5px; height: 25px; vertical-align: middle; color: #666; background-color: #FFF; border: 2px solid #cbcbcb; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; cursor: pointer; }
#defaultform button:hover, #defaultform button:focus { color: #777; border-color: #3399FF;  -moz-box-shadow: 0 0 5px #999; }
#defaultform button:active { color: #555; border-color: #3399FF;  -moz-box-shadow: 0 0 5px #999; }
#defaultform input {  width: 170px; height: 18px; color: #222; font-size: 95%; border: 2px solid #cbcbcb; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; }
#defaultform input:hover { border-color: #3399FF; }
#defaultform input:active, #defaultform input:focus { border-color: #3399FF; -moz-box-shadow: 0 0 5px #999; }
#description { background: #d9d9d9; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; text-align: left; padding: 10px; width: 320px; margin: 0 auto; }
#search { margin: 0px 10px 0 0; float: left; vertical-align: middle;  }
#search input { padding: 1px; width: 170px; height: 18px; color: #222; font-size: 95%; border: 2px solid #cbcbcb; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; }
#search input:hover { border-color: #3399FF; }
#search input:active, #search input:focus { border-color: #3399FF; -moz-box-shadow: 0 0 5px #999; }
#if-IE8 #search input { position: relative; bottom: 1px; }
#search button {  height: 25px; vertical-align: middle;  width: 70px; color: #666;  background-color: #FFF; border: 2px solid #cbcbcb; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; cursor: pointer; }
#search button:hover, #search button:focus { color: #777; border-color: #3399FF;  -moz-box-shadow: 0 0 5px #999; }
#search button:active { color: #555; border-color: #3399FF;  -moz-box-shadow: 0 0 5px #999; }
/* Paginator */
 
.paginator { padding: 10px 5px; overflow: hidden; cursor: default; }
.paginator-meta { float: left; }
.paginator-nav { position: relative; left: 10px; top: -6px; max-width: 420px; float: left; background-color: #EEE; border: 1px solid #D8D8D8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.paginator span { padding: 0 5px; font-size: 110%; }
.paginator a { display: block; margin: 0; padding: 5px 8px; float: left; font-size: 110%; border-left: 1px solid #D8D8D8; }
.paginator a:first-child { border-left: none; }
.paginator a:hover, .paginator a:focus { background-color: #F8F8F8; text-decoration: none; }
.paginator a:active { background-color: #CCC; }
.paginator a.current { color: #555; font-weight: bold; background-color: #DDD; box-shadow: 0 0 2px #CCC; -moz-box-shadow: 0 0 2px #CCC; -webkit-box-shadow: 0 0 2px #CCC; cursor: default; }
.paginator a.inactive { color: #444; cursor: default; }
.paginator-options { float: right; }