/*
Theme Name: Mystique
Theme URI: http://digitalnature.ro/projects/mystique
Description:  Feature-packed theme with a solid design, built-in widgets and a intuitive theme settings interface... Designed by <a href="http://digitalnature.ro/">digitalnature</a>.
Version: 2.4.2
Author: digitalnature
Author URI: http://digitalnature.ro
Tags: light, white, two-columns, three-columns, one-column, fixed-width, flexible-width, right-sidebar, left-sidebar, theme-options, threaded-comments, translation-ready, custom-header, editor-style

	Mystique Wordpress theme
	  http://digitalnature.ro/projects/mystique

	Theme designed by digitalnature. See the project page for more info and updates

	Both the design and code are released under GPL.
	http://www.opensource.org/licenses/gpl-license.php

*/



/* ==========================================================================
   Fonts
   ========================================================================== */



@font-face {
    font-family: 'twcsmedtwcs_medium';
    src: url('fonts/twcs/twcs_medium-webfont.eot');
    src: url('fonts/twcs/twcs_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/twcs/twcs_medium-webfont.woff') format('woff'),
         url('fonts/twcs/twcs_medium-webfont.ttf') format('truetype'),
         url('fonts/twcs/twcs_medium-webfont.svg#twcsmedtwcs_medium') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* reset spacing */

* {
	margin: 0;
	padding: 0;
	font-family: "Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
	}

/* For image replacement - h5bp */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

html,
body {    min-height: 100% }

body {
	background: #000 url(images/bg.png) repeat-x center bottom;
	font-size: 13px;
	font-style: normal;
	color: #4e4e4e;
	}

#page {    background: transparent url(images/header.jpg) no-repeat center top }

/* (max. possible width is limited by design, 1735px)  */

.page-content {
	max-width: 1600px;
	min-width: 780px;
	margin: 0 auto;
	}

/* fluid width page */

body.fluid .page-content {
	padding: 0 10px;
	width: auto;
	}

/* fixed width page - 960gs */

body.fixed .page-content {    width: 940px }

/*** GENERAL ELEMENTS ***/

/* links */

a {
	color: #0071bb;
	outline: none;
	}

a:hover {
	color: #ed1e24;
	text-decoration: none;
	}

/* headings */

h1 {
	font-weight: normal;
	font-size: 270%;
	letter-spacing: -.04em;
	line-height: 100%;
	margin: .8em 0 .2em;
	letter-spacing: -0.04em;
	}

h2 {
	font-weight: normal;
	font-size: 200%;
	letter-spacing: -.04em;
	line-height: 110%;
	margin: .7em 0 .2em;
	letter-spacing: -0.03em;
	}

h3 {
	font-size: 160%;
	font-weight: normal;
	letter-spacing: -.04em;
	line-height: 110%;
	margin: .7em 0 .2em;
	letter-spacing: -0.02em;
	}

h4 {
	font-size: 140%;
	font-weight: bold;
	margin: .7em 0 .2em;
	letter-spacing: -0.02em;
	}

h5 {
	font-family: "Palatino Linotype", Georgia, Serif;
	font-size: 140%;
	font-weight: bold;
	margin: .5em 0 .2em;
	letter-spacing: -0.02em;
	}

h6 {
	font-size: 120%;
	font-weight: normal;
	text-transform: uppercase;
	margin: .5em 0 .2em;
	}

/* tables */

table {    margin: .5em 0 1em }

table td,
table th {
	text-align: left;
	border-right: 1px solid #fff;
	padding: .4em .8em;
	}

table th {
	background-color: #5e5e5e;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #e8e1c8;
	}

table td {    background-color: #eee }

table th a {    color: #d6f325 }

table th a:hover {    color: #fff }

table tr.even td {    background-color: #ddd }

table tr:hover td {    background-color: #fff }

table.nostyle td,
table.nostyle th,
table.nostyle tr.even td,
table.nostyle tr:hover td {
	border: 0;
	background: none;
	background-color: transparent;
	}

/* forms */

input,
textarea,
select {
	font-size: 100%;
	margin: .2em 0;
	}

input,
textarea {
	padding: .2em .4em;
	margin: 0 2px 4px 2px;
	}

input.radio,
input.checkbox {
	background-color: #fff;
	padding: 2px;
	}

textarea {    width: 90% }

form label {
	font-weight: normal;
	margin: 0 2px;
	}

form .row label {
	display: block;
	margin: 10px 2px 0 2px;
	}

fieldset {
	padding: .8em;
	border: 1px solid #ddd;
	background-color: #fff;
	margin: 1em 0;
	}

legend {
	padding: 2px 15px 10px;
	text-transform: uppercase;
	font-style: italic;
	font-size: 115%;
	background-color: #fff;
	border-top: 1px solid #ddd;
	}

/* lists */

ul,
ol {
	margin: .4em 0 1em;
	line-height: 150%;
	}

ul li,
ol li {
	list-style-position: outside;
	margin-left: 2.5em;
	}

dl {    padding: .3em 0 .8em }

dt {
	font-weight: bold;
	text-decoration: underline;
	}

dd { }

/* other */

p {
	margin: .6em 0 .3em;
	line-height: 150%;
	}

img {    border: 0 }

hr {
	color: #b4aca1;
	background-color: #b4aca1;
	border-bottom: 1px solid #f6f4eb;
	}

small {    font-size: 80% }

pre {
	overflow: auto;
	nowhitespace: afterproperty;
	white-space: pre-wrap;
	/* <- css3 */white-space: 0; /* <- ff */font-size:12px;font-family:"Courier New", Courier, "Lucida Console", Monaco, "DejaVu Sans Mono", "Nimbus Mono L", "Bitstream Vera Sans Mono";background-color:#fff;padding:.4em;margin:1em 0;;
	}

pre {
	width: 80%;
	overflow: hidden;
	border: 1px solid #ddd;
	background-color: #fff;
	padding: .8em;
	margin: 1em 0;
	}

blockquote {
	margin: 1em 25% 1em 0;
	min-height: 40px;
	padding: .6em 1em .6em 2.4em;
	border: 1px dotted #ddd;
	font-style: italic;
	color: #474747;
	background: #fff url(images/blockquote.png) no-repeat 4px top;
	}

blockquote p {
	padding: 8px;
	margin: 2px;
	}

blockquote blockquote {    margin: 1em 0 1em }

#header {
	display: block;
	position: relative;
	z-index: 5;
	}

#header p.nav-extra {
	position: absolute;
	top: -25px;
	z-index: 10;
	right: 10px;
	}

#header a.nav-extra {
	width: 64px;
	height: 36px;
	display: block;
	float: right;
	margin-left: 6px;
	}

#header a.nav-extra span {    display: none }

#header a.news_link{
	width: 170px;
	height: 55px;
	position:absolute;
	top: 3px;
	right: 15px;
	}

/*** LOGO & HEADLINE ***/

#site-title {    padding: 81px 0 13px 0; }

#states {
	position: absolute;
	margin: 0;
	padding: 0;	
	top: 0;
	left: 468px;
}
#states li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#states a {
	height: 60px;
	background-image: url(images/states-a.png);
}

