/*
Theme Name: ACAB3
Theme URI: http://www.gwcreative.co.nz
Description: A WordPress theme ideal for tutorial & community websites.
Version: 3.0
Author: Gareth Watkins
Author URI: http://www.gwcreative.co.nz
Tags: fixed width, two columns, widgets
*/    


/*------------ General Styling ------------*/


.hidden { display: none !important; }

.clear { clear: both; }

.alignleft { float: left; margin: 15px 15px 15px 0; }
.alignright { float: right; margin: 15px 0 15px 15px; }
.aligncenter { margin: 0.8em auto; }
.wp-caption p { color: #333; font-family: Georgia, Times, "Times New Roman", serif; font-size: 1em; font-style: italic; }

a:link, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active, a:focus {
	text-decoration: none;
}

a.button, a.button-small, a.button-mini, .navigation a, .comms-navigation a, a.comment-reply-link, .cancel-comment-reply a, input[type="submit"], p.post-tags a {
	background-color: #eee;
	border: 1px solid #ddd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #666;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 0.85em;
	padding: 5px 8px;
}

a.button:hover, a.button-small:hover, a.button-mini:hover, .navigation a:hover, .comms-navigation a:hover, a.comment-reply-link:hover, .cancel-comment-reply a:hover, input[type="submit"]:hover, p.post-tags a:hover {
	background-color: #2b90c4;
	border: 1px solid #199CC6;
	color: #fff;
	text-decoration: none;
}

a.button-small {
	font-size: 0.75em;
	padding: 3px 6px;
}

a.button-mini, a.comment-reply-link, .cancel-comment-reply a, p.post-tags a {
	font-size: 0.75em;
	padding: 1px 4px;
}

/* Headings (g) */
h1 {
	font-size: 22px;
	letter-spacing:1px;
        font-weight: bold;
	margin: 0px 0 10px;
}

/* Secondary heading */
h2 {
	font-size: 18px;
	letter-spacing:1px;
	margin: 0;
	padding: 10px 0 10px 0;
}

/* Heading for right column */
h3 {
letter-spacing:1px;
font-size: 18px;
margin: 0 0 15px;
}

h4 {
letter-spacing:1px;
font-size: 18px;
margin: 30px 0 10px 0;
}


/* Colours for heading and links */
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a {
	color:#B9B307; 
}


a {
	color:#2b90c4; 
}

/* use with alignleft or alignright to stick to a side! */

blockquote {
background: #d6dac5;
color: #000;
padding: 10px 10px;
border: 1px dotted #6e764a;
margin-top:30px;
margin-bottom:30px;
}

blockquote.side {
	display: block;
	width: 250px;
}

blockquote p:last-child {
	margin: 0;
}

p, #main li, code, pre {
 line-height: 1.4em;
}

#main ul.special li {
	padding-left: 17px;
}

code, pre {
	background-color: #f9f9f9;
	font-size: 1.2em;
	padding: 0 3px;
}




/* Layout (g) */
html,body {
	padding:0;
	height:100%;
/*
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-family: 'MS Sans Serif', Geneva, sans-serif;
        font-family: Verdana, Geneva, sans-serif;
        font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
        font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
*/
        font-family: Tahoma, Geneva, sans-serif;
        font-size:small;
	color:#666666;
	background-color: #F8F8F8;
	background-image: url(img/graph/body_bg.gif);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	background-position: center;
	margin: 0;
}


#wrap {
	position:relative;
	width:800px;
	height:auto !important;
	height:100%;
	min-height:100%;
	background-color: #FAF9F8;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}


/*------------ Header ------------*/


#head {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 0px;
}



#head img { border:none; }



#promo img {
display:block;
margin:auto;
width:758px;
height:148px;
border:1px solid #ccc;
}

/*------------ Navigation ------------*/

#nav {
	clear: both;
	margin-top: 15px;
	margin-left: 5px;
}

#nav li {
	display: inline;
	list-style-type: none;
}

#nav li a {
	padding: 3px 10px;
        color:#44555F;
        margin-right:37px;
}

#nav li a:hover {
	color: #FFF;
	background-color: #2b90c4;
	text-decoration: none;
}

#nav li a:active, #nav li a:focus {
	color: #666;
	text-decoration: none;
	}

#nav li.selected a:link, #nav li.selected a:visited, #nav li.current-cat a:link, #nav li.current-cat a:visited, #nav li.current-cat-parent a:link, #nav li.current-cat-parent a:visited {
	text-decoration: none;
}



/*------------ Main Content ------------*/



#content {
padding:20px;
}


#main {
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	background-color: #FFFFFF;
	width: 482px;
	float: left;
	padding: 30px;
	border: 1px solid #E5E5E5;
	margin: 0 20px 20px 0;
}

#main, .widget {
	background: #FFFFFF url(img/graph/frame_bg.gif) repeat-x;
} 

#main ul {
margin:0 0 0 0;
}

