/* @group Social Bookmarks */

.social_bookmarks{
	padding: 0.5em;
	height: 16px;
	margin-top: 0.5em;
}
.social_bookmarks ul, 
.social_bookmarks li{
	padding: 0 !important;
	margin: 0;
	list-style-type: none;
	display: inline;
	background: 0 !important;
	border: 0 !important;
}
.social_bookmarks ul{
	display: block;
}
.social_bookmarks a{
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9000px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	opacity:0.75;
	background: url(images/social_bookmarks.png) 0 0 no-repeat;
}

.social_bookmarks a:hover{
	opacity: 1;
}
.social_bookmarks .stumble_upon a{
	background-position: -16px 0;
}
.social_bookmarks .digg a{
	background-position: -32px 0;
}
.social_bookmarks .design_float a{
	background-position: -48px 0;
}
.social_bookmarks .technorati a{
	background-position: -64px 0;
}
.social_bookmarks .twitter a{
	background-position: -80px 0;
}
.social_bookmarks .newsvine a{
	background-position: -96px 0;
}
.social_bookmarks .yahoo_buzz a{
	background-position: -160px 0;
}
.social_bookmarks .reddit a{
	background-position: -128px 0;
}
.social_bookmarks .facebook a{
	background-position: -144px 0;
}
.social_bookmarks .rss a{
	background-position: -112px 0;
}
.social_bookmarks .design_moo a{
	background-position: -176px 0;
}

/* @end */

/* @group Article Styles */
.entry{
	clear:both;
}
.entry img, .excerpt img{
	max-width: 460px !important;
}
.entry ol{
	list-style-type: decimal;
	padding-left: 2em;
}
.wp-smiley{
	margin: 0 !important;
}
.code,
code{
	white-space: pre;
	background: #222;
	display: block;
	padding: 1em;
	overflow: auto;
	color: #999;
	border-bottom: 1px solid #333;
	font-family: Courier, Monospace,Monaco, Tahoma, sans-serif;
	font-size: 11px;
	margin: 1em 0;
	line-height: 0.9em;
	list-style: none;
} 
.code li{
	background: none;
	padding:0;
	margin:0;
}
code.inline{
	display: inline;
	padding: 0 .5em;
	margin:0;
	white-space: normal;
}
.post_meta .author{
	background: url(images/blog/comment_pencil.gif) 0 center no-repeat;
	padding-left:26px;
}

.post_meta .date{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 37px;
	height: 32px;
	padding:25px 15px 0 0 !important;
	color: #666;
	margin: 0 15px 0 0;
	text-align: center;
	line-height: 1.1;
	font-weight: bold;
	text-transform: uppercase;
	border-right: 1px dashed #333;
	background: url(images/blog/calendar.gif) 0 0 no-repeat;
}
.post_meta{
	position: relative;
	min-height:60px;
	padding-left: 65px;
}
.post_meta .date span{
	display: block;
}
.post_meta .post_title{
	font-size: 1.9em;
	margin: 1em 0 0.2em 0;
	width: 310px;
}
.post_meta .comments{
	position: absolute;
	right: 0;
	top: .5em;	
	display: block;
	margin:0;
	padding:0;
	line-height:1.4em;
}
.post_meta .comments a{
	background: url(images/blog/comments_icon.gif) 0 center no-repeat;
	padding-left: 18px;
	-moz-opacity:0.3 !important;
	opacity: 0.3 !important;
	color: white !important;
	font-size: 12px;
	font-weight: normal;
}
.post_meta .time,
.post_meta .author,
.post_meta .comments,
.post_meta .tags,
.postmetadata,
.post_footer_meta,
.comment_meta{
	font-family: Georgia, serif;
	font-style: italic;
	padding-top: .3em;
	padding-bottom: .3em;	
	color: #444;
	font-size: 12px;
}
.postmetadata{
	clear: both;
	padding-top: 0;
}
.postmetadata a,
.post_meta a,
.post_footer_meta a{
	color: #444;
}
.postmetadata:hover a,
.post_meta:hover a,
.post_footer_meta:hover a,
.post_footer_meta a.read_more{
	color: #999900;
	opacity:1;
}
.postmetadata a:hover,
.post_meta a:hover,
.post_footer_meta a:hover,
.post_footer_meta a.read_more:hover{
	color:#ADAD33;
}
.post_meta .tags{
	background: url(images/blog/tags.gif) 0 center no-repeat;
	padding:0.2em 0 0.2em 20px;	
}
.post_footer_meta{
	position: relative;
	margin-bottom: 1em;
	clear: both;
}
.post_footer_meta .read_more{
	position: absolute;
	right: 0;
}
.navigation{
	margin: 1em 0;
	position: relative;
}
.navigation .newer{
	position: absolute;
	right: 0;
	top: 0;
}
/* @end */

/* @group Comments */

