@import "reset.css";
body {
	font-family: "Trebuchet Ms", Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	line-height: 20px;
}
h1 {
	font-size:24px;
	line-height: 26px;
	font-weight: normal;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:14px;
	font-weight: bold;
}
h4 {
	font-size:12px;
	font-weight: bold;
}
h1, h2, h3, h4, h5 {
	color:#333333;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	margin-bottom: 20px;
}
/* 1.2 Hyperlinks */

a {
	color:#333;
	text-decoration:none;
}
a:hover {;
	text-decoration:underline;
}
p {
	text-align:justify;
	padding:0 0 8px;
}
/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */

#wrapper {
	margin: 20px auto;
	padding:20px;
	text-align:left;
	width:940px;
	background: #fff url(bgr-box.png) repeat-x top left;
}
#columns {
	padding-top: 20px;
}
#mainCol {
	float:left;
	width:480px;
	margin-right: 10px;
}
#mainCol_full_width {
	float:left;
	margin:0px;
	width:940px;
}
/* 2.2 Navigation */

#page_nav {
	position: relative;
	z-index: 200;
	margin:0 auto;
	padding: 0;
	text-align:left;
	width:938px;
	border-bottom: none;
}
#page_nav ul {
	padding: 0;
	margin: 0;
	float: left;
	list-style: none;
	width: 720px;
	line-height: 1;
}
#page_nav a {
	display: block;
	line-height: 12px;
	padding: 0 20px;
	font-size: 11px;
	text-transform: uppercase;
	padding: 10px 20px;
	color: #ffffff;
	text-shadow:1px 1px 1px #111111;
}
#page_nav li:hover, #page_nav li.sfhover1 {
	background: url(bg_cat_navi_hover.gif) repeat-x;
	cursor: pointer;
}
#page_nav li:hover span, #page_nav li.sfhover1 span {
	color: #fff;
}
#page_nav li {
	float: left;
	border-right: 1px solid #111;
}
#cat_nav {
	position: relative;
	z-index: 100;
	list-style:none;
	height:24px;
	width:938px;
}
#footer #cat_nav {
	margin: 0;
}
#cat_nav li {
	float:left;
	height:24px;
}
#cat_nav li.lolo, #cat_nav li a {
	font-size:14px;
	text-decoration:none;
	padding: 5px 11px;
	height:15px;
	line-height: 13px;
	float:left;
}
#cat_nav li a span {
	font-size:11px;
	clear: both;
	text-transform:lowercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#cat_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 100;
}
#cat_nav a {
	display: block;
	line-height: 27px;
	padding: 0 10px;
	z-index: 100;
}
#cat_nav li {
	background: url(bg_separator.gif) no-repeat right 10px;
}
/* 2.2.1 Drop-down menus */

#page_nav li ul {
	position: absolute;
	width: 1em;
	width: 168px;
	left: -999em;
	z-index: 999;
	border: 1px solid #111;
	border-width:0px 1px 1px;
}
#page_nav li li {
	font-weight: normal;
	border-top: 1px solid #111;
}
#page_nav li:hover ul, #page_nav li.sfhover ul {
	left: auto;
}
#page_nav li ul li a {
	line-height: 34px;
	font-size: 11px;
	width: 128px;
	padding: 0 20px;
	text-shadow: none;
}
#page_nav li ul li a {
}
#page_nav li ul ul {
	margin: -35px 0 0 168px;
	border-width:1px;
}
#page_nav li:hover ul ul, #page_nav li.sfhover1 ul ul {
	left: -999em;
}
#page_nav li:hover ul, #page_nav li li:hover ul, #page_nav li.sfhover1 ul, #page_nav li li.sfhover1 ul {
	left: auto;
}
/* IE7 Fix */

#page_nav li:hover, #page_nav li.hover {
	position: static;
}
/* Style drop down list */

