/*

    Theme Name: The Mind Map.tv
    Theme URI: http://www.themindmap.tv
    Description: The Mind Map is a wordpress theme by <a href="http://www.mopheaddesign.com">Mop Head Design</a>
    Version: 1.0
    Author: Joe Dunys
	Twitter: http://twitter.com/joe_dunys
    Author URI: http://www.mopheaddesign.com/
	Tags: custom header, fixed width, two columns, widgets

*/

/*******************************************************************************
Code written by Joe Dunys (mopheaddesign.com) for The Mind Map.tv. January 2010.

Contents:
01. General CSS
02. Top
03. Top Navigation
04. Home Page Columns
05. Home Page Buttons
06. Diary Entries
07. Footer
08. Other Page Columns
09. Comments
10. Related
11. Other Tags
********************************************************************************/

/* General CSS */
html,body,div,dl,dt,dd,
h1,h2,h3,h4,h5,h6,pre,form,p,
blockquote,fieldset,input			{margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,
pre,code,address,caption,
cite,code,em,strong,th				{font-size: 1em; font-weight: normal; font-style: normal;}
ul, li								{list-style: none; margin: 0px; padding: 0px;}

body								{background: url(images/bg.jpg) #8BB9B9 repeat-x; color: #333; font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; margin: 0px; padding: 0px; text-align: center;}
img									{margin: 0px; padding: 0px;}
a img								{border: none; margin: 0px;}
p									{line-height: 14px; margin: 0px; margin-bottom: 10px; padding: 0px; text-align: justify;}
strong								{font-weight: bold;}
em									{font-style: italic;}
a									{color: #06C; text-decoration: none;}
a:hover								{color: #000; text-decoration: none;}
h1									{color: #fff; font-size: 24px; font-weight: bold; letter-spacing: -1px; line-height: 32px; margin-bottom: 18px; text-decoration: none;}
h2									{color: #000; font-size: 16px; font-weight: bold; line-height: 20px; margin: 0px; padding: 0px; text-decoration: none;}
h3									{color: #000; font-size: 14px; font-weight: bold; text-align: left;}


/* DIV Tags */
div#container						{margin: 0px auto; padding: 0px; text-align: center; width: 988px;}

/* Top */
div#top-nav							{background: url(images/top-nav.jpg) bottom repeat-x; font-size: 10px; height: 50px; padding: 0px 4px; text-transform: uppercase; width: 980px;}
div#top								{background: url(images/top.jpg) no-repeat center; color: #fff; height: 220px; margin: 0px; overflow: hidden; padding: 0px 4px 30px 4px; text-transform: uppercase; width: 980px;}
p#texttop							{display: none; line-height: 25px; padding: 10px 0px 0px 0px; text-align: center; visibility: hidden; width: 980px;}
p#texttop a							{color: #fff; font-weight: normal;}
p#texttop a:hover					{text-decoration: underline;}
p#logo								{display: block; height: 250px; text-align: center; width: 980px;}
p#logo object						{background: url(images/top.jpg) no-repeat center;}
p#textbot							{display: none; color: #000; font-weight: bold; height: 25px; line-height: 25px; text-align: center; visibility: hidden; width: 980px;}

/* Top Navigation */
div#top-nav ul						{display: inline; list-style: none; height: 50px; padding: 0px; width: 980px;}
div#top-nav ul li					{float: left; height: 50px; line-height: 50px; margin: 0px; padding: 0px 5px; text-align: center; width: 143px;}
div#top-nav ul li a					{color: #4A8AC6; display: block; font-weight: bold; height: 50px; width: 143px;}
div#top-nav ul li a:hover			{background: url(images/button.jpg) no-repeat center; color: #fff; font-weight: bold;}
div#top-nav ul li.current_page_item a			{background: url(images/button.jpg) no-repeat center; color: #fff; font-weight: bold;}

/* Home Page Columns */
div#main							{background: url(images/main.jpg) no-repeat center top; min-height: 750px; margin: 0px; overflow: hidden; padding: 0px 4px; width: 980px;}
div#col1							{float: left; margin: 51px 10px 0px 0px; overflow: hidden; padding: 15px; width: 290px;}
div#col2							{float: left; margin: 180px 10px 0px 0px; overflow: hidden; padding: 15px; width: 290px;}
div#col3							{float: left; margin: 50px 0px 0px 0px; overflow: hidden; padding: 15px; width: 290px;}
div#col1 ul							{list-style: none; margin: 0px; overflow: hidden; padding: 0px; width: 290px;}
div#col1 ul li						{float: left; height: 50px; margin: 0px; margin-bottom: 15px; overflow: hidden; padding: 0px; width: 290px;}
div#col2 ul							{list-style: none; margin: 0px; padding: 0px; width: 290px;}
div#col2 ul li#diary				{height: 145px; margin: 0px; margin-bottom: 15px; overflow-y: scroll; padding: 0px 10px 0px 0px; text-align: left; width: 280px;}
div#col2 ul li#city					{height: 50px; margin: 65px 0px 15px 0px; overflow: hidden; padding: 0px;}
div#col2 ul li#stories				{height: 115px; margin: 0px; margin-bottom: 15px; overflow: hidden; padding: 0px;}
div#col3 ul							{list-style: none; margin: 0px; padding: 0px; width: 290px;}
div#col3 ul li						{float: left; height: 50px; margin: 0px; margin-bottom: 15px; overflow: hidden; padding: 0px; width: 290px;}
div#col3 ul li#intro				{height: 115px; margin: 0px; margin-bottom: 15px; overflow: hidden; padding: 0px;}
div#col3 ul li#twitter				{height: 50px; margin: 0px; margin-bottom: 0px; overflow: hidden; padding: 0px;}
div#col3 ul li#twitter-tools		{font-size: 11px; height: 150px; line-height: 16px; margin: 0px; margin-bottom: 15px; overflow: hidden; padding: 0px;text-align: left; width: 290px;}
div#col3 ul li#tweet				{border-bottom: #ccc 1px dotted; display: block; margin: 2px 0px; padding: 0px; text-align: left;}
div#col3 ul div.aktt_tweets h2		{display: none;}
a.aktt_tweet_time					{font-size: 9px;}
div#col1 li.widget_text,
div#col2 li.widget_text,
div#col3 li.widget_text				{display: none;}

/* Home Page Buttons */
div#col1 ul li img:hover			{background-position: bottom;}
div#col2 ul li img:hover			{background-position: bottom;}
div#col3 ul li img:hover			{background-position: bottom;}
li#screensaver img					{background: url(images/screensaver.jpg) top;}
li#tourist img						{background: url(images/tourist.jpg) top;}
li#vibe img							{background: url(images/vibe.jpg) top;}
li#podcasts img						{background: url(images/podcasts.jpg) top;}
li#qa img							{background: url(images/qa.jpg) top;}
li#visual img						{background: url(images/visual.jpg) top;}
li#life img							{background: url(images/life.jpg) top;}
li#audio img						{background: url(images/audio.jpg) top;}
li#tube img							{background: url(images/tube.jpg) top;}
li#city img							{background: url(images/city.jpg) top;}
li#stories img						{background: url(images/stories.jpg) top;}
li#intro img						{background: url(images/intro.jpg) top;}
li#smallgroup img					{background: url(images/small.jpg) top;}
li#ebooks img						{background: url(images/ebooks.jpg) top;}
li#articles img						{background: url(images/articles.jpg) top;}
li#shop img							{background: url(images/shop.jpg) top;}
li#think img						{background: url(images/think.jpg) top;}
li#twitter img						{background: url(images/twitter.jpg) top;}

/* Diary Entries */
div#preview							{border-bottom: #ccc solid 1px; margin-bottom: 5px; padding-bottom: 2px; width: 270px;}
div#excerpt							{font-size: 10px;}
p#diary-info						{font-size: 11px; line-height: 16px; margin: 0px; padding: 0px; text-align: right; width: 270px;}

/* Footer */
div#footer_home						{background: url(images/footer_home.jpg) repeat-x bottom center #fff; height: 20px; line-height: 20px; margin: 0px auto; padding: 15px 244px; text-align: center; width: 500px;}
div#footer							{background: url(images/footer.jpg) repeat-x top center #fff; height: 20px; line-height: 20px; margin: 0px auto; padding: 72px 244px 15px 244px; text-align: center; width: 500px;}
div#copyright						{margin: 0px auto; padding: 0px; text-align: center; width: 500px;}
div#copyright p						{text-align: center;}

/* Other Page Columns */
div#mainpage						{background: url(images/mainpage.jpg) no-repeat left top; margin: 0px; overflow: hidden; padding: 0px; width: 980px;}
div#left							{background: url(images/side.jpg) repeat-y right top; float: left; margin: 130px 10px 0px 0px; min-height: 1100px; overflow: hidden; padding: 0px 15px; text-align: left; width: 620px;}
div#left div.postinfo				{font-size: 10px; margin: 0px; margin-bottom: 10px; width: 620px;}
div#left h2.page_title				{display: none;}
div#left img#title					{margin: 0px; margin-bottom: 10px;}
div#left .entry						{margin: 0px 0px 20px 0px;}
div#left ul li						{background: url(http://www.themindmap.tv/wp-content/uploads/2010/05/arrow.gif) no-repeat left; padding-left:8px;}
div#item							{background: url(images/bar.jpg) repeat-x bottom; margin: 0px; padding: 10px 0px; text-align: center; width: 620px;}
div#item object						{z-index: -1;}
div#right							{float: left; margin: 115px 0px 0px 0px; overflow: hidden; padding: 15px; text-align: left; width: 290px;}
div#right h2						{background: #5B7979; border-bottom: solid white 1px; color: #fff; font-size: 12px; font-weight: bold; line-height: 20px; margin: 5px 0px 5px 0px; padding-bottom: 5px; width: 270px;}
div#right li.widget					{background: #5B7979; color: #fff; margin-bottom: 10px; padding: 5px 10px; width: 270px;}
div#right a							{color: #2B3939;}
div#right a:hover					{color: #fff;}
div#bottom							{float: left; height: 20px; margin: 10px 0px 0px 0px; overflow: hidden; padding: 15px; text-align: left; width: 950px;}

/* Comments */
h3#comments, h3#respond				{background-color: #5B7979; color: #fff; font-size: 12px; margin: 0px !important; padding: 10px;}
ol.commentlist						{list-style: none; margin: 0px; padding: 0px; width: 620px;}
ol.commentlist li					{clear: both; margin: 0px; padding: 10px 10px 1px; width: 600px;}
ol.commentlist li.alt				{margin: 0px; padding: 10px 10px 1px;}
img.comment-grav					{background: #789F9F; border: 1px solid #CCC; float: right; margin: 0px 0px 10px 20px; padding: 1px;}
img.home-grav						{background: #789F9F; border: 1px solid #CCC; float: right; height: 48px; margin: 0px 0px 5px 10px; padding: 1px; width: 48px;}
p.commentmetadata					{display: block; font-weight: bold; margin-bottom: 5px;}
form#commentform					{background: #5B7979; color: #fff; margin: 0px; padding: 10px;}
div#right li#recent-comments		{background: #5B7979; color: #789F9F; margin: 0px; padding: 5px 10px; width: 270px;}
div#right li#recent-comments ul li	{border-bottom: 1px dotted #fff; display: block; margin: 5px 0px; padding: 0px 0px 5px 0px;}

/* Related */
div.related							{background: #5B7979; color: #ccc; margin: 5px; padding: 10px;}
div.related ul						{display: inline; list-style: none; padding: 0px;}
div.related ul li					{background-image: none; display: inline; line-height: 20px; margin: 0px; padding: 0px 10px 0px 0px; text-align: left;}
div.related a						{color: #8BB9B9;}
div.related a:hover					{color: #fff;}
div.related ul li a					{color: #8BB9B9;}
div.related ul li a:hover				{color: #fff;}

/* Other Tags */
img#buy								{background: url(http://www.themindmap.tv/wp-content/uploads/2010/03/buy.gif) top; height: 100px; left: 50px; position: relative; top: 0px; width: 100px; z-index: 1;}
img#buy:hover						{background: url(http://www.themindmap.tv/wp-content/uploads/2010/03/buy.gif) bottom;}
img.post-thum						{background: white; border: 1px solid #CCC; float: left; height: 100px; margin: 0px 5px 0px 0px; padding: 1px; width: 100px;}
img.alignright						{float: right; padding: 0px 0px 10px 10px;}
img.alignleft						{float: left; padding: 0px 10px 10px 0px;}
div.rssSummary						{border-bottom: 1px dotted #fff; font-size: 10px; margin-bottom: 5px; padding-bottom: 5px;}
div.archive-post-1					{border-bottom: 1px dotted #fff; margin: 0px; padding: 5px 0px;}
div.alt-archive-post-1				{border-bottom: 1px dotted #fff; margin: 0px; padding: 5px 0px;}
div.post-info						{font-size: 10px;}
div#subhead h1						{background: url(images/bar.jpg) repeat-x bottom left; font-size: 32px; line-height: 50px; width: 620px;}
div#links a							{background: url(images/link.jpg) left top no-repeat; display: block; height: 20px; padding-left: 25px;}
div#links a:hover					{background: url(images/link.jpg) left bottom no-repeat;}
div#links em						{background: url(images/bar.jpg) repeat-x bottom; display: block; font-size: 10px; margin: 0px; padding: 10px 0px; text-align: left; width: 620px;}
div.wp-caption						{display: block; margin: 0px; margin-right: 5px; min-height: 210px; padding: 0px; width: 160px;}
div.alignright						{display: block; margin: 0px; margin-right: 5px; min-height: 210px; padding: 0px; width: 160px;}
span.linklistcatnamedesc			{display: block; width: 620px;}
div.float-post-right				{margin: 10px 0px; padding: 0px; width: 620px;}
div.thumbnail					{float:left; margin: 0px 10px 10px 0px; width: 50px;}