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

/***** Global Settings *****/
	
	html 								{ overflow-y:scroll; overflow:-moz-scrollbars-vertical; }
	body								{ margin:0; padding:0 0 20px 0; background:#EEE url(../images/bg-01.gif); font:12px Century Gothic, Trebuchet MS, Helvetica, sans-serif; color:#666; }

/***** Headings *****/
 
	h1, h2, h3, h4, h5, h6 				{ margin:0; padding:0; font-weight:normal; } 
	h1 									{ margin:0; padding:0 0 8px 0; font-size:44px; color:#333; font-weight:bold; letter-spacing:-1px; }
	h2									{ margin:0; padding:0; font-size:16px; color:#666; font-weight:bold; letter-spacing:-1px; }
	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 10px 0; line-height:16px; }
	ul, ol 								{ margin:0; padding:0; }

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

	hr 									{ margin:5px 0 5px 0; border:0; border-top:1px solid #BBB; border-bottom: 1px solid #FFF; height:2px; width:100%; text-align:left; }
	
	blockquote							{ border-left:1px solid #747474; padding:0 0 0 5px; margin:10px 0 0 0; }
	blockquote a 						{ text-decoration:none; }	
	
	img 								{ border:0; }

/***** List Items *****/

	.bullets							{ margin:0; padding:0; list-style:none; }
	
	ol.bullets 							{ margin:0 0 20px 0; }
	ol.bullets > li						{ margin:0 0 0 18px; list-style-type:decimal; }
	ol.bullets > li > ol				{ margin:0; }
	ol.bullets > li > ol > li			{ margin:0 0 0 20px; list-style-type:decimal; }
	ol.bullets > li > ul				{ margin:0; }
	ol.bullets > li > ul > li			{ margin:0; padding:0 0 0 10px; background:transparent url('../images/bullet.gif') no-repeat 0 5px; }
	
	ul.bullets 							{ margin:0 0 20px 0; }
	ul.bullets > li						{ margin:0; padding:0 0 0 10px; background:transparent url('../images/bullet.gif') no-repeat 0 5px; }
	ul.bullets > li > ul				{ margin:0; }
	ul.bullets > li > ul > li			{ margin:0; padding:0 0 0 10px; background:transparent url('../images/bullet.gif') no-repeat 0 5px; }
	ul.bullets > li > ol				{ margin:0; }
	ul.bullets > li > ol > li			{ margin:0 0 0 15px; list-style-type:decimal; }

/***** 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:400px; }
		
	.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 *****/

	.header							{ padding:50px 0 0 0; }

/***** 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:255px; overflow:hidden; background-color:#a2bd30; color:#FFF; }
	a.contact 							{  }
	.slide-panel 						{ position:absolute; z-index:25; }
	.bottom 							{ bottom:0; }
	.top 								{ top:0; }

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

	.main-navigation ul 				{ padding:0; margin:0; list-style-type:none; }
	.main-navigation li					{ margin:0 3px 0 0; display:inline-block; font-size:11px; }
	.main-navigation li a				{ padding:3px 5px 3px 5px; background-color:#FFF; color:#666; -moz-border-radius:5px; border-radius:5px; text-decoration:none; line-height:25px; }
	.main-navigation li a:hover 		{ padding:3px 5px 3px 5px; background-color:#02b6f1; color:#FFF; -moz-border-radius:5px; border-radius:5px; text-decoration:none; line-height:25px; }

	.main-navigation-green ul 			{ padding:0; margin:0; list-style-type:none; }
	.main-navigation-green li			{ margin:0 3px 0 0; display:inline-block; font-size:11px; }
	.main-navigation-green li a			{ padding:3px 5px 3px 5px; background-color:#FFF; color:#666; -moz-border-radius:5px; border-radius:5px; text-decoration:none; line-height:25px; }
	.main-navigation-green li a:hover 	{ padding:3px 5px 3px 5px; background-color:#a2bd30; color:#FFF; -moz-border-radius:5px; border-radius:5px; text-decoration:none; line-height:25px; }
	
	.main-navigation-black ul 			{ padding:0; margin:0; list-style-type:none; }
	.main-navigation-black li			{ margin:0 3px 0 0; display:inline-block; font-size:11px; }
	.main-navigation-black li a			{ padding:3px 5px 3px 5px; background-color:#FFF; color:#666; -moz-border-radius:5px; border-radius:5px; text-decoration:none; line-height:25px; }
	.main-navigation-black li a:hover 	{ padding:3px 5px 3px 5px; background-color:#222; color:#FFF; -moz-border-radius:5px; border-radius:5px; text-decoration:none; line-height:25px; }

	#navigation							{ margin:0; padding:0; font-size:16px; color:#666; 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; }
	
	.green-on 			{ background-color:#a2bd30; color:#FFF;  }
	
	
	
	.current a							{ color:#02b6f1; }

/***** Screen Fadeshow *****/ 

	#container 							{ width:460px; margin:0; position:relative; }
	
	#slideshow 							{ width:420px; height:430px; padding:41px 21px 0 20px; background:url(../images/screen.png) no-repeat; overflow:scroll; position:relative; z-index:5; }
		
	#slideshow ul#nav 					{ padding:0 0 0 15px; width:410px; display:none; list-style:none; position:absolute; top:140px; z-index:15; }
	
	#slideshow ul#nav li#prev 			{ float:left; margin:0; }
	#slideshow ul#nav li#next 			{ float:right; margin:0 20px 0 0; }
	
	#slideshow ul#nav li a 				{ display:block; width:40px; height:40px; text-indent:-9999px;  }
	#slideshow ul#nav li#prev a 		{ background:url(../images/prev.png) no-repeat; }
	#slideshow ul#nav li#next a 		{ background:url(../images/next.png) no-repeat; }
	
	#slideshow ul#slides 				{ list-style:none; }
	#slideshow ul#slides li 			{ margin:0; }

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

	.link-blue							{ float:right; margin:20px 0 0 0; padding:0 0 0 23px; line-height:21px; background:url("../images/link-blue.png") left 2px no-repeat; font-weight:bold; }
	.top-blue							{ float:right; margin:0; padding:0 0 0 23px; line-height:21px; background:url("../images/top-blue.png") left 2px no-repeat; font-weight:bold; }

	.link-green							{ float:right; margin:20px 0 0 0; padding:0 0 0 23px; line-height:21px; background:url("../images/link-green.png") left 2px no-repeat; font-weight:bold; }
	.top-green							{ float:right; margin:0; padding:0 0 0 23px; line-height:21px; background:url("../images/top-green.png") left 2px no-repeat; font-weight:bold; }

	.text								{ margin:0; padding:0 0 20px 0; }
	.hastags							{ margin:0; padding:20px 0 0 0; }

	.link-heart							{ margin:0; padding:0 0 0 20px; display:block; line-height:21px; background:url("../images/heart.png") left 5px no-repeat; font-weight:bold; }
	.link-hat							{ margin:0; padding:0 0 0 20px; display:block; line-height:21px; background:url("../images/hat.png") left 5px no-repeat; font-weight:bold; }
	.link-zoom							{ margin:0; padding:0 0 0 20px; display:block; line-height:21px; background:url("../images/zoom.png") left 5px no-repeat; font-weight:bold; }

	.pie-blue							{ margin:0 0 10px 0; padding:0 0 0 20px; display:block; line-height:21px; background:url("../images/pie-blue.png") left 5px no-repeat; font-weight:bold; }
	.pie-green							{ margin:0 0 10px 0; padding:0 0 0 20px; display:block; line-height:21px; background:url("../images/pie-green.png") left 5px no-repeat; font-weight:bold; }
	.pie-yellow							{ margin:0 0 10px 0; padding:0 0 0 20px; display:block; line-height:21px; background:url("../images/pie-yellow.png") left 5px no-repeat; font-weight:bold; }
	
	.bullet								{ margin:0 0 10px 0; padding:0 0 0 20px; display:block; line-height:21px; background:url("../images/bullet.png") left 5px no-repeat; }
	.arrow								{ margin:0 0 10px 0; padding:0 0 0 20px; display:block; line-height:21px; background:url("../images/arrow.png") left 5px no-repeat; }
	.star								{ margin:0 0 10px 0; padding:0 0 0 20px; display:block; line-height:21px; background:url("../images/star.png") left 5px no-repeat; font-weight:bold; }

	.look								{ margin:0 0 10px 0; padding:0 0 0 20px; display:block; line-height:21px; background:url("../images/look.png") left 5px no-repeat; }
	.love								{ margin:0 0 10px 0; padding:0 0 0 20px; display:block; line-height:21px; background:url("../images/like.png") left 5px no-repeat; }
	.play								{ margin:0 0 10px 0; padding:0 0 0 20px; display:block; line-height:21px; background:url("../images/play.png") left 5px no-repeat; }
	.film								{ margin:0 0 10px 0; padding:0 0 0 20px; display:block; line-height:21px; background:url("../images/film.png") left 5px no-repeat; }
	.read								{ margin:0 0 10px 0; padding:0 0 0 20px; display:block; line-height:21px; background:url("../images/read.png") left 5px no-repeat; }
	.rule								{ margin:0 0 10px 0; padding:0 0 0 20px; display:block; line-height:21px; background:url("../images/rule.png") left 5px no-repeat; }
	.flash								{ margin:0 0 10px 0; padding:0 0 0 20px; display:block; line-height:21px; background:url("../images/flash.png") left 5px no-repeat; }
	.fact								{ margin:0 0 10px 0; padding:0 0 0 20px; display:block; line-height:21px; background:url("../images/fact.png") left 5px no-repeat; }

	.email								{ float:right; margin:5px 0 0 0; padding:0 0 0 23px; line-height:21px; background:url("../images/link-blue.png") left 2px no-repeat; font-weight:bold; }
	.email-green						{ float:right; margin:5px 0 0 0; padding:0 0 0 23px; line-height:21px; background:url("../images/link-green.png") left 2px no-repeat; font-weight:bold; }

	.bar-green							{ margin:0 0 5px 0; padding:3px 5px 3px 5px; background-color:#a2bd30; color:#FFF; -moz-border-radius:5px; border-radius:5px; text-decoration:none; line-height:25px; text-align:right; width:420px; display:inline-block; }
	.bar-blue							{ margin:0 0 5px 0; padding:3px 5px 3px 5px; background-color:#02b6f1; color:#FFF; -moz-border-radius:5px; border-radius:5px; text-decoration:none; line-height:25px; text-align:right; width:400px; }
	.bar-pink							{ margin:0 0 5px 0; padding:3px 5px 3px 5px; background-color:#d50877; color:#FFF; -moz-border-radius:5px; border-radius:5px; text-decoration:none; line-height:25px; text-align:right; width:350px; }
	.bar-orange							{ margin:0 0 5px 0; padding:3px 5px 3px 5px; background-color:#ffa200; color:#FFF; -moz-border-radius:5px; border-radius:5px; text-decoration:none; line-height:25px; text-align:right; width:335px; }
	.bar-red							{ margin:0 0 5px 0; padding:3px 5px 3px 5px; background-color:#ff3c00; color:#FFF; -moz-border-radius:5px; border-radius:5px; text-decoration:none; line-height:25px; text-align:right; width:280px; }
	.bar-purple							{ margin:0 0 5px 0; padding:3px 5px 3px 5px; background-color:#9402f1; color:#FFF; -moz-border-radius:5px; border-radius:5px; text-decoration:none; line-height:25px; text-align:right; width:250px; }
	.bar-grey							{ margin:0 0 5px 0; padding:3px 5px 3px 5px; background-color:#333; color:#FFF; -moz-border-radius:5px; border-radius:5px; text-decoration:none; line-height:25px; text-align:right; width:315px; }

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

	.intro 								{ margin:0; padding:0 0 0 20px; font-size:17px; color:#999; font-weight:bold; }
	.intro a:link 						{ color:#666; text-decoration:none; outline:none; }
	.intro a:visited 					{ color:#666; text-decoration:none; outline:none; }
	.intro a:active 					{ color:#666; text-decoration:none; outline:none; }
	.intro a:hover 						{ color:#666; text-decoration:underline; outline:none; }

/***** Login *****/

	.login								{ margin:0; padding:50px 0 0 0; width:940px; height:585px; background:url("../images/login.png") left 2px no-repeat; background-position:center; }
	.login-inner						{ margin:0 auto; padding:0; width:250px; text-align:center; }

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

	.col-title 							{ margin:0 10px 0 10px; padding:50px 0 30px 0; }

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

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

/***** 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 img							{ float:left; margin:0 15px 10px 0; }

/***** 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 *****/

	#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							{ margin:0 10px 0 10px; padding:0; font-size:11px; }
	.col-info h1 						{ margin:0; padding:0; font-size:17px; font-weight:bold; color:#666; }
	.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; }

	.video iframe, .video embed 		{ background:transparent; width:450px; z-index:-1; }
	.video 								{ padding:4px; border:none; border:1px solid #BBB; }

	.col-photo img						{ width:450px; }
	.col-tumblr img						{ width:930px; }

	.html_photoset 						{ border:none; margin:0; padding: 0; }

    ol.notes 							{ padding:0; margin:25px 0 0 0; list-style-type: none; border-bottom: solid 1px #ccc; }
	ol.notes li.note 					{ border-top: solid 1px #ccc; padding:10px 10px 5px 10px; }
	ol.notes li.note img.avatar 		{ margin-right: 10px; width:16px; height:16px; }
	ol.notes li.note span.action 		{ vertical-align: 5px; font-weight:bold; }
	ol.notes li.note .answer_content 	{ font-weight: normal; }
	ol.notes li.note blockquote 		{ border-left:1px solid #747474; padding:0 0 0 6px; margin:0 0 0 28px; }
	ol.notes li.note blockquote a 		{ text-decoration: none; }

	ul#likes 							{ list-style-type:none; margin:20px 0 0 0; padding:0; width:920px; float:left; }
	li.like_post 						{ padding:0 20px 0 0; width:130px; display:inline-block; }
	li.like_post .post_info_bottom 		{ display:none !important; margin:0; }
	li.like_post img 					{ border:1px solid #FFFFFF; margin:0 5px 0 0; padding:4px; width:130px; max-height:205px; }

	.like-more							{ float:right; padding:207px 0 0 0;}

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

	.tumblr-tags ul 					{ padding:0; margin:0; list-style-type:none; }
	.tumblr-tags li						{ margin:0 3px 0 0; display:inline-block; }
	.tumblr-tags li a					{ padding:3px 5px 3px 5px; background-color:#FFF; color:#666; -moz-border-radius:5px; border-radius:5px; text-decoration:none; line-height:25px; }
	.tumblr-tags li a:hover 			{ padding:3px 5px 3px 5px; background-color:#a2bd30; color:#FFF; -moz-border-radius:5px; border-radius:5px; text-decoration:none; line-height:25px; }

	#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; }

/***** To Top *****/

	#toTop 							{ display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:-999px; background:url(http://www.mikeballan.co.uk/images/ui.totop.png) no-repeat left top; }
	#toTopHover 						{ background:url(http://www.mikeballan.co.uk/imagesui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
	#toTop:active, #toTop:focus 		{ outline:none; }

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

	a.tumblr							{ color:#4c5b71; }
	a.flickr							{ color:#cb3181; }
	a.twitter							{ color:#23a6de; }

	.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							{ color:#a2bd30; 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; }

	.normal								{ 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; }