/*
Theme Name: Mike Ballan
Theme URI: http://www.mikeballan.co.uk
Version: 2.1
*/

/***** Global Settings *****/
	
	html 								{ overflow-y:scroll; overflow:-moz-scrollbars-vertical; }
	body								{ margin:0; padding:0 0 20px 0; background:#000 url(../images/bg-01.jpg); font:12px Helvetica, Arial, sans-serif; color:#FFF; }

/***** Headings *****/
 
	h1, h2, h3, h4, h5, h6 				{ margin:0; padding:0; font-weight:normal; } 
	h1 									{ margin:0; padding:0; font:85px Helvetica, Arial, sans-serif; color:#FFF; font-weight:bold; letter-spacing:-7px; }
	h2									{ margin:0; padding:0 0 10px 0; font:24px Helvetica, Arial, sans-serif; color:#02B6F1; font-weight:bold; letter-spacing:-2px; }
	h3 									{ margin:0; padding:0 0 10px 0; font:24px Helvetica, Arial, sans-serif; color:#FFF; font-weight:bold; letter-spacing:-2px; }
	h4 									{ margin:0; padding:0 0 10px 0; font:24px Helvetica, Arial, sans-serif; color:#333; font-weight:bold; letter-spacing:-2px; }

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

	p 									{ margin:0; padding:0 0 15px 0; line-height:16px; }
	ul, ol 								{ margin:0; padding:0; }

	a:link 								{ color:#FFF; text-decoration:none; outline:none; }
	a:visited 							{ color:#FFF; text-decoration:none; outline:none; }
	a:active 							{ color:#FFF; text-decoration:none; outline:none; }
	a:hover 							{ color:#02b6f1; text-decoration:underline; outline:none; }
	a:focus 							{ -moz-outline-style:none; }

	hr 									{ margin:5px 0 20px 0; border:0; color:#d6d4d1; background-color:#d6d4d1; height:1px; width:100%; text-align:left; }
	img 								{ border:0; }

/***** Grid Setup *****/

	.grid_1								{ width:60px; }
	.grid_2 							{ width:140px; }
	.grid_3 							{ width:220px; }
	.grid_4 							{ width:300px; }
	.grid_5 							{ width:380px; }
	.grid_5_5 							{ width:338px; }
	
	.grid_6 							{ width:460px; }
	.grid_6_5							{ width:502px; }
	
	.grid_7 							{ width:540px; }
	.grid_8 							{ width:620px; }
	.grid_9								{ width:700px; }
	.grid_10							{ width:780px; }
	.grid_11							{ width:860px; }
	.grid_12							{ width:940px; }
	
	.column 							{ margin:0 10px 0 10px; overflow:hidden; float:left; display:inline; }
	.row 								{ margin:0 auto; width:960px; overflow:hidden; }
	.row .row 							{ margin:0 -10px 0 -10px; width:auto; display:inline-block; }

/***** Slide Down *****/

	#container-00  						{ margin:0 auto; padding:0; width:960px; text-align:left; color:#FFF; }
	#container-00 a:hover 				{ color:#FFF; text-decoration:underline; outline:none; }
	#contactArea 						{ height:200px; overflow:hidden; background:#02B6F1 url(../images/bg-02.jpg) repeat-x; color:#FFFFFF; }
	a.contact 							{  }
	.slide-panel 						{ position:absolute; z-index:25; }
	.bottom 							{ bottom:0; }
	.top 								{ top:0; }

/***** Main Nav *****/ 

	#navigation							{ float:right; margin:30px 0 0 0; padding:0; font-size:17px; font-weight:bold; letter-spacing:-1px; }
	#navigation ul 						{ list-style:none; padding:0; margin:0; text-align:right; }
	#navigation li 						{ list-style:none; float:left; margin:0 0 0 3px; }

/***** Intro *****/

	.col-intro 							{ margin:100px 10px 100px 10px; padding:0; }

/***** Title *****/

	.col-title 							{ margin:0 10px 0 10px; padding:32px 0 30px 0; background:url(../images/bg-02.png) no-repeat center top; }

/***** Portfolio *****/

	.col-portfolio						{ margin:20px 10px 20px 10px; padding:0; font-size:11px; }
	.col-portfolio p					{ margin:0; padding:0 0 3px 0; }
	.col-portfolio img					{ margin:0; padding:0; border:none; border:1px solid #FFF; }

/***** Twitter *****/

	#col-twitter ul 					{ list-style-type:none; padding:0; margin:0; }
	#col-twitter li 					{ margin:0 0 10px 0; padding:14px 20px 0 20px; display:block; height:70px; text-decoration:none; background:url("../images/bg-twit.png") left top no-repeat; font:12px Helvetica, Arial, sans-serif; }

/***** Footer *****/

	.footer 	   						{ margin:0; padding:0; text-align:right; font-size:10px; }

/***** Search *****/

	#col-form 							{ margin:0; padding:15px; text-align:left; width:500px; height:100px; }
	.input 								{ width:250px; height:20px; background-color:#fff; margin:0; padding:5px; border:1px solid #333; }
	.col-search							{ margin:0; padding:20px 10px 0 10px; text-align:left; }

	#following ul 						{ list-style:none; padding:0; margin:0; text-align:right; }
	#following li 						{ list-style:none; float:left; margin:0 0 0 3px; }

/***** Tumblr Classes *****/

	.html_photoset						{ margin:0 0 20px 0; padding:0; border:none; border:1px solid #FFF; }

	.col-info h1 						{ margin:0; padding:0; font:16px Helvetica, Arial, sans-serif; color:#FFF; font-weight:bold; letter-spacing:0; }
	.col-info p 						{ margin:0; padding:0; }
	.col-link          					{ margin:0; padding:0; font-size:9px; font-style:italic; }
	.col-video 							{ margin:0 10px 20px 10px; padding:0; width:500px; border:none; border:1px solid #FFF; }

	.col-photo img						{ margin:0 0 20px 0; padding:0; width:500px; border:none; border:1px solid #FFF; }

	ol.notes 							{ padding:0; margin:0; list-style-type:none; }
	ol.notes li.note 					{ padding:10px 0 0 0; }
	ol.notes li.note img.avatar 		{ vertical-align:-4px; margin-right:10px; width:16px; height:16px; }
	ol.notes li.note span.action 		{ font-weight:normal; }
	ol.notes li.note .answer_content 	{ font-weight:normal; }
	ol.notes li.note blockquote 		{ border-color:#eee; padding:4px 10px 10px 0; margin:10px 0 0 28px; }
	ol.notes li.note blockquote a 		{ text-decoration:none; }

	ul#likes 							{ list-style-type:none; margin:20px 0 20px 0; padding:0; }
	li.like_post 						{ padding:0 10px 0 0; float:left; width:90px; height:140px; overflow:hidden; }
	li.like_post img 					{ width:90px; height:130px; border:none; border:3px solid #FFF; }
	li.like_post a:hover img 			{ width:90px; height:130px; border:none; border:3px solid #b5ebfd; }
	li.like_post blockquote 			{ margin:0; padding:0; }
	li.like_post ol, li.like_post ul 	{ margin:0; padding:0; }
	li.like_post .like_link a 			{ font-weight:bold; }
	li.like_post .like_title 			{ font-weight:bold; }
	li.like_post .post_info_bottom 		{ margin:10px 0 0 0; display:none !important; }

	.tags ul 							{ padding:0; margin:0; list-style-type:none; }
	.tags li							{ padding:0 5px 0 20px; margin:0; display:inline !important; background:url(http://www.mikeballan.co.uk/images/tag.png) no-repeat left top; }

	#col-followers ul 					{ margin:0; padding:5px 0 10px 0; list-style-type:none; display:inline; }
	#col-followers li  					{ margin:0; padding:0; text-decoration:none; display:inline; }
	#col-followers img 					{ float:left; margin:0 5px 5px 0; border:none; padding:3px; border:1px solid #bcbdbe; }

/***** Global Classes *****/

	.img-left   					  	{ float:left; margin:0 10px 10px 0; border:none; padding:4px; border:1px solid #e3d3f7; }
	.img-right  					  	{ float:right; margin:0 0 10px 10px; border:none; padding:4px; border:1px solid #e3d3f7; }

	.clear       						{ clear:both; }
	.float-left 						{ float:left; }
	.float-right   						{ float:right; }

	.text-big							{ font:16px Helvetica, Arial, sans-serif; color:#02B6F1; font-weight:bold; line-height:26px; }
	.text-left    						{ text-align:left; }
	.text-right    						{ text-align:right; }
	.text-center   						{ text-align:center; }
	.text-justify  						{ text-align:justify; }

	.non-bold							{ font-weight:normal; }
	.bold          						{ font-weight:bold; }
	.italic        						{ font-style:italic; }
	.underline     						{ border-bottom:1px solid; }
	.highlight     						{ background:#ffc; }

	.nopadding 					   		{ padding:0; }
	.noindent  					   		{ margin-left:0; padding-left:0; }
	.nobullet  					   		{ list-style:none; list-style-image:none; }

	.block								{ display:block; }
	.hidden								{ display:none; }
	.hide 								{ display:none; }