/* 
Theme Name: Web Usability
Theme URI: http://webusability.com.au/
Description: WordPress theme for Web Usability
Author: Russ Weakley
Author URI: http://www.maxdesign.com.au
Version: 1.0
License: MIT License
License URI: http://www.opensource.org/licenses/mit-license.php
*/

/* -----------------------------------
general
----------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block; }

html, body, form, fieldset, legend
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 0;
	padding: 0;
	color: #333;
	background: #f2f2f2;
	font: 100%/1.4 helvetica, arial, sans-serif;
}

/* headings */
h1, h2, h3, h4, h5, h6
{
	margin: 0 0 .5em;
	line-height: 1.2;
}

h1, h2
{
	color: #575757;
	font-family: georgia, times, serif;
	font-weight: normal;
}

h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 112.5%; }
h4 { font-size: 105.5%; }
h5 { font-size: 100%; }

p { margin: 0 0 1.5em; }
fieldset,img { border: 0; }
legend { color: #000; }
ul { padding: 0 0 0 20px; }

ul li
{
	padding: 0 0 0 20px;
	background: url(images/bullet.png) no-repeat 0 .5em;
	list-style: none;
}

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

/* tables */

table
{
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1em 0 2em;
}

caption, th, td
{
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}

th, td{
	font-size: 95%;
	padding: .5em;
}

thead th{
	background: #234572;
	color: #fff;
}



input, textarea, select, button { font: 100%/1.1 helvetica, arial, sans-serif; }

#commentform textarea{
	display: block;	
}

blockquote
{
	margin: 1.5em 0;
	padding: 1em;
	background: #eee;
}