a#states_ny {
	width: 93px;
	background-position: 0 -140px;
}
a#states_tx {
	width: 70px;
	background-position: -100px -140px;
}
a#states_nc {
	width: 120px;
	background-position: -180px -140px;
}

a#states_ny:hover {	background-position: 0 -70px; }
a#states_tx:hover {	background-position: -100px -70px; }
a#states_nc:hover {	background-position: -180px -70px; }

.current a#states_ny {	background-position: 0 0; }
.current a#states_tx {	background-position: -100px 0; }
.current a#states_nc {	background-position: -180px 0; }

#site-title #logo {
	font-size: 400%;
	font-weight: bold;
	font-style: normal;
	margin: 0;
	padding: 0;
	float: left;
	line-height: 60px;
	}

#site-title #logo a {
	color: #fff;
	text-decoration: none;
	text-shadow: #000 1px 1px 1px;
	font-variant: small-caps;
	letter-spacing: -0.04em;
	padding-left: 17px;
	}

#site-title #logo a:hover {    color: #ed1e24 }

#site-title p.headline {
	float: left;
	border-left: 1px solid #999;
	margin: 0 0 0 1em;
	padding: .2em 0 .2em .8em;
	font-weight: normal;
	font-size: 140%;
	line-height: 64px;
	letter-spacing: 0.4em;
	}

#coming_up { /* marquee can't have a bg img in IE7 */
	background: url(images/marquee.png) no-repeat;
	margin: 10px 0 0 57px;
	float: left;
	width: 575px;
}

#coming_up div {
	padding: 3px 3px 3px 20px !important;
	width: 530px;
	overflow: hidden;
}
marquee {
	width: 520px;
	padding: 10px;
	font-size: 132%;
	padding: 33px 21px 28px 10px;
}

marquee,
marquee a {
	color: #423824;
}

marquee a:hover {
	color: #000;
}

/*** TOP NAVIGATION ***/

ul.navigation {
	/*background: #e7e2da;*/
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
	z-index: 15;
	height: 3.31em;
	background: url(images/bg_menu.jpg) top left;
	}

ul.navigation li {
	display: block;
	position: relative;
	float: left;
	list-style-type: none;
	padding: 0 1px 0 0;
	margin: 0;
	}

ul.navigation li a {
	min-height: 32px;
	display: block;
	font-weight: bold;
	font-size: 115%;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: #4e4e4e;
	padding: 0 13px 0 11px;
	position: relative;
	line-height: 31px;
	}

ul.navigation li a.home span.title {
	background: transparent url(images/icons.png) no-repeat 0px -756px;
	padding-left: 22px;
	}

ul.navigation li.active a.home span.title {    background-position: 0px -710px; }

ul.navigation li a:hover,
ul.navigation li:hover a {    background-color: none; }

ul.navigation li.active a:hover,
ul.navigation li.active:hover a {    background-color: none; }

ul.navigation li a span.title {
	display: block;
	padding: 0;
	font-family: 'twcsmedtwcs_medium', Arial, Helvetica, sans-serif;
	font-size: 14px;
	}

ul.navigation li li span.title {
	font-family: "Helvetica Neue",Helvetica,Arial,Geneva,"MS Sans Serif",sans-serif;
	font-size: 12px;
}

ul.navigation li.active a,
ul.navigation li.active-parent a,
ul.navigation li.active-ancestor a {
	background: none;
	color: #FFFFFF;
	text-shadow: #000 1px 1px 1px;
	}

ul.navigation li a span.arrow {    display: none }

/* fade on mouse out */

ul.navigation li a.fadeThis {
	position: relative;
	z-index: 1;
	}

ul.navigation li a.fadeThis span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	width: 100%;
	/*background-color: #fff;*/
	z-index: -1;
	margin: 0;
	padding: 0;
	}

ul.navigation li.active a.fadeThis span.hover,
ul.navigation li.active-parent a.fadeThis span.hover,
ul.navigation li.active-ancestor a.fadeThis span.hover {    background: none }

ul.navigation li.active a.fadeThis span.hover {    background-color: transparent }

/* submenus */

ul.navigation ul li a span.pointer {    display: none !important }

ul.navigation ul {
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	position: absolute;
	display: none;
	width: 250px;
	top: 44px;
	left: -1px;
	margin: 0;
	padding: 4px;
	line-height: normal;
	background-color: #fff;
	-moz-box-shadow: 0px 8px 14px rgba(0,0,0,0.3);
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-box-shadow: 0px 8px 14px rgba(0,0,0,0.3);
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	box-shadow: 0px 8px 14px rgba(0,0,0,0.3);
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	}

ul.navigation li.active ul,
ul.navigation li.active-parent ul,
ul.navigation li.active-ancestor ul {
	background-color: #000;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	left: 0;	
	}

ul.navigation li.active li a,
ul.navigation li.active-parent li a,
ul.navigation li.active-ancestor li a {    background: none }

ul.navigation ul li {
	float: none;
	margin: 0;
	background: none;
	}

ul.navigation ul li a span.title {    padding-left: 10px }

ul.navigation ul li a {
	min-height: 1px;
	height: auto;
	padding: 8px 14px 8px 8px;
	margin: 0;
	text-align: left;
	text-transform: none;
	line-height: 125%;
	}

ul.navigation li.active ul a {    background: none }

ul.navigation ul li a:hover {
	background-color: #333;
	color: #fff;
	text-shadow: #333 1px 1px 1px;
	}

ul.navigation ul li.active a {    color: #f8b013 }

ul.navigation ul li.active li a {    color: #dedede }

ul.navigation ul li a span.title {    padding: 0 }

ul.navigation ul ul {
	left: 250px;
	top: 0;
	border-top: 1px solid #ccc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}

ul.navigation li:hover ul ul,
ul.navigation li:hover ul ul ul,
ul.navigation li:hover ul ul ul ul {    display: none }

ul.navigation li:hover ul,
ul.navigation li li:hover ul,
ul.navigation li li li:hover ul,
ul.navigation li li li li:hover ul {    display: block }

ul.navigation li li a span.arrow {
	display: block;
	position: absolute;
	right: 6px;
	top: 0;
	line-height: 32px;
	}

/* fade on mouse out */

ul.navigation li li a.fadeThis span.hover,
ul.navigation li.active li a.fadeThis span.hover,
ul.navigation li.active-ancestor li a.fadeThis span.hover {    background-color: #333 }

/*** FEATURED CONTENT ***/

#featured-content {
	display: block;
	height: 174px;
	background: #5e5e5e url(images/featured.jpg) no-repeat center top;
	border-top: 1px solid #818389;
	color: #fff;
	margin: 0 auto;
	color: #ccc;
	position: relative;
	}

#featured-content .slide-container {    padding: 0 0 25px 0 }

#featured-content .slide-container,
#featured-content ul.slides li.slide {
	width: 940px;
	height: 174px;
	display: block;
	}

#featured-content h2 {
	font-size: 180%;
	font-weight: bold;
	text-shadow: #000 1px 1px 1px;
	margin: 0;
	padding: 0 0 .2em 0;
	line-height: 140%;
	}

#featured-content h4 {
	font-size: 130%;
	font-weight: normal;
	text-shadow: #000 1px 1px 1px;
	margin: 0;
	padding: .2em .6em .4em .6em;
	line-height: normal;
	}

