/*
Theme Name: Robin Grobler
Theme URI: http://aodesign.co.za/
Description: 
Version: 1.0
Author: Arie Olivier
Tags: 
*/

/* Headings */

.entry-title {	
	clear: both;
	font-weight: 100;
	color: #504b81;
	text-transform: uppercase;
}
.entry-title {
	margin: 0 0 1rem 0;
}
.postmetadata {
	clear: both;
	padding: 0 2px 10px 2px;
	border-bottom: 1px dotted #CCC;
	margin-top: 12px;
}

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

.navigation {
	color: #666;
	font-size: 11px;
	line-height: 18px;
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
.navigation a:link,
.navigation a:visited {
	color: #F66;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #0094B2;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #efefef;
	border: 1px solid #e0e0e0;
	margin-bottom: 12px;
	max-width: 700px !important; /* prevent too-wide images from breaking layout */
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}
.wp-caption img {
	margin: 5px;
}
.wp-caption p.wp-caption-text, #content .wp-caption p {
	color: #666;
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 130%;
	margin: 3px 5px;
	text-align: center;
}
.wp-smiley {
	margin: 0;
}
.cat-entry img {
	float: right;
	margin: 0.2rem 0 0.1rem 1rem;
}

/* FS Contact Form */

.fscf-div-redirecting {
	color: #056839;
}
.fscf-required-text, .nf-form-fields-required {
	font-size: 60%;
}
.fscf-div-error {
	color: red;
	font-size: 0.875rem;
}

/* Comments */

#comments {
	font-size:14px;
}

.commentlist {
	margin:20px 0;
	padding:0;
	border-width:0 0.1em 0.1em 0;
	border-color:#eee;
	border-style:solid;
	text-align: left;
}

.commentlist li {
	list-style:none;
	margin:0;
	padding:0;
	border-width:0.1em 0 0 0.1em;
	border-color:#eee;
	border-style:solid;
}
#content .commentlist li p {
	text-align: left;
}

li.comment div, li.pingback div {
	padding:20px;
	overflow:auto;
}

li.comment div div, li.pingback div div {
	padding:0;
	overflow:visible;
}

.commentlist li.even {
	background-color:#fafafa;
}

.commentlist li.odd {
	background-color:#f6f6f6;
}

ul.children li {
	list-style:none;
}

.avatar {
	float:right;
	border:1px solid #eee;
	padding:2px;
	margin:0;
	background:#fff;
}

.comment-meta, .reply {
	margin:0;
	padding:0;
	font-size:0.8em;
}

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


textarea#comment {
	width:80%;

}

#comments div.navigation {
	font-size:0.9em;
}