#comments_header{
	margin: 0 0 1em 0;
	padding: 0;
	height: 50px;
	background: url(images/blog/comments_header.gif) 0 0 no-repeat;
	text-indent: -9000px;
	position: relative;
}
.comments_header{
	position: relative;
}

#commentlist li{
	clear: both;
	border-bottom: 1px dashed #333;
	padding: 0 0 1em 0;
}
#commentlist li div.comment{
	width: 380px;
	float: left;
	margin-left: 0;
	padding-top: 1em;
}
#commentlist li .comment_meta{
	width:70px;
	float: left;
	text-align: left;
}
.comment_meta{
	font-size:1em;
	padding-top: 1em;
}
.avatar img{
	width: 50px;
	height: 50px;
	margin: 0 !important;
}
.comments_rss{
	padding-left: 20px;
	background: url(images/blog/comments_icon.gif) 0 0 no-repeat;	
}
.comment cite{
	font-style: normal;
	display: block;
}
.comment cite .author{
	font-weight: bold;
	color:#ddd;
}
.comment cite .author a:hover{
	background: none;
}
.comment cite .author:hover + .when{
	display: none;
}
.comment cite .author a:hover:after{
	content: " " "\21AA" " " attr(href);
	color: #666;
	font-style: italic;
}
.comment cite .when{
	font-style: italic;
	color: #444;
}

/* @group Admin Comment */

.admin .comment .content{
	background: url(images/blog/admin_comment_bg.jpg) 0 bottom repeat-y;
}
.admin .comment .header{
	background: url(images/blog/admin_comment_top.png) 0 0 no-repeat;
}
.admin .comment .footer{
	background: url(images/blog/admin_comment_bottom.png) 0 0 no-repeat;
}
.admin .comment{
	color: white;
	font-weight: bold;
}
.admin .comment .footer .commenter abbr{
	background: url(images/blog/admin_comment_arrow_left.png) right 0 no-repeat;
}
.admin.alt .comment .footer .commenter abbr{
	background: url(images/blog/admin_comment_arrow_right.png) right 0 no-repeat;
}


/* @end */

/* @end */

/* @group Make Comment */

#postcomment{
	margin: 0;
	padding: 0;
	height: 60px;
	background: url(images/blog/make_comment_header.gif) 0 0 no-repeat;
	text-indent: -9000px;
	position: relative;
	margin-top: 1em;
}
#commentform ul{
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
#commentform ul li{
	border-bottom: 1px dashed #333;
	padding: .7em 0;
	padding-right: 0 !important;
	padding-left: 0 !important;
	background: none;
	margin: 0;
}
#commentform li label{
	font-weight: bold;
	color: #DDD;
	float: left;
	display: block;
	width: 200px;	
}
#commentform li .required{
	float: left;
	clear: left;
	display: block;
	width: 200px;
	font-size: 0.9em;
	color:#444;
}
#commentform li.author,
#commentform li.email{
	padding-bottom: 1.5em;
}
#commentform li.author input,
#commentform li.email input,
#commentform li.website input{
	width: 240px;
}
#commentform li.rating,
#commentform li.plugins{
	position: relative;
}
#commentform li.plugins{
	clear:both;
}
#commentform li.rating .star-rating-wrap{
	height:25px;
}
#commentform li.rating ul.star-rating,
#commentform li.rating .message{
	display:block;
	float:left;
}
#commentform li.rating .message{
	line-height: 25px;
	padding-left:1em;
}
#commentform li.comments textarea{
	width: 240px;
	height: 150px;
}
#commentform li.submit{
	float: right;
	clear:none;
	margin: 1em 0;
	width: 86px;
	height: 22px;
	position: relative;
	overflow: hidden;
	padding: 0;
	border: 0;
}
#commentform li.submit input{
	background: url(images/blog/post_button.gif) 0 0 no-repeat;
	width: 86px;
	height:22px;
	padding: 0;
	padding-top: 22px;
	overflow: hidden;
	border: 0;
	text-indent: -9000px;
	cursor: pointer;
	display: block;
}
#commentform li.submit input:focus,
#commentform li.submit input:active,
#commentform li.submit input.focus{
	background-position: 0 -22px;
}
#commentform  #videocomment a{
	background: url(images/blog/video_camera.gif) 0 0 no-repeat;
	padding: 1px 0 1px 20px;
}
.subscribe-to-comments{
	margin: 0;
	padding: 0;
	width: 100%;
}
.subscribe-to-comments input{
	position: absolute;
	left: 200px;
}
.subscribe-to-comments label{
	float: none !important;
}
/* @end */

/* @group Paged Comments */

.comment-page-numbers{
	width: 100px;
	position: absolute;
	right: 0;
	top: 0;
	height:22px;
	overflow: hidden;
}
.comment-page-numbers.hover,
.comment-page-numbers:hover{
	overflow: visible;
	height: auto;
}
.comment-page-numbers .label{
	width: 100px;
	background: url(images/blog/pages_dropdown.gif) 0 0 no-repeat;
	text-indent: -9000px;
	height: 22px;	
	position: relative;
	z-index: 2;
}
.comment-page-numbers.hover .label,
.comment-page-numbers:hover .label{
	background-position: right -22px;	
}
.comments-footer-pagination{
	position:relative;
	height:22px;
	margin: 2em 0;
}

