/* CSS Document */

/*	Description: DESIGN CULPRIT
	Author: Margaret Grobler
	Date: 10 November, 2008 */
	
	/*	TEMP   */	
			#top-badge {
				position: absolute;
				top: -15px;
				left: 775px;
			}
			#top-badge a {
				border-bottom: 0 !important;
			}	
	
* {
	margin: 0;
	padding: 0;
}

body {
	background: #161513 url("images/page-assets/bg-gradient.jpg") repeat-x 0 0;
	font-size: 0.75em;
	color: #fdf4d6;
	letter-spacing: 0.07em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

#container {
	width: 973px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

.hide {
	display: none;
}

.clearing {
	clear: both;
}

a {
	color: #ece2af;
	text-decoration: none;
	border-bottom: 1px solid #807b60;
}

a:hover {
	color: #BDA86A;
/*	border-bottom: 1px solid #BDA86A;*/
}

a.dark:link, a.dark:visited, a.dark:active {
	color: #cf8048;
	text-decoration: none;
	border-bottom: 1px solid #9c6036;
}

a.dark:hover {
	color: #c56a3e;
	border-bottom: 1px solid #98502e;
}

.last-link {
	border: 0 !important;
	padding-right: 0 !important;
}

li {
	list-style-type: none;
}

a.big-button {
	border: none;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	background: #131211;
	line-height:166%;
	padding: 2px 8px 3px;
	color: #cf8048 !important;
	font-style:italic;
	text-align:left; 
}

a.big-button:hover {
	background: #000;
	color: #e6d89c !important;
}

h1 {
	border-top:1px solid #35312E;
	color: #5b5543;
	margin: 22px 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	font-style: italic;
}

h1 a {
	float:right;
	border-bottom:0;
	color: #5b5543;
}

/* ============================================= HEADER & NAV */

#header {
	background: url("images/page-assets/bg-header.jpg") no-repeat 0 0;
	height: 207px;
}

#header h1 {
	border: 0;
	margin: 0;
}

/* ============ */

ul#nav {
	float: left;
	text-decoration:none;
	list-style-type: none;
	padding-left:562px;
}

ul#nav li {
	color:#CEA955;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-weight:bold;
	font-size:1.1em;
	letter-spacing:0.16em;
	text-transform:uppercase;
	margin-bottom:3px;
	padding:17px 38px 0 0;
	float: left;
}

ul#nav li a {
	border: 0 !important;
}

/* ============================================= MAIN CONTENT */


#content {
	background: url("images/page-assets/bg-content.jpg") no-repeat 0 0;
	/*text-align: justify;*/
	line-height: 160%;
	padding: 18px 7px 18px 30px;
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", san-serif;
}

p {
	margin-bottom: 10px;
}

h2 {
	color: #b09d66;
	font: 1.1em Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.22em;
	text-transform: uppercase;

}

h3 {
	color: #e6d89c;
	font: 1.1em Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.1em;
	font-style: italic;
}

.top-left h2 {
	color: #e6d89c;
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.05em;
	text-transform: none;
	font-style: italic;
	margin-bottom: 10px;
}

.top-left li {
	list-style-type: square;
	list-style-position: inside;
}

.top-left {
	width: 655px;
	float: left;
}

.intro {
	font: 1.35em Georgia, "Times New Roman", Times, serif;
/*	background: #1b1717;*/
	line-height:154%;
	padding: 2px;
	color: #f0ae6c;
	font-style:italic;
	text-align:left;
	letter-spacing:0.04em;
}

.intro a {
	border: none; 
	color: #F0AE6C;
}

.intro a:hover {
	color: #cf8048;
}

.column {
	float: left;
	width: 190px;
	margin:13px;
}

.column a {
	color: #E6D89C;
}

.column a {
	color: #E6D89C;
}

.column a:hover {
	color: #BDA86A;
}

.top-right  {
	width: 264px;
	float: left;
	margin-right: 7px;
}

.top-right a {
	border: none;
}

.top-right img {
	border: none;
}

#twitter_div h2 {
	background:url("images/page-assets/tweet-heading.gif") no-repeat;
	width:165px;
	height:54px;
	float: left;
}

#twitter_div a {
	color: #F0AE6C;
	font-style:italic;
}