#featured-content p {    margin: 0 0 .6em 0 }

#featured-content a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	}

#featured-content a:hover {    background-color: rgba(0,0,0, 0.15) }

#featured-content .post-thumb img {    border: 4px solid #777 }

#featured-content .details {    padding: 0 10px }

#featured-content .summary {
	font-size: 125%;
	font-style: italic;
	line-height: 150%;
	}

#featured-content a.readmore {
	position: absolute;
	z-index: 2;
	bottom: -2px;
	right: 20px;
	background: transparent url(images/readmore.png) no-repeat center top;
	width: 130px;
	height: 35px;
	line-height: 32px;
	text-indent: 20px;
	color: #ddd;
	}

#featured-content a.readmore:hover {
	background-position: center bottom;
	color: #fff;
	}

/*** MAIN LAYOUT ***/

.shadow-left {   /* background: url(images/shadow.png) no-repeat left bottom */}

.shadow-right {
	/*background: url(images/shadow.png) no-repeat right bottom;*/
	position: relative;
	}

#main {    background: #fff url(images/main-right.jpg) no-repeat right top }

#main-inside {
	background: transparent url(images/main-left.jpg) no-repeat left top;
	min-height: 380px;
	}

/*** MAIN LAYOUT ***/

/* default widths - fixed layout */

#primary-content {    width: 630px }

#sidebar {    width: 310px }

#sidebar2 {    width: 230px }

/* col-1 */

body.col-1 #primary-content {
	width: 940px;
	left: 0;
	}

body.col-1 #sidebar,
body.col-1 #sidebar2 {    display: none }

/* col-2-left */

body.col-2-left #primary-content {    left: 310px }

body.col-2-left #sidebar {    left: -630px }

body.col-2-left #sidebar2 {    display: none }

/* col-2-right, default */

body.col-2-right #primary-content {    left: 0 }

body.col-2-right #sidebar {    right: 0 }

body.col-2-right #sidebar2 {    display: none }

/* col-3 */

body.col-3 #primary-content {
	left: 230px;
	width: 480px;
	}

body.col-3 #sidebar {
	right: 0px;
	width: 230px;
	}

body.col-3 #sidebar2 {    left: -480px }

/* col-3-left */

body.col-3-left #primary-content {
	left: 460px;
	width: 480px;
	}

body.col-3-left #sidebar {
	left: -710px;
	width: 230px;
	}

body.col-3-left #sidebar2 {    left: -250px }

some_nowhitespace {    nowhitespace: afterproperty }

/* gs - s1 - (s1+s2) */

body.col-3-left #primary-content .blocks {    margin-left: 10px }

/* col-3-right */

body.col-3-right #primary-content {
	left: 0;
	width: 480px;
	}

body.col-3-right #sidebar {
	left: 0;
	width: 230px;
	}

body.col-3-right #sidebar2 {    left: 0 }

body.col-3-right #primary-content .blocks {    margin-right: 10px }

/* default widths - fluid layout */

body.fluid #primary-content {    width: 70% }

body.fluid #sidebar {    width: 30% }

body.fluid #sidebar2 {    width: 25% }

/* col-1 */

body.fluid.col-1 #primary-content {
	width: 100%;
	left: 0;
	}

body.fluid.col-1 #sidebar,
body.fluid.col-1 #sidebar2 {    display: none }

/* col-2-left */

body.fluid.col-2-left #primary-content {    left: 30% }

body.fluid.col-2-left #sidebar {    left: -70% }

body.fluid.col-2-left #sidebar2 {    display: none }

/* col-2-right, default */

body.fluid.col-2-right #primary-content {    left: 0 }

body.fluid.col-2-right #sidebar {    right: 0 }

body.fluid.col-2-right #sidebar2 {    display: none }

/* col-3 */

body.fluid.col-3 #primary-content {
	left: 25%;
	width: 50%;
	}

body.fluid.col-3 #sidebar {
	right: 0;
	width: 25%;
	}

body.fluid.col-3 #sidebar2 {    left: -50% }

/* col-3-left */

body.col-3-left #primary-content {
	left: 50%;
	width: 50%;
	}

body.col-3-left #sidebar {
	left: -75%;
	width: 25%;
	}

body.col-3-left #sidebar2 {    left: -25% }

some_nowhitespace {    nowhitespace: afterproperty }

/* gs - s1 - (s1+s2) */

body.col-3-left #primary-content .blocks {    margin-left: 10px }

/* col-3-right */

body.fluid.col-3-right #primary-content {
	left: 0;
	width: 50%;
	}

body.fluid.col-3-right #sidebar {
	left: 0;
	width: 25%;
	}

body.fluid.col-3-right #sidebar2 {    left: 0 }

body.fluid.col-3-right #primary-content .blocks {    margin-right: 10px }

#main {
	position: relative;
	min-height: 540px;
	}

#primary-content,
#sidebar,
#sidebar2 {
	top: 0;
	position: relative;
	float: left;
	z-index: 0;
	overflow: hidden;
	min-height: 150px;
	}

#primary-content .blocks {    padding: 1em }

#sidebar .blocks,
#sidebar2 .blocks {
	padding: 1em;
	margin: 0;
	list-style-type: none;
	}

