/*
Theme Name: WTFDWK
Theme URI: http://www.wtfdwk.com/
Description: Another classic wordpress theme by <a href="http://www.mikeballan.co.uk/">Mike Ballan</a> for WTFDWK.
Version: 2.0.0
Author: Mike Ballan
Author URI: http://mikeballan.co.uk/

	WTFDWK
	http://www.mikeballan.co.uk

	This theme was designed and built by Mike Ballan,
	whose blog you will find at http://http://www.mikeballan.co.uk/

*/

/***** Global Settings *****/

	html 								{ overflow: -moz-scrollbars-vertical; }
	body								{ margin:0; padding:0; background:#FFFFFF url(img/bg-01.jpg) repeat-x; font:12px Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif; color:#333333; }

/***** Headings *****/
 
	h1, h2, h3, h4, h5, h6 				{ margin:0; padding:0; font-weight:normal; } 

	h1 									{ font:18px Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif; color:#666666; padding:0 0 5px 0; margin:0; }
	h2 									{ font:18px Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif; color:#666666; padding:0 0 30px 0; margin:0; }
	h3 									{ font:12px Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif; color:#666666; padding:0 0 5px 0; margin:0; }
	h4 									{ font:12px Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif; color:#666666; padding:0; margin:0; text-transform:uppercase; }

/***** Common Formatting *****/

	p, ul, ol 							{ margin:0; padding:0 0 10px 0; }
	
	a:link 								{ color:#666666; text-decoration:none; outline:none; }
	a:visited 							{ color:#666666; text-decoration:none; outline:none; }
	a:active 							{ color:#666666; text-decoration:none; outline:none; }
	a:hover 							{ color:#666666; text-decoration:underline; outline:none; }
	a:focus 							{ -moz-outline-style:none; }
	
	hr 									{ margin:5px 0 15px 0; border:0; color:#eae6f1; background-color:#eae6f1; height:1px; width:100%; text-align:left; }
	img 								{ border:0; }
	blockquote 							{ margin:0 0 20px 10px; color:#999; border-left:2px solid #999; padding-left:1em; }

/***** Body *****/

	#container-00						{ margin:0 auto; padding:0; width:700px; min-height:550px; height:auto !important; height:550px; }
	#container-01 						{ margin:0 auto; padding:0; width:100%; min-height:350px; height:auto !important; height:350px; background:#dcdcdc url(img/bg-02.jpg) repeat-x; }
	#container-02 						{ margin:0 auto; padding:20px 0 0 0; width:700px; text-align:center; }
	
	#col-1-2							{ float:left; margin:0; padding:0; }
	#col-1-2 ul 						{ margin:0; padding:0 0 15px 0; list-style-type:none; }
	#col-1-2 li 						{ margin:0; padding:0 0 15px 0; text-decoration:none; display:inline;  }		
	
	#col-2-2							{ float:right; margin:0; padding:0; }
	
	.col-logo							{ margin:0; padding:120px 0 0 0; width:700px; text-align:center; }
	.col-logo ul 						{ margin:0; padding:0 0 15px 0; list-style-type:none; }
	.col-logo li 						{ margin:0 10px 0 0; padding:4px; text-decoration:none; display:inline; color:#333333; border:1px solid #dcdcdc; background-color:#cccccc; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }	
		
	.col-body 							{ margin:0; padding:100px 0 20px 0; width:700px; text-align:left; }
	.col-body ul 						{ margin:0; padding:0 0 15px 0; list-style-type:none; }
	.col-body li 						{ margin:0; padding:0 0 15px 0; text-decoration:none; }	
	
	.icons ul							{ margin:0; padding:0 0 0 0; list-style-type:none; }
	.icons li							{ margin:0; padding:0 0 0 60px; text-decoration:none; }
	
	.col-top							{ margin:0 auto; padding:170px 0 0 0; width:700px; text-align:center; }
	.col-footer 						{ margin:0 auto; padding:50px 0 0 0; width:280px; }
	
	.blue								{ color:#02b6f1; }
	.orange								{ color:#f15c27; }
	.green								{ color:#a4dd00; }

	.img-left   					  	{ float:left; margin:0 50px 50px 0; border:none; padding:0; }
	.img-right  					  	{ float:right; margin:0 0 10px 10px; border:none; padding:0; }
	.block-title						{ margin:0 0 10px 0; padding:5px; background-color:#B2D836; color:#242424; font-size:60px; font-weight:bold; display:inline-block; }

/***** Icons *****/

	.Css 								{ background:url(img/Css.jpg) no-repeat left top; }
	.Html 								{ background:url(img/Html.jpg) no-repeat left top; }
	.CMYK 								{ background:url(img/CMYK.jpg) no-repeat left top; }
	.Js 								{ background:url(img/Js.jpg) no-repeat left top; }
	.Firefox 							{ background:url(img/Firefox.jpg) no-repeat left top; }
	.Apple 								{ background:url(img/Apple.jpg) no-repeat left top; }
	.Perl 								{ background:url(img/Perl.jpg) no-repeat left top; }
	.Photoshop 							{ background:url(img/Photoshop.jpg) no-repeat left top; }
	.Php 								{ background:url(img/Php.jpg) no-repeat left top; }
	.Wordpress							{ background:url(img/Wordpress.jpg) no-repeat left top; }
	.Uncategorized						{ background:url(img/Uncategorized.jpg) no-repeat left top; }
	.Www								{ background:url(img/Www.jpg) no-repeat left top; }
		
/***** Dropdown *****/

	.slide-panel 						{ position:absolute; z-index:25; }
	.bottom 							{ bottom:0; }
	.top 								{ top:0; }
	.content 							{ margin-left:auto; margin-right:auto; z-index:10; overflow:hidden; text-align:left; background-color:#ebebeb; height:0; width:100%; color:#666666; }

	.slide-button 						{ margin-left:auto; margin-right:auto; position:relative; width:100%; z-index:17; cursor:pointer; height:37px; padding:0; text-align:center; }
	.slide-button:hover 				{ color:#ffffff; }
	.slide-button 						{ margin-left:auto; margin-right:auto;	cursor:pointer; color:#4c5153;  }
	.slide-button:hover 				{ color:#ffffff; }

/***** Amazium *****/

	a:link.amazium, a:visited.amazium 	{ height:22px; line-height:22px; color:#666666; display:block; text-decoration:none; background:url(img/amazium.jpg) no-repeat left top; padding:0 0 0 30px; }
	a:hover.amazium, a:active.amazium 	{ height:22px; line-height:22px; color:#666666; display:block; text-decoration:underline; background:url(img/amazium.jpg) no-repeat left top; padding:0 0 0 30px; }
	
/***** Search *****/

	#searchWrap input[type="text"] 		{ width:240px; height:20px; font-size:10px; color:#333; border:1px solid #dcdcdc; background-color:#ebebeb; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
		
	a.button-main,
	input.button-main					{ margin:0; padding:6px; color:#FFF; font-size:10px; font-weight:bold; border:1px solid #02b6f1; background-color:#02b6f1; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }

/* style me some comments and inputs */

	#comments 							{ width:435px; padding:12px 0 0; }
	#comment 							{ width:458px; background:#ffffff; color:#666666; overflow:auto; font:12px arial,helvetica,verdana,sans-serif; }
	h2.commh2 							{ font-size: 1.4em !important; padding: 0 0 5px; color:#666666 !important; }
	ol.commentlist 						{ margin: 10px 0 20px; padding: 0; list-style: none; font-size: 12px; line-height: 20px; }
	ol.commentlist p 					{ margin-bottom:10px; line-height: 20px; }
	ol.commentlist cite 				{ font-style: normal; font-weight: bold; }
	ol.commentlist li 					{ padding: 20px 10px 10px 10px; }
	ol.commentlist li.alt 				{ padding: 10px 10px 5px 10px !important; border:1px solid #ebebeb; }
	input#submit 						{ cursor:pointer; margin:5px 0 15px 0; }
	#comment,#author,#email,#url 		{ border:1px solid #ebebeb; padding:2px; margin:0 0 5px 0; }
	.labeltext 							{ padding:0 0 10px 0; }