/*
Theme Name: expression
Theme URI: http://www.jpretorius.com/
Description: Main theme for jpretorius.com
Version: 1.0
Author: Jarques Pretorius
*/

@import 'reset.css';
@import 'comments.css';
@import 'sidebar.css';
@import 'homeportfolio.css';
@import 'popup.css';

body {
	background-color: #f4f4eb;
	background-image: url(images/bgTop.jpg);
	background-repeat: repeat-x;
}
#wrapper {
	background-color: #fff;
	border: 1px solid #b1b0a7;
	width: 870px;
	padding: 1px;
	margin: 0 auto;
}
#content {
	padding: 10px;
}
#header {
	background-image: url(images/headerImage.png);
	background-repeat: no-repeat;
	height: 101px;
}
#twitter {
	width: 870px;
	min-height: 40px;
	background-image: url(images/twitter.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}
#twitter p {
	font-family: Verdana;
	color: #4b4b4b;
	padding: 15px 0px 0px 55px;
	font-size: 11px;
}
#twitter a:link {
	text-decoration: none;
	color: #4b4b4b;
}
#twitter a:hover {
	text-decoration: underline;
	color: #2f2f2f !important;
}
#twitter a:visited {
	text-decoration: none;
	color: #4b4b4b;
}
#twitter #whenTwit{
	float: right;
	font-family: Verdana;
	color: #a1a197;
	font-size: 10px;
}
#logo {
	width: 177px;
	height: 55px;
	float: right;
	margin: 15px;
}
#logo img {
	border: none;
}

/* Navigation: */
#navigation {
	padding-top: 81px;
	padding-left: 10px;
}
#navigation .on {
	background: #fff;
	color: #f75600;
	font-family: Georgia;
	font-size: 14px;
	border-bottom: 1px solid #fff;
}
#navigation .off{
	background: #f86e24;
	color: #fff;
	font-family: Georgia;
	font-size: 14px;
	border-bottom: 1px solid #be6224;
}
#navigation .off:hover {
	background: #fff;
	color: #f75600 !important;
	font-family: Georgia;
	font-size: 14px;
	border-bottom: 1px solid #fff;
	cursor: pointer;
}
#navigation .off:hover a:link{
	color: #f75600 !important;
}
#navigation span {
	display: inline;
	padding: 4px 9px;
}
#navigation .off a {
	color: #fff;
	text-decoration: none;
}
#navigation .off a:hover {
	color: #f75600;
	text-decoration: none;
}
.post {
	width: 515px;
	margin-bottom: 20px;
}
.post p strong {
	font-weight: 700;	
}
.post h2 {
	font-family: Helvetica, Verdana;
	font-size: 24px;
	color: #4fabd6 ;
}
.post h2 a {
	color: #4fabd6;
	text-decoration: none;
}
.post h2 a:hover {
	color: #4fabd6;
	text-decoration: underline !important;
}
.post h2 a:visited {
	color: #4fabd6;
	text-decoration: none;
}
.post a {
	color: #4fabd6;
	text-decoration: none;
}
.post a:hover {
	color: #4fabd6;
	text-decoration: underline !important;
}
.post a:visited {
	color: #4fabd6;
}
.post .postCategory p {
	font-family: Verdana;
	font-size: 10px;
	color: #ff6600;
	margin-bottom: 14px;
}
.post .postCategory a {
	color: #ff6600;
	text-decoration: none;
}
.post .postCategory a:hover {
	color: #ff6600;
	text-decoration: underline !important;
}
.post .postCategory a:visited {
	color: #ff6600;
	text-decoration: none;
}
.post .postbody p {
	font-family: Verdana;
	font-size: 12px;
	line-height: 14px;
	color: #454545;
	margin-bottom: 14px;
}
.post .comments {
	border-top: 1px dashed #d0d0d0;
}
.post .comments p {
	float: right;
	color: #454545;
	font-family: Verdana;
	font-size: 10px;
}
.post .comments a {
	color: #454545;
	text-decoration: none;
	padding: 2px;
	display: block;
}
.post .comments a:hover {
	color: #454545;
	text-decoration: underline !important;
}
.post .comments a:visited {
	color: #454545;
}
#footer {
	width: 870px;
	margin: 4px auto;
	font-family: Verdana;
	font-size: 10px;
}
#rss {
	position: absolute;
	margin-left: -24px;
	margin-top: 4px;
}
.postdate {
	float: left;
	padding: 3px;
}
.postrule {
	border: none;
	width: 503px;
	height: 16px;
	background: url(images/horRule.jpg);
}