/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Title : Outlaw Template for GetSimple CMS
Author : logicalOctopus
URL : http://www.outlaw.ca/
Created : June 2011
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* this forces syntax color coding in EditPlus... <style>  */


* { margin:0; padding:0; border:none }
:link,:visited {text-decoration:none}

/*html { font-family:arial,lucida,tahoma,helvetica,verdana; } */
html { font: normal normal 12px/18px lucida,sans-serif }
.serif {font-family:Times New Roman, Times, serif}

.primarycolor { color:#d84103 }

body { overflow-y:scroll }
/*
h1  { font-size:165% }
h2  { font-size:150% }
h3  { font-size:135% }
h4  { font-size:120% }
h5  { font-size:110% }
h6  { font-size:100% }
*/

/** GLOBAL SETS **/
.clear {clear:both;}
.center { margin:auto }
.hidden {display:none;}
body {margin:0 0 50px 0;font-size:13px;color:#cccccc;background:#000 url(images/bg.png) top repeat-x;text-align:center;}

a:link, a:visited {color:#d84103;text-decoration:underline;}
a:hover, a:focus {color:#888888;text-decoration:underline;}
#wrapper {width:1000px; margin:0 auto; text-align:left; padding:0 6px 6px 0 }

.left { float:left }
.right { float:right }

#masthead { width:1000px; height:119px; background:transparent url(images/masthead.jpg) top left no-repeat }
#masthead .logo { margin:20px 0 0 }
#masthead .tagline { float:right; margin:30px 25px 0 0; text-align:center }
#masthead .tagline b { font-size:16px }
#nav { margin:2px 0 0 0 }

#sidebar { float:left; position:relative; width:230px; background:transparent url(images/topbar.jpg) -1px 0 no-repeat }
#content { margin-left:230px; padding: 0 0 20px 30px; background:transparent url(images/topbar.jpg) top right no-repeat }
h1.topbar { height:40px; padding:22px 0 0 40px; text-shadow:#000 -1px -1px 2px }
div.topbar { height:40px; padding:22px 0 0 40px; text-shadow:#000 -1px -1px 2px }

.menu-top { background:url(images/menu-repeat.jpg) top left repeat-y; width:250px } 
.menu-bottom { background:url(images/menu-top.jpg) top left no-repeat } 

#nav  { background:url(images/menu-bottom.jpg) bottom left no-repeat; font-size-adjust:0.52 } 
#nav  { margin:0; padding:27px 10px 27px 0; width:240px; list-style:outside none }

#nav ul { list-style:outside none }
#nav li { list-style:outside none }
#nav li { background:transparent url(images/menu-button.png) top left no-repeat; margin:3px 0 0 10px  }
#nav li.open   { background:transparent url(images/menu-button-open.png) top left no-repeat  }
#nav li.closed { background:transparent url(images/menu-button-closed.png) top left no-repeat  }
#nav li.current ul { } 
#nav a  { background:transparent url(images/menu-button.png) top right no-repeat; height:18px; display:block; padding:4px; margin:0 0 0 18px  }
#nav li a             { color:#aaaaaa; text-shadow:#000000 -1px -1px 1px; font-weight:bold; text-decoration:none }
#nav li.current a     { color:#d84103 }
#nav li.current li a  { color:#aaaaaa }
#nav li a:hover       { color:#d84103 !important }

#page-content { float:left; clear:none }

.page-text { padding:20px 0 20px 0; text-align:justify; text-shadow:#000 0 0 2px }
.page-text h2 { margin:0 0 20px 0; font-weight:bold } 
.page-text h3, 
.page-text h4, 
.page-text h5, 
.page-text h6 { margin:0 0 20px 0; font-weight:bold }
.page-text p { margin:0 0 1em 0 }
.page-text img  { display:block }

.page-text table { border-collapse:collapse }
.page-text table h2,
.page-text table h3,
.page-text table h4,
.page-text table h5,
.page-text table h6 { margin:8px 0 15px }
.page-text table td { vertical-align:top }

.page-text ul { margin:0 0 25px }
.page-text li { list-style:outside disc; margin-left:25px }
.page-text img { z-index:1 }

.page-text .homepage { width:320px; margin:16px 0 50px 15px; line-height:120%; font-size:100% }
.page-text .project  { background:url(/data/uploads/homepage/back_autoboss_live.jpg) top left no-repeat; width:713px; height:260px  }
.page-text .project .inner { width:235px; padding:0 4px }
.page-text .project .inner h3 { padding:14px 5px }

.page-text form { width:694px; text-shadow:0 0 0; background-color:#000; border:3px solid #444; 
                  padding:20px; margin-left:0; border-radius:8px; -moz-border-radius:8px }

form .label { clear:left; float:left; width:120px; text-align:right; padding-right:5px }
form .label span { display:block }
form .field { clear:both; margin:2px }
form input[type=text]  { width:230px }
form textarea { width:540px }
form .captcha a { clear:both; display:block; margin-left:125px }
form .captcha input { width:230px; margin-left:125px }
form .captchaimg  { margin:0 0 0 125px }
form input.submit { margin:5px 5px 15px 150px; padding:2px 10px }

form.paypal { width:145px; padding:10px; margin-left:200px }

.splash { width:100%; height:130px; overflow:visible; position:relative; z-index:-1 }

.infobox { background:#ffffff url(images/infobox.png) top right no-repeat; width:230px; margin:12px 10px 2px 10px; text-align:center; color:#333; font-size:11px }
.infobox div { padding:12px 5px 12px 12px; text-align:left; height:60px }
.infobox img.right { padding:0; float:right }
.infobox b { background-color:#ccc; display:block; padding:4px 0 }

.optkey_generator { background:#ffffff url(/data/uploads/theme/key-generator-button.jpg) top left no-repeat; position:relative;
                    width:217px; height:68px; margin:12px 10px 0; padding:4px 0 0 13px; text-shadow:#ddd 1px 1px 1px  }
.optkey_generator a.nonav { background-image:none !important; text-decoration:none; color:#000 }
.optkey_generator a:hover { color:#511 !important }
.optkey_generator div.big { font-size:18px; line-height:120%; font-weight:bold }
.optkey_generator div.mid { font-size:16px; line-height:120%; font-variant:small-caps }
.optkey_generator div.lil { font-size:10px; line-height:150%; text-shadow:#000 0 0 0 }

.copyright { color:#999; padding:10px }

.p01-contact-required { color:#cc0000; font-weight:bold }
.p01-contact-error    { font-size:85%; color:#cc0000 }