#cat_nav li ul {
	position: absolute;
	width: 170px;
	left: -999em;
}
#cat_nav li:hover ul, #cat_nav li.sfhover1 ul {
	left: auto;
}
#cat_nav li ul li {
	height: auto;
	background-image: none;
	border-right: none;
}
#cat_nav li ul li a {
	line-height: 25px;
	height: auto;
	padding: 5px;
	font-size: 12px;
	width: 158px;
}
#cat_nav li ul ul {
	margin: -26px 0 0 168px;
}
#cat_nav li ul ul li a {
	line-height: 25px;
}
#cat_nav li:hover ul ul, #cat_nav li.sfhover ul ul {
	left: -999em;
}
#cat_nav li:hover ul, #cat_nav li li:hover ul, #cat_nav li.sfhover ul, #cat_nav li li.sfhover ul {
	left: auto;
}
/* IE7 Fix */

#cat_nav li:hover, #nav li.hover {
	position: static;
}
/* 2.3 Header */

.logo {
	font-family: trebuchet ms;
	color: #fff;
	margin: 0px;
	float: left;
	width:940px;
}
.logo a {
	cursor:pointer;
	display:block;
	height:110px;
	width:230px;
	float:left;
}
.logo .lili {
	color: #fff;
	font-size: 11px;
	float:right;
	padding:45px 0 0;
	width:500px;
}
#header {
	color:#000000;
	float:left;
	width:940px
}
#header img {
	border: none;
}
/* 2.4 Content */

#archivebox {
	margin-bottom:20px;
	padding:10px;
}
#archivebox h3 em {
	font-style: normal;
}
#archivebox h3 {
	font-size:11px;
	font-weight: normal;
	font-family: "Trebuchet Ms", Helvetica, Arial, Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 0;
}
/* 2.5 Sidebar */

#sidebar {
	float: left;
	width: 450px;
}
#midCol {
	float:left;
	width:210px;
	list-style-type: none;
	padding: 0px;
}
#tertCol {
	float:left;
	width:210px;
	margin-left: 20px;
}
/* 2.6 Footer */

#footer {
	width:940px;
	clear:both;
	float:left;
}
#footer p {
	padding: 8px;
	line-height:25px;
	text-align: left;
	font-size: 12px;
}
#footer p a {
	font-weight:bold;
}
#footer img {
	vertical-align: middle;
	padding: 10px 8px 8px 8px;
}
/* 2.7 Featured Slider (Front Page)  */

#featured {
	width: 402px;
	padding: 19px 19px 0 19px;
	float: left;
}
#featured_btm {
	height: 20px;
	width: 440px;
	float: left;
	margin-bottom: 20px;
}
#featured h2 {
	margin-bottom: 20px;
	float:left
}
#featured .slider-container {
	float: left;
	position: relative;
	height: 267px;
	width: 400px;
	overflow: hidden;
	color: #111;
	background: #fff;
	border:1px solid #cdc9ca;
	margin-bottom:0px
}
#featured .slider-container .slide {
	position: absolute;
	top:0px;
	z-index: 0;
	height: 267px;
	width: 400px;
	overflow: hidden;
	background: #fff;
}
#featured .slider-container .slide-1 {
	display : block;
	left:0px;
	top:0px;
	z-index: 1;
}
#featured .slider-container .slide a {
	display: block;
	color: #fff;
}
#featured .slider-container .slide img {
	display: block;
	position: absolute;
	top:0px;
	left: 0px;
	border: none;
}
#featured .slider-container .slide-content {
	position: absolute;
	top: 267px;
	left: 0;
	height: 700px;
	width: 380px;
	background: #2a2a2a;
	padding: 10px;
	z-index: 999;
	text-align:center
}
#featured .slider-container .slide-content h3 {
	color: #fff;
	font-weight: normal;
	font-style: italic;
}
#featured .slider-container .slider-left, #featured .slider-container .slider-right {
	position: absolute;
	cursor: pointer;
	height: 30px;
	width: 30px;
	z-index: 999;
	display: block;
	color: white;
}
#featured .slider-container .slider-left {
	left: 5px;
	bottom: 10px;
	top:auto;
	background: url('arrow_prev.gif') no-repeat center bottom;
}
* html #featured .slider-container .slider-left {
	background: url('arrow_prev.gif') no-repeat center left;
}
#featured .slider-container .slider-right {
	right: 5px;
	bottom: 10px;
	top:auto;
	background: url('arrow_next.gif') no-repeat center bottom;
}
* html #featured .slider-container .slider-right {
	background: url('arrow_next.gif') no-repeat center right;
}
#featured .slider-pag {
	float: right;
	position: relative;
}
#featured .slider-pag span {
	float: left;
	display: block;
	background: red;
	height: 20px;
	width: 20px;
	margin: 0;
	background: url(dot.gif) center center no-repeat;
	position: relative;
	cursor: pointer;
}
#featured .slider-pag .thumbnail {
	display: none;
	border:1px solid #ccc;
	padding: 5px;
	background: #fff;
	position: absolute;
	top:-45px;
	left: -90px;
	z-index: 999;
}
/* 2.8 About Module (Front Page)  */

