/*-------- General Styles --------*/
*								{margin: 0px; padding: 0px; list-style: none; background-repeat: no-repeat}

body							{background: #eee /*url(http://winstuff.co.nz/css/site/pagebg.gif) repeat-x bottom*/; font-size: 62.5%; font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif}
p								{margin-bottom: 10px}
a								{text-decoration: none; font-weight: bold}
a, input						{outline: none}
h1, h2, h3, h4, h5, h6			{font-family: Helvetica, Arial, sans-serif; text-transform: uppercase}
.clear:after					{content: "."; visibility: hidden; display: block; height: 0px; clear: both}
* html .clear					{height: 1%}
a img							{border: none}
.left							{float: left}
.right							{float: right}
blockquote						{margin-top: 10px; margin-left: 25px; border-left: 4px solid #ccc; padding-left: 10px; margin-bottom: 20px; font-style: italic}
h2.posttitle				  	{clear: both; margin-top: 15px; display: block;}

/*-------- Top Navigation and Login --------*/
#topnav 						{width: 100%; height: 35px; background-color: #333; border-bottom: #222 solid 3px; margin: 0}
#topnav ul						{z-index: 100; width: 980px; margin: 0px auto; padding-top: 11px; font-size: 1.2em; text-align: right}
#topnav li 						{display: inline; margin: 0px 10px}
#topnav li a 					{color: #fff; font-weight: normal}
#topnav li a:hover				{color: #ddd; font-weight: normal}
#topnav li.left a				{color: #aaa}
#topnav li.left a.active, #topnav li.left a:hover {color: #fff}
#topnav li.login 				{float: left; color: #fff; cursor: pointer; margin: 0px; padding-top: 1px}
#topnav li.login2				{float: left; margin-left: 6px}
#topnav li.login2 input.input 	{float: left; margin-top: 0px; padding: 2px; width: 100px; border: none; font-size: 1em}
#topnav li.login2 label 		{margin: 0px 5px 0px 0px; padding-top: 1px; float: left; color: #fff; width: 75px; display: block}
#topnav li.login2 #rememberme	{margin: 0px 4px 0px 7px}
#topnav input#wp-submit 		{background: #555; border: none; color: #fff; padding: 2px 6px}
#topnav li a.rss				{color: #f89939}
#topnav li a.rss:hover			{color: #F7602A}
#topnav li.left					{float: left; color: #aaa}
#topnav p.wphone				{display: none}
li.active a 					{-webkit-border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px;}

/*-------- Logo and Search --------*/
#header							{width: 980px; height: 110px; overflow: visible; position: relative}
#header h3						{width: 600px; height: 70px; position: absolute; top: 40px; left: 10px;background: url(http://winstuff.co.nz/css/site/winstuffclover.png) no-repeat top left}
#header h3 a					{display: block; width: 595px; height: 60px; font-size: 36px; color: #fff; text-shadow:-1px 0 4px white, 0 1px 10px blue, 0 0 35px grey;}
#header ul						{width: 640px; height: 30px; top: 76px; margin-left: 330px; position: absolute; right: 0px}
#header li						{display: inline}
#header li a					{display: block; float: right; font-size: 1.25em; font-weight: bold; padding: 9px 15px; text-align: center; margin-left: 10px; color: #fff}
#header li a:hover				{text-decoration: underline}
#header li.current a			{background: #fff; color: #333}
#search             			{border: 2px solid #4f4f4f; float: right; width: 340px; height: 45px; background: #fff; margin-bottom: 2px; color: #333; border-top: 0}
#search form					{padding: 10px 0px 0px 20px}
#search input, input#s			{width: 295px; height: 20px; border: none; outline: none; padding: 4px 2px 0px 5px; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; border-top: 1px solid #eee; border-left: 1px solid #eee}
#topnav li#search2				{color: #fff; cursor: pointer}
#topnav li#search2:hover		{color: #ddd; cursor: pointer}
input#s							{float: left; margin-right: 10px}

/*-------- Main Content Area --------*/
#container						{width: 980px; margin: 0px auto 50px; font-size: 1.1em}

#content						{width: 940px; background: #fff; padding: 20px}
#content a:hover				{text-decoration: underline}
#content h4						{font-size: 1.25em; color: #4f4f4f; margin-bottom: 10px; letter-spacing: -1px; word-spacing: 2px}
#content h4 a					{color: #4f4f4f}
#content h4 a:hover				{text-decoration: none}
#right li						{overflow:hidden; padding-left: 17px; background:  url(http://winstuff.co.nz/css/site/bullet.gif) no-repeat 0px 2px; line-height: 16px; margin-bottom: 10px}
#content li.header				{background: none; padding: 0px; margin-bottom: 0px}

#left							{width: 620px; float: left}
#right							{width: 300px; float: right}

/*-------- Left Column --------*/
#left.page						{line-height: 20px}
#left.page h2					{font-size: 1.75em; text-transform: none; margin-bottom: 10px; color: #4f4f4f; line-height: 21px}
#left.page .entry h2 			{font-size: 1.1em; color: #4f4f4f; margin: 0px 0px 5px; text-transform: uppercase}
#left.page h6    				{font-size: 1.1em; color: #4f4f4f; margin: 0px 0px 5px; padding-top: 7px; text-transform: uppercase}
#left .entry ol					{margin-left: 15px}
#left.page .entry ul 			{margin: 15px 0}
#left .postmetadata				{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f2f2f2; padding: 5px; margin: 20px 0px; clear: both}
#left .postmetadata span		{display: block; float: left; padding: 0px 0px 0px 20px; margin-right: 15px}
#left .enterbar					{border: 1px solid #D8E8FD; border-bottom: 2px solid #D8E8FD; background: #E8F2FF; padding: 5px; margin: 0 0 30px 0; clear: both; font-size: 11px} 
/* #left .enterbar					{border: 1px solid #ccc; background: #f2f2f2; padding: 5px; margin: 0 0 30px 0; clear: both; font-size: 11px} */
#left .enterbar span			{display: block; float: left; padding: 0px 0px 0px 20px; margin-right: 15px}

#left .post-date				{background: url(http://winstuff.co.nz/css/site/date.gif) no-repeat center left}
#left .post						{margin-bottom: 25px}
#left .post h2.posttitle		{font-size:1.8em; margin-bottom:20px}
#left .entry img				{ margin: 0px auto}
#left .entry img.left			{float: left; margin: 0px 15px 0px 0px}
#left .entry img.right			{float: right; margin: 0px 0px 0px 15px}
#left .entry img.thumb			{border:1px solid #D8E8FD; padding:5px; clear:both; margin-bottom:0; border-bottom: none}
/* #left .entry img.thumb			{border:1px solid #ccc; background:#eee; padding:9px; clear:both; margin-bottom:35px} */
#left .entry a:hover img.thumb	{border:1px solid yellow; background: yellow; border-bottom: none}
#left .entry .sociable img		{display: inline}
#left .entry					{font-size: 1.1em; line-height:22px}
#left .entry .flashvideo		{margin: 0px auto; display: block}
#left .entry code 				{font-family: monospace; font-size: 12px}
#left .post-comment				{background: url(http://winstuff.co.nz/css/site/comment.gif) no-repeat center left}
#left .post-edit				{background: url(http://winstuff.co.nz/css/site/comment.gif) no-repeat center left}
#left .post .entry .download 	{margin: 15px 0; font-size: 11px; width: 600px; padding: 5px 0px 5px 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f2f2f2 url(http://winstuff.co.nz/css/site/enter.png) no-repeat left; display: block}
#left .post .entry .digg-this	{display: block; width: auto; float: right; text-align: right}
#left .entry h2					{font-size: 1.45em; margin: 20px 0px; color: #444}
#left .entry h3					{font-size: 1.35em; color: #232323; text-transform:none}
#left .entry pre				{margin: 0px 0px 10px 15px; border-left: 4px solid #ccc; padding-left: 10px}
#left hr						{border: none; border-bottom: 1px solid #d1d1d1; clear: both; margin: 20px 0px}
#left .entry .block				{clear:both}

/*-------- Comments --------*/
#left #comments-area h6			{margin: 20px 0px}
.single-comment					{font-size: 12px; margin-bottom: 25px}
.comment-info					{font-size: 11px; background: #f5f5f5; padding: 5px; margin-bottom: 5px}
.author .comment-info			{background: #888; color: white}
.author .comment-info a			{color: #fff}
.comment-info img				{float: left}
.comment-info p					{float: left; margin: 0px 0px 0px 10px; width: 550px}
#comments-area p textarea#comment {font-size: 12px; padding: 5px 0 0 5px; width: 595px}

/*-------- Post Navigation --------*/
#left .navigation				{height: 20px; margin-bottom: 10px; margin-top: 10px; clear: both}
#left .navigation .left			{width: 308px; float: left}
#left .navigation .left a		{width: 285px; background: url(http://winstuff.co.nz/css/site/left.gif) no-repeat center left; height: 18px; padding-left: 20px; display: block}
#left .navigation .right		{width: 308px; float: right}
#left .navigation .right a		{width: 285px; background: url(http://winstuff.co.nz/css/site/right.gif) no-repeat center right; height: 18px; padding-right: 20px; display: block; text-align: right}

.wp-pagenavi a, .wp-pagenavi a:link {padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none; background: #eee}
.wp-pagenavi a:visited 			{padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none}
.wp-pagenavi a:hover 			{text-decoration: none}
.wp-pagenavi a:active 			{padding: 2px 4px 2px 4px; margin: 2px; text-decoration: none}
.wp-pagenavi span.pages 		{padding: 2px 4px 2px 0px; margin: 2px 2px 2px 0px}
.wp-pagenavi span.current 		{padding: 2px 4px 2px 4px; margin: 2px; font-weight: bold; color: #fff}
.wp-pagenavi span.extend 		{padding: 2px 4px 2px 4px; margin: 2px}

/*-------- Forms --------*/
.wpcf7-form						{border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; border-top: 1px solid #eee; border-left: 1px solid #eee; padding: 25px}
#content .wpcf7-form li			{background: none; clear: both}
.wpcf7-form label				{width: 120px; display: block; float: left; text-align: right; padding-right: 20px; padding-top: 2px}
.wpcf7-form input, .wpcf7-form textarea	{width: 300px; float: left; border: 2px solid #333; padding: 2px; margin-bottom: 10px}
textarea						{font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif; font-size: 0.95em}
.wpcf7-form fieldset			{border: none}
.wpcf7-form input.submitbutton	{float: none; width: auto; height: auto; border: none; padding: 0px; margin: 0px 0px 0px 135px}
.linklove						{display: none}
#left .entry img.captcha		{margin: 0px}
.wpcf7-form .cf_li_err			{color: red}
.failure						{display: none}
.success						{color: green; padding: 5px 10px; font-weight: bold; background: #c8f1c4}

/*-------- Various Content Boxes --------*/

/*---- Gallery ----*/
#latest-articles				{width: 300px; float: left; color: #777}
#latest-sites					{width: 300px; float: right; color: #777; font-weight: bold; list-style: none}
#latest-sites img				{background: #fff; padding: 1px; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; float: right; margin-bottom: 2px}
#content #latest-sites li		{clear: both; padding: 0px; margin: 0px 0px 15px}
#content #latest-sites li.header {margin-bottom: 10px}
#latest-sites .title			{display: block; float: left; width: 180px}
#latest-sites a.visit			{display: block; float: right; width: 100px; text-align: right}
#latest-sites li.linkcat		{background: none; padding-left: 0px}
#latest-sites h2				{display: none}
.gallery-item					{width: 300px; float: left; color: #777; font-weight: bold; margin-bottom: 20px}
.gallery-item img				{background: #fff; padding: 1px; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; margin-bottom: 4px}
.gallery-item a.visit			{display: block; float: right; width: 100px; text-align: right}
.gallery-item .title			{display: block; float: left; width: 180px}

.list							{width: 300px; float: left; color: #777}

/*---- Featured Box ----*/
#featured						{width: 620px; margin-bottom: 20px; padding-bottom: 10px; color: #fff; background: url(http://winstuff.co.nz/css/site/homepage.gif) repeat-y}
#featured h2					{position: relative; text-transform: none; font-size: 2.1em; letter-spacing: -1px; margin-bottom: 10px}
#featured h2 a					{color: #fff; display: block; z-index: 99; position: relative}
#featured h2 a:hover			{text-decoration: none}
#featured h2 span				{display: block; position: absolute; top: 1px; left: 1px; z-index: 50; color: #1f6b8b}
/*#featured img					{float: right; display: block; margin: 12px 12px 0px 0px}*/
#featured .left					{width: 580px /*460px;*/ float: left; padding: 20px 0px 0px 20px}
#featured .left p a				{color: #fff; font-weight: bold; text-decoration: underline}
#left .homepage h2				{font-size: 2em}

/*-------- Ads --------*/
.ads img						{display: block; margin-bottom: 20px}
.ads span.margin				{float: left; display: block; width: 140px; margin-right: 20px}
.ads .left img 					{float: left}
.ads .right img					{float: right; margin-right: 0}
.bottom							{clear: both; padding-top: 25px}
.gotbanners 					{width: 300px} 
.gotbanners img 				{float: left; margin: 0 0px 20px 0} 
.gotbanners a img 				{border: 1px solid #666}
.gotbanners .margin				{float: left; display: block; width: 140px; margin-right: 20px}

#left .ads						{padding-top: 10px}

/*-------- Right  --------*/
#right ul						{color: #777; margin-bottom: 0px}
#right #other-news li.linkcat	{background: none; padding-left: 0px}
#right #other-news h2			{display: none}
#right #new-plugins li.linkcat	{background: none; padding-left: 0px}
#right #new-plugins h2			{display: none}
#right #categories li			{margin-bottom: 10px}
#right hr						{border: none; border-bottom: 1px solid #d1d1d1; clear: both; margin: 20px 0px}
#right .ads .margin img			{margin-bottom: 10px}
#right #community-news li.header a {display: block}
#right .ads hr					{margin: 0px 0px 15px}
#content #tags li				{background: none; line-height: 18px; padding: 0px; margin: 0px}

/*-------- Footer --------*/
#footer							{color: #777; clear: both; height: 52px; padding-top: 50px}
#footer p						{padding-right: 50px}

/*-------- Random Styles -------- */
.left							{float: left}
.right							{float: right}
#left .entry img.wp-smiley 		{border: none; margin: 0; display: inline}
#left ul li p img.wp-smiley 	{border: none; margin: 0; display: inline}
ul#community-news li a {display: none} 
ul#community-news li a.title {display: block}