li.block {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

li.block,
.arbitrary-block {
	margin: 1em 0 2.6em;
	position: relative;
	}

.block ul {
	list-style-type: none;
	margin: 0 0 .4em 0;
	}

.block li {
	background: transparent url(images/icons.png) no-repeat 4px -816px;
	margin: 0;
	padding: 0 0 0 18px;
	}

.block li:hover {    background-position: 4px -1005px }

.block li li {    margin-left: .4em }

h1.title {
	font-weight: bold;
	font-size: 250%;
	text-shadow: #fff 1px 1px 1px;
	margin: .5em 0 .3em 0;
	padding: 0;
	}

/* post */

.post,
.page {
	margin: 1em 0 2em 0;
	padding: 0 0 .6em;
	display: block;
	}

.post.preview-title {    background: none }

body.single-page .page,
body.single-post .post {
	background: none;
	margin: 0;
	padding: 0;
	}

.post.asides {
	border: 4px solid #eee;
	background-color: #fff;
	background-image: none;
	padding: 5px 10px;
	}

.post.sticky {    /* needs redesigned */:  }

h2.title {
	font-weight: bold;
	font-size: 180%;
	margin: 0 0 .2em 0;
	padding: .2em 0 0 0;
	text-shadow: #fff 1px 1px 1px;
	}

.post.asides h2.title {
	font-size: 130%;
	font-style: italic;
	letter-spacing: -0.02em;
	}

.post.sticky h2.title {    font-size: 300% }

h2.title a {
	text-decoration: none;
	color: #4e4e4e;
	}

h2.title a:hover {
	color: #ed1e24;
	text-decoration: none;
	}

h3.title {
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0 0 0;
	padding: 0;
	}

h3.title a {
	text-decoration: none;
	color: #4e4e4e;
	}

h3.title a:hover {
	color: #ed1e24;
	text-decoration: none;
	}

.post-excerpt {
	font-size: 90%;
	font-style: italic;
	color: #666;
	}

.post-short-info {
	margin: 0;
	padding: 0;
	}

.post-thumb img {    border: 4px solid #eee }

.post-info {
	background: transparent url(images/info-bar.png) no-repeat right top;
	height: 42px;
	margin-left: 11px;
	color: #bbb;
	text-shadow: #fff 1px 1px 1px;
	}

.post-info a {
	font-weight: bold;
	color: #999;
	}

.post-info a:hover {    color: #ed1e24 }

.post-info p.author {
	padding: 0 0 0 6px;
	margin: 0;
	line-height: 32px;
	}

.post-info p.comments {
	padding: 0 12px 0 0;
	margin: 0;
	line-height: 32px;
	}

.post-info p.comments a.comments {
	background: transparent url(images/icons.png) no-repeat 0px -49px;
	padding-left: 20px;
	}

.post-info p.comments a.no.comments {    background-position: 0px 1px }

.post-date {
	background: transparent url(images/info-bar.png) no-repeat left -75px;
	padding-left: 11px;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	}

.post-date p.day {
	background: transparent url(images/info-bar.png) no-repeat right -42px;
	height: 33px;
	padding: 0 16px 0 0;
	margin: 0;
	line-height: 31px;
	color: #fff;
	}

.post-content p {
	margin: 0 0 .8em 0;
	padding: 0;
	}

.post-content a.post-edit-link {
	border: #ddd 1px solid;
	background-color: #fff;
	padding: 3px 6px;
	text-decoration: none;
	}

.post-content a.post-edit-link:hover {
	border: #ff284b 1px solid;
	background-color: #ed1e24;
	color: #fff;
	}

.post-content a.more-link {
	background-color: #eee;
	text-decoration: none;
	color: #666;
	text-shadow: #fff 1px 1px 1px;
	padding: 2px 6px 3px 6px;
	margin: 0;
	font-size: 85%;
	text-transform: uppercase;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

.post-content a.more-link:hover {
	background-color: #999;
	color: #fff;
	text-shadow: #666 1px 1px 1px;
	}

.post-content a.more-link.loading {
	border: 0;
	margin: 0 4px;
	padding: 3px 8px;
	border: 0;
	background: transparent url(images/loader-white.gif) no-repeat center center;
	}

.post-tags {
	background: transparent url(images/icons.png) no-repeat 0px -104px;
	font-style: italic;
	padding-left: 20px;
	line-height: 22px;
	}

.category-description {
	font-size: 115%;
	font-style: italic;
	}

.about_the_author {
	padding: 8px 10px;
	line-height: 150%;
	background-color: #5e5e5e;
	color: #ccc;
	font-style: italic;
	}

.about_the_author a {
	color: #f9f9f9;
	text-decoration: underline;
	}

.about_the_author a:hover {
	color: #fff;
	text-decoration: none;
	}

.about_the_author h3 {
	margin: 0;
	padding: 0;
	font-size: 130%;
	font-weight: bold;
	font-style: normal;
	color: #f9f9f9;
	}

.about_the_author div.avatar {
	float: left;
	margin-right: 8px;
	}

.about_the_author div.avatar img {    border: 6px solid #333 }

.post-meta {
	padding: 6px 4px;
	border-top: 1px solid #ddd;
	background-color: #f6f6f6;
	color: #999;
	display: block;
	}

.post-meta td,
.post-meta tr:hover td {
	background-color: transparent;
	border: 0;
	padding: 0 2px;
	margin: 0;
	}

.post-meta a {
	color: #666;
	text-decoration: underline;
	}

.post-meta a:hover {
	color: #ed1e24;
	text-decoration: none;
	}

.post-meta .details {
	font-size: 80%;
	line-height: 150%;
	}

.post-meta a.control {
	display: block;
	padding: 2px 6px 4px;
	background-color: #eee;
	text-shadow: #fff 1px 1px 1px;
	font-style: italic;
	text-decoration: none;
	font-size: 115%;
	border: 1px solid #fff;
	border-radius: 3px;
	text-align: center;
	letter-spacing: -0.02em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	}

.post-meta a.control:hover,
.post-meta a.control:hover a {
	background-color: #0071bb;
	text-shadow: #666 1px 1px 1px;
	color: #fff;
	}

/* share this */

.shareThis {
	position: relative;
	float: left;
	}

.shareThis a.share:hover,
.shareThis:hover a { }

.shareThis .bubble {
	width: 288px;
	left: 0px;
	top: 0px;
	margin-top: 40px;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #ddd;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	-moz-border-radius: 8px;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	-webkit-border-radius: 8px;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	border-radius: 8px;
	}

.shareThis .bubble a {
	background: transparent url(images/socialize.jpg) no-repeat left bottom;
	width: 32px;
	height: 32px;
	float: left;
	position: relative;
	z-index: 5;
	}

.shareThis .bubble li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	}

.shareThis .bubble a.twitter {    background-position: 0px -32px }

.shareThis .bubble a.digg {    background-position: -32px -32px }

.shareThis .bubble a.facebook {    background-position: -64px -32px }

.shareThis .bubble a.delicious {    background-position: -96px -32px }

.shareThis .bubble a.stumbleupon {    background-position: -128px -32px }

.shareThis .bubble a.google {    background-position: -160px -32px }

.shareThis .bubble a.linkedin {    background-position: -192px -32px }

.shareThis .bubble a.yahoo {    background-position: -224px -32px }

.shareThis .bubble a.technorati {    background-position: -256px -32px }

.shareThis .bubble a.twitter:hover {    background-position: 0 0px }

.shareThis .bubble a.digg:hover {    background-position: -32px 0px }

.shareThis .bubble a.facebook:hover {    background-position: -64px 0px }

.shareThis .bubble a.delicious:hover {    background-position: -96px 0px }

.shareThis .bubble a.stumbleupon:hover {    background-position: -128px 0px }

.shareThis .bubble a.google:hover {    background-position: -160px 0px }

.shareThis .bubble a.linkedin:hover {    background-position: -192px 0px }

.shareThis .bubble a.yahoo:hover {    background-position: -224px 0px }

.shareThis .bubble a.technorati:hover {    background-position: -256px 0px }

.shareThis .bubble a span {    display: none }

.single-navigation a {
	font-size: 85%;
	border: 0;
	background-color: transparent;
	padding: 2px 4px;
	color: #ccc;
	text-shadow: #fff 1px 1px 1px;
	text-decoration: none;
	}

.single-navigation a:hover {    color: #ed1e24 }

.single-navigation div {
	display: block;
	max-width: 49%;
	line-height: normal;
	color: #ccc;
	}

.single-navigation .alignright {    text-align: right }

/* comments */

.tabbed-content div.section#section-comments {    display: block }

some_nowhitespace {    nowhitespace: afterproperty }

/* show comment tab, just in case jquery is disabled */

ul.comments,
li.comment {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

ul.comments {
	width: 90%;
	max-width: 1000px;
	float: right;
	display: block;
	}

ul.comments ul.children {
	margin: 0 0 0 40px;
	padding: 0;
	}

li.comment {
	display: block;
	margin: .4em 0;
	line-height: normal;
	}

li.comment .comment-head {
	background-color: #5e5e5e;
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
	color: #e4e4e4;
	padding: 0 0 6px 0;
	margin: 0;
	line-height: normal;
	}

li.comment .comment-head.comment-author-admin,
li.comment .comment-head.bypostauthor {
	background-position: -1000px bottom;
	color: #fff;
	text-shadow: rgba(0,0,0,0.4) 1px 1px 1px;
	}

li.comment.withAvatars .comment-head {    padding-left: 78px }

li.comment .comment-head .author {
	margin: 0;
	padding: 4px 1em 16px 1em;
	line-height: 150%;
	}

li.comment .comment-head a {
	color: #fff;
	text-decoration: underline;
	}

li.comment .comment-head a:hover {    text-decoration: none }

li.comment .comment-head .author .by {    font-weight: bold }

li.comment .comment-body {
	background: #f6f6f6 url(images/comment-bg.gif) no-repeat right bottom;
	padding: .4em 1em;
	}

li.comment .comment-body p {
	margin: 0;
	padding: 0 0 1em 0;
	}

li.comment .avatar-box {
	position: absolute;
	bottom: 0px;
	width: 48px;
	height: 48px;
	left: 8px;
	z-index: 2;
	padding: 3px;
	background-color: #fff;
	border: 1px solid #bfbfbf;
	}

li.comment .controls {
	position: absolute;
	right: 10px;
	top: 8px;
	margin-top: 16px;
	}

li.comment .controls a {
	display: block;
	background-color: #e4e4e4;
	padding: 4px 8px;
	color: #4e4e4e;
	text-shadow: #fff 1px 1px 1px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	margin-right: 4px;
	border-top: 1px solid #fff;
	}

li.comment .controls a:hover {
	background-color: #ed1e24;
	border-top: 1px solid #ff284b;
	color: #fff;
	text-shadow: #333 1px 1px 1px;
	}

li.ping {
	background: transparent url(images/dot.gif) repeat-x left bottom;
	padding: 0 0 .6em 0;
	margin: .2em 0;
	line-height: 150%;
	}

li.ping a {
	font-weight: bold;
	font-size: 115%;
	text-decoration: none;
	}

/* comment form */

.comment-form {
	background: #f6f6f6 url(images/comment-bg.gif) no-repeat right bottom;
	border-top: 1px solid #ddd;
	padding: 1em;
	margin: 1em 0;
	float: left;
	}

.comment-form #comment {    width: 90% }

#cancel-reply {    display: none }

#comment_post_status {    font-weight: bold }

/* PAGE/COMMENT NAVIGATION */

.page-navigation,
.comment-navigation {
	padding: 5px 0px;
	color: #333;
	}

/* align to right on col-3-left layout, looks better */

body.col-3-left .page-navigation,
body.col-3-left .comment-navigation {    float: right }

.page-navigation a,
.page-navigation span.current,
.page-navigation span.extend,
.comment-navigation a,
.comment-navigation span.current,
.comment-navigation span.dots {
	padding: 3px 5px 4px 5px;
	margin: 2px;
	float: left;
	}

.page-navigation a,
.comment-navigation a {
	text-decoration: none;
	border: 1px solid #ddd;
	background-color: #fff;
	}

.page-navigation a:hover,
.comment-navigation a:hover {
	border: 1px solid #ed1e24;
	color: #fff;
	background-color: #ed1e24;
	}

.page-navigation span.current,
.comment-navigation span.current {
	border: 1px solid #0072cf;
	color: #fff;
	background-color: #0072cf;
	}

.comment-navigation a.loading {
	border: 0;
	padding: 3px 8px;
	border: 0;
	background: transparent url(images/loader-white.gif) no-repeat center center;
	}

/* search */

.search-form {
	position: relative;
	margin: 0 8px 0 4px;
	width: auto !important;
	width: 400px;
	max-width: 400px;
	}

.search-form form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	background: none;
	background-color: transparent;
	}

.search-form #searchfield {
	background-repeat: no-repeat;
	background-position: left top;
	height: 34px;
	display: block;
	margin-right: 55px;
	}

.search-form input.text {
	border: 0;
	margin: 9px 0 0 34px;
	padding: 0;
	}

.search-form input.submit {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right -34px;
	height: 34px;
	width: 56px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	border: 0;
	text-transform: uppercase;
	text-shadow: #fff 1px 1px 1px;
	font-weight: bold;
	font-size: 160%;
	color: #9b9b9b;
	cursor: pointer;
	}

.search-form input.submit:hover {    background-position: right bottom }

#primary-content .search-form {    margin: 2em 0 }

/* block style */

.block h3.title {
	font-weight: bold;
	font-size: 130%;
	background-repeat: no-repeat;
	background-position: left top;
	color: #fff;
	line-height: 100%;
	letter-spacing: normal;
	margin: 0;
	padding: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	text-transform: uppercase;
	text-align: left;
	line-height: 23px;
	}

.block h3.title span {
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 7px;
	display: block;
	padding: 4px 8px 0 4px;
	}

.block h3.title a {
	color: #fff;
	text-decoration: none;
	}

.block h3.title a:hover {    color: #FFFF00 }

.block .block-div {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 7px;
	height: 23px;
	float: left;
	}

.block .block-div-arrow {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 23px;
	margin-left: 7px;
	}

.block fieldset {
	margin: 0;
	padding: 0 1.3em;
	border: 0;
	background-color: transparent;
	}

.box {
	max-width: 600px;
	position: relative;
	z-index: 5;
	color: #eee;
	}

.box-top-left {
	background: transparent url(images/box.png) no-repeat left top;
	padding-left: 7px;
	}

.box-top-right {
	background: transparent url(images/box.png) no-repeat right top;
	height: 7px;
	}

.box-main {
	background: transparent url(images/box.png) no-repeat left bottom;
	padding-left: 7px;
	}

.box-main .box-content {
	background: transparent url(images/box.png) no-repeat right bottom;
	padding: 10px 7px 10px 0;
	}

.box a {    color: #fff }

.box .tag-cloud {
	text-align: justify;
	line-height: 150%;
	}

.box .tag-cloud a {
	vertical-align: middle;
	text-decoration: none;
	padding: 0 0.2em;
	letter-spacing: -0.02em;
	color: #ccc;
	text-shadow: #000 1px 1px 1px;
	}

.tag-cloud a:hover {
	background-color: #dde90d;
	color: #000;
	text-shadow: rgba(0,0,0,0.6) 1px 1px 1px;
	}

.sidebar-tabs {
	position: relative;
	padding-top: 44px;
	}

ul.box-tabs,
ul.box-tabs li {
	padding: 0;
	margin: 0;
	line-height: 100%;
	list-style-type: none;
	background: none;
	}

ul.box-tabs {
	position: absolute;
	right: 6px;
	top: 0;
	z-index: 10;
	height: 50px;
	overflow: hidden;
	}

ul.box-tabs li {
	float: right;
	margin-right: 3px;
	}

ul.box-tabs li a {
	width: 43px;
	height: 50px;
	display: block;
	background: transparent url(images/box-tabs.png) no-repeat left top;
	}

ul.box-tabs li.categories a {    background-position: 0px 0px }

ul.box-tabs li.popular a {    background-position: -43px 0px }

ul.box-tabs li.recentcomm a {    background-position: -86px 0px }

ul.box-tabs li.tags a {    background-position: -129px 0px }

ul.box-tabs li.archives a {    background-position: -172px 0px }

ul.box-tabs li a:hover {    height: 43px }

ul.box-tabs li.active a:hover {    height: 50px }

ul.box-tabs li.categories.active a,
ul.box-tabs li.categories a:hover {    background-position: 0px -50px }

ul.box-tabs li.popular.active a,
ul.box-tabs li.popular a:hover {    background-position: -43px -50px }

ul.box-tabs li.recentcomm.active a,
ul.box-tabs li.recentcomm a:hover {    background-position: -86px -50px }

ul.box-tabs li.tags.active a,
ul.box-tabs li.tags a:hover {    background-position: -129px -50px }

ul.box-tabs li.archives.active a,
ul.box-tabs li.archives a:hover {    background-position: -172px -50px }

ul.box-tabs li a span {    display: none }

/* menu list */

.box ul.menuList,
.box ul.menuList li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	}

.box ul.menuList {
	background: transparent url(images/dot2.gif) repeat-x left bottom;
	margin-bottom: .6em;
	padding-bottom: 2px;
	}

.box ul.menuList li {
	background: transparent url(images/dot2.gif) repeat-x left top;
	display: block;
	padding: 2px 0 0px;
	}

.box ul.menuList li li {    background-image: none }

.box ul.menuList li a {
	display: block;
	text-decoration: none;
	padding: 3px 25px 3px 0;
	color: #ccc;
	}

.box ul.menuList.categories li a {    padding-right: 25px }

some_nowhitespace {    nowhitespace: afterproperty }

/* rss icon space */

.box ul.menuList li a:hover {    color: #fff }

.box ul.menuList li a span.entry {
	background: transparent url(images/icons.png) no-repeat 4px -816px;
	padding-left: 18px;
	display: block;
	font-weight: bold;
	}

.box ul.menuList li a span.entry .details {
	font-weight: normal;
	font-style: italic;
	display: block;
	}

.box ul.menuList li a span.entry .details.inline {    display: inline }

.box ul.menuList li a:hover span.entry {    background-position: 4px -1005px }

.box ul.menuList li li a span.entry {    background: none }

.box ul.menuList .fadeThis {
	position: relative;
	z-index: 1;
	}

.box ul.menuList span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	width: 100%;
	background-color: #747474;
	z-index: -1;
	padding: 0!important;
	}

/* sub menus */

.box ul.menuList ul {
	margin: 0 0 1em 0;
	padding: 0;
	}

.box ul.menuList li li {
	margin: 0 0 0 1.8em;
	padding: 0;
	float: none;
	background: none;
	width: auto;
	}

.box ul.menuList li li li {    margin-left: 1em }

.box ul.menuList li li a {
	text-transform: none;
	padding: 0;
	font-size: 100%;
	font-style: italic;
	}

.box ul.menuList li li a:hover {    background: none }

/* rss popups */

.box ul.menuList li.cat-item {    position: relative }

.box ul.menuList li.cat-item a.rss {
	position: absolute;
	padding: 0;
	margin: 0;
	display: none;
	background: transparent url(images/icons.png) no-repeat center -664px;
	width: 24px;
	height: 22px;
	top: 0;
	right: 6px;
	z-index: 10;
	cursor: pointer;
	}

.box ul.menuList li.cat-item li.cat-item a.rss {
	background: none;
	visibility: hidden;
	}

.box ul.menuList li li .fadeThis {
	position: static;
	background: none;
	}

.box ul.menuList li li .fadeThis span.hover {    display: none }

.box ul.menuList.recentcomm li a span.entry,
.box ul.menuList.recentcomm li a:hover span.entry {
	background: none;
	padding-left: 0px;
	margin-left: 40px;
	}

.box ul.menuList.recentcomm li .avatar {
	float: left;
	margin: 2px 4px 2px 0;
	}

/*** FOOTER ***/

#footer {    background: #fff }

/* block slider */

#footer-blocks {
	position: relative;
	margin: 0 auto 1em auto;
	}

#footer-blocks.withSlider {    width: 940px }

#footer-blocks .leftFade,
#footer-blocks .rightFade {
	background: transparent url(images/bg-trans2.png) repeat-y left top;
	nowhitespace: afterproperty;
	position: absolute;
	width: 46px;
	min-height: 100%;
	height: 100%;
	/* <- for opera */top: 0;z-index:10;;
	}

#footer-blocks .leftFade {    left: 0 }

#footer-blocks .rightFade {
	background-position: right top;
	right: 0;
	}

.slide-container {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	}

ul.slides {
	position: relative;
	top: 0;
	left: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100%;
	display: block;
	}

#footer-blocks .slide-navigation a.next,
#footer-blocks .slide-navigation a.previous {
	background: transparent url(images/block-nav.png) no-repeat left top;
	width: 30px;
	height: 42px;
	position: absolute;
	z-index: 12;
	top: 60px;
	}

#footer-blocks .slide-navigation a.next {
	background-position: right top;
	right: 0;
	}

