/*
Theme Name: Win This
Theme URI: http://www.winthis.co.za/
Description: The Win This Theme.
Version: 1.0
Author: <a href="http://blog.codeninja.co.za">codeNinja</a> & <a href="http://blog.phreek.za.net">phreek</a>

*/

* {
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #003a66 url(../images/back_body.gif) repeat-x;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

img {
	border: 0;
}

h2, h3, p, h6 {
	margin: 0;
	padding: 0;
}

/* Start Generic */

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

.tooltip{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 3;
   display: none;
}

#page {
	background: #074675 url(../images/back_page.gif) repeat-x;
}

.tracking {
	position: absolute;
}

.error {
	color: #e25151;
}

/* End Generic */

/* Start Main Container */

#container {
	width: 963px;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px;
}
	
	/* Start Content Left */
	
	#contentleft {
		float: left;
		width: 604px;
		padding: 20px 0 20px 0;
	}
		
		/* Start Top Nav */
		
		#topnav {
			margin: 0;
			padding: 0;
			height: 30px;
		}
		
		#topnav li {
			margin: 0;
			padding: 0 25px 0 0;
			height: 30px;
			list-style: none;
			float: left;
		}
		
		#topnav li a {
			display: block;
			height: 30px;
			float: left;
			background-image: url(../images/topnav.gif);
		}
		
		#topnav li a span {
			display: none;
		}
		
		#topnav2 {
			margin: 0;
			padding: 0;
			height: 90px;
		}
		
		#topnav2 li {
			margin: 0;
			padding: 0 25px 0 0;
			height: 30px;
			list-style: none;
			float: left;
		}
		
		#topnav2 li a {
			display: block;
			height: 30px;
			float: left;
			background-image: url(../images/topnav2.gif);
		}
		
		#topnav2 li a span {
			display: none;
		}
		
			#nav1 a { width: 43px; background-position: 0 0; }
			#nav1 a:hover { width: 43px; background-position: 0 -30px; }
			#nav1_act a { width: 43px; background-position: 0 -30px; }
			
			#nav2 a { width: 70px; background-position: -69px 0; }
			#nav2 a:hover { width: 70px; background-position: -69px -30px; }
			#nav2_act a { width: 70px; background-position: -69px -30px; }
			
			#nav3 a { width: 132px; background-position: -165px 0; }
			#nav3 a:hover { width: 132px; background-position: -165px -30px; }
			#nav3_act a { width: 132px; background-position: -165px -30px; }
			
			#nav4 a { width: 84px; background-position: -329px 0; }
			#nav4 a:hover { width: 84px; background-position: -329px -30px; }
			#nav4_act a { width: 84px; background-position: -329px -30px; }
			
			#nav5 a { width: 126px; background-position: -444px 0; }
			#nav5 a:hover { width: 126px; background-position: -444px -30px; }
			#nav5_act a { width: 126px; background-position: -444px -30px; }
			
		/* End Top Nav */
		
		/* Start Featured Block */
		
		#featured {
			width: 604px;
			height: 340px;
			margin: 0 0 30px 0;
		}
		
		/* End Featured Block */
		
		/* Start Post */
		
		.featured {
			width: 564px;
			height: 231px;
			padding: 5px 20px;
			background: url(../images/featured_back.png);
		}
		
		.post {
			width: 584px;
			padding: 0 10px;
			background: #6dafe0;
		}
		
		.featured p,
		.post p {
			padding: 0 0 10px;
		}
		
		.featured a,
		.post a {
			color: #002541;
			text-decoration: none;
		}
		
		.featured a:hover,
		.post a:hover {
			color: #196095;
			text-decoration: underline;
		}
		
		.featured h3 {
			font-size: 21px;
			padding: 5px 0 10px;
			color: #ffffff;
			font-weight: normal;
		}
		
		.post h3 {
			font-size: 17px;
			padding: 0 0 10px;
		}
		
		.page {
			width: 564px;
			padding: 5px 20px;
			background: #6dafe0;
			color: #002541;
		}
		
		.page p {
			padding: 0 0 10px;
		}
		
		.page a {
			color: #002541;
			text-decoration: none;
		}
		
		.page a:hover {
			color: #196095;
			text-decoration: underline;
		}
		
		
		
		.page h3 {
			font-size: 17px;
			padding: 0 0 10px;
		}
		
			.post_frame {
				float: left;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				background-image: url(../images/image_backup.gif);
			}
			
			.featured_right {
				float: right;
				width: 370px;
				color: #002541;
			}
			
			.featured_right p {
				margin: 0;
				padding: 0 0 10px;
			}
			
			.post_right {
				float: right;
				width: 390px;
				color: #002541;
			}
			
			.post_right p {
				margin: 0;
				padding: 0 0 10px;
			}
					
				.post_copy {
					min-height: 125px;
				}
				
				.enternow {
					float: left;
					padding: 6px 0 0 0;
				}
				
				.enternow a {
					display: block;
					width: 141px;
					height: 36px;
					background: url(../images/button_enternow.gif) 0 0;
				}
				
				.enternow a:hover {
					background: url(../images/button_enternow.gif) 0 -36px;
				}
				
				.enternow a span {
					display: none;
				}
				
				.postsocial {
					float: right;
				}
				
				.postsocial a {
					float: left;
				}
				
				.icon_facebook2 {
					display: block;
					width: 45px;
					height: 45px;
					background: url(../images/icon_facebook2.gif) no-repeat;
					position: relative;
				}
				
				.icon_twitter2 {
					display: block;
					width: 45px;
					height: 45px;
					background: url(../images/icon_twitter2.gif) no-repeat;
					position: relative;
				}
				
				.icon_facebook3 {
					display: block;
					width: 45px;
					height: 45px;
					background: url(../images/icon_facebook3.png) no-repeat;
					position: relative;
				}
				
				.icon_twitter3 {
					display: block;
					width: 45px;
					height: 45px;
					background: url(../images/icon_twitter3.png) no-repeat;
					position: relative;
				}
				
				.icon_facebook2 img,
				.icon_twitter2 img,
				.icon_facebook3 img,
				.icon_twitter3 img {
					position: absolute;
					top: -32px;
					right: 10px;
					display: none;
				}
				
				
		.post_bottom {
			margin: 0 0 20px 0;
		}
		
		/* End Post */
		
		/* Start Pagination */
		
		.wp-pagenavi {
			font-size: 14px;
			font-weight: bold;
			color: #013b66;
			float: right;
			margin: 0 0 20px 0;
			height: 15px;
		}
		
		.wp-pagenavi a {
			color: #013b66;
			text-decoration: none;
		}
		
		.wp-pagenavi a:hover {
			color: #ffffff;
		}
		
		.wp-pagenavi .current {
			color: #ffffff;
		}
		
		.wp-pagenavi a,
		.wp-pagenavi span,
		.wp-pagenavi p,
		.wp-pagenavi div {
			float: left;
		}
		
		.wp-pagenavi a span {
			cursor: pointer;
		}
		
		.wp-pagenavi a,
		.wp-pagenavi span,
		.wp-pagenavi div {
			display: block;
			height: 16px;
		}
		
		.wp-pagenavi a,
		.wp-pagenavi span {
			margin: 0 3px 0 0;
		}
		
		.wp-pagenavi span span,
		.wp-pagenavi a span {
			margin: 0 0 0 0;
		}
		
		.wp-pagenavi a,
		.current,
		.pages {
			background: url(../images/pnumber_right.gif) 100% 0 no-repeat;
			padding: 0 1px 0 0;
			height: 16px;
		}
		
		#container .wp-pagenavi a span,
		#container .current span,
		#container .pages span {
			background: url(../images/pnumber_left.gif) no-repeat;
			padding: 0 4px 0 5px;
			height: 16px;
		}
		
		/* End Pagination */
		
	/* End Content Left */
	
	/* Start Sidebar */
	
	#sidebar {
		float: right;
		width: 334px;
		padding: 0 0 40px 0;
	}
	
		#button_news {
			margin: 0 0 20px 0;
		}
		
		/* Start Side Head */
		
		#sidehead {
			width: 334px;
			height: 474px;
			background: url(../images/back_sidehead.gif) no-repeat;
			margin: 0 0 20px 0;
		}
		
		#sidehead2 {
			width: 334px;
			height: 90px;
			background: url(../images/back_sidehead2.gif) 0 100% no-repeat;
			margin: 0 0 20px 0;
		}
		
		#sidehead_in {
			height: 311px;
			padding: 0 30px;
			color: #94ccf5;
			font-size: 20px;
		}
		
		#sidehead_in h2 {
			color: #ffffff;
			font-size: 21px;
			font-weight: normal;
			padding: 0 0 15px 0;
		}
		
		#sidehead_in ul {
			margin: 0;
			padding: 0;
		}
		
		#sidehead_in ul li {
			list-style: none;
			margin: 0;
			padding: 10px 25px;
			background: url(../images/line1.gif) 0 100% repeat-x;
			font-size: 19px;
		}
			
			/* Start Sidebar Social */
			
			#sidesocial {
				width: 234px;
				height: 77px;
				margin: 0 auto;
				padding: 3px 0 0 0;
				text-align: center;
			}
			
			/* End Sidebar Social */
			
		/* End Side Head */
		
		/* Start Send to Friend */
		
		#sendtofriend {
			width: 304px;
			height: 180px;
			background: url(../images/back_sendtofriend.gif) no-repeat;
			margin: 0 0 20px;
			padding: 15px;
		}
		
		#sendtofriend iframe {
			border: 0;
			width: 304px;
			height: 184px;
			overflow: hidden;
		}
		
		#sendtofriend_page {
			background: #145e95;
			text-align: left;
		}
		
		#sendtofriend_page p {
			font-size: 12px;
			color: #ffffff;
			margin: 0;
			padding: 5px 0 4px;
		}
		
		#sendtofriend_page table td {
			vertical-align: top;
		}
		
		#sendtofriend_page .sendinput {
			width: 219px;
			height: 22px;
			background: url(../images/input_sendtofriend.gif) no-repeat;
			border: 0;
			margin: 10px 15px 5px 0;
			padding: 6px 10px 0;
			color: #4a4a4a;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			display: inline;
			float: left;
		}
		
		/* End Send to Friend */
		
		/* Start Sidebar Adds */
		
		#sideads {
			width: 316px;
			padding: 20px 0 0 30px;
			background: url(../images/back_sideads.gif) no-repeat;
		}
			
			.adunit1 {
				padding: 0 25px 25px 0;
				float: left;
			}
			
			.adunit2 {
				padding: 0 0 25px 0;
				float: left;
			}
			
			.adunit3 {
				clear: both;
				padding: 0 25px 25px 0;
				float: left;
			}
			
			#footer_sideads {
				margin: 0 0 20px 0;
			}
			
			.first{ padding-top: 20px; } /* add space below google ads in ads sidebar
			
		/* End Sidebar Adds */
		
	/* End Sidebar */
	
/* End Main Container */

/* Start Footer */

.push {
	height: 80px;
}

#footer_out {
	width: 100%;
	height: 95px;
	background: #002541;
	text-align: center;
	color: #4d677a;
}

#footer_out a {
	color: #4d677a;
	text-decoration: none;
}

#footer_out a:hover {
	color: #6dafe0;
	text-decoration: underline;
}

#footer_out h6 {
	font-size: 10px;
	font-weight: normal;
}

#footer {
	width: 963px;
	height: 30px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: left;
}
	
	#logo_footer {
		float: left;
	}
	
	#footer_links {
		padding: 7px 0 0 0;
	}
	
	#footer_links a {
		float: left;
		display: block;
		padding: 0 30px;
	}
	
	#footer_links span {
		float: left;
		display: block;
	}
	
/* End Footer */