/*  
Theme Name: marchawkins_com
Theme URI: http://www.marchawkins.com/
Description: 3-col grid-based WordPress theme
Version: 1.0
Author: Marc Hawkins
Author URI: http://www.marchawkins.com/
Tags: black, white, 2 sidebars, minimal, clean, sidebar, grunge

*/

body	{margin: 0; padding: 0; text-align: center; background: url("images/body-bg.gif") 0% 0% repeat-x #fff;}
.page	{width: 990px; margin: 0 auto; position: relative; text-align: left; font-family: verdana,helvetica,sans-serif; font-size: 8pt;}

/* general */	
a	{color: #f00; text-decoration: none;}	
a:hover	{text-decoration: underline;}
img	{border-style: none; -ms-interpolation-mode:bicubic;}
.txtleft	{text-align: left;}
.txtright	{text-align: right;}
.txtcenter	{text-align: center;}
.fltleft	{float: left;}
.fltright	{float: right;}
.alignright	{float: right; margin: 0 0 20px 20px;}
.clear	{clear: both;}

/* header */	
.header	{clear: both; height: 150px; margin: 0 0 10px 0; background: #000; overflow: hidden;}
	.header .me	{float: left; width: 165px;}
	.header h1	{float: left; margin: 90px 0 0 0; padding: 0;}
		.header h1 a	{display: block; width: 330px; height: 60px; background: url("images/marc-hawkins.gif") 0% 0% no-repeat; text-indent: -9999px;}
	.header .nav	{float: right; width: 240px;}
		.header .nav ul	{margin: 30px 0 0 0; padding: 0; list-style: none;}
		.header .nav li	{margin: 0 0 4px 0; padding: 0;}
			.header .nav li a	{color: #fff; text-transform: uppercase;}
			.header .nav li a.active	{text-decoration: underline;}
	.header .search	{}
		.header .search #search_field	{margin: 0; padding: 1px; font-size: 8pt; font-weight: bold; border: 1px solid #ccc;}
		.header .search #submit	{position: relative; top: 3px;}

/* sub-head */
.subhead	{clear: both; height: 50px; overflow: hidden;}		
	.subhead ul	{list-style: none; margin: 0; padding: 0;}
	.subhead li	{display: block; float: left; margin: 0; padding: 0;}
		.subhead a	{display: block; width: 165px; height: 40px; padding: 10px 0 0 0; font-size: 7.5pt; color: #444; overflow: hidden;}
			.subhead a:hover, .subhead .active a	{color: #fff; text-decoration: none;}
			.subhead a span	{display: block; width: 125px; height: 18px; background: url("images/subhead-titles.gif") 18px 0px no-repeat; text-indent: -9999px;}
				.subhead .frontpage a span	{background-position: 0px -18px;} .subhead .frontpage a:hover span, .subhead .frontpage.active a span	{background-position: 0px 0px;}
				.subhead .categories a span	{background-position: -125px -18px;} .subhead .categories a:hover span, .subhead .categories.active a span	{background-position: -125px 0px;}
				.subhead .tagbrowser a span	{background-position: -250px -18px;} .subhead .tagbrowser a:hover span, .subhead .tagbrowser.active a span	{background-position: -250px 0px;}
				.subhead .calendar a span	{background-position: -375px -18px;} .subhead .calendar a:hover span, .subhead .calendar.active a span	{background-position: -375px 0px;}
				.subhead .saycheese a span	{background-position: -500px -18px;} .subhead .saycheese a:hover span, .subhead .saycheese.active a span	{background-position: -500px 0px;}
				.subhead .gotmail a span	{background-position: -625px -18px;} .subhead .gotmail a:hover span, .subhead .gotmail.active a span	{background-position: -625px 0px;}

/* footer */
.footer	{clear: both; height: 250px; margin: 40px 0 0 0; padding: 15px 0; color: #444; background: #000;}
	.footer .col	{float: left; width: 165px; height: 245px;}
		.footer .col.first	{width: 160px; margin-left: 5px;}
	.footer h6	{margin: 0; padding: 0 0 3px 0; font-size: 7.5pt; color: #444; text-transform: uppercase;}
	.footer ul	{margin: 0 0 10px 0; padding: 0; list-style: none;}
	.footer li	{margin: 0 0 3px 0; padding: 0;}
	.footer a	{color: #999; font-size: 7.5pt; text-transform: uppercase;}
	.footer .copy	{margin: 0 0 0 5px; font-size: 7.5pt; text-transform: uppercase;}

/* content */
.main	{clear: both; margin: 25px 0 0 0;}
.content-col	{float: left; width: 480px;}
	.content-col.wide	{width: 665px;}
	.content-col.triple	{width: 990px;}

h2	{margin: 0; padding: 0 0 5px 0; font-size: 20pt; font-family: "georgia",times,serif; font-weight: normal;}
	h2 a	{color: #000;}
h3	{margin: 0; padding: 0 0 5px 0; font-size: 16pt; font-family: "georgia",times,serif; font-weight: normal;}
	h3 a	{color: #000;}

.post	{margin: 0 0 20px 0;}
	.postmeta	{height: 14px; margin: 0 0 10px 0; font-size: 7.5pt; color: #ccc; text-transform: uppercase;}
		.postmeta .date	{display: block; float: left; width: 220px; height: 12px; padding: 2px 0 0 20px; background: url("images/icon-calendar.gif") 0% 0% no-repeat;}
		.postmeta .comments	{display: block; float: right; width: 220px; height: 12px; padding: 2px 18px 0 0px; text-align: right; background: url("images/icon-comment.gif") 100% 0% no-repeat;}
		.postmeta a	{color: #ccc;}
	.entry	{}
		.entry img	{padding: 2px; border: 1px solid #ccc;}
			.entry img.alignright	{float: right; margin: 0 0 5px 10px;}
			.entry img.alignleft	{float: left; margin: 0 10px 5px 0;}
		.entry p	{margin: 0; padding: 0 0 20px 0; line-height: 1.5em; font-size: 9pt;}
			.entry p.wp-caption-text	{font-size: 7.5pt; color: #666;}
		.entry a	{text-decoration: underline;}
		.entry ul, .entry ol	{margin-top: 0;}
			.entry ul li, .entry ol li	{margin-bottom: 5px;}
		
	.post .comment-link	{margin: 2px 0 0 0; padding: 5px 0 0 0; border-top: 1px solid #ccc;}
		.post .comment-link a	{color: #000; font-size: 7.5pt; font-weight: bold; text-transform: uppercase;}

.disclaimer	{margin: 0 0 10px 0; font-size: 7.5pt; color: #999;}

.comment-block	{}
	.comment-block h3#comments, #respond h3	{padding: 5px; font-size: 12pt; font-family: "georgia",times,serif; font-weight: normal; color: #fff; background: #000;}
		.comment-block h3#comments a, #respond h3 a	{color: #fff; text-decoration: underline;}
	.commentlist	{margin: 0; padding: 0;}
		.commentlist li	{clear: right; list-style: none; margin: 0 0 5px 0; padding: 5px;}
			.commentlist li.depth-1	{border-top: 1px solid #efefef;}
			.commentlist li.alt	{background: #efefef;}
			.commentlist .vcard	{float: left; width: 80px; text-align: center;}
				.commentlist .avatar	{border: 1px solid #ccc;}
				.commentlist .vcard .says	{display: none;}
				.commentlist .vcard .url, .commentlist .vcard cite	{font-style: normal;}
				.commentlist .vcard cite	{display: block;}
		.commentlist .children	{margin: 0; padding: 0; list-style: none;}
		.commentlist .comment-meta	{margin: 0 0 3px 90px; font-size: 7.5pt; text-align: right; color: #ccc;}
			.commentlist .comment-meta a	{color: #ccc;}
		.commentlist p	{margin: 0 0 10px 90px;}
		.commentlist .reply	{margin: 0 0 5px 90px;}
	
/* sidebars */
.sidebar	{float: right;}
	.sidebar.small	{width: 240px;}
		.sidebar.small.right	{margin: 0 0 0 10px;}
	.sidebar .more	{margin-right: 10px; text-align: right; font-weight: bold; font-size: 7.5pt;}

/* panels */
.panel	{margin: 0 0 10px 0;}
	.panel h5	{height: 25px; margin: 0 0 10px 0; padding: 0; text-indent: -9999px;}
		.panel.recent h5	{background: url("images/title-recent-posts.gif") 3px 100% no-repeat #000;}
		.panel.twitter h5	{background: url("images/title-twitter.gif") 3px 100% no-repeat #000;}
		.panel.flickr h5	{background: url("images/title-flickr.gif") 3px 100% no-repeat #000;}
		.panel.projects h5	{background: url("images/title-projects.gif") 3px 100% no-repeat #000;}
		.panel.youtube h5	{background: url("images/title-youtube.gif") 3px 100% no-repeat #000;}
		.panel.dailybooth h5	{background: url("images/title-dailybooth.gif") 3px 100% no-repeat #000;}
		.panel.cat h5	{background: url("images/title-categories.gif") 3px 100% no-repeat #000;}
		.panel.tags h5	{background: url("images/title-tags.gif") 3px 100% no-repeat #000;}
		.panel.recent-posts h5	{background: url("images/title-recent-posts.gif") 3px 100% no-repeat #000;}
		.panel.comments h5	{background: url("images/title-comments.gif") 3px 100% no-repeat #000;}
	.panel table.post-list	{width: 100%; border-style: none;}
		.panel table.post-list td	{margin: 0; padding: 5px; font-size: 8pt; color: #000; text-align: left; vertical-align: middle; border-bottom: 1px solid #efefef;}
			.panel table.post-list td.cat	{width: 30px; text-align: right; color: #ccc; font-size: 7.5pt; text-transform: uppercase;}
				.panel table.post-list td.cat a	{color: #ccc;}
			.panel table.post-list td.title	{font-size: 9pt;}
				.panel table.post-list td.title a	{display: block; color: #000;}
			.panel table.post-list td.comment	{width: 20px; text-align: right;}
				.panel table.post-list td.comment a	{display: block; padding: 0 18px 0 0; color: #ccc; background: url("images/icon-comment.gif") 100% 0% no-repeat;}
.panel .tweet	{position: relative; top: -10px; height: 170px; margin: 0 0 -20px 10px; text-align: center; font-size: 9px; color: #000; overflow: hidden;}
	.panel .tweet .date	{display: block; margin: 0 0 5px 0; font-size: 9px; color: #8b7103;}
	.panel .tweet.twt01	{width: 102px; height: 145px; padding: 25px 25px 0 18px; background: url("images/twitter-bg-01.jpg") 0% 0% no-repeat;}
	.panel .tweet.twt02	{width: 108px; height: 140px; padding: 30px 17px 0 20px; background: url("images/twitter-bg-02.jpg") 0% 0% no-repeat;}
	.panel .tweet.twt03	{width: 109px; height: 145px; padding: 25px 19px 0 17px; background: url("images/twitter-bg-03.jpg") 0% 0% no-repeat;}
	.panel .tweet.twt04	{width: 105px; height: 140px; padding: 30px 20px 0 20px; background: url("images/twitter-bg-04.jpg") 0% 0% no-repeat;}
	.panel .tweet.twt05	{width: 103px; height: 135px; padding: 35px 21px 0 21px; background: url("images/twitter-bg-05.jpg") 0% 0% no-repeat;}
	.panel .tweet.twt06	{width: 103px; height: 135px; padding: 35px 21px 0 21px; background: url("images/twitter-bg-06.jpg") 0% 0% no-repeat;}
	.panel .tweet a	{color: #8c7910; font-weight: bold;}
	.panel .tweet-deets	{float: right; width: 65px; margin: 20px 8px 0 0; font-size: 7.5pt; color: #ccc;}
		.panel .tweet-deets .date	{display: block; margin: 0 0 10px 0; padding: 0 0 0 18px; background: url("images/icon-time.gif") 0% 0% no-repeat;}

.panel.flickr .photo	{float: left; width: 70px; height: 90px; margin: 0 0 2px 0; padding: 12px 0 0 10px; background: url("images/flickr-bg-sm.jpg") 0% 0% no-repeat; overflow: hidden;}
	.panel.flickr .photo.lg	{width: 100px; height: 127px; margin: 0 4px 2px 4px; padding: 16px 0 0 11px; background: url("images/flickr-bg-lg.jpg") 0% 0% no-repeat;}
	.panel.flickr .photo .date	{display: block; padding: 3px 0 0 8px; font-size: 7.5pt; color: #999;}
		.panel.flickr .photo.lg .date	{padding: 8px 0 0 23px;}
		
.panel.dailybooth .snapshot	{width: 212px; height: 222px; padding: 23px 0 0 26px; background: url("images/dailybooth-bg.jpg") 0% 0% no-repeat;}
	.panel.dailybooth .snapshot span	{display: block; padding: 20px 0 0 0; font-size: 8pt;}
	.panel.dailybooth .snapshot span a	{color: #666;}

.panel.listing	{}
	.panel.listing ul	{margin: 10px 0; padding-left: 18px;}
	.panel.listing li	{margin: 0 0 3px 0;}

.panel.comments	{}
	.panel.comments ul	{list-style: none; padding-left: 0;}
	.panel.comments li	{min-height: 38px;}
	.panel.comments img	{width: 35px; height: 35px; display: block; float: left; margin: 0 3px 3px 0;}

.sidebar .panel a	{color: #000;}

/* category template */
.cat-index	{}
	.cat-index ul	{list-style: none; padding-left: 0;}
		.cat-index ul li	{margin: 0 0 5px 0;}
		.cat-index ul ul	{list-style: disc; margin: 5px 0 10px 0; padding-left: 15px; padding-bottom: 5px; border-bottom: 1px solid #efefef;}
			.cat-index ul ul li	{margin: 0 0 5px 0;}
	.cat-index ul b	{font-size: 10pt;}
		.cat-index ul b a	{color: #000;}
	
.cat-list	{}
	.cat-list h2	{margin: 0 0 10px 0; border-bottom: 1px solid #ccc;}
		.cat-list h2 .cat-name	{display: block; margin: 0 0 2px 2px; font-family: verdana,helvetica,sans-serif; font-size: 9px; text-transform: uppercase; font-weight: bold;}
	.entry.excerpt p	{font-size: 8pt;}
	.excerpt-date	{float: right; width: 50px; margin: 0 20px 10px 10px; padding: 4px; font-size: 8pt; color: #ccc; text-align: center; border: 1px solid #ccc; background: #efefef;}
		.excerpt-date .mon	{font-size: 9pt; font-weight: bold; text-transform: uppercase;}

/* calendar template */
.cal-index	{}
	.cal-index .calendar	{float: left; width: 300px;}
	.cal-index .mon-list	{float: right; text-align: left; width: 300px;}
	
/* automatic twitter posts */
ul.aktt_tweet_digest	{margin: 0; padding: 0;}
	ul.aktt_tweet_digest li	{margin: 0 0 10px 18px; padding: 0;}

/* say cheese */
.say-cheese	{}
	.say-cheese .post	{float: left; width: 290px; margin: 0 20px 20px 0;}
	.say-cheese .post em	{font-size: 7.5pt; line-height: 1.5em;}
.cam-taker	{display: none;}
.cam-gallery	{margin: 10px 0 10px 310px;}
	.cam-gallery .shot	{float: left; width: 160px; height: 120px; margin: 0 5px 5px 0; padding: 1px; border: 1px solid #666;}
		.cam-gallery .shot a:link, .cam-gallery .shot a:visited, .cam-gallery .shot a:hover	{display: block; width: 160px; height: 120px;}
		.cam-gallery .shot.new	{display: none;}

/* photo gallery  */
.triple.flickr-gallery	{}
.triple.flickr-gallery .post	{margin: 0;}
	.set-list	{}
	.set-list ul	{list-style: none; margin: 0; padding: 0;}
		.set-list li	{display: block; float: left;}
		.set-list li a	{display: block; width: 230px; height: 75px; margin: 0 5px 5px 0; padding: 1px 5px 1px 1px; border: 1px solid #999; text-decoration: none;}
			.set-list li a:hover	{text-decoration: none; background: #efefef;}
			.set-list li img	{display: block; float: left;}
			.set-list li a .title	{display: block; margin: 2px 0 6px 80px; font-size: 7.5pt; font-weight: bold; color: #000;}
			.set-list li a .date	{display: block; margin: 0 0 2px 80px; font-size: 7pt; color: #000}
			.set-list li a .total	{display: block; margin: 0 0 2px 80px; font-size: 7pt; color: #999;}