/* Circlewebs CSQL styles - Update 12/09 */

* {
	border:0;
	margin:0;
	padding:0;
}

html {
	height: 100%;
	margin-bottom: 1px;
	min-height: 100%;
}


/* =Common Formatting
------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,h7 {
	color: #444;
	font-family: "Century Gothic", Verdana, Geneva, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
}

h1 {
	font-size: 2.5em;
	font-weight: 400;
	line-height: 2em;
}

h2 {
	font-size: 1.9em;
	line-height: 1.8em;
}
	
h3 {
	font-size: 1.5em;
	line-height: 1.5em;
}

h4 {
	font-size: 1.4em;
	line-height: 1.4em;
}

h5 {
	font-size: 1.25em;
	line-height: 1.4em;
}
	



.follow {
	display: inline;
	text-transform: none;
}

acronym, abbr, ref  {
	border-bottom: 0.5px dotted;
	cursor:help;
	letter-spacing: 1px;
}

a, p {
	color:#999;
	text-decoration:none;
}

a:hover {
	color:#333;
	text-decoration:none;
}

#innerContent ul li {
	font-size: 0.9em !important;
}

/* body
--------------------------------------------------------------*/
body {
	font-family: "Lucida Grande",Verdana, Geneva, Arial, sans-serif;
	font-size: 62.5%;
	margin: 0;
	min-height: 100%;
	padding: 0;
	text-align: center;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -130px; /* (minus) value of the footer's height */
}

.push{
	height: 25px !important;
}


/* header
--------------------------------------------------------------*/
#header {
	border-bottom:1px solid #999;
	height:80px;
	margin:0 auto;
	width:751px;
}

#header h1 {
	color:#888;
	font-size:1.8em;
	font-weight:700;
	line-height:1.8em;
	letter-spacing:13px;
	text-align:right;
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom:-15px;
}

#header h2 {
	color:#CCC;
	font-size:1.4em;
	line-height:1.6em;
	letter-spacing:2px;
	text-align:right;
}

h2#mainhead {
	font-size: 1.9em;
	line-height: 1.8em;
	text-align:left;
	width:500px;
}


/* container
--------------------------------------------------------------*/

#container {
	background-color: #EEA;
	height: 1%;
	margin: 0 auto;
	max-width: 75.2em;
  width: 75.4em;
	position: relative;
	text-align: left;
}

#container > ul {
	margin: 1em 0 3em 5em;
}

#container h2 {
	margin: 0  0 0 2em;
}

/* content
--------------------------------------------------------------*/
#content {
	color:#777;
	font-size: 1.2em;
	left: 0;
	margin: 0 2em 0 2em;
	min-width: 8em;
	padding-bottom: 2px;
	padding-top: 1em;
	text-align: justify !important;
	width:58.8em;
}

#content h1 {
	color:#888;
	font-size:1.8em;
	font-weight:700;
	line-height:1.8em;
	letter-spacing:3px;
	text-align:left;
	padding-top:7px;
	padding-bottom:17px;
}

#content h2 {
	color:#CCC;
	font-size:1.4em;
	line-height:1.6em;
	letter-spacing:3px;
	text-align:left;
	padding-top:7px;
	padding-bottom:17px;
}

#content p + p, div.inside p {
	padding:10px 10px 20px;
}

/* navigation
--------------------------------------------------------------*/
#navigation {
	background:#EEE;
	border:1px solid #999;
	margin:0 auto;
	width:75em;
	height:40px;
	list-style:none;
}

div#navigation ul li {
	border-bottom:1px solid #999;
}

#navigation li {
	border-left:1px solid #999;
	float:left;
	width:147px;
	list-style:none;
}

#navigation a {
	color:#555;
	display:block;
	line-height:40px;
	text-align:center;
	font-size:1.3em;
	font-weight: 700;
}

#navigation a:hover {
	background:#eee;
	color:#555;
}

#navigation .active {
	background:#EEE;
	color:#777;
}

/* footer
--------------------------------------------------------------*/
#footer {
	border-bottom:1px solid #333;
	border-top:1px solid #333; 
	height:20px;
	margin:0 auto;
	padding:10px;
	text-align:center;
	width:751px;
}

#footer p, #footer p a {
	color:#222;
	font-size: 110%;
}

/* list items
--------------------------------------------------------------*/

div.inside ul {
	list-style: none;
	font-size:1.1em;
	color:#333399;
}

div.inside ul ul {
	padding-bottom:20px;
}


div.inside ul li.last {
	padding-bottom: 40px;
}

div.inside ul li b a:hover {
    text-decoration: underline;
}

div.codewrap {
	font-size: 150%;
	color: #333;
}

#container > p {
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.8em;
font-weight: 700;
}

#container > p.error {
display:inline;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.8em;
color: red;
}

#footer> p {
	font-size: 0.9em;
	font-weight: 400;
	line-height: 1.8em;
}

#catage p, form p, form p input{
	font-size: 2.5em;
	font-weight: 400;
	line-height: 2em;

}

form p input{
	font-size: 1em;
	font-weight: 400;
	line-height: 2em;
border: 2px solid #888;
}


#catform, #catage {
display:block;
margin-left:4em;
}
/* simple form style */
div#content ul li{
	font-size: 1.8em;
	font-weight: 400;
	line-height: 2em;
list-style: none;
}

div#content ul li code{
 color:#7a3333;
	font-size: 1em;
	font-weight: 400;
	line-height: 2em;
list-style: none;
}

div#content ul li p,div#content p{
display:block;
color:#7a3333;
margin-bottom: 2em;
}