#main li {
margin-left:-20px;
}

h4.section {
	/* background: url("img/category.gif") no-repeat top left; */
	clear: both;
	color: #44555F;
	font-family: Aller, Myriad Pro, Helvetica, Arial, sans-serif;
        letter-spacing: 1px;
        font-size: 24px;
	font-weight: bold;
	margin: 2px 0 25px 0;
	padding-left: 0px;
        padding-top:0px;
    }


#acab_meta ul {
list-style:none;
margin-left:-20px;
padding-top:20px;
}

#acab_meta li {
line-height:2em;
}

#acab_meta li ul {
margin:-5px 0 8px 30px;
padding:0;
}

#acab_meta li ul li {
line-height:1.3em;
padding:0;
margin:0;
}

/*------------ Posts ------------*/

.post {
	clear: both;
	margin: 0 0 35px 0;
	padding: 0 0 20px 0;
	overflow: hidden;
}

.post + .bottom {
	border-bottom: none;
	padding-bottom: 0;
}

.olderarticle {
	margin: 0 0 30px;
	padding: 0 0 10px;
}

.post h1 a:link, .post h1 a:visited {
	text-decoration: none;
}

.post h1, .post .align-left, .post .align-right {
	margin-top: 0;
}

.post h1 a:hover {
}

.post ul {
}

.post li {
margin-bottom:5px;
}

.olderarticle h1 {
	font-size: 2.2em;
}

.postimg {
	border: 5px solid #eedfb9;
	float: left;
	margin: 0 15px 15px 0;
}

.postimg-s {
	border: 3px solid #eedfb9;
	float: left;
	margin: 0 15px 15px 0;
	width: 76px;
}

#main .meta {
margin-left:-40px;
}

ul.meta {
	margin: 1em 1em 1em 0;
}

#main ul.meta li {
	background-color: #eee;
	border: 1px solid #ddd;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #666;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 0.8em;
	margin: 0 10px 0 0;
	padding: 4px 6px;
}

ul.meta li a:link, ul.meta li a:visited {
	color: #666;
}

#main ul.meta li:hover, ul.meta li:hover a {
	background-color: #2b90c4;
	color: #fff;
	text-decoration: none;
}

#main ul.meta li:hover {
	border: 1px solid color:#2b90c4;
}

.commentnumber {
	background: url("img/comments.png") no-repeat;
	display: block;
	float: right;
	height: 46px;
	margin: 5px 0 10px 10px;
	text-align: center;
	width: 44px;
}

.commentnumber span a {
	color: #333;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 40px;
	line-height: 37px;
	text-decoration: none;
	width: 44px;
}

.wp-pagenavi {
	display: block;
	margin-bottom: 20px;
}



/*------------ Single Posts ------------*/

/*.single {
	border-bottom: none;
	margin: 0;
	padding-bottom: 50px;
}*/

p.post-tags {
	background: url("img/tag.png") no-repeat left 80%;
	border-top: 1px solid #eee;
	margin: 45px 0 0 0;
	padding: 20px 0 0 25px;
}

/* Post Author */
#postauthor-top {
}

#postauthor {
	background-color: #fff;
	display: block;
	margin-left: -20px;
	padding: 20px;
	overflow: visible;
	/* width: 670px; */
}

#author-archive {
	display: block;
	margin: 0 0 30px -21px;
	overflow: visible;
	padding: 0 20px 40px 20px;
	/* width: 672px; */
}

#postauthor h3, #author-archive h3 {
	margin: 0 0 10px 0;
}

#postauthor img, #author-archive img {
	border: 3px solid #EEDFB9;
	float: left;
	margin: 0 15px 15px 0;
}

#postauthor div, #author-archive div {
	font-size: 0.95em;
	margin-left: 125px;
	/* width: 545px; */
}

#postauthor p:last-child, #author-archive p:last-child {
	margin-bottom: 0;
}




/*------------ Sidebar ------------*/

#sidebar {
width:195px;
float:left;
}

.widget {
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
        background-color: #FFFFFF;
	padding: 30px;
	float: left;
	width: 135px;
	border: 1px solid #E5E5E5;
	margin: 0 0 20px;
        font-size:0.9em;
}

.widget h3 {
}

.widget h3 a {
}

.widget ul {
	margin: 0;
}

.widget li {
margin:0 0 0 -40px;
	list-style: none;

}

.widget li ul li {

}

.widget li a:link, .widget li a:visited {
	border-top: 1px solid #ddd;
	color: #373737;
	display: block;
	padding: 5px 0px;
margin:0;
}

.widget p {
	padding: 0;
}

.widget p:last-child {
	margin-bottom: 0;
}

#calendar_wrap {
	margin: 0 10px;
	text-align: center;
}

#calendar_wrap table {
	margin: 0 auto;
}

#calendar_wrap caption {
	font-weight: bold;
}

#calendar_wrap table a {
	border-bottom: 1px dotted;
	color: #b1185c;
	display: block;
}