#twitter_div a.follow {
	padding-top:30px; 
	display:block;	
	float: right;
	color:#c76c2a;
	border-bottom:1px solid #9C6036;
	font-style:italic;
	font-size: 12px;
	letter-spacing:0.11em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#twitter_div a:hover {
	color: #d08650;
}

#twitter_update_list {
	padding: 5px 0 0 25px;
}


#flickr {
	background:url("images/page-assets/flickr-bg.gif") no-repeat;
	width:264px;
	height:110px;
	padding:14px 0 0 50px;
}

#flickr a img {
	border:7px solid #201E1C;
	float:left;
	height:69px;
	margin-right:7px;
	padding:2px;
	width:78px;
}

#flickr a:hover img {
	border:7px solid #543326;
}

ul#social-box {
	margin-top: 20px;
}

ul#social-box li {
	list-style-type: none;
	float: left;
}

ul#social-box li a  {
	display: block;
	width: 32px;
	margin-left: 5px;
	height: 52px;
}

a.stumble {
	background: url("images/page-assets/social-stumble.jpg") no-repeat 0 -52px; 
	margin-left:13px;
}

a.stumble:hover {
	background: url("images/page-assets/social-stumble.jpg") no-repeat 0 0; 
}

a.twitter {
	background: url("images/page-assets/social-twitter.jpg") no-repeat 0 -52px; 
}

a.twitter:hover {
	background: url("images/page-assets/social-twitter.jpg") no-repeat 0 0; 
}

a.digg {
	background: url("images/page-assets/social-digg.jpg") no-repeat 0 -52px; 
}

a.digg:hover {
	background: url("images/page-assets/social-digg.jpg") no-repeat 0 0; 
}

a.delicious {
	background: url("images/page-assets/social-delicious.jpg") no-repeat 0 -52px; 
}

a.delicious:hover {
	background: url("images/page-assets/social-delicious.jpg") no-repeat 0 0; 
}

a.technorati {
	background: url("images/page-assets/social-technorati.jpg") no-repeat 0 -52px; 
}

a.technorati:hover {
	background: url("images/page-assets/social-technorati.jpg") no-repeat 0 0; 
}

a.email {
	background: url("images/page-assets/social-email.jpg") no-repeat 0 -52px; 
}

a.email:hover {
	background: url("images/page-assets/social-email.jpg") no-repeat 0 0; 
}

a.facebook {
	background: url("images/page-assets/social-facebook.jpg") no-repeat 0 -52px; 
}

a.facebook:hover {
	background: url("images/page-assets/social-facebook.jpg") no-repeat 0 0; 
}



/* ========================= PROJECTS */

.project {
	font-size: 12px;
	text-align: left;
	line-height: 140%;
	letter-spacing: 0.05em;
	margin: 10px 0;
	float: left;	
}

.left {
	margin-right: 30px;
	float: left;
}

.project h2 {
	margin-bottom: 4px;
}

.project p {
	margin-bottom: 5px;
	color: #867e6b;
	font-size:1.1em;
	letter-spacing:0.2px;
}

.project a {
	color: #ECE2AF;
	border: none;
}

.project a:hover{
	color: #BDA86A;
/*	border-bottom: 1px solid #BDA86A;*/
}

.project span {
	color: #605c4e;
	text-transform:uppercase;
	letter-spacing: 0.25em;
	font-size: 0.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.image-box {
	background: #282524;
	border: 1px solid #35312e;
	width: 435px;
	height: 160px;
	padding: 8px;
	margin: 14px 0;	
}

.image-box li {
	float: left;
	background-color: #35312e;
	width: 26px;
	height: 76px;
}

.image-box li.big {
	margin-right: 7px;
	width: 402px;
	height: 156px;
}

.image-box li.top {
	margin-bottom: 6px;
}

.image-box img {
	border: none;
	margin: 0;
	padding: 0;
}

.image-box a {
	border: 1px solid #35312e;
	margin: 0;
	padding: 0;
	display: block;
}

.image-box a:hover {
	border: solid 1px #BDA86A;
}

/* ========================= Thumbs 

.thumbs {
	width: 980px;
	margin-bottom: 20px;
}

.thumbs img {
	margin: 7px 14px 7px 0;
	border: solid 1px #161513;
}

.thumbs a {
	border-bottom: none !important;
}


.thumbs a:hover img{
	border: solid 1px #CEA955;
}*/


/* ============================================= FOOTER */

#footer {
	color: #807b60;
	font-style: italic;
	font-size: 11px;
	text-align: right;
}