#blog {
}

/* structure */
#blog #blog-main {
	padding-bottom: 8px;
	width: 704px;
	float: left;
}

#blog #blog-sidebar {
	margin: 0;
	width: 248px;
	float: right;
	background: #eee;
	-moz-border-radius: 5px;
}	

/* posts */

#blog .blog-post {
	margin-bottom: 24px;
}

#blog .blog-post:last-child {
	margin-bottom: 8px;
}

#blog .blog-post h2 {
	margin: 0;
}

#blog .blog-post h2 a:link, 
#blog .blog-post h2 a:visited {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 2px 0;
}

#blog .blog-post h2 a:hover {
	text-decoration: underline;
}

/* lead image in 'hero' formatting */
#blog .blog-post-hero {
	margin: 8px 0;
}

#blog .blog-post-meta {
	margin: 8px 0;
	font-weight: bold;
}

#blog .blog-post p {
}

#blog .blog-post-categories {
}

/* image via macros, or lead image in 'lead' formatting */
.blog-post .blog-post-image {
	margin: 8px;
}

.blog-post .blog-post-image img {
	display: block;
	margin: auto;
	border: none;
}

.blog-post .blog-post-image p {
}

.blog-post .blog-post-image a {
}

/* media player variations */

#blog .blog-player-audio {
	width: 704px;
	height: 56px;
	background: #47a;
}

#blog .blog-player-video {
	width: 704px;
	height: 400px;
	background: #999;
}

/* meta controls (inside sidebar) */

#blog #blog-meta {
	padding: 8px;
}	

#blog #blog-meta h2 {
	margin-top: 0;
	font-size: 10pt;
}	

#blog #blog-sidebar h2 a {
	display: block;
	color: #000;
}	

#blog #blog-sidebar h2 a {
	padding: 4px 0;
	color: #000;
}	

#blog #blog-sidebar h3 {
	font-size: 10pt;
}	

#blog #blog-sidebar h3 a {
	color: #000;
}	

#blog #blog-meta p {
	margin-bottom: 0; /* firefox collapsing margins */
}	

#blog #blog-meta ul {
	list-style: none;
	margin: 12px 0;
	padding: 0;
}	

#blog #blog-meta ul li {
	margin: 4px 0;
	padding: 0;
}	

#blog #blog-sidebar ul li a {
	padding: 2px;
}	

#blog #blog-meta #blog-rss-link {
}

#blog #blog-meta #blog-rss-link a {
	display: block;
	background: url(/images/nav/feed-icon-14x14.png) left no-repeat;
	padding: 2px 0 2px 20px;
}

/* comments */

#blog #blog-comments {
	margin-bottom: 16px;
}

#blog #blog-comments h3 {
	border-bottom: 1px solid #c9c9c9;
	padding: 4px 0;
}

#blog #blog-comments .blog-comment {
}

#blog #blog-comments .blog-comment .blog-comment-meta {
	background: #ccc;
	height: 32px;
}

#blog #blog-comments .blog-comment .blog-comment-meta p {
	padding: 8px 4px;
}

#blog #blog-comments .blog-comment .blog-comment-meta span.blog-comment-author {
	font-weight: bold;
	padding: 4px;
}

#blog #blog-comments .blog-comment span.blog-comment-author-owner {
	background: #fc0;
}

#blog #blog-comments .blog-comment-post {
}

#blog #blog-comments .blog-comment-post p {
	padding: 4px;
}

/* approve / delete post buttons */
#blog #blog-comments .blog-comment-meta form {
	margin: 4px 4px 0 0;
	width: 64px;
	height: 24px;
	display: block;
	float: right;
	text-align: right;
}

/* post comment */

#blog #blog-comments-form {
}

#blog #blog-comments-form h3 {
	border-bottom: 1px solid #c9c9c9;
	padding: 4px 0;
}


#blog #blog-comments-form textarea {
	width: 696px;
	height: 80px;
	padding: 4px;
}

#blog #blog-comment-sform input[type=submit] {
	padding: 4px;
}


/* ajax images gallery */

#blog .blog-gallery {
	margin: 8px 0;
	padding: 0;
}

#blog .blog-gallery .blog-gallery-selector {
	width: 188px;
	height: 384px;
	float: left;
}

#blog .blog-gallery .blog-gallery-selector .blog-gallery-pager {
	height: 24px;
	margin: 0 2px 0 0;
}

#blog .blog-gallery-pager ul {
	margin: 0;
	padding: 0;
	height: 24px;
}

#blog .blog-gallery-pager ul li {
	display: inline;
	float: left;
	margin: 0 2px;
}

#blog .blog-gallery-pager ul li a {
	display: block;
	width: 18px;
	height: 18px;
	text-align: center;
	background: #000;
	color: #fff;
	border: 1px solid #000;
	text-decoration: none;
}

#blog .blog-gallery-pager ul li a:hover {
	background: #fff;
	color: #000;
}

#blog .blog-gallery-pager ul li .blog-gallery-pager-active {
	background: #fff;
	color: #000;
}

#blog .blog-gallery-pager ul li.blog-gallery-pager-next {
	float: right;
}

#blog .blog-gallery .blog-gallery-thumbnails {
	width: 188px;
	height: 360px;
	overflow: hidden;
	float: left;
}

#blog .blog-gallery-thumbnails ul {
	margin: 2px 0 0 0;
	padding: 0;
}

#blog .blog-gallery-thumbnails ul li {
	display: inline;
	float: left;
	margin: 2px;
	padding: 0;
}

#blog .blog-gallery-thumbnails ul li a {
	display: block;
	width: 88px;
	height: 66px;
	border: 1px solid #555;
}

#blog .blog-gallery-thumbnails ul li a.blog-gallery-thumbnail-active {
	border: 1px solid #c00;
}

#blog .blog-gallery .blog-gallery-thumbnails ul li a span {
	display: none;
}

#blog .blog-gallery-image {
	float: right;
	width: 512px; 
	height: 384px; 
	overflow: hidden;
	margin: 0;
}

#blog .blog-gallery-image h3.blog-gallery-title {
	float: left;
	width: 384px;
	color: #fff;
	margin: 8px 4px;
}

#blog .blog-gallery-image h3.blog-gallery-title span {
	padding: 4px;
	background: url(/images/alpha.png);
	border: 1px solid #666;
}

#blog .blog-gallery-image a {
	display: block;
	float: right;
	width: 48px;
	height: 20px;
	margin: 4px 2px;
	background: #222;
	border: 1px solid #999;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

#blog .blog-gallery-image a span {
	display: block;
	padding: 0;
}

#blog .blog-gallery-image a:hover {
	background: #fff;
	color: #000;
	border: 1px solid #000;
}