/* -------------------------------------------- */
/* -----------
Site Name: STEPHENNUTS.COM
Global Style Sheet: css/protradersedge.css
Author: http://www.csmediagroup.com
Url: http://www.protradersedge.com/dev
Date: 7/31/08
--------- */
/* -------------------------------------------- */

/*CSS TABLE OF CONTENTS*/

/*CSS #ID SELECTORS
#Wrapper
#Header
#Utility_Nav
#Navigation
#Page
#Left_Col
#Right_Col
#Footer
*/

/*CSS .CLASS SELECTORS
.ablumlist
*/

/* -------------------------------------------- */
/* ----------- General Style Elements --------- */
/* -------------------------------------------- */
* {margin: 0px; padding: 0px;}

body {font-family:"Century Gothic" Arial, Helvetica, sans-serif; font-size:12px; color:#000; background-color:#fff;}

img{border:0px;}

/* -------------------------------------------- */
/* ----------- Layout Style Elements --------- */
/* -------------------------------------------- */
#wrapper {width: 800px; margin-right: auto; margin-left: auto; margin-top:15px; background:  #01236c url(../images/page_bg.gif) repeat-x;}

/* -------------------------------------------- */
/* ----------- Header Style Elements --------- */
/* -------------------------------------------- */
#header {width:800px; height: 130px; background-color:#000;}

/* -------------------------------------------- */
/* -----------Login/Register Navigation  --------- */
/* -------------------------------------------- */
.navlogreg_container {width: 800px; top: 5px; position: absolute; z-index: 2; }
.navlogreg {margin: 0px; padding: 0px; font-size: 1.1em;}	
.navlogreg ul {float: right; margin: 0px; padding: 0px 10px 0px 0px;}	
.navlogreg li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.navlogreg li a {margin: 0px; padding: 0px 0px 0px 1px; color:#6dc9f0;}
.navlogreg a:hover {color:#6dc9f0;}

/* -------------------------------------------- */
/* -----------Utility Navigation  --------- */
/* -------------------------------------------- */
.nav_container {width: 800px; top: 35px; position: absolute; z-index: 3;}
.nav {margin: 0px; padding: 0px; font-family: "Century Gothic",verdana, arial, sans serif; font-size: 1.0em;}
.nav ul {float: right; margin: 0px; padding: 0px 5px 0px 0px; font-weight: bold;}	
.nav li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav li a {display: block; float: left; margin: 0px; padding: 2px 5px 2px 5px; border-left: solid 1px #012673; color:#012673;
text-decoration: none; font-size:10px;}
.nav a:hover{color: #012673; text-decoration: none;}

/* -------------------------------------------- */
/* ----------- Globe Photo Style Elements --------- */
/* -------------------------------------------- */
#globe {width:800px; height: 366px; background-color:#000;}

/* -------------------------------------------- */
/* ----------- Navigation Style Elements --------- */
/* -------------------------------------------- */
#navigation {width:800px; height:52px; background:url(../images/nav_bg_3.jpg) repeat; 
background-color: #6dc9f0; font-family:'Century Gothic', Verdana, Arial, Sans-Serif; font-size:12px;}
#menu_buttons{text-align:center; padding:16px 146px 10px 0px;}
#menu_buttons a {color: #FFFFFF; text-decoration: none; font-weight:bold; padding:2px;}
#menu_buttons a:hover {color:#29F5FE; text-decoration: none;}

/* -------------------------------------------- */
/* ----------- Page_Container Style Elements  (Home Page)--------- */
/* -------------------------------------------- */
#page {width:800px; margin: 0 auto;}

/* -------------------------------------------- */
/* ----------- Left_Column Style Elements --------- */
/* -------------------------------------------- */
#left_col {float: left; width: 400px;}
#left_col p{color:#fff; padding:8px 5px 10px 10px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px;}
#left_col h2 {padding:10px 0px 0px 12px; color:#52a1d2; font-size:15px; text-align:left;}
#left_col a { color:#6dc9f0; text-decoration:none; }
#left_col a:hover { color:#fff; text-decoration:none; }

/* -------------------------------------------- */
/* ----------- Right_Column Style Elements --------- */
/* -------------------------------------------- */
#right_col {float: right; width: 400px;}
#right_col p {color:#fff; padding:8px 5px 10px 10px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px;}
#right_col h2 {padding:10px 0px 0px 12px; color:#52a1d2; font-size:15px; text-align:left;}
#right_col a { color:#6dc9f0; text-decoration:none; }
#right_col a:hover { color:#fff; text-decoration:none; }
h4{padding:10px 0px 0px 12px; color:#fff; font-size:12px; font-weight:bold; text-align:left;}
/* -------------------------------------------- */
/* -----------Content Style Elements --------- */
/* -------------------------------------------- */
#content {float:left; width:800px; }
#content p {color:#fff; padding:8px 5px 10px 10px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px;}

/* -------------------------------------------- */
/* -----------Albumlist Style Elements --------- */
/* -------------------------------------------- */
#albumlist {list-style-type:none; width:800px;}
#albumlist li {float:left; margin:0px 2px 15px 15px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:15px;}
#albumlist img{display:block;}
#albumlist a {color:#fff; text-decoration:none;}
#albumlist  a:hover {color:#fff; text-decoration:none;}
#albumlist h3 {display:inline; text-align:left; color:#52a1d2; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal;}

/* -------------------------------------------- */
/* -----------Content Style Elements --------- */
/* -------------------------------------------- */
#main_content{}
#main_content p {color:#fff; padding:8px 5px 10px 10px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px;}
#main_content h2{color:#fff; padding:8px 5px 10px 10px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:18px;}

/* -------------------------------------------- */
/* ----------- Footer Style Elements --------- */
/* -------------------------------------------- */
#footer {width: 800px; height:105px; margin: 0 auto; background:url(../images/footer_bg.png) no-repeat;
background-color:#01226a; color:#6dc9f0; clear:both;}
#footer p {padding:4px 0px 2px 0px;  text-align: center; ont-family:"Century Gothic", Arial, Helvetica, sans-serif;  font-size: 10px;  
font-weight:normal; color:#6dc9f0;}
#footer span {color:#fff; font-weight:normal;}
#footer_buttons{text-align:center; padding:30px;}
#footer_buttons a {color: #6dc9f0; text-decoration: none; font-weight:normal; padding:2px 0px 2px 0px;	}
#footer_buttons a:hover {text-decoration:none;}

/* -------------------------------------------- */
/* ----------- Contact Form Style Elements --------- */
/* -------------------------------------------- */
input,textarea {margin:4px 0 4px 0;font-family:'Century Gothic', Arial, Helvetica, sans-serif; color:#000;
background-color:#fff; border:1px solid #6dc9f0;}

label { font-family:'Century Gothic', Arial, Helvetica, sans-serif; color:#6dc9f0; font-weight:bold;}

select{font-family:'Century Gothic', Arial, Helvetica, sans-serif; color:#333; font-weight:bold;}

.button {margin:0; background-color:#6dc9f0; width:70px; height:30px;color:#fff;font-weight:normal;}


/* -------------------------------------------- */
/* ----------- Site Map Form Style Elements --------- */
/* -------------------------------------------- */
#navlist{margin-left: 0; padding-left: 10px; list-style: none;}

#navlist li{font-family:'Century Gothic', Arial, Helvetica, sans-serif;  font-size:14px; padding-left: 10px;  padding-bottom:10px;
background:url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 .5em;}

#navlist ul { list-style: none; padding:0px 0px 0px 0px; }
#navlist a { color:#6dc9f0; text-decoration:none; }
#navlist a:hover { color:#fff; text-decoration:none; }

#navlist subactive a { color:#000; text-decoration:none; }
#navlist subcurrent a { color:#ececec; text-decoration:none;}