.about {
	width: 450px;
	padding: 0px;
	margin:0 0 15px;
}
.about h2 {
	margin-bottom: 10px;
}
.about p {
	line-height: 22px;
}
.about .about_image {
	float: right;
	width: 60px;
	margin: 0 0 20px 20px;
	padding:5px;
}
.about_btm {
	height: 20px;
	width: 440px;
	margin-bottom: 20px;
}
/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

.post {
	margin-bottom: 20px;
	float: left;
	width: 480px;
}
#mainCol_full_width .post {
	width: 940px;
}
.postMeta {
	font-size:12px;
	text-align:left;
	color:#333333;
	margin: -15px 0 20px 0;
}
.post .intro {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 20px;
	font-family: Helvetica, Arial, sans-serif;
	color: #555;
}
.video {
	margin-bottom: 20px;
}
.post .thumbnail {
	border: 1px solid #ddd;
	padding: 4px;
	background-color: #fff;
}
p.post_meta {
	font-size:11px;
	text-transform:uppercase;
	text-align:right;
	margin:0 7px 0 0;
}
.entry_footer {
	padding: 10px 5px;
	background-color: #f7f7f7;
	background-image: url(entry_footer_bg.png);
	background-repeat: repeat-x;
	background-position: left center;
	line-height: 20px;
	width:470px;
	float:left;
}
.read_more {
	color:#333333;
	float:left;
}
/* 3.1 Typographic Elements */

