/* ======================================================
RESET
====================================================== */
* {
	font-size: 1em;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
	vertical-align: baseline;
	white-space: normal;
}

html, body {line-height: 1}
hr {display: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''}
blockquote, q {quotes: "" ""}
ul {list-style-type: none}
ol {list-style-type: decimal}
ol {margin: 0 0 0 20px}
.clear {clear:both}

html { overflow: -moz-scrollbars-vertical; }

/* ======================================================
LAYOUT
====================================================== */
body {
	width: 100%;
	text-align: center;
	background: #212121 url("img/bg-body.jpg") no-repeat center top; }
body a { color: #297eb9; }
body a:hover { color: #333; }
input, textarea, select {
	font-family: arial; }

#wrapper {
	width: 955px;
	margin: 0 auto 0 auto;
	text-align: left;
	font-family: arial;
	font-size: 0.75em;
	color: #555;
	background: #fff url("img/bg-sidebar-main.jpg") no-repeat right top;  }

#supercol {
	display: block;
	/*width: 960px;*/
	padding: 20px;
	background: #fff;
	border: 1px dotted #aaa;
	border-top: 0; }

#bigcolumn {
	float: left;
	width: 655px;
	overflow: hidden;
	padding: 0;
	display: inline;
	background: url("img/bg-bigcolumn.jpg") no-repeat left top; }

#sidebar {
	float: right;
	width: 300px;
	display: inline;
	min-height: 550px; }

#leftcolumn {
	float: left;
	width: 325px;
	margin: 0; }

#rightcolumn {
	float: left;
	width: 305px; }

/* ======================================================
GLOBAL
====================================================== */

/* TYPOGRAPHY ------------------------------------------------- */

body { font-family: "Lucida Grande", Arial, Sans-serif; }
h1 {
	font: 2em/1.2em impact;
	color: #890303; 
	padding: 0 0 10px 0;}
h2 {
	font: 1.3em/1.3em "Lucida Grande", Arial, Sans-serif;
	color: #000;
	font-weight: bold;
	padding: 0 0 10px 0;}
h3 {
	font: 1.2em/1.3em "Lucida Grande", Arial, Sans-serif;
	color: #000; 
	font-weight: bold;
	padding: 0 0 5px 0;}
