/*
Theme Name: Bubbles and Ink version 2.0
Author: Tony Espinoza
Author URI: http://www.tonyespinoza.com/
Version: 2.0
*/

body{ margin: 0; background: url(images/bg.gif) top left no-repeat; font: normal 14px Century Gothic, "Trebuchet MS", Arial, Helvetica, sans-serif;}
div, form{ margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; color: #000; font-family: Century Gothic, "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase;}

a:link, a:visited{ color: #FF4C6E; text-decoration: none;}
a:hover, a:active{ color: #fff; background-color: #FF4C6E;}

.alignleft{ float: left; margin: 0 10px 10px 0;}
.alignright{ float: right; margin: 0 0 10px 10px;}
.aligncenter{ margin: 0 auto;}
		
#page{ width: 970px; margin: 0 0 0 210px;}

#branding{ position: relative; background-color: #0FF;}
	#branding hgroup{ }
	#branding hgroup h1{ width: 470px; height: 70px; position: absolute; top: -130px; left: 200px; text-indent: -5000px;}
	#branding hgroup h1 a{ display: block; height: 70px;}
	#branding hgroup h1 a:hover{ background: none;}
	#branding h2{ display: none;}
	#branding form{ position: absolute; top: -1px; left: 650px; width: 320px; height: 40px; background: url(images/form_bg.png) no-repeat;}
	#branding form label{ display: none;}
	#branding form input{ font-size: 11px; margin: 8px 0 0 20px; width: 200px; height: 20px; border: 1px solid #ccc; -moz-border-radius: 10px; border-radius: 10px;}
	#branding form input.submit{ margin: 8px 0 0 -15px; width: 92px; height: 22px; border: none; background: url(images/form_search.png) no-repeat; text-indent: -5000px; -moz-border-radius: 0; border-radius: 0;}
	
	#access{ clear: both; margin: 170px 0 20px 0; font-size: 18px; font-weight: bold; text-transform: uppercase; border: 3px solid #ff4c6e; background: #fff url(images/bg_access.jpg) top left no-repeat;}
		#access a:link, #access a:visited{ display: inline-block; padding: 5px; color: #000; text-decoration: none;}
		#access a:hover, #access a:active{ color: #fff; background-color: #FF4C6E;}
		#access h3.assistive-text{ display: none;}
		#access div.skip-link{ display: none;}
		#access ul{ margin: 0 0 0 10px; padding: 0; list-style-type: none; text-indent: 0;}
		#access ul.sub-menu{ display: none;}
		#access ul li{ display: inline-block; margin: 0 0 0 10px; padding: 0; position: relative;}
		#access ul li:hover ul.sub-menu{ display: block; position: absolute; top: 32px; left: -10px; width: 200px; border: 3px solid #FF4C6E; background-color: #fff;}
		#access ul li ul.sub-menu li{ display: block; margin: 0; padding: 5px; font-size: 14px; font-weight: normal; text-transform: none; border-bottom: 1px dotted #FF4C6E;}

		
#main{}
	#primary{ width: 700px; margin-right: 15px; float: left; border: 3px solid #ff4c6e; background: #fff url(images/bg_content.jpg) top left no-repeat;}
		body.blog #primary, body.archive #primary, body.category #primary, body.single #primary{}
		#content{ padding: 20px; text-align: justify;}
			#content #nav-single{ display: none;}
			#content header.page-header{ }
			body.search #content header.page-header, body.category #content header.page-header, body.archives #content header.page-header{ margin-bottom: 20px;}
			#content .entry-title{ font-size: 70px; line-height: 60px; text-align: left;}
			body.search #content .entry-title, body.category #content .entry-title, body.archives #content .entry-title{ font-size: 30px; line-height: normal;}
			#content h2{ font-size: 30px;}
			#content article{ margin-bottom: 40px;}
			#content article div.entry-meta{ text-transform: uppercase; font-size: 10px;}	
			#content article img{ background-color: white; padding: 3px; border: 2px solid #666;}
			#content .entry-title a:link, #content .entry-title a:visited{ color: #000;}
			#content .entry-title a:hover, #content .entry-title a:active{ color: #fff;}
			#content nav#nav-above{ display: none;}
			#content footer.entry-meta{ margin: 10px 0; padding: 15px; border: 1px solid #ccc; border-left: none; border-right: none;}
			
			#content .fbcomments, #content .addthis_toolbox{ clear: both; margin: 5px 0;}
			table#works{ }
				#works tr{}
				#works td{ width: 33%; padding: 10px; text-align: center; vertical-align: text-top;}
				#works td img{}
			
	#postthumb{ width: 150px; height: 150px; padding: 3px; background-color: #ccc; float: left; margin: 0 10px 10px 0; text-align: center;}
		#postthumb img{}
							
	#secondary{ width: 240px; float: left; font-size: 12px; border: 3px solid #ff4c6e; text-align: justify;}
		#secondary aside{ margin: 20px;}
		#secondary h3.widget-title{}
		#secondary a:link, nav#secondary a:visited{ text-decoration: underline;}
		#secondary a:hover, nav#secondary a:active{}
		#secondary ul{ margin: 0 0 0 0; padding: 0; list-style-type: none; text-indent: 0;}
		#secondary ul li{ margin: 0; padding: 0;}
		#secondary aside#recent-posts-3 li{ padding: 5px; border-bottom: 1px dotted #ccc;}
		#secondary select{ width: 200px;}
		#secondary aside#text-8 textarea{ width: 200px; height: 130px;}
		#secondary aside#text-6{ text-align: center;}

#colophon{ clear: both;}
	#supplementary{}
		aside{}
		aside h3{}
	#site-generator{}

#tbone{ font-size: 10px; text-transform: uppercase; color: #434;}
	#tbone a{}