/* 
	Title: Codero Holder Page
*/

/*-------------------------------------------------- 
	Reset
--------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {	font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/*-------------------------------------------------- 
	Typography
--------------------------------------------------*/

body {font: 16px/30px Arial, Helvetica, sans-serif; color: #4d4d4d;}

/* Random */
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea {font-size: 12px; font-family: monaco, "Lucida Console", courier, monospace; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 10px; }
abbr, acronym { text-transform: uppercase; font-size: 10px; letter-spacing: 1px; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
img {display: block;}

/* Headings */
h1 { font-size: 36px; color: #f9bb00; letter-spacing: -1px; font-weight: normal; margin-bottom: 10px;}
h2 { font-size: 30px; color: #7fa221; left: 1px; font-weight: bold; margin-bottom: 10px;}
h3 { font-size: 14px; margin-bottom: 2px;}
h4 { font-size: 12px; margin-bottom: 0;}

/* Common Formatting */
p {margin:0 0 15px 0;padding:0;}
blockquote {margin:20px;padding:20px 20px 0 20px;}
small {font-size:10px;}
img {border:0;}
sup {position:relative;bottom:4px;vertical-align:baseline;}
sub {position:relative;bottom:-2px;vertical-align:baseline;}
acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dashed;}
code, pre { color: #c33; margin-bottom: 15px;} /* very optional, but still useful. W3C uses about the same colors for codes */
hr {}

/* Lists */
ul, ol {margin:0 0 15px 20px;}
ul li { margin-left: 10px; }
ul {list-style-type: disc}
ul ul {list-style-type: circle; margin-bottom: 0; padding-bottom: 0;}
ol {list-style-position: outside; list-style-type: decimal; margin-left: 40px;}
dt {font-weight: bold;} 

/* Quotes */
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* Forms */
fieldset {padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;}
legend {font-weight: bold; font-size:12px;}
label {font-weight: bold;}
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }

/* Links */
a {outline: none;}
a:link, a:visited { text-decoration: underline; color: #7FA221; }
a:hover, a:active, a:focus { text-decoration: none; color: #1b4f84; }

/*-------------------------------------------------- 
	Globals
--------------------------------------------------*/

body {text-align: center; background: #868686; padding: 13px 0 20px 0;}
div {position: relative;}

/*-------------------------------------------------- 
	Structure & Backgrounds
--------------------------------------------------*/

#container, #footer {text-align: left; margin: 0 auto; width: 913px;}
#container, #container-inner, #main {overflow: hidden;}
#container {background: url(holder-tile.gif) repeat-y left;}
#container-inner {background: url(holder-top.jpg) no-repeat 0 0;}
#header {padding: 56px 7px 55px 29px;}
#main {padding: 0 7px 20px 237px;}
.content {width: 440px;}
#footer {background:url(holder-base.gif) no-repeat 0 0; padding-top: 25px;}

/*-------------------------------------------------- 
	Header
--------------------------------------------------*/

#header .logo {background: url(logo.gif) no-repeat 0 0; height: 44px; width: 218px; display: block; text-indent: -9999px; }
#header .logo a {height: 44px; width: 218px; display: block;}

/*-------------------------------------------------- 
	Main Content
--------------------------------------------------*/

.content-navigation {border-top: 1px solid #b8c0c1; padding-top: 15px;}

/*-------------------------------------------------- 
	Footer
--------------------------------------------------*/

#footer {font-size: 11px; color: #c1c1c1; line-height: normal;}
#footer a {color: #fff; text-decoration: underline;}
#footer a:hover {text-decoration: none;}
#footer ul {margin: 0; padding: 0; list-style: none;}
#footer ul li {margin: 0; float: left; background: url(ft-divider.gif) no-repeat 0 50%; padding-left: 7px; margin-right: 5px;}
#footer ul li.first {background: none; padding-left: 0;}
#footer p {clear: both; margin: 0; padding: 0; overflow: hidden;}
#footer ul, #footer p {padding: 0 29px; margin: 0 0 16px 0; overflow: hidden;}

/*-------------------------------------------------- 
	The Randoms
--------------------------------------------------*/

.clear {clear:both}
.left {float:left}
.right {float:right}
img.left {margin-right: 10px}
img.right {margin-left: 10px}
.text-left {text-align:left}
.text-right {text-align:right}
.text-center {text-align:center}
.bold {font-weight:bold}
.italic {font-style:italic}
.hide {display: none}