h4 {
	font: 1.1em/1.5em "Lucida Grande", Arial, Sans-serif;
	color: #000; }
.post p {
	font: 1em/1.5em "Lucida Grande", Arial, Sans-serif;
	text-align: left;
	color: #333;
	margin: 0;
	padding: 0 0 10px 0; }		
	
.post td {
	border: 1px solid #b5b5b5;
	padding: 3px;
}
	

/* image aligning */
.aligncenter, .alignnone {
	display: block;
	overflow: hidden;
	text-align: center;
	margin: 0 auto 10px auto;}
.alignleft {
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0 10px 10px 0;}
.alignright {
	float: right;
	display: inline;
	overflow: hidden;
	margin: 0 0 10px 10px;}
.post img {
	vertical-align: middle;
	padding: 2px;
	border: 1px solid #ccc;}
.post del {
	text-decoration: line-through;
	color: #aaa;}
.post ins {
	text-decoration: underline;
	font-weight: bold;}
.post ul, .post ol {
	margin: 0 0 10px 40px;
	color: #333;}
.post ul ul, .post ol ol {
	margin: 5px 0 5px 15px;
	font-size: 0.9em;
	color: #888;}
.post ul li {
	line-height: 1.4em;
	border-bottom: 1px solid #eee;
	padding: 3px 0 3px 0;
	list-style-type: square;}
.post ol li {
	line-height: 1.4em;
	border-bottom: 1px solid #eee;
	padding: 3px 0 3px 0;}
.post ul li a:hover, .post ol li a:hover {
	background: #f6feff;
	color: #297eb9;}
.post code {
	margin: 20px 0 0 0;
	display: block;
	background: #eee;
	border: 1px solid #e6e6e6;
	font-size: 1.1em;
	color: #444;}

.post blockquote {
	display: block;
	background: #f1f1f1;
	margin: 20px 0 20px 40px;
	color: #366799;
	font-weight: bold;}
.post blockquote p {
	padding: 10px;
	margin: 0;}
.post blockquote blockquote {
	border: none;
	padding: 0 0 0 20px;
	margin: 10px 0 0 0;
	color: #555;
	font-weight: normal;}

/* global page styles */
.page-all {
	display: block;
	background: url(img/b_featuredY.png) repeat-y;
	height: auto; }
.page-top {
	display: block;
	background: url(img/b_featured.png) no-repeat top;
	min-height: 230px; }
.page-bottom {
	display: block;
	background: url(img/b_featuredF.png) no-repeat bottom;
	height: 15px; }
.containerI { padding: 15px 15px 1px 15px; }

/* Site navigation */
.sitenav {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #000;
	font-weight: bold;
	margin: 15px 0 15px 0; }

/* Seperate post styles */
.item {
	border-top: 1px solid #eee;
	padding-top: 5px;
	margin-top: 20px;}
.post-thumb img {
	float: left;
	display: inline;
	margin: 10px 10px 10px 0;}
.postinfo {
	margin: 7px 0 0 0;
	font-size: 0.9em;
	color: #999;}
.postinfo a { color: #ff6000;}
.postinfo a:hover { color: #333; }
.post-tags {
	color: #999;
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted #ddd;
	border-top: 1px dotted #ddd;
	font-size: 0.9em;}
.post-tags a {
	font-weight: bold;}
.tags {
	color: #999;
	margin: 10px 0 0 0;
	font-size: 0.9em;}
.tags a {
	color: #666;
	font-weight: bold;}
.tags a:hover { color: #297eb9;}
.find { margin: 15px 0 0 0;}
.find input {vertical-align:middle}
.findfield {
	border: 1px solid #ccc;
	padding: 2px;
	width: 250px;
	color: #555;}
.findsubmit {
	background: #297eb9;
	border: 1px solid #b6b6b6;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	height: 21px;}
.findsubmit:hover {color: #333; background: #fff;}


/* ======================================================
HEADER
====================================================== */
#header {
	width: 955px;
	height: 120px;
	background: url("img/bg-header.jpg") no-repeat 0 0;
	position: relative; }
	#logo {
		position: absolute;
		top: 0;
		left: 0; }
	#logo img {display:block;overflow:hidden}
	.blogheader {
		position: absolute;
		bottom: 20px;
		left: 20px; }
	.blogheader h1 {
		font-size: 2.1em;
		line-height: 1.3em;
		font-weight: normal;
		letter-spacing: -1px; }
	.blogheader .description {line-height: 1.4em}

#ad468 {
	position: absolute;
	bottom: 20px;
	right: 25px;
	display: block;
	overflow: hidden;
	border: 1px solid #c5d0d3; }
	#ad468 img {
		display: block;
		overflow: hidden; }

#date {
	float: left;
	margin: 0 0 0 30px;
	display: inline;
	background: url(img/b_date.png) no-repeat;
	width: 156px;
	height: 20px;
	line-height: 18px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center; }

#topnav ul {
	float: right;
	margin: 0 30px 0 0;
	display: inline;
	height: 24px;
	line-height: 24px;
	background: url(img/topnav_m.png) repeat-x;
	font-weight: bold; }
	#topnav li {
		float: left;
		display: block;
		height: 24px;
		line-height: 24px;
		padding-right: 10px;
		margin-right: 10px;
		background: url(img/topnav_br.png) no-repeat right center; }
	#topnav a {
		float: left;
		display: block;
		height: 24px;
		line-height: 24px;
		color: #7c8d95; }
	#topnav li.feed {
		margin-right: 0;
		padding-right: 0;
		background: none; }
	#topnav li.left {
		margin-right: 0;
		padding-right: 0;
		background: none;
		width: 20px;
		background: url(img/topnav_l.png) no-repeat left; }
	#topnav li.right {
		margin-right: 0;
		padding-right: 0;
		background: none;
		width: 20px;
		background: url(img/topnav_r.png) no-repeat right; }
	#topnav li.feed a { color: #297eb9; }
	#topnav a:hover, #topnav li.feed a:hover { color: #333; }

#options {
	position: absolute;
	bottom: 20px;
	left: 250px;
	width: 116px;
	height: 23px;
	background: url(img/options.png) no-repeat top; }
#options:hover {background: url(img/options.png) no-repeat bottom; }


/* ======================================================
FEATURED
====================================================== */
.featured, .featured .content, .featured .footer {
	display: block;
	width: 641px; }
.featured {
	height: auto;
	margin-top: 30px;
	position: relative;
	z-index: 1; }
	.featured .content {
		display: block;
		min-height: 200px;
		height: auto !important;
		height: 200px; }
	/*
	.featured .footer {
		display: block;
		background: url(img/b_featuredF.png) no-repeat bottom;
		height: 15px; }
		*/
	.featured .sm-w { }
	.featured h2 {
		display: block;
		color: #3c3c3c;
		font-size: 1.5em;
		font-weight: normal;
		padding: 0;
		margin: 0 0 0 20px;
		text-indent: -9999px;
		width: 117px;
		height: 12px;
		background: url(img/featured.png) no-repeat;
		 }

.featuredposts {
	margin: 3px 0 0 20px;
	display: block;
	width: 300px;
	height: 6px;
	 }
	.featuredposts li {
		float: left;
		display: block;
		margin: 0 3px 0 0;}
	.featuredposts li a {
		float: left;
		display: block;
		width: 16px;
		height: 6px;
		background: url(img/light_off.png) no-repeat;}
	.featuredposts li a:hover {
		background: url(img/light_bl.png) no-repeat;}
	.featuredposts li a.selected {
		background: url(img/light_on.png) no-repeat;}
	.featuredposts li a.selected:hover {
		background: url(img/light_on.png) no-repeat;}
	.featuredposts_content {
		display: none;
		position: relative;
		z-index: 1; }

@media print {
	.featuredposts_content {
	display: block !important;
	}
}

/* content */
.featuredposts_content .thumb {
	position: absolute;
	top: 10px;
	left: 0;
	width: 184px;
	height: 134px;
}

.featuredposts_content .thumb img {
	display: block;
	overflow: hidden;
	/*border-right: 1px solid #dcdcdc;*/
	border-left: 20px solid #898989;
	padding: 0px;
}

.featuredposts_content .fpost {
	position: absolute;
	top: 10px;
	left: 220px;
	right: 20px;
}

.content .featuredposts_content .fpost h1 {
	font-weight: normal;
	font-size: 1.6em;
	color: #890303;
}
.content .featuredposts_content .fpost h1 a { color: #890303; }
.content .featuredposts_content .fpost h1 a:hover { color: #9a8600; }

.featuredposts_content .fpost p {
	margin: 5px 0 0 0;
	line-height: 1.4em;
	text-align: left;
	color: #333;}
.featuredposts_content .fpost .read, .featuredposts_content .fpost .docomment {
	display: block;
	height: 13px;
	line-height: 13px; }

.featuredposts_content .fpost .read {padding: 5px 0 0 0;color:#666;}
 .featuredposts_content .fpost .read a strong {color:#999;}
.featuredposts_content .fpost .docomment {padding: 8px 0 0 22px}

.featuredposts_content .fpost .docomment {background: url(img/ico_comment.png) no-repeat}
.featuredposts_content .fpost .docomment {background-position: left 8px}

.featuredposts_content .fpost .read a {color: #555}
.featuredposts_content .fpost .read a:hover {color: #ff6000}
.featuredposts_content .fpost .docomment a {color: #555}
.featuredposts_content .fpost .docomment a:hover {color: #ff6000}

/* ======================================================
CATEGORY
====================================================== */
.cat-widget { margin: 15px 0 0 0; }
	
/* bucket headline buttons */	
	.cat-widget h3 {
		display: block;
		text-indent: -9999px;
		margin: 0 0 10px 20px;
		padding: 0;
	}
	.cat-widget h3 a {
	    display: block;
	    overflow: hidden;
		height: 54px;
		width: 289px;
		margin: 0;
		padding: 0;}
		
	
	.cat-widget h3 a.bucket1 {	background: url(img/btn-bucket1.gif) no-repeat top; }	
	.cat-widget h3 a.bucket1:hover {background: url(img/btn-bucket1.gif) no-repeat bottom;}
	
	.cat-widget h3 a.bucket2 {	background: url(img/btn-bucket2.gif) no-repeat top; }	
	.cat-widget h3 a.bucket2:hover {background: url(img/btn-bucket2.gif) no-repeat bottom;}
	
	
	.searchbutton {
	width: 27px;
	height: 20px;
	background: url(img/search_go.png) no-repeat top;
	cursor: pointer;
	margin: 0 0 0 3px; }
.searchbutton:hover {background: url(img/search_go.png) no-repeat bottom}	
	
	.cat-widget h4 {
		position: relative;
		display: block;
		height: 30px;
		padding: 0;
		margin: 0 1px 0 20px;
		line-height: 30px;
		border-top: 1px solid #d7d7d7;
		}
	.cat-widget .container {
		width: 309px;
		margin: 0;
		background: url(img/widget_body.png) repeat-y;}
	.cat-widget .footer {
		display: block;
		width: 324px;
		height: 12px;
		background: url(img/widget_footer.png) no-repeat;
		overflow: hidden;}
	.minimize, .close, .minus, .plus {
		position: absolute;
		top: 10px;
		width: 15px;
		height: 14px;}
	.minimize:hover, .close:hover, .minus:hover, .plus:hover {background-position: bottom}
	.minimize {
		left: 10px;
		background: url(img/min.png) no-repeat top;}
	.close {
		right: 10px;
		background: url(img/close.png) no-repeat top;}
	.minus {
		right: 10px;
		background: url(img/minus.png) no-repeat top;}
	.plus {
		right: 30px;
		background: url(img/plus.png) no-repeat top;}

/* post styles */
.cat-widget .cpost {
	display: block;
	background: #fff;
	margin: 0 1px 0 0;
	padding: 0 10px 0 20px;}
.cat-widget .thumb img {
	float: left;
	display: inline;
	overflow: hidden;
	border: 1px solid #c6c6c6;
	padding: 1px;
	margin: 0 10px 0 0;}
.cat-widget p {
	line-height: 1.4em;
	font-size: 11px;
	margin: 5px 0 0 0;
	color: #666;
	text-align: left;}
.dark_perm {
	font-weight: bold;
	line-height: 1.4em; }
.ex {
	float: left;
	margin: 10px 0 0 0;}
.cont, .comm {
	font-size: 0.9em;
	font-weight: bold;
	color: #555;
	height: 13px;
	line-height: 13px;}
.cont:hover, .comm:hover {color: #ff6000}
.cont {
	background: url(img/ico_more.png) no-repeat;
	background-position: left center;
	padding: 0 0 0 20px;
	margin: 0 10px 0 0;
	display: none;}
.comm {
	background: url(img/ico_comment.png) no-repeat;
	background-position: left center;
	padding: 0 0 0 20px;}

/* more stories */
.more_stories {
	background: #fff;
	margin: 0 1px 0 20px;
	padding: 1px 0 1px 0;}
	.more_stories a {
		display: block;
		padding: 5px 10px 5px 0;
		border-top: 1px solid #f1f1f1;
		height: 1%;}
	.more_stories a:hover {
		background: #f6feff;
		color: #297eb9;}




/* ======================================================
SIDEBAR
====================================================== */
/* general sidebar style */
.Sclose, .Wclose {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 15px;
	height: 14px;
	display: none;
	 }
.Sclose:hover, .Wclose:hover {}
.Sminimize, .Wminimize {
	position: absolute;
	left: 10px;
	top: 6px;
	width: 15px;
	height: 14px;
	display: none;
	 }
.Sminimize:hover, .Wminimize:hover {}

/* box A */
.box_a {
	margin: 10px 0 0 0;
	background: url(img/box_rp.png) repeat-y;
	overflow: hidden; }
	.box_a h2 {
		display: block;
		width: 294px;
		padding: 7px 0 0 0;
		border-bottom: 1px dotted #ddd;
		overflow: hidden;
		position: relative; }
	.box_a div {
		/*display: block;*/
		padding: 0 10px 0 10px; }
	.box_a p {
		line-height: 1.3em;
		color: #999;
		margin: 10px 0 0 0; }
	.box_a em { color: #999; }
	span.foot {
		display: block;
		height: 14px; }
	span.foot_s {
		display: block;
		height: 14px; }

/* Widgets style */
body #wrapper #bigcolumn div.piclenselink {
	display: none;
}
#sidebar #photo-gallery h2 a {
 	background: url(img/btn-gallery-large.gif) no-repeat;
 	width: 261px;
 	margin-top: 20px;
 	display: block;
 	height: 124px;
 	text-indent: -9999px;
 	float: right;
}

#sidebar #view-our-shop h2 a {
 	background: url(img/btn-shop-large.gif) no-repeat;
 	width: 261px;
 	margin-top: 20px;
 	display: block;
 	height: 124px;
 	text-indent: -9999px;
 	float: right;
}

#sidebar h2, #sidebar h2 a {
	font-family: impact, arial;
	font-size: 24px;
	color:  #890303; }

.widgets a, .widgetsl a, .widgetsr a {line-height: 1.4em; }
.widgets li a {
	float: right;
	color: #fff; font-weight: bold; font-size: 13px; background-color: #333; padding: 2px 5px;
}
.widgets li a:hover {
	background-color: #9a8600; 
}

.widgets h2 {
	display: block;
	padding: 0px 10px 0 0;
	overflow: hidden;
	text-align: right;
	position: relative; }
.widgets li {
	padding: 20px 20px 0 5px;
	margin: 10px 0 0 0;
	overflow: hidden; }
	.widgets li li {
		background: none;
		margin: 0 0 0 0; }
	.widgets ul li {
		padding: 3px 0 3px 0; }
	.widgets ul {padding: 0 10px 0 10px}
	.widgets form {padding: 0 10px 0 10px}
.widgets div {
	padding: 0 10px 0 10px;
	line-height: 1.4em;
	margin: 10px 0 0 0; }
.widgets p {margin: 0 0 7px 0}
.widgets form div {padding: 0 0 0 0}
.widgets label {line-height:1.5em}
.widgets input {border:1px solid #ddd;padding:1px;vertical-align:middle;color:#555}

/* left widget */
.widgets li, .widgetsl li, .widgetsr li { zoom: 1; }
.widgetsl {
	float: left;
	width: 142px; }
.widgetsr {
	float: right;
	width: 142px; }
	.widgetsl h2, .widgetsr h2 {
		display: block;
		padding: 7px 0 0 11px;
		overflow: hidden;
		position: relative; }
	.widgetsl li, .widgetsr li {
		margin: 10px 0 0 0;
		overflow: hidden; }
	.widgetsl li li, .widgetsr li li {
		background: none;
		margin: 0 0 0 0; }
	.widgetsl ul li, .widgetsr ul li {
		padding: 3px 0 3px 0;}
	.widgetsl ul, .widgetsr ul {padding: 0 10px 0 10px}
	.widgetsl form, .widgetsr form {padding: 0 10px 0 10px}
	.widgetsl div, .widgetsr div {
		padding: 0 10px 0 10px;
		line-height: 1.4em;
		margin: 10px 0 0 0; }
	.widgetsl p, .widgetsr p {margin: 0 0 7px 0}
	.widgetsl form div, .widgetsr form div {padding: 0 0 0 0}
	.widgetsl label, .widgetsr label {line-height:1.5em}
	.widgetsl input, .widgetsr input {border:1px solid #ddd;padding:1px;vertical-align:middle;color:#555}

/* The ajax tabs */
.tabs {
	display: block;
	height: 22px;
	border-bottom: 1px dotted #ddd;
	margin: 0 1px 0 1px; }
	.tabs li {
		float: left;
		display: inline;
		height: 22px; }
	.tabs li a {
		float: left;
		display: block;
		height: 22px;
		line-height: 22px;
		padding: 0 10px 0 10px;
		border-right: 1px dotted #ddd;
		font-weight: bold;
		background: #fff;
		color: #999;
		font-size: 0.9em; }
	.tabs li a:hover {
		background: #eee;
		color: #333; }
	.tabs li a.selected, .tabs li a.selected:hover {
		background: #fff;
		color: #ff6000; }
	.tabcontent {
		display: none;
		margin: 0 1px 0 1px; } 
	.tabcontent li a {
		display: block;
		height: 1%;
		line-height: 1.3em;
		border-bottom: 1px solid #eee;
		padding: 4px 10px 4px 10px; }
	.tabcontent li a:hover {
		background: #f6feff;
		color: #297eb9; } 
	.tabcontent li a span {
		font-size: 0.9em;
		color: #999;
	}

@media print {
	.tabcontent {
	display: block !important;
	}
}

/* Subscription style */
#feedlink {
	font-weight: bold;
	padding: 0 0 0 22px;
	background: url(img/ico_feed.png) no-repeat;
	background-position: left center; }
	#feedform {
		display: block;
		margin: 7px 0 0 0;
		background: url(img/ico_email.png) no-repeat;
		background-position: left center; }
	#feedform fieldset {
		display: inline;
		overflow: hidden; }
	#feedform input {
		vertical-align: middle;
		display: inline; }
	#feedemail {
		background: url(img/field.png) no-repeat;
		width: 194px;
		height: 14px;
		padding: 3px;
		color: #666;
		margin: 0 0 0 22px; }
	#feedbutton {
		background: url(img/signup.png) no-repeat top;
		width: 64px;
		height: 20px;
		cursor: pointer;
		margin: 0 0 0 3px; }
	#feedbutton:hover {background: url(img/signup.png) no-repeat bottom}

/* Additional post/page sidebar styles */
div.autho p {margin:0;padding:0}
	span.side_avatar {
		float: left;
		display: inline;
		margin: 0 10px 1px 0; }
	span.side_avatar img {
		padding: 2px;
		border: 1px solid #ddd; }
	div.autho {
		padding: 10px; }

/* additional menu */
.admin_menu {
	display: block;
	padding: 0 10px 0 10px; }
	.admin_menu li {
		padding: 3px 0 3px 0;
		line-height: 1.3em;
		border-bottom: 1px solid #eee; }

/* Various icons */
li.ico_categories {
	background: url(img/ico_categories.png) no-repeat;
	background-position: left center;
	padding: 3px 0 3px 22px; }
li.ico_categories a {font-weight:bold}
li.ico_comments {
	background: url(img/ico_comments.png) no-repeat;
	background-position: left center;
	padding: 3px 0 3px 22px; }
li.ico_views {
	background: url(img/ico_views.png) no-repeat;
	background-position: left center;
	padding: 3px 0 3px 22px; }
li.ico_ratings {
	background: url(img/ico_ratings.png) no-repeat;
	background-position: left center;
	padding: 3px 0 3px 22px; }
li.ico_print {
	float: right;
	background: url(img/ico_print.png) no-repeat;
	background-position: left center;
	list-style: none;
	padding: 3px 0 3px 22px; 
	color: #fff;
	margin: 20px 30px 0 0;
	background-color: #333;
	width: 80px;
	}
	li.ico_print a {
	color: #fff;}
	li.ico_print a:hover {
	color: #9a8600;}
	
/* Search form fo header area */
.searchform{
	overflow: hidden;
	display: block;
	float: right;
	padding: 0 10px 0 0;
	margin: 5px 0 0 0;
	height: 20px;
	width: 170px; }

.searchform input { vertical-align: middle; }
.searchfield {
	width: 122px;
	height: 15px;
	background: url(img/search_field.png) no-repeat;
	font-size: 0.9em;
	color: #666;
	padding: 3px 3px 2px 3px; }
.searchbutton {
	width: 27px;
	height: 20px;
	background: url(img/search_go.png) no-repeat top;
	cursor: pointer;
	margin: 0 0 0 3px; }
.searchbutton:hover {background: url(img/search_go.png) no-repeat bottom}	


/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
}

.ngg-widget img {
	border-top:1px solid #b5b5b5;
	border-right:1px solid #b5b5b5;
	border-bottom:1px solid #b5b5b5;
	border-left:1px solid #b5b5b5;
	margin:0 2px 2px 0px; 
	padding:3px 3px 15px 3px;
	width: 60px;
	background-color: #fff;
	overflow: hidden; 
	
}
.ngg-widget img a {
    width: 50px;
	overflow: hidden; }


/* ======================================================
FOOTER
====================================================== */
#footer {
	width: 955px;
	text-align: right;
	background: #fff;
	font-family: arial;
	font-size: 0.75em;
	color: #888;
	display: block;
	margin: 0;
	padding: 10px 0;
	margin: 0 auto; }
#footer-inner {
	width: 955px;
	text-align: right;
	margin: 0 auto; }
	
#footer-inner p {	
    font-size: 10px;
    color: #666;
	padding-right: 10px;
	}
#footer-inner p a {
	color: #666;
}	

/* ======================================================
COMMENTS
====================================================== */
/* begin css for comments box */
.comments-box { zoom: 1; }
.comments-box img { vertical-align: middle; }

	.comments-box h3 {
		color: #222;
		font-size: 1.7em;
		font-family: arial;
		font-weight: normal;
		letter-spacing: -1px;
		margin: 20px 0 0 0; }
	#respond p, .cancel-comment-reply {
		color: #777;
		line-height: 1.4em;
		margin: 10px 0 0 0; }	
	.text {
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
		padding: 2px;
		color: #777;
		width: 200px; }	
	#respond textarea {
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
		padding: 2px;
		color: #777;
		width: 90%; /* width of commenting area */ }	
	.submit {
		padding: 2px;
		cursor: pointer;
		font-weight: bold;
		border: 1px solid #c9d8da;
		background: #297eb9;
		color: #fff; }	
	.submit:hover {
		border: 1px solid #ccc;
		background: #fff;
		color: #555; }

/* other commenting styles */
.commentnav { display: block; }
	.commentnav a {
		padding: 4px;
		font-size: 1.2em;
		border: 1px solid #ddd;
		color: #999; }
	.commentnav a:hover {
		border: 1px solid #bbb;
		color: #ff8a00; }
.commentnavleft {
	float: left;
	display: inline; }
.commentnavright {
	float: right;
	display: inline; }
.commentnavleft a {
	float: left;
	display: block;
	margin: 15px 0 15px 0; }
.commentnavright a {
	float: right;
	display: block;
	margin: 15px 0 15px 0; }

/* framework for comments */
ol.commentlist { border-top: 1px dotted #ddd; margin: 15px 0 0 0; padding: 15px 0 0 0;}
ol.commentlist li { border-bottom: 1px dotted #ddd; margin: 0 0 15px 0; padding: 0 0 15px 0;list-style-type: none;  height: 1%;}
ol.commentlist li div.vcard { float:left; width: 90px;}
ol.commentlist li div.vcard cite.fn { display: block; margin: 10px 0 0 0; font-style: normal; font-weight: bold; font-size: 0.9em; }
ol.commentlist li div.vcard cite.fn a.url { }
ol.commentlist li div.vcard img.avatar { border: 1px solid #ccc; padding: 2px; background: #fff; display: block; overflow: hidden;}
ol.commentlist li div.vcard img.photo { }
ol.commentlist li div.vcard span.says { }
ol.commentlist li div.commentmetadata { font-size: 0.9em; color: #999; margin: 0 0 0 0;}
ol.commentlist li div.comment-meta {  color: #999; }
ol.commentlist li div.comment-meta a { color: #999; }
ol.commentlist li p { display: block; margin: 15px 0 0 90px; line-height: 1.5em;}
ol.commentlist li div.reply {text-align: right; padding: 15px 0 0 0;}
ol.commentlist li div.reply a { padding: 3px 7px 3px 7px;font-weight: bold;background: #eee;color: #000; border: 1px dotted #888}
ol.commentlist li div.reply a:hover { background: #fff; }
ol.commentlist li ul.children li {padding: 15px; margin: 15px 0 0 90px;}
ol.commentlist li ul.children li div.reply a {background: #fff}
ol.commentlist li ul.children li.depth-2 {border: 1px dotted #9acedd; background: #f3f6fb; }
ol.commentlist li ul.children li.depth-3 { border: 1px dotted #00C7FF; background: #fff; }
ol.commentlist li ul.children li.depth-4 {  border: 1px dotted #9acedd; background: #f3f6fb; }
ol.commentlist li ul.children li.depth-5 { border: 1px dotted #00C7FF; background: #fff; }
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor p { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { }
ol.commentlist li div.comment-author { }
ol.commentlist li ul {}
ol.commentlist li ul.children {}
ol.commentlist li ul.children li.alt {}
ol.commentlist li ul.children li.bypostauthor {}
ol.commentlist li ul.children li.byuser {}
ol.commentlist li ul.children li.comment {}
ol.commentlist li ul.children li.comment-author-admin {}
ol.commentlist li ul.children li.odd {}
ol.commentlist li.even { }
ol.commentlist li.odd { }
ol.commentlist li.parent { }
ol.commentlist li.pingback { }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }


/* ======================================================
VIDEO
====================================================== */
/* Video archive */
.vidlist { margin: 15px 0 0 0; }
	.vidlist li {
		float: left;
		width: 150px;
		height: 200px;
		margin: 0 8px 0 0; }
	.vidlist .videothumb {
		width: 150px;
		height: 113px;
		position: relative; }
	.vidlist .playit a {
		position: absolute;
		top: 0;
		left: 0;
		width: 150px;
		height: 113px;
		background: url(img/play.png) no-repeat center;
		display: none; }
	.vidlist .date {
		display: block;
		font-size: 0.8em;
		font-weight: bold;
		margin: 3px 0 3px 0;
		line-height: 1.4em; }
	.vidlist .title {
		display: block;
		font-size: 0.95em;
		line-height: 1.4em;
		font-weight: bold; }
	.vidlist .videothumb img {overflow:hidden}
	.vidlist .title a:hover {text-decoration: underline}