#footer-blocks .slide-navigation a.previous {    left: 0 }

#footer-blocks .slide-navigation a.next:hover {    background-position: right bottom }

#footer-blocks .slide-navigation a.previous:hover {    background-position: left bottom }

#footer-blocks .slide-navigation a.next span,
#footer-blocks .slide-navigation a.previous span {    display: none }

ul.slides li.slide {
	list-style-type: none;
	position: relative;
	top: 0;
	margin: 0;
	padding: 1em 0 0;
	display: block;
	}

/* only hide if slider is enabled (it is if there are more than 3 blocks) */

.withSlider ul.slides li.slide.page-content {
	position: absolute;
	display: none;
	width: 940px;
	}

#footer-blocks ul.slides li.slide .slide-content {
	width: 95%;
	margin: 0 auto;
	}

ul.slides li.slide .slide-content ul.blocks,
#footer-blocks ul.slides li.slide .slide-content ul.blocks li.block {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

ul.slides li.slide .slide-content ul.blocks li.block {
	width: 33%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	}

ul.slides li.slide .slide-content ul.blocks li.block .block-content {    padding: 0 .8em }

/* block width based on widget number (default block width is 30% + spacing, 3 blocks per slide) */

ul.slides li.slide .slide-content ul.blocks.widgetcount-1 li.block {    width: 100% }

