/*
THEME NAME: craig blog new
THEME URI: 
DESCRIPTION: foobar
VERSION: 0.1
AUTHOR: craig mackenzie
AUTHOR URI: craig-mackenzie.com
*/

/* ------------------------------------------------ global */

@import url(reset.css);
@import url(tm-style.css);

body {
	background:#fff;
	color:#444;
	font:12px/18px Didot, Georgia, serif;
	margin:auto;
	width:975px;
	border-top: 3px solid #e03a3a;
	border-bottom: 5px solid #e03a3a;
}

a  { color:#e03a3a; text-decoration:none; }
a:hover {background:#e03a3a; color:#000; border-bottom:1px solid #000; }

h1,h2,h3,h4,h5,h6	{font-weight:400;padding:10px 0;}
h1 {font-size:20px;}

h2 {font-size:18px;}
h2.title { font-size:25px; line-height:1em; }
h2 span { float: right; }
h2 span#search-terms { float:none; padding: 1px; background:#FF6; }
#comments h2 span { float:none; }

p{padding:0 0 14px; text-align:justify;}
small{font-size:0.85em;}
strong{font-weight:700;}
em { font-style:italic; }
sub{bottom:-0.2em;position:relative;vertical-align:baseline;}
sup{bottom:0.3em;position:relative;vertical-align:baseline;}

img.profile-pic {
	margin: -28px 0 10px 10px;
	display:block;
	top: 10px;
	right: 0;
	float:right;
}

.clear {clear:both;padding-top:30px;}
br { clear:both;}

.half-col, .one-col, .two-col, .three-col, .four-col, .five-col, .six-col  { 
	border-top:1px solid silver;
	display:block;
	float:left; 
	margin-right:15px;
	position: relative;
}

.half-col  {width:65px;}
.one-col   {width:145px;}
.two-col   {width:305px;}
.three-col {width:465px;}
.four-col  {width:625px;}
.five-col  {width:785px;}
.six-col   {width:945px;}

.half-col.wrap  {width:80px;}
.one-col.wrap   {width:160px;}
.two-col.wrap   {width:320px;}
.three-col.wrap {width:480px;}
.four-col.wrap  {width:640px;}
.five-col.wrap  {width:800px;}
.six-col.wrap   {width:960px;}

.wrap {
	border:none;
	margin:0;
	overflow: hidden;
}

span.amp {
  font-family: Baskerville, Palatino, "Book Antiqua", serif;
  font-style: italic;
  float:none;
}

h1 span.amp {
   color:#9C2226;
}

/* ------------------------------------------------ header */

#wrapper { border-top: 2px solid silver; }

#header {
	height:90px;
	padding:10px 15px;
	width:945px;
}
#pages li {
	float:right;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:700;
	list-style-type:none;
	padding-left:12px;
	text-transform:uppercase;
}
#pages a{color:#666;}
#pages a:hover {color:#000;}
#applesearch{float:right;margin:0;padding:0;}

/* ------------------------------------------------ home */

#content {
	display:inline;
	float:left;
	padding-left:15px;
	width:960px;
}


ul.post-list .time { font-size: 10px; }
ul.post-list .title { font-weight:700; line-height:14px; padding:0 0 2px; }

.flickr_badge_image {float:left; margin:0 7px;}
.flickr_badge_image a { display:block; float:left; padding:2px; border-bottom: 1px solid #fff; }
#flickr_badge_image10 { margin-right:none !important; }

#meta li { padding-bottom: 5px; padding-left:20px; }

#meta .twitter li, #meta li.twitter 	{ background: url(images/twitter.png) no-repeat left top; }
#meta .lastfm li, #meta li.lastfm 		{ background: url(images/lastfm.png) no-repeat left top; }
#meta .delicious li, #meta li.delicious { background: url(images/delicious.png) no-repeat left top; }
#meta .facebook li, #meta li.facebook 	{ background: url(images/facebook.gif) no-repeat left top; }
#meta .flickr li, #meta li.flickr 	{ background: url(images/flickr.png) no-repeat left top; }
#meta .digg li, #meta li.digg		 	{ background: url(images/digg.jpg) no-repeat left top; }
#meta .blog li, #meta li.blog		 	{ background: url(images/blog.png) no-repeat left top; }


#meta .lastfm { position: relative; }
#meta .lastfm li:hover img { display:block; }
#meta .lastfm li img {
	display:none;
	position: absolute;
	border: 2px solid silver;
	top:10px; right:0px;
}

#bottom {
	background:#efefef;
	padding-left:15px;
	width:960px;
}

#footer {
	border-top:1px solid silver;
	clear:both;
	display:block;
	font-size:10px;
	padding:10px 15px;
	width:945px;
}

/* ------------------------------------------------ entries */

