@charset "utf-8";

/* CSS Document */
* {
	padding: 0;
	margin: 0;
}

body {
	font-family: Georgia, Times New Roman, Arial, Geneva, sans-serif;
	font-size: 0.88em;
	line-height: 1FEFEFF;
}

h1 {
	color: #FBE72B;
	font-size: 23px;
	line-height: 27px;
	padding: 5px 0;
}
h2 {
	color: #E1E9A0;
	line-height: 16px;
	font-size: 14px;
	padding: 5px 0;
}
h3,h4 {
	color: #FFD53F;
	padding: 5px 0;
}

ul.indent {
	margin-left: 40px;
}

input {
	
}

/* ---- Defaults ---- */
a {
	text-decoration: none;
	color: #33814F;
}

a:hover {
	text-decoration: underline;
	color: #dba2a3;
}

div#left-nav ul#left-nav-menu {
	
}

div#left-nav ul#left-nav-menu li {
	list-style: none;
}

.box{ margin: 9px;
	border:1px solid #758795;
	background: #AAC7DD url(/img/site/annarborsoftwareboxbackground.png) repeat-x top;
	}
	
#header {
	width: 960px;
	height: 40px;
	margin: 0 auto;
}

#headerwrapper {
	margin: 0 auto;
	border-left:1px solid #FFD53F;
	width: 850px;
	height: 36px;
}

.headernav {
	display: block;
	float: left;
	font-size:15px;
	width: 120px;
	border-right:1px solid #FFD53F;
	height: 36px;
	text-align: center;
	magin: 0 auto;
}

.headernav a {
	font-weight: bold;
	color: #FFD53F;
	vertical-align: middle;
	display: block;
	padding-top: 6px;
	height: 32px;
	text-decoration: none;
}

.headernav a:hover {
	color: #283891;
	background-color: #FFD53F;
	text-decoration: underline;
}

#mainlogo {
	width: 702px;
	margin: 0 auto;
	height: 266px;
	background: url(/img/site/mainlogo.png) no-repeat;
}

#a2slogo {
	width: 702px;
	height: 55px;
	margin: 0 auto;
	background: url(/img/site/a2sware.png) no-repeat;
}

#subcontent {
	width: 682px;
	height: 230px;
	margin: 0 auto;
	position: relative;
}

/* ---- Main Container and Content ---- */
#wrapper {
	width: 100%;
	min-height:600px;
	float: left;
	background: #E1E9A0 url(/img/site/annarborsoftwarebackground.png) repeat-x top;
}

#main-container {
	width: 960px;
	margin: 0 auto 20px;
	height: 392px;
}

#main-container-bottom {
	width: 960px;
	padding-top: 0px;
	margin: 10px auto 0px;
	height: 300px;
}

.left {
	float: left; 
	width:300px;
	padding: 0 10px;
	marign: 0px;
}


.left a {
	color: #33814F;
}

.left h1 {
	font-size: 23px;
	line-height: 27px;
}

.left li {
	list-style-type: none;
	padding-left: 40px;
}

.mid {
	float: left;
	width: 580px;
	padding: 0 10px;
}

.mid a {
	color: #33814F;
}

.mid h1 {
	font-size: 25px;
	line-height: 30px;
}

.mid h2 {
	font-size: 15px;
}

.mid li {
	list-style-type: none;
	padding-mid: 40px;
}

.date {
	font-size: 10px;
}

.newswrapper {
	margin-bottom: 10px;
}

.intro {
	margin: 0 10px;
}

/* ---- Footer ---- */
#footer {
	clear: both;
	font-size: 85%;
	width: 960px;
	margin: 0 auto 20px;
	padding: 9px 0 0;
	background: #fff url(/img/site/footer.png) repeat-x;
	height: 23px;
	background: #fff url(/img/site/footer.png) repeat-x;
}

#footer .left {
	float: left;
}

#footer .right {
	float: right;
}

#footer a {
	padding: 0 3px;
	color: #EEEEEE;
}

#footer a:hover {
	color: #554555;
}

/* ---- Blog Content ---- */
#new-blog-post {
	float: left;
	margin: 0 auto;
}

.postContainer {
	margin:10px;
	width:680px;
	float: left;
	height: auto;
}

.blogBody {
	padding-bottom: 35px;
}

.blogBody a {
	color: #004990;
	text-decoration: none;
}

div.blogBody img.bloggerimage {
	padding: 0;
	margin: 0;
}

.blogBody img {
	margin: 15px;
}

.blogBody a:hover {
	text-decoration: underline;
}

a.blogTitle {
	text-decoration: none;
	color: #666;
}

a.blogTitle:hover {
	color: #CCC;
	text-decoration: underline;
}

a.blogCommentsLink {
	text-decoration: none;
	color: #666;
}

a.blogCommentsLink:hover {
	color: #CCC;
	text-decoration: underline;
}

div.altrow2 {
	background-color: #fbfbfb;
	border: 1px solid #ccc;
	/*	float: left; */
	width: 680px;
	padding: 5px;
	margin: 10px auto;
}

div.altrow {
	border: 1px solid #ccc;
	/*	float: left; */
	padding: 5px;
	width: 680px;
	margin: 10px auto;
}

div.textarea {
	width: 550px;
	padding: 5px 0;
	float: left;
	clear: left;
}

div#authake div.biotext {
	float: left;
	clear: left;
	padding: 5px 0;
	width: 370px;
}

#TB_ajaxContent div.textarea {
	width: 450px;
	padding: 5px 0;
	float: left;
	clear: left;
}

div.submit {
	clear: left;
}

#RulePermission {
	float: left;
}

div#authake div.menuheader {
	width: auto;
}

div#authake div.login p {
	float: left;
	clear: left;
}

div.textarea textarea {
	float: left;
}

.commentTitle {
	width: 60px;
	margin-right: 30px;
	display: inline-block;
}

/*
.indPC {
	float: left;
	width: 600px;
	margin: 20px;
	padding: 30px;
}
*/
.indPC {
	float: left;
	width: 760px;
	margin:20px;
	background-color: #ECEFF5;
	border: 1px solid #94A3C4;
}

.pag_active {
	width: 78px;
	height: 20px;
	display: block;
	background: url(/img/pag_act.png) no-repeat;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.link_next {
	float: left;
	margin-left: 30px;
}

.link_prev {
	float: left;
}

a.pag_active:hover {
	text-decoration: underline;
}

.disabled {
	display:inline;
	height: 20px;
	text-align: center;
	font-weight: bold;
	cursor: default;
}

.paging { /*	margin-top: 25px; */
	float: left;
	width: 400px;
}
.current { /*	margin-top: 25px; */
}

div.related {
	clear: left;
	float: left;
}

div.actions {
	float: left;
	padding: 10px;
	width: 480px;
	clear: left;
}

.portfolio, .about {
	clear: both;
	padding:5px 25px;
}
.portfolio img {
	width:72px;
}
.portfolio p, .about p{
	padding:10px;
}
.tiny{
	clear:both;
font-size:10px;
width:72px;
}