ul.slides li.slide .slide-content ul.blocks.widgetcount-2 li.block {    width: 50% }

ul.slides li.slide .slide-content ul.blocks.widgetcount-3 li.block {    width: 33% }

ul.slides li.slide .slide-content ul.blocks.widgetcount-4 li.block {    width: 25% }

ul.slides li.slide .slide-content ul.blocks.widgetcount-4 li.block .block-content {    padding: 0 .6em }

ul.slides li.slide .slide-content ul.blocks.widgetcount-5 li.block {    width: 20% }

ul.slides li.slide .slide-content ul.blocks.widgetcount-5 li.block .block-content {    padding: 0 .5em }

ul.slides li.slide .slide-content ul.blocks.widgetcount-6 li.block {    width: 16.6% }

ul.slides li.slide .slide-content ul.blocks.widgetcount-6 li.block .block-content {    padding: 0 .4em }

ul.slides li.slide .slide-content ul.blocks li.block h4.title {
	font-size: 160%;
	font-weight: bold;
	background: #eee url(images/bg-lightgray.png) no-repeat left top;
	padding: .4em .6em;
	margin: 0 0 .2em;
	text-shadow: #fff 1px 1px 1px;
	line-height: 100%;
	color: #797979;
	position: relative;
	}

ul.slides li.slide.slide-2,
ul.slides li.slide.slide-3,
ul.slides li.slide.slide-4,
ul.slides li.slide.slide-5,
ul.slides li.slide.slide-6,
ul.slides li.slide.slide-7,
ul.slides li.slide.slide-8 {    display: none }