.comment-page-numbers .pages{
	background: url(images/blog/pages_dropdown_bg.gif) right bottom no-repeat;
	padding:5px 0;
	width: 94px;
	margin: 0 3px;
	text-align: center;
	position: relative;
	z-index: 1;
}
.comment-page-numbers:hover .pages{
	top: -2px;
}
.comment-page-numbers .pages a{
	display: block;	
	text-align: center;
}
.comment-page-numbers .pages a:hover{
	background: #333;
}

/* @end */

/* @group Archives */

#monthly_archives_header{
	margin: 0;
	padding: 0;
	height: 50px;
	background: url(images/blog/archives_header.gif) 0 0 no-repeat;
	text-indent: -9000px;
	position: relative;
	margin:2em 0 1.5em 0;
}
.smart_archives{
	width: 100%;
	margin: 1em 0;
}
.smart_archives dt,
.smart_archives dd{
	width: 7.65%;
	display: block;
	float: left;
	text-align: center;
	margin: 0;
	border: 0;
	line-height: inherit;
	padding: 0;
	border-top: 1px dashed #333;
}
.smart_archives dt:after{
	content: '' !important;
	font-size: inherit;
	line-height: inherit;
	padding: 0;	
}
.smart_archives a{
	display: block;
	padding: 0.5em .8%;
}
.smart_archives dt{
	clear: both;
	background: #222;
}
.smart_archives .empty{
	color: #333;
	padding: 0.5em 0;
}

/* @end */

/* @group Posts Listing */

ul#post_listing,
ul#post_listing li{
	margin: 0 !important;
	padding: 0 !important; 
	background: none;
	clear: both;
}

/* @end */

/* @group Posts */

#recent_posts{
	margin: 0 ;
	padding: 0;
	height: 50px;
	background: url(images/blog/recent_posts_header.gif) 0 0 no-repeat;
	text-indent: -9000px;
	position: relative;
	margin:2em 0 1.5em 0;	
}
#older_posts{
	margin: 0 ;
	padding: 0;
	height: 50px;
	background: url(images/blog/older_posts_header.gif) 0 0 no-repeat;
	text-indent: -9000px;
	position: relative;
}


/* @end */

/* @group Post Info Box */

.post_info{
	float: right;
	width: 15em;
	margin-left: 2em;
	margin-bottom: 1em;
}
.post_info ul,
.post_info ul li{
	padding:0 !important;
	margin:0 !important;
	background: none !important;
}
a.download{
	background-image: url(images/blog/download.gif);
	background-position: 0 center;
	background-repeat:no-repeat;
	line-height: 2em;
	padding:.3em 0 .3em 25px;
}
a.download_fw{
	background-image: url(images/blog/download_fw.gif);
	background-position: 0 center;
	background-repeat:no-repeat;
	line-height: 2em;
	padding:.3em 0 .3em 25px;
}
a.preview{
	background-image: url(images/blog/preview.gif);
	background-position: 0 center;
	background-repeat:no-repeat;
	line-height: 2em;
	padding:.3em 0 .3em 25px;
}

.post_info_buy{
	padding-right: 75px;
	position: relative;
	width: 120px;	
}
.post_info_buy ul{
	border-right: 1px dashed #333;
	margin-top: 0;
}
.post_info_buy ul h4{
	margin-top: 0;
}
.post_info_buy ul li{
	border: 0 !important;
}
.post_info_buy a.buy{
	display: block;
	width: 60px;
	height: 110px;
	text-indent: -9000px;
	overflow: hidden;
}
.post_info_buy a.buy_499{
	background: url(images/sale_tag_499.gif) center 0 no-repeat !important;	
	position: absolute;
	right: 0;
	top: 0;
}

/* @end */

/* @group Thumbnail list */

ul.thumbnail_list,
ul.thumbnail_list li,
ul.thumbnail_list li a{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	background:none !important;
}
ul.thumbnail_list{
	width: 430px;
	overflow: hidden;
	padding: 5px;
	background: #212121 !important;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	text-align: center;
	border:1px dashed #333;
}
ul.thumbnail_list li{
	padding: 0 !important;
	padding: 0 5px;
	display: inline;
	border: 0 !important;
}
ul.thumbnail_list li a{
	padding: 0 !important;	
}
ul.thumbnail_list li a img{
	border:5px solid #212121;	
	-moz-border-radius:5px;
	border-radius:5px;	
	-webkit-border-radius:5px;
	max-width:50px;
	max-height:50px;
}
ul.thumbnail_list li a:hover img{
	border-color: #1a1a1a;
}

/* @end */