/*-----------------------------------------------------------------------------
Andover BMX Screen Stylesheet

version:   1.0
date:      07/08/09
author:    Freeflow Web Design & Development
email:     eugene@freeflowwebdesign.com
website:   www.freeflowwebdesign.com
version history: include/resources
-----------------------------------------------------------------------------*/
/* Main Layout
-----------------------------------------------------------------------------*/
* {
border:0;
margin:0;
padding:0;
}

html {
font-size:9pt;
}

body {
font:9pt 'Verdana', Arial, Helvetica, sans-serif;
color:#FFF;
background:#FFF url(../images/main_bg.jpg) repeat-x top center;
}

.wrap {
width:970px;
margin:0 auto;
}

/* Toolbar
-----------------------------------------------------------------------------*/
#toolbar {
width:100%;
height:25px;
}

#toolbar ul {
color: #FFF;
float:right;
}

#toolbar ul li { 
display: inline;
}

#toolbar ul li a {
padding:4px 13px 4px 40px;
text-decoration: none;
float: left;
color:#FFF;
}

#toolbar ul li a:hover {
color: #66FF00;
}

#navbar {
height:155px;
width:970px;
margin:0 auto;
}

#logo {
height:135px;
width:160px;
float:left;
padding:10px 0;
}

/* Main Navigation
-----------------------------------------------------------------------------*/
#navcontainer{
width:810px;
height:52px;
margin:35px auto 10px auto;
float: left;
}

#navcontainer ul {
padding-left: 0;
margin-left: 0;
float:right;
}

#navcontainer ul li { 
display: inline;
}

#navcontainer ul li a {
padding:10px 0 10px 13px;
text-decoration: none;
font-size:12pt;
float: left;
color:#FFF;
}

#navcontainer ul li a span {
font-size:10pt;
font-style:italic;
float:left;
color:#66FF00;
}

#navcontainer ul li a:hover {
color: #66FF00;
}

/* Slider
-----------------------------------------------------------------------------*/
#main {
width:970px;
height:100%;
margin:0 auto;
}

#container {
width:950px;
height:530px;
margin:0 auto;
padding:10px;
background:transparent url(../images/carbon.jpg) repeat top left;
border:1px #CCC solid;
color:#FFF;
overflow:auto;
line-height:2em;
}

.latest {
min-height:170px;
margin-bottom:20px;
}

.latest h3 {
padding:15px 0;
font-size:15pt;
color:#66FF00;
}

.latest img {
float:left;
padding:10px;
}

#slidebar {
height:330px;
width:970px;
margin:0 auto;
}

.slider {
height:300px;
margin:0;
padding-top:30px;
}

.slider div.slice1 {
margin:0 auto;
width:927px;
background:#666;
}

.slider div.slice1 div.slice2 {
margin:0;
padding:1px;
width:913px;
border:6px solid #66FF00;
background:#FFF;
}

.slider div div div {
margin:0;
padding:30px 0 0 45px;
width:868px;
height:245px;
border:0;
background:url(../images/slider_bg.jpg) repeat-x top;
}

.slider div div div p.img {
float:right;
padding:0 20px;
margin:0;
}

.slider div div div h2 {
font:bold 36px Arial, Helvetica, sans-serif;
color:#262626;
margin:0;
margin:0;
line-height:2.0em;
}

.slider div div div p {
font:normal 11px Arial, Helvetica, sans-serif;
color:#777777;
margin:0;
margin:0;
line-height:1.8em;
}

.sliderEdit {
margin:0;
padding:30px 0 30px 45px;
width:868px;
height:275px;
border:0;
background:url(../images/slider_bg.jpg) repeat-x top;
}

.sliderEdit p.img {
float:right;
padding:0 30px 0 0;
margin:0;
background:url(../images/screen.jpg) no-repeat;
}

.sliderEdit h2 {
font:bold 36px Arial, Helvetica, sans-serif;
color:#262626;
margin:0;
margin:0;
line-height:2.0em;
}

.sliderEdit p {
font:normal 11px Arial, Helvetica, sans-serif;
color:#777777;
margin:0;
margin:0;
line-height:1.8em;
}

#slider {
margin:0;
padding:1px;
list-style:none;
}