/* copyright & other info */

#footer #copyright {
	display: block;
	padding: 1em 2em;
	text-align: center;
	border-top: 1px solid #ddd;
	line-height: 200%;
	}

#footer .button {
	padding: 4px 8px 4px 8px;
	color: #fff;
	background-color: #666;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	}

#footer a.button.rss-subscribe {
	background: #666 url(images/icons.png) no-repeat 2px -666px;
	padding-left: 25px;
	}

/*** BLOCKS ***/

/* info */

.block-info {
	font-size: 150%;
	font-weight: bold;
	text-align: center;
	padding: .3em .7em;
	background-color: #eee;
	text-shadow: #fff 1px 1px 1px;
	border: 1px solid #fff;
	}

/* increase right padding to fit rss icon */

.block-categories ul.menuList.linkBased li a span.entry {
	display: block;
	text-decoration: none;
	padding-right: 36px;
	}

/* twitter */

.block-twitter ul,
.block-twitter ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

.block-twitter ul {
	background: transparent url(images/dot.gif) repeat-x left top;
	padding-top: .2em;
	}

.block-twitter ul li,
.block-twitter ul li:hover {
	background: transparent url(images/dot.gif) repeat-x left bottom;
	margin-bottom: .2em;
	padding-bottom: .2em;
	}

.block-twitter ul li span.entry {
	background: transparent url(images/icons.png) no-repeat 6px -383px;
	padding-left: 24px;
	display: block;
	}

.block-twitter div.avatar {
	float: left;
	display: block;
	margin-left: 10px;
	}

.block-twitter div.info {
	float: left;
	display: block;
	padding: 2px 0 0 10px;
	line-height: 175%;
	font-weight: bold;
	}

.block-twitter div.info .followers {    font-size: 125% }

.block-twitter a.date {
	color: #bbb;
	text-decoration: none;
	font-style: italic;
	font-size: 85%;
	display: block;
	}

.block-twitter a.date:hover {    color: #ed1e24 }

.block-twitter .links {
	text-align: right;
	background: transparent url(images/bg-trans.png) repeat-x left bottom;
	padding-right: 1em;
	}

.block-twitter a.followMe {
	position: absolute;
	background: transparent url(images/twitter.png) no-repeat center top;
	width: 45px;
	height: 57px;
	display: block;
	top: -14px;
	right: 20px;
	z-index: 4;
	}

.block-twitter a.followMe span {    display: none }

.block-twitter h3.title span {    padding-right: 60px }

.block-twitter .loading {
	background: transparent url(images/loader-white.gif) no-repeat 6px 6px;
	padding: 6px 10px 6px 28px;
	float: left;
	}

/* flickr */

.block-flickr h3.title {    position: relative }

.block-flickr h3.title span {    padding-left: 42px }

.block-flickr h3.title span.icon {
	background: transparent url(images/flickr.png) no-repeat left top;
	top: 30%;
	left: 0;
	position: absolute;
	width: 37px;
	height: 17px;
	padding: 0;
	}

.block-flickr ul,
.block-flickr ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

.block-flickr li {    float: left }

.block-flickr li a {
	padding: 0 2px;
	display: block;
	}

.block-flickr li img {    border: 5px solid #eee }

.block-flickr .flickrGallery {    padding-left: 4px }

/* login */

.block-login .avatar img {    border: 6px solid #ddd }

/*** MISC ***/

/* fancybox */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
	}

* html #fancybox-loading {
	/* IE6 */
	position: absolute;
	margin-top: 0;
	}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('images/fancybox.png');
	}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000 url(images/light-mask.png) no-repeat 50% 10%;
	z-index: 1100;
	display: none;
	}

* html #fancybox-overlay {
	/* IE6 */
	position: absolute;
	width: 100%;
	}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
	}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
	}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
	}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
	}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('images/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
	}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
	}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
	}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
	}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
	}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
	}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
	}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
	}

#fancybox-title-over {
	padding: 10px;
	background-color: #333;
	background-color: rgba(0,0,0, 0.5);
	display: block;
	}

#fancybox-title-wrap {    display: inline-block }

#fancybox-title-wrap span {
	height: 32px;
	float: left;
	}

#fancybox-left,
#fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	z-index: 1102;
	display: none;
	}

#fancybox-left {    left: 0px }

#fancybox-right {    right: 0px }

#fancybox-left-ico,
#fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
	}

#fancybox-left-ico {
	background-image: url('images/fancybox.png');
	background-position: -40px -30px;
	}

