/*  
Name: CSS NAVBAR GENERATOR
Version: 1.0
Author: Matt Varone
Author URI: http://www.mattvarone.com
*/

/* RESET
/////////////////////////////*/

html, body, div, span,object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
} 
body		  { line-height: 1 }
ol, ul		  { list-style: none }
blockquote, q { quotes: none }
:focus        { outline: 0 }
ins			  { text-decoration: none }
del			  { text-decoration: line-through }
table		  { border-collapse: collapse; border-spacing: 0 }
textarea      { overflow:auto }
p 			  { margin-bottom: 1.5em }
a img 		  { border: 0 }
small		  { font-size:0.9em }

/* GENERAL SETUP
/////////////////////////////*/

body { 
	font: 70%/1.5 "Lucida Grande", Verdana, sans-serif;
	background:white;
	border-top:3px solid #007083;
	color:#1b1b1b;
}

a:link, a:active, a:visited { 
	color:#2c5263;
	outline:none;
	text-decoration:none;
}

a:hover, a:focus {
	color:red;
	text-decoration:underline;
}

h1 {
	font: normal normal 2.5em Georgia, serif;
	border-bottom:1px dotted #dedede;
	padding-bottom:5px;

}

h1 a:link, h1 a:active, h1 a:visited { 
	color:#1b1b1b;
	outline:none;
	text-decoration:none;
}


h2 {
	font: normal normal 1.8em Georgia, serif;
	padding-bottom:5px;
	margin-bottom:5px;
}

h3 {
	font-size:1.4em;
	font-weight:normal;
	clear:both;
	margin:10px 0;	
	padding:10px 0;
	color:#0393ab;
}

a.thickbox {
	line-height:25px;
	font-size:1.1em;
	font-weight:bold;
}

.infox {
	padding-left:20px;
	background:url(../../images/icons/famfam/information.png) no-repeat left center;
}

.sub {
	color:#666;
}



/* LAYOUT
/////////////////////////////*/

#container {
	width:960px;
	margin:20px auto;
	padding:10px;
}

.intro {
	margin:10px 0;
	text-align:justify;
	font-size:1.1em;
}

.step {
	overflow:hidden;
	display:block;
	margin:10px 0;
	padding:10px 0;
	clear:both;
}

.specsbox {
	overflow:hidden;
	padding:10px 0;
	margin:10px 0;
	font-size:1em;
}

.infoPanel {
	list-style:none;
	overflow:hidden;
	float:left;
	font-size:0.8em;
	color:#666;
	width:200px;
	margin-left:6px;
}

.infoPanel span {
	font-weight:normal;
}

.infoPanel li {
	font-weight:bold;
	float:left;
	display:block;
	clear:both;
	padding:3px 0px;
	border-bottom:1px dotted #ccc;
	width:190px;
}

#infoStates {
	font-size:1.3em;
}

#infoStates span {
	font-weight:bold;
}

.cgreen {
	color:green;
}

.cred {
	color:red;
}

.cblue {
	color:blue;
}

#movie {
	margin:5px 0;
}



/* BUTTONS
/////////////////////////////*/

.buttons {
	clear:both;
	margin:10px 0;
	padding:10px 0;
}

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover, .buttons button.bright{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* COPY
/////////////////////////////*/

#copy {
	clear:both;
	margin:15px 0;
	padding:10px 0;
	border-top:1px solid #dedede;
}

#copy p {
	padding:5px 0 5px 20px;
	background:url(../images/leaf.jpg) no-repeat 0 center;
}

#copy a:link, #copy a:active, #copy a:visited { 
	color:#666;
}

/* FORM
/////////////////////////////*/
.myform{
	width:500px;
}

#stylized {
	margin:10px 0;
	overflow:hidden;
	clear:both;
}


#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
}

#stylized p{
		font-size:1.1em;
		padding-bottom:10px;
		text-indent:0;
		clear:both;
		font-weight:bold;
		border-bottom:1px solid #ddd;
}

#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
		clear:both
}

#stylized .small{
		color:#999;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
}

#stylized .req {
	color:red;
	font-weight:bold;
}

#stylized .text{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #dedede;
		width:300px;
		margin:2px 0 20px 10px;
}

#stylized .check{
		float:left;
		font-size:12px;
		border:solid 1px #dedede;
		margin:2px 0 20px 10px;
}

#stylized select{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #dedede;
		width:200px;
		margin:2px 0 20px 10px;
}

#stylized textarea {
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #dedede;
		width:300px;
		margin:2px 0 20px 10px;
}

.fps {
	width:100%;
	margin:15px 0;
	overflow:hidden;
}

.fp {
	width:400px;
	float:left;
	margin-right:50px;
	overflow:hidden;
	display:block;
}

.fp p {
	padding-left:28px;
	background:url(../../images/icons/famfam/tab.png) no-repeat left 1px;
}

#stylized .fp input {
	width:200px;
}

/* HELPERS
/////////////////////////////*/

.float-left   { float:left }
.float-right  { float:right }
.alignleft,
.align-left   { float:left; margin: 0 15px 0 0 }
.alignright,
.align-right  { float:right; margin: 0 0 0 15px }
div.aligncenter,
.aligncenter  { display: block; margin-left: auto; margin-right: auto }
.clear        { clear:both }
.center       { margin: 0 auto }
.margins      { margin:15px }
.push-top     { margin-top:15px }
.push-right   { margin-right:15px }
.push-bottom  { margin-bottom:15px }
.push-left    { margin-left:15px }
.border       { border:10px solid #eee }
.text-left    { text-align:left }
.text-right   { text-align:right }
.text-center  { text-align:center }
.text-justify { text-align:justify }
.underline    { text-decoration:underline }
.highlight    { background-color:#ffc }
.indent       { text-indent:15px }
.no-indent    { text-indent:0 }

/* MESSAGE BOXES 
/////////////////////////////*/ 
 
.message-box:hover { cursor:pointer;} 
.message-box { text-align: center; padding: 5px; color:#545454; width:80%;  margin:5px auto;} 
 
.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; } 
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; } 
.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; } 
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; } 
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }

/* WORDPRESS CAPTIONS
/////////////////////////////*/

.wp-caption 					{ border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px }
.wp-caption img 				{ margin: 0; padding: 0; border: 0 none }
.wp-caption p.wp-caption-text 	{ font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; margin-top:5px }
.wp-caption  a, .wp-caption 	{ color:#666 }