/*
Theme Name: Stonewall+ Default
Theme URI: http://www.stonewall.co.za/
Description: The Stonewall+ theme.
Version: 1.0
Author: Gerhard
Author URI: http://www.stonewall.co.za
Tags: stonewall, digital, marketing

*/

body {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #222222;
	background: #ffffff url(images/bg_body.jpg) repeat-x;
}

a {
	color: #f70064;
}

a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p, form {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

/* Start Generic */

.clearboth {
	clear: both;
	height: 0px;
	line-height: 0px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.fr2 {
	float: right;
	padding: 5px 0 0;
}

.fr3 {
	float: right;
	padding: 3px 0 0;
}

.hide {
	display: none;
}

/* End Generic */

/* Start Main Container */

#container {
	width: 940px;
	margin: 0 auto;
}

	/* Start Heading */
	
	#heading {
		width: 940px;
		height: 269px;
		padding: 10px 0 0;
		position: relative;
	}
	
	#heading #logo_top {
		position: absolute;
		top: 113px;
		left: 0;
	}
		
		/* Start Top Nav */
		
		#topnav {
			float: left;
		}
		
		#topnav a {
			display: block;
			height: 20px;
			border-right: 1px solid #1a1a1a;
			float: left;
			padding: 10px 8px 0;
			font-size: 11px;
			text-transform: uppercase;
			text-decoration: none;
			color: #ffffff;
		}
		
		#topnav a.active,
		#topnav a:hover {
			color: #f70064;
		}
		
		#topnav a.last {
			border-right: 0px;
		}
		
		/* End Top Nav */
		
		/* Start Top Nav Right */
		
		#topnav_right {
			float: right;
			/*padding: 0 150px 0 0;*/
		}
		
		#topnav_right a {
			display: block;
			height: 14px;
			border-right: 1px solid #1a1a1a;
			float: left;
			margin: 8px 0 0;
			padding: 2px 8px 0 31px;
			font-size: 11px;
			text-transform: uppercase;
			text-decoration: none;
			color: #555555;
		}
		
		#topnav_right a:hover {
			color: #ffffff;
		}
			
			#topnav_right a.flickr {
				background: url(images/icon_flickr.gif) 8px 0 no-repeat;
			}
			
			#topnav_right a.youtube {
				background: url(images/icon_youtube.gif) 8px 0 no-repeat;
			}
			
			#topnav_right a.facebook {
				background: url(images/icon_facebook.gif) 8px 0 no-repeat;
			}
			
			#topnav_right a.twitter {
				background: url(images/icon_twitter.gif) 8px 0 no-repeat;
			}
			#topnav_right a.vimeo {
				background: url(images/icon_vimeo.gif) 8px 0 no-repeat;
			}
		
		#swnetwork {
			display: block;
			width: 123px;
			height: 21px;
			background: url(images/bg_swnetwork.gif) no-repeat;
			float: right;
			font-size: 11px;
			color: #777777;
			text-decoration: none;
			padding: 5px 0 0 26px;
			margin: -20px 0 0;
		}
		
		#swnetwork:hover {
			color: #ffffff;
		}
		
		#swnetwork:hover span {
			color: #e50278;
		}
		
		/* End Top Nav Right */
		
		/* Start Twitter */
		
		#twitter_block {
			position: absolute;
			bottom: 55px;
			right: 30px;
			width: 304px;
			height: 51px;
			background: url(images/bg_twitter.gif) no-repeat;
			color: #767676;
			font-size: 12px;
			padding: 40px 40px 30px 35px
		}
		
		#twitter_block span {
			color: #ffffff;
			font-size: 10px;
		}
		
		#btn_follow {
			position: absolute;
			bottom: 156px;
			right: 158px;
			z-index: 9999;
		}
		
		#twitter_bird {
			position: absolute;
			bottom: -25px;
			right: -20px;
		}
		
		/* End Twitter */
		
	/* End Heading */
	
	/* Start Content */
	
	#content {
		padding: 25px 0;
	}
	
	#content .line {
		height: 21px;
		background: url(images/line_content.gif) repeat-x;
		clear: both;
	}
		
		/* Start Content Left */
		
		#content_left {
			width: 530px;
			float: left;
			overflow: hidden;
		}
		
			/* Start Post */
			
			.post {
				padding: 0 0 25px;
			}
			
			.post .date {
				background: #e9e9e9;
				border: 1px solid #c6c6c6;
				color: #777777;
				font-size: 11px;
				padding: 3px 5px;
				float: left;
			}
			
			.post h2 {
				color: #f70064;
				font-size: 28px;
				font-weight: normal;
				margin: 0;
				padding: 15px 0 5px;
			}
			
			.post h2 a {
				text-decoration: none;
			}
			
			.post h2 a:hover {
				text-decoration: underline;
			}		
			
			.post p {
				line-height: 19px;
				padding: 0 0 15px;
			}
			
			.post .readmore {
				display: block;
				width: 129px;
				height: 25px;
				background: url(images/bg_readmore.gif) no-repeat;
				font-size: 11px;
				text-transform: uppercase;
				color: #ffffff;
				text-decoration: none;
				margin: 0 10px 0 0;
				padding: 0 9px;
				line-height: 24px;
				float: left;
			}
			
			.post .readmore span {
				color: #f70064;
			}
			
			.post .readmore:hover {
				color: #f70064;
			}
			
			.post .author {
				display: block;
				height: 25px;
				background: url(images/bg_author.gif) no-repeat;
				font-size: 12px;
				color: #777777;
				text-decoration: none;
				margin: 0 10px 0 0;
				padding: 0 0 0 20px;
				line-height: 24px;
				float: left;
			}
			
			.post .author:hover {
				text-decoration: underline;
			}
			
			.post .comments {
				display: block;
				height: 25px;
				background: url(images/bg_comments.gif) no-repeat;
				font-size: 12px;
				padding: 0 0 0 20px;
				line-height: 24px;
				float: left;
			}
			
			.post .sharethis a {
				color: #777777;
				text-decoration: none;
			}
			
			.post .sharethis a:hover {
				text-decoration: underline;
			}
						
			.post .tags {
				font-size: 11px;
				text-align: right;
			}
			
			.post .tags a {
				text-decoration: none;
				color: #222222;
			}
			
			.post .tags a:hover {
				text-decoration: underline;
			}
						
			/* End Post */
			
			/* Start Pagination */
			
			.wp-pagenavi {
				padding: 15px 0 0;
				font-size: 12px;
			}
			
			.wp-pagenavi a {
				display: block;
				margin: 0 3px 0 0;
				padding: 3px 6px;
				border: 1px solid #d9d9d9;
				float: left;
				color: #222222;
				text-decoration: none;
			}
			
			.wp-pagenavi a:hover {
				color: #ef0061;
			}
			
			.wp-pagenavi span {
				display: block;
				margin: 0 3px 0 0;
				padding: 3px 6px;
				border: 1px solid #d9d9d9;
				color: #777777;
				float: left;
			}
			
			.wp-pagenavi .current {
				font-weight: bold;
				color: #ef0061;
			}
			
			/* End Pagination */
			
			/* Start Comments */
			
			.commentfields label {
				float: left;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 13px;
				line-height: 50px;
			}
			
			.com_author,
			.com_email,
			.com_url {
				width: 310px;
				height: 55px;
				background: url(images/bg_input1_comment.gif) no-repeat;
				float: left;
				padding: 0 10px 0 0;
			}
			
			.com_author input,
			.com_email input,
			.com_url input {
				border: 0;
				background: none;
				width: 290px;
				height: 27px;
				padding: 10px;
				font-size: 19px;
				font-weight: normal;
				font-family: Arial, Helvetica, sans-serif;
			}
			
			#comment {
				border: 0;
				background: url(images/bg_input2_comment.gif) no-repeat;
				width: 510px;
				height: 117px;
				margin: 0 0 8px;
				padding: 10px;
				font-size: 13px;
				font-weight: normal;
				font-family: Arial, Helvetica, sans-serif;
				overflow: auto;
			}
				
				.commenthead {
					font-size: 18px;
					font-weight: normal;
					padding: 10px 0 15px;
				}
				
				.comment {
					padding: 20px 10px;
					border-bottom: 1px solid #c4c4c4;
				}
				
				.comment.odd {
					background: #e9e9e9;
				}
				
				.comment_author_link {
					font-size: 18px;
				}
				
				.comment_author_link a {
					text-decoration: none;
					color: #222222;
				}
				
				.comment_head {
					padding: 0 0 10px;
					color: #777777;
					font-size: 11px;
				}
				
				.comment_head img {
					border: 4px solid #ffffff;
					margin: 0 10px 0 0;
				}
				
				.comment_author_link a:hover {
					text-decoration: underline;
				}
			
			/* End Comments */
			
		/* End Content Left */
		
		/* Start Content Right */
		
		#content_right {
			width: 380px;
			float: right;
		}
			
			/* Start Search */
			
			#search {
				padding: 0 0 15px;
			}
			
			#search .input_search {
				width: 268px;
				height: 30px;
				background: url(images/bg_search.gif) no-repeat;
				float: left;
			}
			
			#search .input_search input {
				border: 0;
				margin: 0;
				padding: 0;
				width: 243px;
				height: 21px;
				font-size: 12px;
				color: #aaaaaa;
				padding: 7px 10px 0;
				background: none;
			}
			
			#search .input_searchbtn {
				float: left;
			}
			
			/* End Search */
			
			/* Start Sidebar Elements */
			
			#sidebar {
				border: 1px solid #c5c5c5;
				background: #e9e9e9;
				padding: 20px;
				font-size: 12px;
			}
			
			#sidebar #about h3 {
				font-size: 25px;
				font-weight: normal;
				padding: 0 0 10px;
			}
			
			#sidebar #about h3 span {
				color: #f70064;
			}
			
			#sidebar #about p {
				
				line-height: 18px;
				padding: 0 0 15px;
			}
			
				/* Start Categories */
				
				#categories {
					width: 155px;
					padding: 10px 30px 0 0;
					float: left;
				}
				
				#categories h3 {
					font-size: 16px;
					color: #f70064;
					padding: 0 0 15px;
				}
				
				#categories ul {
					margin: 0;
					padding: 0;
				}
				
				#categories ul li {
					margin: 0;
					padding: 0 0 15px 15px;
					list-style: none;
					background: url(images/bg_sidebarli.gif) 0 4px no-repeat;
				}
				
				#categories ul li a {
					color: #222222;
					text-decoration: none;
				}
				
				#categories ul li a:hover {
					text-decoration: underline;
				}
				
				/* End Categories */
				
				/* Start Archive */
				
				#archive {
					width: 130px;
					padding: 10px 0 0;
					float: left;
				}
				
				#archive h3 {
					font-size: 16px;
					color: #f70064;
					padding: 0 0 15px;
				}
				
				#archive ul {
					margin: 0;
					padding: 0;
				}
				
				#archive ul li {
					margin: 0;
					padding: 0 0 15px 15px;
					list-style: none;
					background: url(images/bg_sidebarli.gif) 0 4px no-repeat;
				}
				
				#archive ul li a {
					color: #222222;
					text-decoration: none;
				}
				
				#archive ul li a:hover {
					text-decoration: underline;
				}
				
				/* End Archive */
				
				/* Start Latest Tweets */
				
				#latest_tweets {
					padding: 10px 0 5px;
					min-height: 1px;
				}
				
				#latest_tweets h3 {
					font-size: 16px;
					color: #f70064;
					padding: 0 0 15px;
				}
				
					/* Start Tweet */
					
					.tweet {
						padding: 0 0 10px;
					}
					
					.tweet .link {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 10px;
						color: #999999;
						text-decoration: none;
					}
					
					.tweet .link:hover {
						text-decoration: underline;
					}
					
					.tweet .time {
						font-family: Arial, Helvetica, sans-serif;
						font-size: 10px;
						color: #999999;
					}
					
					/* End Tweet */
				
				/* End Latest Tweets */
				
				/* Start Latest Flickr */
				
				#latest_flickr {
					padding: 10px 0 0;
				}
				
				#latest_flickr h3 {
					font-size: 16px;
					color: #f70064;
					padding: 0 0 15px;
				}
				
				#latest_flickr a {
					display: block;
					width: 45px;
					height: 45px;
					border: 4px solid #000000;
					float: left;
					margin: 0 14px 14px 0;
				}
				
				#latest_flickr a:hover {
					border: 4px solid #f70064;
				}
				
				/* End Latest Flickr */
				
			/* End Sidebar Elements */
			
			/* Start Subscribe to RSS */
			
			#subscribe_rss {
				padding: 18px 0;
			}
			
			#subscribe_rss a {
				display: block;
				width: 110px;
				height: 26px;
				background: url(images/bg_rss.gif) no-repeat;
				color: #ffffff;
				font-size: 11px;
				line-height: 25px;
				text-decoration: none;
				padding: 0 0 0 26px;
				float: right;
			}
			
			#subscribe_rss a:hover {
				color: #f9931c;
			}
			
			/* End Subscribe to RSS */
			
		/* End Content Right */
		
	/* End Content */
	
/* End Main Container */

/* Start Footer */

#footer {
	background: #0c0c0c;
	height: 85px;
}

#footer_in {
	width: 940px;
	margin: 0 auto;
	padding: 26px 0 0;
	color: #333333;
	font-size: 11px;
}

#footer_in a {
	color: #333333;
}

#footer_in .fl a {
	text-decoration: none;
}

#footer_in .fl a span {
	color: #f70064;
}

/* End Footer */