#fancybox-right-ico {
	background-image: url('images/fancybox.png');
	background-position: -40px -60px;
	}

#fancybox-left:hover,
#fancybox-right:hover {
	visibility: visible; /* IE6 */
	}

#fancybox-left:hover span {    left: 20px }

#fancybox-right:hover span {
	left: auto;
	right: 20px;
	}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
	}

/* page controls */

#pageControls {
	position: absolute;
	right: 0;
	top: 0;
	width: 25%;
	height: 100px;
	z-index: 4;
	}

#pageControls a {
	background: transparent url(images/page-controls.png) no-repeat right top;
	position: absolute;
	width: 22px;
	height: 21px;
	right: 10px;
	top: 10px;
	cursor: pointer;
	z-index: 15;
	}

#pageControls a:hover {    background-position: right bottom }

#pageControls a.fontSize {
	background-position: left top;
	right: 36px;
	}

#pageControls a.fontSize:hover {    background-position: left bottom }

/* other */

.clearFieldBlurred {
	color: #ccc;
	font-style: italic;
	font-weight: normal;
	}

.clearFieldActive {
	color: #4e4e4e;
	font-weight: bold;
	}

.error {    color: #ed1e24 }

.success {    color: #a0c207 }

.divider {
	padding: 1em 0 0 0;
	display: block;
	background: transparent url(images/dot.gif) repeat-x left bottom;
	height: 2px;
	min-height: 2px;
	}

.altText {    font-style: italic }

.highlight {    background-color: #FFE4B5 }

/* clearfix */

.clear-block:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	}

img.alignleft,
img.alignright {
	padding: 3px;
	margin-top: 4px;
	margin-bottom: 4px;
	border-radius: 4px;
	}

.alignleft {
	float: left;
	margin-right: 8px;
	}

.alignright {
	float: right;
	margin-left: 8px;
	}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}

.bubble-trigger {    position: relative }

.bubble {
	display: none;
	position: absolute;
	z-index: 10;
	}

/* jquery caption - to do */

.imgCaption {
	position: relative;
	overflow: hidden;
	padding: 0;
	border: 0;
	margin-top: 8px;
	margin-bottom: 8px;
	display: inline-block;
	}

.imgCaption p {
	position: absolute;
	background-color: #000;
	color: #fff;
	width: 100%;
	font-weight: bold;
	padding: 0;
	margin: 0;
	line-height: 150%;
	text-align: center;
	border: 0;
	z-index: 10;
	left: 0;
	opacity: 0.6;
	}

.imgCaption p span {
	padding: 12px;
	display: block;
	}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	}

.webshot {
	position: absolute;
	left: -20000px;
	background-color: rgba(0,0,0,0.4);
	padding: 5px;
	z-index: 10;
	display: none;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	}

.webshot img {
	margin: 0;
	padding: 0;
	}

/* smiley adjustment */

img.wp-smiley {    vertical-align: -15% }

/* tabs (code inspired by smashing magazine's comment tabs */

ul.tabs li a { }

ul.tabs li a:hover { }

.tabbed-content div.sections {
	position: relative;
	overflow: hidden;
	}

.tabbed-content div.section {
	position: relative;
	display: none;
	}

.tabbed-content div.section h6.title {
	font-size: 115%;
	font-weight: normal;
	font-style: italic;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	}

.tabs,
.tabs li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

.tabs-wrap {
	padding-bottom: 30px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left 34px;
	margin: 2em 0 .4em 0;
	}

.tabs {
	list-style: none;
	overflow: hidden;
	height: 34px;
	position: relative;
	text-transform: uppercase;
	padding-right: 12px;
	}

.tabs li {
	float: right;
	nowhitespace: afterproperty;
	text-align: center;
	height: 31px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: -20px;
	padding-right: 24px;
	margin-top: 4px;
	position: relative;
	z-index: 0;
	bottom: -4px;
	/* <-for the animation */line-height: 28px;;
	}

.tabs li a {
	height: 31px;
	color: #4e4e4e;
	float: left;
	text-decoration: none;
	text-shadow: #fff 1px 1px 1px;
	font-weight: bold;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 26px;
	padding-right: 4px;
	}

.tabs li:hover {    background-position: right -66px }

.tabs li:hover a,
.tabs li a:hover {    background-position: 0 -66px }

.tabs li.active {
	background-position: 100% -33px;
	z-index: 8;
	padding-right: 24px;
	}

.tabs li.active a,
.tabs li.active a:hover {
	background-position: 0 -33px;
	color: #fff;
	text-shadow: rgba(0,0,0,0.4) 1px 1px 1px;
	}

a.js-link {
	cursor: pointer;
	text-decoration: underline;
	}

a.js-link:hover {    text-decoration: none }

.hidden {    display: none }

/* form container */

div.form {    width: 50% }

#sidebar div.form,
#footer div.form {    width: 100% }

/* full width if there's only one widget in the footer */

#footer ul.slides li.slide .slide-content ul.blocks.widgetcount-1 div.form {    width: 50% }

div.form .error {    font-weight: bold }

div.form fieldset {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	}

/*** WORDPRESS: SUPPORT FOR OTHER WIDGETS ***/

/* tag cloud */

.block-widget_tag_cloud {
	text-align: justify;
	line-height: 150%;
	}

.block-widget_tag_cloud a {
	vertical-align: middle;
	text-decoration: none;
	padding: 0 0.2em;
	letter-spacing: -0.02em;
	color: #666;
	}

.block-widget_tag_cloud a:hover {
	background-color: #dde90d;
	color: #000;
	}

/* calendar */

table#wp-calendar {
	width: 100%;
	padding: 0;
	margin: 0;
	}

table#wp-calendar td,
table#wp-calendar th {
	text-align: center;
	padding: 2px;
	}

table#wp-calendar th {
	font-weight: bold;
	font-size: 125%;
	}

table#wp-calendar caption {
	font-style: italic;
	text-align: right;
	}

.post-ratings {
	font-style: italic;
	font-size: 85%;
	}

.post-ratings img {    vertical-align: -10% }

.post-ratings span.post-ratings-text {    display: none !important }

.pagerank {    display: inline }

.pagerank-frame {
	height: 8px;
	width: 35px;
	margin-left: 2px;
	background-color: #f7f7f7;
	border: 1px #ccc solid;
	display: inline-block;
	}

.pagerank-bar {
	background-color: #009933;
	height: 8px;
	}

#footer .alexarank {
	font-weight: normal;
	color: #99CCFF;
	}

/*** PRINT STYLES ***/

@media print { 
	body {
		background: white;
		color: black;
		font-size: 10pt;
		}

	.header-wrapper {    display: none }

	.shadow-left.main-wrapper,
	.main-wrapper .shadow-right,
	#main,
	#main-inside {    background: none }

	#main {    background-color: #fff }

	.page-content {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		}

	#footer-blocks .leftFade,
	#footer-blocks .rightFade {    display: none }
}