#calendar_wrap table #today {
	color: #305d9a;
}

#calendar_wrap #prev a, #calendar_wrap #next a {
	border: none;
	color: #272727;
	text-decoration: underline;
	text-transform: uppercase;
}

.widget #searchform {
	margin: 0;
}

.widget #s {
width:128px;
}


.widget #searchsubmit {
margin:12px 0 0 0;
}




li.recentcomments {
	border-top: 1px solid #ddd;
	color: #373737;
	display: block;
	padding: 5px 10px;
}

li.recentcomments a:link, li.recentcomments a:visited {
	border: none;
	padding: 0;
}

.textwidget {
	margin: 0 10px;
}

#tag_cloud {
	padding: 20px 10px;
}

#tag_cloud h3 {
	margin-left: 0;
	margin-right: 0;
}

/* FlickrRSS styling */
#flickrrss {
	padding-left: 18px;
}

#flickrrss h3 {
	margin-left: 0;
}

#flickrrss img {
	border: 3px solid #EEDFB9;
	margin: 0 19px 10px 0;
}

#flickrrss a:hover img {
	border: 3px solid #b1185c;
}

/* Twitter for WordPress styling */
.widget_twitter {
	background: #fff url("images/twitter-bird.png") no-repeat 170px 7px;
	padding: 20px 10px;
}

.widget_twitter h3 {
	margin-left: 0;
	margin-right: 0;
}

.widget_twitter li {
	margin-bottom: 25px;
}

.widget_twitter li a:link, .widget_twitter li a:visited {
	border: none;
	color: #305D9A;
	display: inline;
	padding: 0;
}

.widget_twitter li a:active {
	color: #b1185c;
}

.widget_twitter span.twitter-timestamp {
	display: block;
	margin-top: 5px;
}

.widget_community img {
margin-bottom:10px;
border: 1px solid #ccc;
width:135px;
height:100px;
}

#community_img_last {
margin:0;
}

/*------------ Comments ------------*/

.comms-navigation {
	clear: both;
	margin:  0;
}

#comments h2 {
	margin-top: 18px;
}

.commentlist {
	clear: both;
	margin: 0 0 0 -20px;
}

#main .commentlist p {
}

.oldold {
	border: 1px solid #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.commentlist ul {
padding-top:10px;
}

.commentlist li {
	list-style: none;
	margin: 7px 0 10px 0;
	padding: 15px 10px;
	border: 1px dotted #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    }

.commentlist li .avatar {
	border: 3px solid #eee; /* #EEDFB9 */
	float: right;
	margin: 0 10px 5px 0;
}

.comment-author cite {
	font-size: 1.2em;
	font-weight: bold;
}

.comment-author {
margin:-10px 0 0 0;
}

.comment-meta {
	padding-bottom: 10px;
	/*margin-bottom: 5px;*/
}

.comment-meta a {
	color: #272727;
	font-size: 0.8em;
}

.reply {
	display: inline;
}


/* Comment Form */
#respond {
	clear: both;
}


form label{
}

#member_form {
margin:40px 0 0 0;
}

#member_form h2 {
margin:0 0 10px 20px;
padding:10px 0 0 0;
}

#member_form table {
margin:0 0 0 20px;
}

#member_form fieldset {
margin:0;
padding:0 0 10px 0;
}

#member_form input {
margin-left:10px;
}

#member_form td {
padding-bottom:10px;
}

#pleaseWait {
display:none;
text-align:center;
}

input, textarea {
	border: 1px solid #666;
	color: #272727;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	margin-right: 10px;
	padding: 3px;
}

textarea {
width:95%;
}

input:focus, textarea:focus {
	border: 1px solid #272727;
}

textarea {
	padding: 10px 5px;
}

.cancel-comment-reply a {
	margin-bottom: 0px;
}

/* cForms styling */
/* Actually, screw this. cForms uses horrible class & id names. Sorry, but you're on your own styling this! */
fieldset {
	border: 1px solid #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
}

legend {
	color: #272727;
	padding: 0 5px;
}

form.cform ol li {
	list-style: none;
}

#main .cform li {
	font-size: 1em;
}

.cform li {
	margin-bottom: 10px;
}

.reqtxt, .emailreqtxt {
	color: #666;
	font-size: 0.9em;
	font-style: italic;
}

input[type="checkbox"], input[type="radio"] {
	display: -moz-inline-box;
	display: inline-block;
	margin-right: 0;
}

label.cf-group-after {
	clear: right;
	display: -moz-inline-box;
	display: inline-block;
	text-align: left;
	margin-bottom: 10px;
	margin-left: 5px;
	width: auto;
}



/*------------ Footer ------------*/
#footer {
	border-top: 1px solid #FFFFFF;
padding-bottom:50px;
	position:relative;
	width:800px;
margin:0 auto;
}

#footer p {
margin:10px 0 0 0;
float:right;
font-size:0.8em;
}