.entry-body { padding:10px 0; }
.entry-body pre {
	margin-bottom:14px;
	padding:10px;
	background: #444;
	border: 2px solid #666;
}
.entry-body h2 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 1px;
	margin-bottom: 10px;
}
.entry-body ul,
.entry-body ol,
.entry-body dl,
.entry-body blockquote,
.comment-body blockquote {
	margin-bottom:14px;
}
.entry-body ol {
	list-style-position: inside;
	list-style-type: decimal;;	
}
.entry-body li {
	border-top: 1px solid #efefef;
	padding: 3px 10px;
}
.entry-body li:hover {
	background:#efefef;
	border-top: 1px solid #ddd;
}
.entry-body dt {
	font-weight:bold;
	border-bottom: 1px solid #efefef;
	padding: 3px 5px;
}
.entry-body dd {
	font-style:italic;
	margin-bottom: 10px;
	padding: 0 10px;
}
.entry-body blockquote,
.comment-body blockquote {
	padding: 20px 30px;
	background:#eefeef;
	border-left: 1px solid #ddd;
	font-style:italic;
	font-size:120%;
	position:relative;
}
.entry-body blockquote cite {
	font-size:11px;
	display:block;
	text-align: right;
	position:absolute;
	bottom:5px;
	right:10px;
}
.entry-body code {
	display: inline;
	background:#444;
	color:#ddd;
	padding: 0 3px;
}


.post-nav { padding: 10px 0; }
.nav-previous { float:left; }
.nav-next { float:right; }

.comment-meta,
#trackbacks-list .comment-author {
	font:14px/20px Didot, Georgia, serif; 
	text-transform:lowercase;
	border-bottom: 1px solid silver;
	margin-bottom:10px;
}

li.comment { background-color:#fbfbfb;font:12px/18px Helvetica, Arial, sans-serif; margin:12px 0; padding:12px; }
li.comment.alt { background-color:#f3f3f3;}
li.comment.bypostauthor, li.comment.admin-comment {background:#eff6ff; border: 1px dotted silver;}

li.comment .grav {
	float:left;
	border: 1px solid silver;
	margin-right:10px;
}

.comment-meta {
	margin-left:60px;
}


.comment-body blockquote {
	font-size:100%;
	padding: 10px;
	padding-bottom:0;
	border: 1px solid #ddd;
	border-right:none;
	background:#fff;
	margin-right: -12px;
	
}

#commentform label { display:block; padding: 4px 0;}
#commentform input, #commentform textarea { width: 100%; margin-bottom: 8px; }
#commentform textarea { height: 180px; }
#commentform .form-submit input { width:auto; float: right; }

#fbc_login {
	float:none;
	border:none;
	margin:0;
	padding:10px 0;
}

.fbc_profile_header {
	padding: 0px !important;
	margin:0 !important;
}

#fbc_profile .fbc_profile_pic {
	padding:8px 0 !important;
}

/* ------------------------------------------------ archives */

.archive h2 a { display:block; border-bottom: 1px solid #fff; }
.archive h2 a:hover { border-bottom: 1px solid #000; }
p.description { color: #777; font-style: italic; }

/* ------------------------------------------------ tunes */

#tunes li {
	position: relative;
	overflow:hidden;
	margin-bottom:5px;
}
#tunes li span { display:block; }
#tunes .artists li img {
	position: absolute;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter:alpha(opacity=75);
	top:0;
	right:0;
}
#tunes .artists li:hover { height: 50px; }
#tunes .artists li:hover img {
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
}

/* ------------------------------------------------ galleries */

.scroll-gallery span {
  color:#aaa;
  padding:0 10px;
}
.scroll-gallery .gal-main {
  width:600px;
  margin:0 auto 10px auto;
  padding:0 10px;
  position:relative;  
  overflow:hidden;
}
.scroll-gallery .gal-main div {
  position:absolute;
  top:0;
}
.scroll-gallery ul {
  border-top: 1px solid #eee;
  height:55px;
  margin-top:20px;
  padding-top:5px;
}
.scroll-gallery ul li, .scroll-gallery ul li:hover {
  border:none;
  padding:0;
  margin:0;
  background:none;
}
.scroll-gallery ul li a {
  display:block;
  width:50px;
  height:50px;
  padding:3px;
  float: left;
  opacity: 0.35;
  -moz-opacity: 0.35;
  filter:alpha(opacity=35);
}
.scroll-gallery ul li a:hover {
  background:#ccc;
  border:none;
  opacity: 1.0;
  -moz-opacity: 1.0;
  filter:alpha(opacity=100);
}
.scroll-gallery .flickr-link {
  float:right;
}

.zoom-gallery li {
	padding:1px;
	margin:1px;
	float: left;
	
	border:none;
}
.zoom-gallery li:hover {
	border:none;
	background:#333;
}
.zoom-gallery li a {
	display:block;
	border: 1px solid #fff;
}