.post ul, .post ol {
	margin: 0 20px 20px 20px;
}
.post ul {
	list-style: none;
}
.post ol li {
	margin: 0 0 10px 15px;
}
.post ul li {
	padding-left:25px;
	background-image: url(li.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.post li h3, .post li h4 {
	margin-bottom: 0px;
}
.post p {
	margin-bottom:5px;
}
.entry_footer span.comments a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	background-image: url(chat_grey.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 18px;
	font-weight: normal;
	border:none;
}
.post a {
	border:none;
}
p.post_category, p.date {
	margin: 0;
	padding: 0px;
}
.post h2 a {
	width:100%;
	display:block;
	outline:none;
}
.post blockquote {
	font-size:14px;
	line-height:20px;
	color:#444444;
	text-align: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	font-style: italic;
}
/* 3.2 Images */

.post img, .post a img {
	border:none;
}
.post img.left {
	padding: 5px;
	margin: 0.5em 15px 0.5em 0;
	border: 1px solid #cccccc;
	float: left;
	clear: left;
}
.post img.right {
	padding: 5px;
	margin: 0.5em 0 0.5em 15px;
	border: 1px solid #cccccc;
	float: right;
	clear: right;
}
.post img.center {
	display: block;
	padding: 5px;
	margin: 0px auto 15px;
	border: 1px solid #cccccc;
	float: none;
	clear: both;
}
.post img.off {
	padding: 0 !important;
	border: none !important;
}
.post img.stack {
	clear: none !important;
}
.post a:hover img {
	border-color:#DFDFDF;
}
.post .alignright {
	float:left;
	margin:0 10px 5px 0;
}
.post .alignleft {
	float:left;
	margin:0 15px 10px 0;
}
.wp-caption {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#F3F3F3;
	border:1px solid #DDDDDD;
	margin:5px;
	margin-top:20px;
	margin-bottom:20px;
	padding: 9px 0 5px 9px;
}
.wp-caption-text {
	text-align:center !important;
	font-size:11px !important;
	line-height:17px;
	margin:5px 0 0 0;
	padding:0;
}
/* 3.3 Pagination / WP-Pagenavi */

.more_entries {
	color: #7F7F7F;
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 25px;
	text-align: right;
	padding-bottom:20px
}
.more_entries a {
	display: block;
	margin: 15px 0 0 0;
}
.more_entries .wp-pagenavi {
	margin: 15px 0 0 0;
	text-align: right;
}
.more_entries .wp-pagenavi a:link, .more_entries .wp-pagenavi a:visited {
	display: inline;
	text-decoration: none !important;
	background: #EEEEEE;
	color: #666;
	padding: 4px 6px!important;
	border:1px solid #DDDDDD;
}
.more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi a:hover {
	padding: 4px 7px;
	background: #ccc !important;
	border-color: #999;
}
.more_entries .wp-pagenavi .extend {
	background:none;
	border:none;
}
.wp-pagenavi span.pages {
	border: none !important;
	color: #666 !important;
}
/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.2 Generic Widgets */

#sidebar ul {
	list-style:none;
	background: #f7f7f7 url(nav_main_tr.png) repeat-x left top;
	padding-top:2px
}
#sidebar ul ul {
	list-style:none;
	background-image: url(nav_main_tr.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#sidebar ul li {
	padding:7px 5px 9px;
	background: #f7f7f7 url(nav_main_tr.png) repeat-x left bottom;
}
#sidebar ul li:hover {
	background-color: #E6E6E6;
}
#sidebar ul li {
	padding:10px;
	background-image: url(mid_col_bdr.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.widget {
	margin-bottom:20px;
	width:210px;
	float:left;
}
.widget h3 {
	margin-bottom: 5px;
	color:#fff;
	border-color:#07C6FF;
	border-width:1px 0;
	border-style:solid;
	padding:3px 0 3px 3px;
	background:#3F3F3F;
}
.widget_text .email {
	font-size:13px;
	border:1px solid #999;
	width:118px;
	padding:5px;
	margin-right:5px;
}
.widget_text p {
	margin-bottom:15px;
}
.widget_text .submit {
	font-size: 13px;
	color: #FFFFFF;
	background-color: #333333;
	border:1px solid #222222;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	width:65px;
}
#sidebar img {
	border: none;
}
#sidebar ul li a {
	color:#333333;
	font-weight:normal;
	display:block;
}
#sidebar ul li a {
	color:#333333;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* SEARCH BOX */

#searchWrap {
	width: 208px;
	float: right;
	margin: 4px 4px 0 0;
}
#searchWrap #s {
	font-size:11px;
	border:1px solid #111;
	padding:3px;
	width:200px;
}
.postform {
	font-size:13px;
	border:1px solid #999;
	width:208px;
}
/* 4.2 Specific Widgets */

/* ADS */

#ads {
	margin-bottom: 10px;
}
#ads img {
	border:1px solid #C9C9C9 !important;
	margin:0px;
	padding:4px;
	background:#fff;
}
.ad_banner {
	width:468px;
	height:60px;
	border:1px solid #dddddd;
	padding:5px;
	background-color:#FFFFFF;
	margin-bottom:20px;
	float:left;
}
.ad_banner img {
	border: none;
}
/* TWITTER */

#woo-twitter {
	font-size: 12px;
}
#woo-twitter li {
	padding: 20px 15px !important;
}
#woo-twitter h3 {
	padding: 5px 0px 5px 42px;
	background: transparent url(twitter_32.png) no-repeat left center;
}
#woo-twitter a {
	display: inline !important;
}
.follow {
	background-color: #333;
	font-size: 11px;
	text-align: center;
	padding: 5px 0;
	margin-top: -2px;
}
.follow a {
	color: #fff;
	font-size: 11px !important;
}
/* FLICKR */

#flickr h3 {
	padding: 5px 0px 5px 42px;
	background: transparent url(camera_32.png) no-repeat left center;
}
.flickr_badge_image {
	border: 1px solid #c9c9c9;
	padding: 4px;
	float:left;
	margin: 0 0 13px 13px;
}
/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */

#comments {
	width:480px;
}
#comments h3 {
	margin-bottom: 20px;
}
#comment {
	width:450px;
	overflow:auto;
	background:#ffffff
}
ol.commentlist {
	list-style:none;
	margin-bottom: 20px;
}
ol.commentlist .children {
	list-style:none;
	margin-top: 20px;
}
.commentlist li {
	color:#333333;
	background-color:#A1CCEF;
	border:1px solid #7da8ca;
	margin-bottom:10px;
	padding:10px;
	font-size:11px
}
.commentlist li.alt {
	background:#D0E5F8;
	border:1px solid #92b8d7;
}
.commentlist p {
	font-size: 14px;
	overflow: hidden;
	line-height: 22px;
	margin-bottom: 15px;
}
.commentlist .avatar {
	float: right;
	margin: 0 0 10px 10px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #7DA8CA;
}
.commentlist li.alt .avatar, .commentlist li.alt .reply a {
	border-color: #A1CCEF;
}
.commentlist .comment-author {
	color: #415b70;
	margin-bottom: 5px;
}
.commentlist .reply a {
	padding: 2px 5px;
	border: 1px solid #A1CCEF;
	background-color: #fff;
	text-transform: uppercase;
}
.commentlist li.alt .comment-author {
	color: #3e6f9a;
}
.commentlist .comment-meta {
	margin-bottom: 10px;
}
.comment-meta a {
	color: #434343;
}
.commentlist .comment-author cite {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
}
#comments_closed {
	background:#333;
	color:#ccc;
	padding:7px 0;
	margin-top:12px;
	line-height: 1.5em;
}
p.nocomments {
	margin:0 12px 0 7px;
}
p.nocomments a {
	color:#ddd;
	font-weight:bold;
}
p.nocomments a:hover {
	color:#FFF;
}
ol.pingslist {
	margin-top: 5px;
	margin-bottom: 20px;
}
.pingslist li {
	color:#7F7F7F;
	background-color: #f7f7f7;
	padding: 5px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	border: 1px solid #CCCCCC;
}
.pingslist li a {
	color: #333333;
	text-decoration: none;
}
/* 5.2 Comments Form */

#commentform p {
	margin:1em 0;
}
#commentform p a {
	font-weight:bold;
}
#author, #email, #url, #comment {
	font-size:11px;
	width:200px;
	border:1px solid #cccccc;
	padding:4px;
}
#commentform p small {
	font-size:11px;
	color:#333;
}
/*-------------------------------------------------------------------------------------------*/
/* 6. PAGE TEMPLATES */
/*-------------------------------------------------------------------------------------------*/

/* 6.1 Portfolio Page */

.portfolio {
	padding:0px;
	font-size: 11px;
	width: 300px;
	margin-right: 20px;
	float: left;
	margin-bottom: 20px;
}
.portfolio_btm {
	height: 3px;
	width: 300px;
	float: left;
}
.last {
	margin-right: 0;
}
.portfolio h2 {
	margin: 20px 20px 5px 20px;
	font-size:16px;
	color: #333;
}
.portfolio p {
	margin-bottom:0px;
	color: #666;
	padding: 0 20px 20px 20px;
}
.portfolio-img {
	max-width:260px;
	background-color: #fff;
	padding: 5px;
	margin: 20px;
	border: 1px solid #ccc;
}
.portfolio-img img {
	vertical-align: middle;
	margin-right: 5px;
}
.portfolio-img a {
	color: #666;
}
.portfolio-img img.thumbnail {
	margin-bottom: 5px;
	margin-right: 0;
}
#bon_text {
	background:#fff url(bonus.png) no-repeat;
	height:200px;
	width:150px;
	float:left;
	position:relative;
	padding:0;
	font-size:12px;
	margin:0;
}
#bon_text h3 {
	background:none;
	height:36px;
	float:left;
	color:#fff;
	padding:7px 0 0 7px;
	font-size:14px;
	text-transform:uppercase;
	margin:0;
	font-weight:normal;
	border:none;
}
.textwidget {
	color:#525555;
	line-height:16px;
	margin:0 0 1.4em;
	letter-spacing:-0.05em;
	font-family:Arial, Tahoma, Verdana, sans-serif!important;
	font-size:12px;
}
img.ls {
	bottom:10px;
	left:8px;
	position:absolute;
}
img.rs {
	bottom:10px;
	position:absolute;
	right:8px;
}