#slider ul, #slider li {
margin:0;
padding:0;
list-style:none;
}
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li {
width:913px;
height:275px;
overflow:hidden;
}

p#controls {
margin:0;
position:relative;
}

#prevBtn, #nextBtn {
display:block;
margin:0;
overflow:hidden;
width:38px;
height:46px;
position:absolute;
left:-31px;
top:-158px;
}

#nextBtn {
left:920px;
}

#prevBtn a {
display:block;
width:38px;
height:46px;
background:url(../images/l_arrow.png) no-repeat 0 0;
}

#nextBtn a {
display:block;
width:38px; 
height:46px;
background:url(../images/r_arrow.png) no-repeat 0 0;
}

#flashcontent {
height: 100%;
width:100%;
border:1px #CCC solid;
}

/* Footer
-----------------------------------------------------------------------------*/
#footer {	
width:970px;
height:175px;
margin:0 auto;
}

#footer h2 {
font:bold 18px Arial, Helvetica, sans-serif;
color:#FFF;
border-bottom:1px solid #FFF;
padding-bottom:10px;
margin:0;
}

#footer ul {
font:normal 11px Arial, Helvetica, sans-serif; color:#999999;
padding:0;
margin:10px 0;
list-style:none;
}

#footer li {
padding:2px 5px;
margin:3px 2px;
background:#66FF00;
}

#footer img {
margin:10px 10px;
padding:0;
float:left;
}

#footer p {
font:normal 11px Arial, Helvetica, sans-serif;
color:#FFF;
padding:10px 0 0 20px;
margin:0;
}

#footer a {
font:normal 11px Arial, Helvetica, sans-serif;
color:#333;
text-decoration:none;
}

#footer a.read { 
font:bold 11px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#footer .Links {
width:285px;
padding:0;
margin:20px 22.5px 0 0;
float:left;
}

#footer .Blog  {
width:355px;
padding:0;
margin-top:20px;
float:left;
}

/* Admin
--------------------------------------------------------------------*/
/*-----FORMS-----*/

#profileAdd {
height:530px;
width: 940px;
color:#fff;
}

#pt1, #pt2, #pt3 {
height: 310px;
width: 293px;
padding: 10px;
float:left;
border:none;
text-align:center;
}

fieldset legend {
font-size: 30pt;
color: #66FF00;
font-weight:bold;
border:0;
}

fieldset legend span {
display: none;
}

fieldset h3 {
height: 60px;
font-size: 14pt;
}

label {
font-size: 10pt;
display: block;
line-height: 20px;
font-weight:bold;
}

input {
font-size:10pt;
height:15px;
border:2px #66FF00 inset;
margin-bottom:20px;
}

textarea {
font-size:10pt;
height:45px;
width:145px;
border:2px #66FF00 inset;
margin-bottom:20px;
}

/* Part 5 Styling */
#pt4 {
clear: both;
width: 920px;
padding: 10px;
}

input.normal {
float:right;
height:44px;
width:120px;
border:#666;
margin:0 auto 3px auto;
}
/* Error Styling */
.regular legend,
.regular div.help {
color: #FFF;
}

.regular input, .regular textarea {
border:2px #0066FF inset;
}

#position {
clear:both;
}
/*-----END FORMS-----*/

/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
padding:5px;
font-size:12pt;
color:#FFF;
text-transform:uppercase;
text-align:center;
}
 
h2 {
padding:5px 0;
font-size:15pt;
color:#FFF;
text-transform:uppercase;
font-weight:bold;
font-family:Arial;
letter-spacing:0.5px;
}

h2 span {
font-size:11pt;
color:#FFF;
}

h4 {
margin:-2px 0 0 0;
font-size:7pt;
color:#FFF;
text-transform:uppercase;
text-align:center;
}
 
p, ul, ol, li {
margin:0;
padding:0;
}

li {
text-align:left;
list-style-type:none;
}

br { height:10px }

blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}
 
.small {
font-size:0.85em;
}
 
img {
border:0;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
outline:none;
text-decoration:none;
}

a, a:link, a:visited{
color:#66FF00;
}

a:hover {
color:#CCC;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:1000px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }