@charset "utf-8";
/* CSS Document */

body  {
	font: 81.31% Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

p{
	padding:0 0.5em 0.5em;
	line-height:1.5em;
}
.big{
	font-size:large;
}

#container { 
	width: 72.5em;  
	margin: 0 auto;
	border: 1px solid #000000;
	text-align: left; 
} 

#subContainer {
	margin:0 1.5em 0;
}

#sidebar1 {
	float: left; 
	width: 11em; /* since this element is floated, a width must be given */
	margin: 7.5em 1.5em 0;
}

#mainContent {
 	margin: 0 .2em 0 0em;
}

#leftContent{
	float:left;
	width:13.7em;
	margin-right:.5em;
       text-align:center;
}
#leftContent p{
	margin:0;
	padding:0.5em 0;
}
#leftContent p.title{
	margin:0 .4em;
	padding:0.1em;
	width:12.5em;
	display:inline-block;
	font-weight:bold;
	font-size: big;
	border-bottom:double #c3e0e5 1px;;
	color:#6b6b6b;
}
#leftContent span.input{
	width:5em;
	display:inline-block;
}
#leftContent p{
	margin:0;
	padding:0.3em ;
}

.leftBox{
	margin: 0 0 .5em 0;
	border:#CCC solid 1px;
	background: #fff;
}


#contentTop {
	height: 6.2em;
	padding-top:1em;
}

#contentTop input{
	font-size:x-small;
	clear:left;
}

#contentCenter {
	border:#CCC solid 1px;
	padding:0 .5em 1.5em .5em;
	margin-left:14.5em;
}

#footer{
	text-align:center;
	margin:0;
	font-weight:bold;
}

#themesBar {
	text-align:right;
	background-color:#FFF;
	margin-top:3px;
}
#themesBar a, #themesBar a:hover{
	font-size:small;
	text-decoration:none;
	border:none;
}

#captcha{
	min-height:130px;
}

#contactInfo{
	width:18em;
	margin:1em 0;
}

#addThisBar a{
	display:inline;
}

.box{
	border:solid 1px #CCC;
	margin:0.5em 0 1em;
}

.adr {
	margin:0.5em 0 0.5em 0.5em;
}

#thanks{
	min-height:30em;
	vertical-align:middle;
	text-align:center;
}

#contact{
	width:34.5em;
}

.brLine{
	border-bottom:1px #CCC solid;
	width:75%;
	margin:0 auto;
	padding:0 0 0.25em 0;
}
#contact form p{
	padding:0 0.5em;
}

#contact label{
	display: inline-block;
	text-align:left;
	width:5.25em;
	vertical-align:top;
}

.error{
	margin:0;
	padding:0;
	display:block;
	color:#C33;
	text-align:center;
}


/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	display:inline
}
.titleCap{
	font-size:larger;
}

.fltnone{
	float:none;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	display:inline
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.end{
	height:0;
    font-size: 1px;
    line-height: 0px;
	margin:0;
	padding:0;
}
.stackRt{
	clear:right;
}

#socialMedia td{
	line-height:normal;
	font-size:90%;
	text-align:center;
}

#community {
	font-size:90%;
	text-align:center;
}

#socialMedia a{
	text-decoration:none;
}

#socialMedia img{
	border:none;
}

/*------------------------------- Navigation Styles ---------------------------------------*/
#navigation{
	margin:0px;
	padding-right:2em;
	height:6.2em;
	background:url(../images/wagger-designs-web-applications-logo.png) no-repeat left bottom;
	width: 67.25em;
}
	
#tabnav { /* general settings */
	text-align:right; 
	margin:0;
	list-style-type: none;
	padding:0;
	padding-top:5em;
	}

#tabnav li {
	display:inline;
	}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a { /* settings for selected tab link */
	background-color:#fff;
	border-bottom:none;
	padding-bottom:1px;
}

.category a { /* settings for all tab links */
	padding:6px 8px 0px;
	text-align:center;
	border: 1px solid #ccc;
	background-color:#EAEAEA; 
	text-decoration: none;
	color:#000;
}

.active a { /* settings for selected tab link */
	background-color:#fff;
	border-bottom:none;
	padding-bottom:1px;
}

ul#tabnav li a { /* settings for all tab links */
	padding:6px 8px 0px;
	text-align:center;
	border: 1px solid #ccc;
	text-decoration: none;
	color:#000;
	}
	
ul#tabnav a:hover { /* settings for hover effect */
	padding:6px 8px 0px;
	background: #fff; /* set desired hover color */
	color:#000;
	}
/*-------------- End Nav Styles */
/*------------------------------- Attention Blocks ---------------------------------------*/
.atnBlock{
	border:#CCC solid 1px;
	padding:4.75em 0 3.5em;
	margin:0 0 0 .3em;
	text-align:left;
	width:17.3em;
	display:inline;
}

.atnBlock h3{
	font-size:small;
	margin:0.25em 0;
}

.right{
	padding-right:3em;
}

.left{
	padding-left:3em;
}

.dream{
	text-align:left;
}

.build{
	text-align:center;
}

.share{
	text-align:right;
}

/*-------------- End AttnBlock Styles */

p.commentName{
	color:#666;
	font-size:smaller;
}


.themes{
	margin:0 auto;
	padding:1em;
	width:45em;
	border:1px #CCC solid;
	text-align:center;
}

ul.header, ul.col {
list-style: none;
margin: 0;
padding: 0;
}

li.firstLine {
font-weight: bold;
}

ul.col {
border-top: 1px solid #666;
}

ul.col li {
display: table-cell;
width: 14em;
padding: 5px 0 2px;
vertical-align:middle;
}