* {
margin : 0;
padding : 0;
}
html , body {
height : 100%;
}
html {
background : url(../images/theme-bar/back-site.gif) repeat-y center top;
}
body {
background : url(../images/theme-bar/back-head3.jpg) no-repeat center top;
color : #666666;
font : 0.7em/1.3em Verdana, Arial, Helvetica, sans-serif;
text-align : center;
}
img {
border : 0 none;
}
p {
margin : 0.5em 0 0.5em;
}
a {
font-weight : bold;
text-decoration : none;
}
h1 {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
}
blockquote {
margin : 0 2em;
padding : 0 0.5em;
/*border-left : 6px solid #ccc;*/
}
blockquote p {
color : #777;
font-size : 90%;
line-height : 1.5em;
}
ul , ol , dl {
margin : 2.5em;
}
dl dt {
font-weight : bold;
}
dl dd {
margin : 0 1em;
font-size : 90%;
}
acronym {
border-bottom : 1px dotted #ccc;
text-decoration : none;
cursor : help;
}
form {
margin : 0;
padding : 0;
}
#container-page {
margin : 0 auto;
width : 700px;
text-align : center;
position : relative;
min-height : 100%;
height : auto !important;
height : 100%;
}
#container-head {
margin : 0 auto;
width : 600px;
text-align : left;
height : 126px;
position : relative;
}
#head-logo {
font : 1px sans-serif;
text-indent : -9999px;
}
#head-logo a {
width : 46px;
display : block;
background : url(../images/theme-bar/logo.png) no-repeat;
text-decoration : none;
height : 70px;
position : absolute;
top : 20px;
left : 496px;
}
#head-logo a:hover {
background-position : -46px 0;
}
#head-mast {
width : 22px;
display : none;
background : url(../images/theme-bar/back-mast.png) no-repeat;
height : 31px;
position : absolute;
left : 35px;
top : 28px;
}
#sect-default #head-mast {
display : block;
}
#sect-work #head-mast {
display : block;
left : 86px;
}
#sect-learn #head-mast {
display : block;
left : 148px;
}
#sect-info #head-mast {
display : block;
left : 210px;
}
#sect-contact #head-mast {
display : block;
left : 272px;
}
#container-nav {
width : 288px;
height : 30px;
position : absolute;
top : 60px;
left : 25px;
}
#nav {
margin : 0;
width : 288px;
list-style : none;
height : 30px;
}
#nav li {
margin : 0;
padding : 0;
list-style : none;
display : inline;
text-indent : -9999px;
}
#nav a {
float : left;
display : block;
background-image : url(../images/theme-bar/nav.png);
font : normal 1px/30px sans-serif;
text-decoration : none;
height : 30px;
}
#nav #nav-top a {
width : 41px;
}
#nav #nav-top a:hover , #sect-default #nav-top a {
background-position : 0 -30px;
}
#nav #nav-work a {
width : 61px;
background-position : -41px 0;
}
#nav #nav-work a:hover , #sect-work #nav-work a {
background-position : -41px -30px;
}
#nav #nav-learn a {
width : 61px;
background-position : -102px 0;
}
#nav #nav-learn a:hover , #sect-learn #nav-learn a {
background-position : -102px -30px;
}
#nav #nav-info a {
width : 61px;
background-position : -163px 0;
}
#nav #nav-info a:hover , #sect-info #nav-info a {
background-position : -163px -30px;
}
#nav #nav-contact a {
width : 61px;
background-position : -224px 0;
}
#nav #nav-contact a:hover , #sect-contact #nav-contact a {
background-position : -224px -30px;
}
#container-content {
margin : 0 auto;
width : 600px;
text-align : left;
min-height : 100%;
height : auto !important;
height : 100%;
position : relative;
}
#container-content:after {
clear : both;
display : block;
font : 1px serif;
content : ".";
height : 0;
visibility : hidden;
}
#content-pri {
padding-bottom : 40px;
padding-left: 10px;
padding-right: 10px;
width : 420px;
float : left;
position : relative;
}
#content-pri h2 , #content-pri h3 {
margin-bottom : 0.5em;
color : #666666;
font : normal 130% Verdana, Arial, Helvetica, sans-serif;
}
#content-pri h3 {
font : 110% Verdana, Arial, Helvetica, sans-serif;
}
#content-pri h2 a , #content-pri h3 a {
padding : 0;
background : none;
color : #0033CC;
font-weight : normal;
text-decoration : none;
}
#content-pri h3 a {
font-weight : bold;
}
#content-pri h2 a:hover , #content-pri h3 a:hover {
background : #bbc8d4;
color : #fff;
text-decoration : none;
}
#content-pri h2 span.text-sub , #content-pri h3 span.text-sub {
display : block;
color : #666666;
font : normal 9px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
letter-spacing : 0.1em;
}
#content-pri a {
color : #0066CC;
font-weight : normal;
text-decoration : none;
}
#content-pri a:hover {
color : #69839c;
text-decoration : underline;
}
#content-pri ul li , #content-pri dl dd {
/*list-style : url(../images/theme-bar/li-pri.gif);*/
}
#content-pri dl dt {
font-weight : bold;
}
#content-pri ul li a , #content-pri dl dd a {
background : none;
}
#content-pri ul.list-h {
margin : 0;
padding : 0;
}
#content-pri ul.list-h:after {
clear : both;
display : block;
font : 1px serif;
content : ".";
height : 0;
visibility : hidden;

}
#content-pri ul.list-h , #content-pri ul.list-h li , #content-pri ul.list-h li p {
margin : 0;
padding : 0;
list-style : none;
line-height : 1.5em;
}
#content-pri ul.list-h li {
width : 50%;
float : left;
padding : 10px 0;
display : inline;
}
#content-pri ul.list-h li img {
margin-right : 8px;
border : 1px solid #ccc;
border-right-color : #ddd;
border-bottom-color : #ddd;
padding : 4px;
float : left;
background : url(../images/theme-bar/back-img.gif);
}
#content-pri ul.list-h li p {
padding-right : 8px;
font-size : 90%;
}
#content-pri .img {
margin : 0.5em 0 2.5em;
border : 1px solid #ccc;
border-right-color : #ddd;
border-bottom-color : #ddd;
padding : 8px;
background : url(../images/theme-bar/back-img.gif);
font-size : 85%;
text-align : center;
line-height : 1.5em;
}
#content-pri .img img {
margin : 0 auto;
border : 1px solid #fff;
}
#content-pri .img a:hover img {
border : 1px solid #666;
}
#content-pri .article-links {
margin : 0em 0 0;
padding : 0.5em;
clear : both;
display : block;
background : #f5f5f5;
font-size : 85%;
text-align : right;
}
#content-pri .article-links a {
padding : 2px;
}
#content-sec {
padding-bottom : 70px;
width : 160px;
float : right;
color : #888;
}
#content-sec h3 {
margin : 0;
padding : 0;
color : #333333;
background : url(../images/theme-bar/back-sec-h3.png) no-repeat;
font : bold 10px/26px Verdana, Arial, Helvetica, sans-serif;
text-indent : 16px;
height : 28px;
}
#content-sec h3 a {
display : block;
color : #fff;
height : 28px;
}
#content-sec h3 a:hover {
background : none;
color : #666;
}
#content-sec .sub p {
margin : 0 1em;
padding : 0.5em;
font-size : 10px;
line-height : 1.5em;
}
#content-sec .sub a {
color : #555;
}
#content-sec .sub a:hover {
background-color : #bbb;
color : #fff;
}
#content-sec .sub li a {
border : 1px solid #eee;
padding-left : 12px;
display : block;
background : url(../images/theme-bar/li-sec.gif) no-repeat 2% 50%;
color : #888;
}
#content-sec .sub li a:visited , #content-sec .sub li a:active {
background : url(../images/theme-bar/li-sec-v.gif) no-repeat 2% 50%;
}
#content-sec .sub li a:hover {
border : 1px solid #cacaca;
background-color : #e6e6e6;
color : #333;
}
#content-sec .sub ul {
margin : 0 1em;
padding : 0.2em 0 1.5em;
list-style : none;
}
#content-sec .sub ul li {
display : inline;
font-size : 10px;
line-height : 1.6em;
}
#content-sec .sub #links-sister li {
width : 33%;
float : left;
text-align : center;
line-height : normal;
}
#content-sec .sub #links-sister li a {
border : 0 none;
padding : 0;
display : inline;
background : none;
}
#container-foot {
margin : -50px auto 0;
width : 700px;
background : url(../images/theme-bar/back-foot.gif) no-repeat;
font-size : 10px;
height : 50px;
position : relative;
}
#container-foot a {
color : #898989;
font-weight : bold;
text-decoration : none;
}
#container-foot a:hover {
color : #000;
text-decoration : underline;
}
#foot-credits {
text-align : right;
line-height : normal;
position : absolute;
right : 60px;
top : 12px;
}
#foot-copy {
text-align : left;
line-height : normal;
position : absolute;
left : 60px;
top : 12px;
}
.container-results {
margin : 0.5em 30px;
}
h3#comment {
margin : 0 30px 0.5em;
color : #69839c;
font : normal 130% Verdana, Arial, Helvetica, sans-serif;
}
.container-comment {
text-align : center;
margin : 0.5em 10px;
border : 1px solid #ddd;
border-right : none;
border-bottom : none;
background : #f5f5f5;
}
.comment-gravatar {
padding-top : 10px;
padding-left : 10px;
float : left;
display : inline;
height : 20px;
}
.comment-user {
padding-top : 10px;
padding-right : 10px;
float : right;
display : inline;
font-size : 11px;
line-height : 20px;
height : 20px;
}
.comment-content {
padding : 10px;
clear : both;
}
.comment-content p {
margin : 0 0 0.5em;
font-size : 11px;
line-height : 1.5em;
}
#form-comment {
margin-bottom : 2em;
padding : 0 50px;
clear : both;
}
#form-search {
margin : 0.5em 0 1em;
text-align : center;
}
.form-search {
margin : 0 auto;
padding : 2px;
border-top : 1px solid #ccc;
border-left : 1px solid #ccc;
border-bottom : 1px solid #e3e3e3;
border-right : 1px solid #e3e3e3;
width : 80%;
background : #fff;
color : #888;
font : normal 11px Verdana, Arial, Helvetica, sans-serif;
text-align : left;
}
#form-contact {
margin-bottom : 2em;
padding : 0 30px;
clear : both;
}
#form-contact textarea {
margin-bottom : 10px;
padding : 2px;
border-top : 1px solid #ccc;
border-left : 1px solid #ccc;
border-bottom : 1px solid #e3e3e3;
border-right : 1px solid #e3e3e3;
width : 300px;
background : #efefef;
color : #666;
font : normal 11px Verdana, Arial, Helvetica, sans-serif;
}
.form-field , input.comment_name_input , input.comment_email_input , input.comment_web_input , textarea.txpCommentInputMessage {
margin-bottom : 10px;
padding : 2px;
border-top : 1px solid #ccc;
border-left : 1px solid #ccc;
border-bottom : 1px solid #e3e3e3;
border-right : 1px solid #e3e3e3;
background : #efefef;
color : #888;
font : normal 11px Verdana, Arial, Helvetica, sans-serif;
}
.txpCommentInputMessage {
width : 200px;
height : 100px;
}
.form-button , #input-button input {
color : #888;
font : 11px Verdana, Arial, Helvetica, sans-serif;
}
#input-button .button {
text-transform : capitalize;
}
#txpCommentInputForm {
padding : 0 50px;
}
.post {
	margin-bottom : 0.8em;
	padding : 0 20px;
	clear : both;
	background : url(../images/theme-bar/back-h2.gif) no-repeat 0px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#details ul {
	padding: 0 0 0 1px;
	margin: 0 0 0 1px;
	list-style-type: none;
}
#details li {
padding-left:15px;
background: transparent url(../images/theme-bar/arrow.gif) no-repeat 0px 4px;
list-style-type: none;
}
.code-chunk {
margin : 3em;
}
.code-chunk li {
border-bottom : 1px solid #fff;
padding : 2px 4px;
background : #f5f5f5;
color : #777;
font : 11px "Courier New", Courier, monospace;
}
.text-status {
color : #c90;
font-weight : bold;
}
.text-note {
margin-right : 2em;
margin-left : 2em;
padding : 1em;
background : #f3f3f3;
}
.text-hi {
padding : 4px;
display : block;
background : #fafafa;
color : #999;
font-size : 150%;
line-height : normal;
}
.text-small {
font-size : 85%;
line-height : 1.5em;
}
p.alert {
margin : 2em;
padding : 24px;
background : url(../images/theme-bar/back-alert.gif) no-repeat 4px 4px;
background-color : #ffe5bf;
color : #f30;
font-size : 90%;
line-height : 1.5em;
}
.hide {
position : absolute;
top : -9999px;
left : -9999px;
}

.error {
	display:block;
	font: 11px Tahoma, sans-serif;
	color: #FF0000;
}
.submit {
	background-color: #EAEEFB;
	padding:10px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #CCCCCC;
	margin-bottom:10px;
	text-align:left;
}
.submit th{
	width:110px;
	text-align:right;
	padding:1px 5px 1px 3px;
}
.submit td{
padding:1px 5px 1px 3px
}

.formfield {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:1px;
}
.formComment {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:1px;
font-weight:lighter;
}
.formState {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:1px;
}
.formCity {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:1px;
text-transform:capitalize;
}
.formSelect {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:1px;
width:165px;
}
.formSearch {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:1px;
width:130px;
}
.AdminTable{
width:100%;
}
.AdminTable th{
padding:0px 5px 0px 3px;
}
.AdminTable td{
padding:0px 5px 0px 3px;
}
.red{
color:#FF0000;
font-weight:bold;
}
.NavTable {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px
}
.Welcome {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:left;
padding:5px 5px 5px 5px;
}