blockquote p:last-of-type { margin: 0; }
::-webkit-input-placeholder { color: #333; }
:-moz-placeholder { color: #333; }

/* pre,code */
pre
{
	display: block;
	overflow: auto;
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #ccc;
	color: #444;
	background-color: #eee;
	/*
	background-image: url(images/numbers2.png);
	background-repeat: repeat-y;
	*/
	-moz-tab-size: 3;
	-o-tab-size: 3;
	tab-size: 3;
	font-size: 16px;
	font-family: Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
	line-height: 24px;
}

code
{
	font-size: 100%;
	font-family: Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
}

.e { color: #0000ff; }
.att { color: #990099; }
.val { color: #008000; }
.sel { color: #0000ff; }
.prop { color: #990099; }
.med { color: #CC0000; }
.comm { color: #FF0000; }

/* -----------------------------------
links
----------------------------------- */

a:link { color: #255585; }
a:visited { color: #144372; }

a:focus
{
	outline: 2px dotted;
	color: red;
}

a:hover { color: #468400; }

a:active
{
	outline: none;
	color: #000;
}

/* -----------------------------------
header
----------------------------------- */

.skipLink a:link, .skipLink a:visited { color: #fff; }

.headerContainer
{
	overflow: hidden;
	background-color: #234572;
	background-image: -webkit-linear-gradient(90deg, #234572, #23568b);
	background-image: linear-gradient(0deg, #234572, #23568b);
}

header, .content, footer { padding: 20px; }
.content { background: #fff; }

.logo
{
	width: 224px;
	margin: 0;
	padding: 20px 0;
	color: #fff;
	font: 40px/1 georgia, times, serif;
}

.logo span { color: rgb(189,202,218); }

.search-form
{
	width: 259px;
	height: 32px;
	margin: 1em 0 0;
	padding: 0;
}

#s
{
	float: left;
	width: 200px;
	height: 28px;
	margin: 0;
	border: none;
	border-radius: 10px 0 0 10px;
	padding: 2px 10px;
	color: #444;
}

.go { float: left; }

header nav 
{
	border-radius: 10px;
	background-color: #fff;
}

header nav ul
{
	margin: 1em 0;
	padding: 0;
}

header nav li
{
	margin: 0;
	border-top: 2px solid #ddd;
	padding: .5em 20px;
	background: none;
}

header nav li:first-child { border: none; }


/* -----------------------------------
footer
----------------------------------- */

.footerContainer 
{
	clear: both;
	overflow: hidden;
	padding: 30px 0;
	color: #fff;
	background-color: #255585;
	background-image: -webkit-linear-gradient(90deg, #144372, #255585);
	background-image: linear-gradient(0deg, #144372, #255585);
}

footer h2 { color: #fff; }
footer a:link, footer a:visited { color: #fff; }

footer ul
{
	margin: 0;
	padding: 0;
}

footer li
{
	margin: 0 0 .5em;
	padding: 0;
	background: none;
}

/* -----------------------------------
content
----------------------------------- */

.page h2{
	font-weight: bold;
}

/* -----------------------------------
classes
----------------------------------- */

.hidden
{
	position: absolute;
	left: -500em;
}

/* align */
.alignLeft
{
	float: left;
	margin: 0 1em 0 0;
}

.alignright
{
	float: right;
	margin: 0 0 0 1em;
}

/* margins */
.noMargin { margin: 0 !important; }
.noMarginTop { margin-top: 0 !important; }
.noMarginRight { margin-right: 0 !important; }
.noMarginBottom { margin-bottom: 0 !important; }
.noMarginLeft { margin-left: 0 !important; }
.marginTop { margin-top: 1em !important; }
.marginTopDouble { margin-top: 2em !important; }
.marginTopHalf { margin-top: .5em !important; }
.marginTopQuater { margin-top: .25em !important; }
.marginBottom { margin-bottom: 1em !important; }
.marginBottomDouble { margin-bottom: 2em !important; }
.marginBottomHalf { margin-bottom: .5em !important; }
.marginBottomQuater { margin-bottom: .25em !important; }
.marginRight { margin-right: 1em !important; }
.marginRightDouble { margin-right: 2em !important; }
.marginRightHalf { margin-right: .5em !important; }
.marginRightQuater { margin-right: .25em !important; }

/* paddings */
.noPadding { padding: 0 !important; }
.noPaddingTop { padding-top: 0 !important; }
.noPaddingRight { padding-right: 0 !important; }
.noPaddingBottom { padding-bottom: 0 !important; }
.noPaddingLeft { padding-left: 0 !important; }
.paddingTop { padding-top: 1em !important; }
.paddingTopDouble { padding-top: 2em !important; }
.paddingTopHalf { padding-top: .5em !important; }
.paddingTopQuater { padding-top: .25em !important; }
.paddingBottom { padding-bottom: 1em !important; }
.paddingBottomDouble { padding-bottom: 2em !important; }
.paddingBottomHalf { padding-bottom: .5em !important; }
.paddingBottomQuater { padding-bottom: .25em !important; }

/* sizes */
.small1 { font-size: 87.50%; }
.small2 { font-size: 81.25%; }
.small3 { font-size: 75%; }
.small4 { font-size: 68.75%; }
h2.small1 { font-size: 162.50%; }
h2.small2 { font-size: 137.5%; }
h3.small1 { font-size: 112.50%; }
h3.small2 { font-size: 100%; }
.caps { text-transform: uppercase; }

/* sizes */
.txtGray { color: #777; }
.txtRed { color: red; }

/* media */
.media { overflow: hidden; }
.media p { overflow: hidden; }

.imageShadow, #main .alignright, #main .alignleft
{
	padding: 5px;
	box-shadow: 4px 4px 5px #bbb;
}

form div { margin: 0 0 1em; }

.formElement, #commentform textarea
{
	width: 70%;
	margin: 0;
	border: 1px solid #bbb;
	border-radius: 5px;
	padding: .5em;
	-webkit-box-shadow: 0 3px 0 #eee inset;
	box-shadow: 0 5px 10px #eee inset;
}

/* -----------------------------------
button
----------------------------------- */

a.button, .button 
{
	overflow: hidden;
	border: none;
	border-radius: .5em;
	padding: .5em 1em;
	color: #fff;
	background-color: #255585;
	background-image: -webkit-linear-gradient(90deg, #144372, #255585);
	background-image: linear-gradient(0deg, #144372, #255585);
	text-decoration: none;
}

a.button:focus, .button:focus
{
	color: #fff;
	background-color: #a62121;
	background-image: -webkit-linear-gradient(90deg, #a62121, #df0000);
	background-image: linear-gradient(0deg, #a62121, #df0000);
}

a.button:hover, .button:hover
{
	color: #fff;
	background-color: #468400;
	background-image: -webkit-linear-gradient(90deg, #468400, #589c0b);
	background-image: linear-gradient(0deg, #468400, #589c0b);
}

a.button:active, .button:active
{
	color: #fff;
	background-color: #000;
	background-image: -webkit-linear-gradient(90deg, #000, #555);
	background-image: linear-gradient(0deg, #000, #555);
}