/*
Theme Name: Aspect Personnel
Theme URI: http://jobadder.com
Description: Custom Wordpress theme by JobAdder.com.
Version: 1.0
Author: JobAdder
Author URI: http://jobadder.com/
Tags: 
	 Aspect Personnel
	 http://www.aspectpersonnel.com.au/
*/


/* @reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* @/reset */

/* @typography */

body 
{ 
    font-size: 12px;
    font-family: Arial, Sans-Serif;
    background-color: #fff;
    color: #55575d;
}

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #000; margin-bottom: 0.5em; line-height: 1.3em; }

h1 { font-size: 16px; color: #c81d2b; }
h2 { font-size: 15px; color: #c81d2b; }
h3 { font-size: 12px; margin-bottom: 1em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

p           { margin: 0 0 1.5em 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #c81d2b; text-decoration: underline; }
a           { color: #c81d2b; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

li ul, 
li ol       { margin: 0 1.5em; }
ul, ol      { margin: 0 0 1.5em 15px; }

ul          { list-style-image: url(images/bullet.png); }
ol          { list-style-type: decimal; }

ul li ul	{ list-style-image: none; list-style-type: disc; }

/* @/typography */

/* @layout */

/*.clear { overflow: hidden; }*/
.clear:after{ content:".";display:block;height:0;clear:both;visibility:hidden}.clear{ display:block; }
.clear .left { float: left; }
.clear .right { float: right; }

#page {
	width: 960px;
	margin: 0 auto;
}


#page #menu {
    height: 41px;
    width: 928px;
    background-color: #000;
    padding-left: 32px;
    margin-top: 30px;
}

#page #menu a, #page #menu a:visited {
    display: block;
    line-height: 41px;
    color: #c5c8cb;
}

#page #menu a:hover {
    color: #dde1e4;
    text-decoration: none;
}

#page #menu div.left {
    width: 720px;
}

#page #menu div.right {
    width: 168px;
    text-align: right;
    padding-right: 32px;
}


#page #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#page #menu ul li {
    float: left;
    margin-right: 30px;
}


#page #header {
    width: 960px;
    height: 100px;
}

#page #header #logo {
    margin: 15px 0 0 30px;
}

#page #header #slogan {
    width: 535px;
    height: 100px;
    background: #fff url(images/bgHeader.png) no-repeat top right;
}


#page #contentWrapper {
    width: 958px;
    border: solid 1px #aaaaaa;
}

#page #contentWrapper #content {
    width: 717px;
    border-right: dotted 1px #aaaaaa;    
}

#page #contentWrapper #sidebar {
    width: 240px;
}

#page #contentWrapper #content #pageHeading {
    padding: 20px 20px 0px 20px;
}

#page #contentWrapper #content div.navigation {
    padding: 20px 20px 10px 20px;
}

#page #contentWrapper #content div.postItem {
    margin: 20px 10px 20px 10px; 
}

#page #contentWrapper #content div.postItem div.title {
    background: #d7d7d7 url(images/bgPostTitle.png) repeat-x top left;
    border: solid 1px #bebebe;
    padding: 5px 0 5px 20px;
}

#page #contentWrapper #content div.postItem div.title h2 { margin-bottom: 0; }

#page #contentWrapper #content div.postItem div.title h2, #page #contentWrapper #content div.postItem div.title h2 a, #page #contentWrapper #content div.postItem div.title h2 a:visited {
    line-height: 1.5em;
    color: #000;
    font-size: 16px;
    font-weight: normal;
}

#page #contentWrapper #content div.postItem div.title h2 a:hover {
    text-decoration: underline;
}

#page #contentWrapper #content div.postItem div.date {
    margin: 22px 0 0 20px;
}

#page #contentWrapper #content div.postItem div.date img {
    vertical-align: middle;
    margin-right: 6px;
}

#page #contentWrapper #content div.postItem div.date span {
    line-height: 16px;
    vertical-align: middle;
}

#page #contentWrapper #content div.postItem div.entry {
    /*margin: 22px 0 0 20px;*/
    padding: 22px 20px;
}

#page #contentWrapper #content div.postItem div.details {
    font-size: 11px;
    color: #000000;
    margin-top: 30px;
}

#page #contentWrapper #content div.postItem div.comments {
    text-align: right;
    margin-right: 10px;
}


#page #contentWrapper #sidebar div.section {
    border-bottom: dotted 1px #aaaaaa;
    padding: 20px;
}

#page #contentWrapper #sidebar div.section h2 {
    color: #c81d2b;
    font-size: 20px;
    font-weight: normal;
}

#page #contentWrapper #sidebar div.section ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#page #contentWrapper #sidebar #search {
    padding: 0 20px 20px 20px;
}

#page #contentWrapper #sidebar #search form {
    margin: 0;
    padding: 0;
}

#page #contentWrapper #sidebar #search form label {
    display: block;
    color: #000000;
}

#page #contentWrapper #sidebar #search form input.textbox {
    width: 146px;
    border: solid 1px #aaaaaa;
    padding: 2px 4px;
    margin-right: 5px;
    vertical-align: middle;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
}

#page #contentWrapper #sidebar #search form input.btn {
    vertical-align: middle;
}


#page #contentWrapper #content #comments {
    padding: 30px 20px 0 20px;
}

#page #contentWrapper #content #comments ol.commentList {
    margin-top: 20px;
}

#page #contentWrapper #content #comments ol.commentList li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
}


#page #contentWrapper #content #comments .navigation {
    padding: 0;
}

#page #contentWrapper #content #leaveReply {
    padding: 20px;
    margin-top: 20px;
}

#page #contentWrapper #content #leaveReply form {
}

#page #contentWrapper #content #leaveReply form p {
    margin-bottom: 8px;
}

#page #contentWrapper #content #leaveReply form label {
    color: #000;
}

#page #contentWrapper #content #leaveReply form input.textbox {
    width: 160px;
    border: solid 1px #aaaaaa;
    padding: 2px 4px;
    margin-right: 5px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
}

#page #contentWrapper #content #leaveReply form textarea {
    border: solid 1px #aaaaaa;
    padding: 2px 4px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    width: 400px;
}




#footer {
    margin: 20px 0 10px 0;
    text-align: center;
}


.alignRight { text-align: right; }
.alignLeft { text-align: left; }

/* @/layout */
