/*==========================================================================================
	
Styles CSS File
This file contains base styles of the theme

==========================================================================================

	0.	CSS Reset & Settings for new tags
	1.	Global properties (body, common classes, vertical rhythm, structure etc)
	2.	Header, Navigation & Menus
	3.	Main Content Styles
	4.	Page Navigation
	5.	Footer Styles
	6.  Forms
			-Comments & Contact Form
			-Search Form
			-Password Protected Gallery Form
	7.	Post/Portfolio Content Styles
	8.	Widgets & Widget Area
			-Flickr Images Widget
			-Tag Cloud Widget
			-Twitter Widget
			-Comment List Widget
			-WP Calendar Widget
			-Recent Comments Widget
			-Recent/Popular Posts Widget
			-Slide Out Widget Area
			-Sidebar Widget Zone
			-Bottom Widget Zone
	9.	Shortcode Styles
			-full_width shortcode
			-slogan shortcode
			-twitter shortcode
			-divider shortcode
			-Columns structures shortcodes
			-recent posts shortcode
			-map shortcode
			-user button shortcode
			-user quote shortcode
			-boxes shortcodes
			-titles shortcodes
			-marker list shortcode
			-numerical list shortcode
			-user tooltip shortcode
			-video shortcodes
			-posts strip and recents shortcode
			Sliders Shortcodes
			--coin slider shortcode
			--nivo slider shortcode


/*-----------------------------------------------------------------------------------*/
/*	0.	CSS Reset & Settings for new tags
/*-----------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {background: transparent; border: 0 none; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
table, table td { padding:0; border:none; border-collapse:collapse;}
img { vertical-align:top;}
embed { vertical-align:top;}

/* Getting the new tags to behave */
article, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/*-----------------------------------------------------------------------------------*/
/*	1.	Global properties (body, common classes, vertical rhythm, structure etc)
/*-----------------------------------------------------------------------------------*/
body {
	background:#fff;
	font-family:'Tahoma', sans-serif;
	font-size:12px; /*14px;*/
	color:#303030;
	position:relative;
}
html, body { height:100%;}
p {margin-bottom: 10px;}
a {color:#444443; text-decoration:underline;}
a:hover{ text-decoration:none;}



/* titles shortcodes */
h1, h2, h3, h4, h5, h6 {
    font-weight:100; 
    font-family: 'Lobster', cursive;
}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:11px;}

.heading_sc, .post_heading_sc {
	font-size:20px;
	overflow:hidden;
	padding-bottom:7px;
	/* border-bottom:1px solid #000; */
	font-weight:normal;
	margin-bottom:5px;
	text-transform:uppercase;
    font-family: 'Lobster', cursive;
}
.heading_sc a, .post_heading_sc a {
	text-decoration:none;
	text-shadow:none;
}
.heading_sc a:hover, .post_heading_sc a:hover {text-decoration:underline;}
.post_heading_sc {
	font-size:18px;
	border-bottom:0;
}
.gallery_heading_sc {
	font-size:18px;
	border-bottom:0;
	padding-top:15px;
	margin-bottom:15px;
}

.normal-case{text-transform:none;}

/* Left & Right alignment */
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}
.col-1, .col-2, .col-3 { float:left;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}
img.alignright { float:right;}
img.alignleft { float:left;}

/*----- other -----*/
.img-indent {margin:0 20px 0 0;	float:left;}

.wrapper { width:100%; overflow:hidden;}

/*-----------------------------------------------------------------------------------*/
/*	2.	Header, Navigation & Menus
/*-----------------------------------------------------------------------------------*/
header {
    position: absolute;
    z-index: 9999;
    width: 100%;
    top: 0;
    text-align: center;
}
header a:hover {
	text-decoration:none;
}
.background{background:url(../images/blink.png) center 46px no-repeat;}
.todaydate{float:left;padding-top:7px;font-size:12px;line-height:18px;color:#545454;}

.top_bar {
	width:100%;
	/* background-color:#000; */

    border-bottom: 1px solid #0A0A0A;

    background: #1b1b1b url('../images/navi-bg.gif') repeat 0 0;
    -webkit-box-shadow: 0px 2px 2px #0c0c0c;
    -moz-box-shadow:    0px 2px 2px #0c0c0c;
    box-shadow:         0px 2px 2px #0c0c0c;
}

#logo{
    background:#1b1b1b url(../images/header-bg.jpg) repeat-x 0 100%;
    border-bottom: solid 1px #303030;
	width:100%;
}

#logo .blogdescription{
	display:none;
	padding:10px;
	font-size:14px;
	font-family: 'Cuprum', sans-serif;
	color:#dddddd;
	text-shadow:rgba(231,231,231,0.25) 1px -1px 1px;
	background:transparent url('../images/67percent.png');
	overflow:hidden;
}
#logo .desc_open {
	background:#000 url('../images/desc_open.png') center no-repeat;
	text-align:center;
	height:20px;
	cursor:pointer;
}
.tagline {
	display:inline-block;
	color:#aba8a8;
	font-family:'Droid Sans',sans-serif;
	font-size:12px;
	text-transform:uppercase;
}
#logo a{
	display:inline-block;
	font-size:48px;
	color:#fff;
	text-decoration:none;
	text-shadow:none;
	font-weight:normal;
	opacity:1;
	margin:0 0 0 0;
}
#logo a img {margin-top: 13px;}
#logo a .blogname_part1{
        font-family: 'American Typewriter';
        font-style: normal;
        font-weight: 400;
        text-transform:uppercase;
}
#logo a .blogname_part2{
	color:#888;
	font-weight:normal;
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-weight: 400;
	}

nav{
	display:inline-block;
	padding:0;
	text-transform:uppercase;
    text-align: left;
}
nav>ul{}
nav>ul>li {
	float:left;
	font-size:18px;
	font-family:'Cuprum', sans-serif;
	margin-left:10px;
	margin-right:10px;
	position:relative;
	background-image:none;
}
nav>ul>li:hover {}
nav>ul>li:first{padding-left:0px;}
nav>ul>li>a {
    padding:10px 0;
    /* border-top:solid 1px #0c0c0c; */
    color:#fff !important;
}
nav>ul>li>a:hover {
    /*border-color:#ff0000; color:#fff !important;*/
    color:#ababab !important;
}
nav ul li a{
	font-weight:100;
	text-decoration:none;
	text-shadow:none;
	color: #ababab;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
nav ul li a:hover {color: #444443;}
nav ul li ul.sub-menu {
    background: transparent url('../images/navi-bg.gif') repeat 0 0;
	left:-10px;
    
    padding: 7px 0 7px 0;

    -webkit-box-shadow: 0px 2px 2px #0c0c0c;
    -moz-box-shadow:    0px 2px 2px #0c0c0c;
    box-shadow:         0px 2px 2px #0c0c0c;

}
nav ul li ul.sub-menu ul {
	margin-top:19px;
	padding-top:10px;
}
nav ul li ul li {
	padding:0;
	margin:0;
    background: transparent url('../images/navi-divider.png') no-repeat 50% 0;
}
nav ul li ul li a {
	display:block;
	padding-top:9px;
	padding-bottom:9px;
	background-color:transparent;
}
nav ul.sub-menu li a {padding-left:10px;}
nav ul.sub-menu li a:hover {
	padding-left:15px;
	background-color:#efefef !important;
}
.hiding {}
#fullscreen {
	position:absolute;
	top:41px;
	right:50px;
	display:block;
	width:17px;
	height:16px;
	overflow:hidden;
	cursor:pointer;
}
.switch_to_hide {background:transparent url("../images/full_on.png") 0 0 no-repeat;}
.switch_to_show {background:transparent url("../images/full_on.png") 0 -16px no-repeat;}
.fullscreen-tooltip {
	position:fixed;
	width:74px;
	color:#fff;
	white-space: nowrap;
	background:#000 url(../images/cat-link-bg.gif) 0 0 repeat-x;
	border:1px solid #1d1d1d;
	text-shadow: -1px -1px 0px rgba(0,0,0,.3);
	font-size:12px;
	text-decoration:none;
	padding:5px 8px 5px 8px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	z-index:1001;
}
/*-----------------------------------------------------------------------------------*/
/*	3.	Main Content Styles
/*-----------------------------------------------------------------------------------*/
section#content {
	padding:155px 300px 80px 0;
}

.content_white {}
.content_white_nobg {padding:0 600px 0 10px;}
.content_border {}


.content_wrap {
	padding:10px 60px 30px 60px;
	width:auto;
    color:#444443;
}
.content_white_nobg .content_wrap {
	padding:30px 60px 30px 60px;
}

/* Page title */
.page-name-title {
    margin: 0;
    padding: 0 0 25px 0;
    text-align: center; 
}
.page-name-title table {
    width: 100%;
}
.page-name-title table .bgleft {
    background: transparent url('../images/title_left.png') no-repeat 100% 7px;
    padding-right: 50px;
    width:1%;
}
.page-name-title table .bgright {
    background: transparent url('../images/title_right.png') no-repeat 0 7px;
    padding-left: 50px;
    width:1%;
}
.page-name-title table .inner {
    font-family: 'American Typewriter';
    font-size: 30px;
    color: #444443;
    text-align: center;
    padding: 0 10px;
    max-width: 240px;
}

.full_width_bg .page-name-title table .inner {
    max-width: 780px;
}




.sidebar_bg {

    width:31.333%;
    display:inline;
	float: left;
	position: relative;
	margin-left: 0;
	margin-right: 0;

    float:left;
    margin-left:10px;
	padding-left:10px;
	background:#fff;
	border:solid 1px #e0dfdf;
}

.full_width_bg {
    background: #f6f0e6 url('../images/main_bg_fw.png') no-repeat -140px -156px;
    border-radius: 10px;
    -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: -1px -1px 2px rgba(0,0,0,0.5);
    box-shadow: -1px -1px 2px rgba(0,0,0,0.5);
}
.blog_bg {
    background: #f6f0e6 url('../images/main_bg_wb.png') no-repeat -380px -156px;
    border-radius: 10px;
    -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: -1px -1px 2px rgba(0,0,0,0.5);
    box-shadow: -1px -1px 2px rgba(0,0,0,0.5);
}

.content_prefix {
	margin-left: 18px !important;
	margin-right: 18px !important;
}
.sidebar_prefix {
	padding-left:10px !important;
	/*background: red;*/
}
.sidebar_wrap {
	padding:10px 10px 10px 0;
}

.sidebar_leftbg {
    background: #f6f0e6 url('../images/main_bg_wb.png') no-repeat -130px -156px;
    border-radius: 10px;
    -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: -1px -1px 2px rgba(0,0,0,0.5);
    box-shadow: -1px -1px 2px rgba(0,0,0,0.5);
}
.sidebar_rightbg {
    background: #ffffff url('../images/main_bg_wb.png') no-repeat -860px -156px;
    border-radius: 10px;
    -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: -1px -1px 2px rgba(0,0,0,0.5);
    box-shadow: -1px -1px 2px rgba(0,0,0,0.5);
}

.sidebar_left {
	/*background: red;*/
}
.sidebar_right {
	/*background: green;*/
}

.content-overlay {
	padding:10px;
	background-color:#fff;
	width:100%;
}

.info{color:#727272;font-size:13px;line-height:18px;}
.info a{text-decoration:none;}
.info a:hover{text-decoration:underline;}
.centeralign .text, .centeralign h2, .centeralign p{text-align:center;}
.text-block{overflow:hidden;}

.meta{padding-top: 5px;}

.link{
    text-decoration:none;
    display:inline-block;
    color:#000;
    text-shadow: none;
    background:url(../images/link-bg.gif) right 6px no-repeat;
    padding-right:12px;
}
.link:hover {
	text-decoration:underline;
}

.list{}
.list li{
	font-size:12px;
	line-height:18px;
	display:block;
    padding-bottom:18px;
}

.top0{padding-top:0;}
.top5{padding-top:5px;}
.top10{padding-top:10px;}
.top15{padding-top:15px;}
.top20{padding-top:20px;}
.top23{padding-top:23px;}
.top25{padding-top:25px;}
.top30{padding-top:30px;}
.top35{padding-top:35px;}
.bottom25{padding-bottom:25px;}
.bottom20{padding-bottom:20px;}
.bottom30{padding-bottom:30px;}
.bottom15{padding-bottom:15px;}
.bottom10{padding-bottom:10px;}
.bottom5{padding-bottom:5px;}
.marg-top15{margin-top:-15px;}
.marg-left{margin-left:1%;}
.marg-right30{margin-right:30px;}
.col2-pad{padding-left:3%;}
.col3-pad{padding-left:2%;}
.wp-caption{}  .wp-caption-text{};
.shadow{
	background:url(../images/shadow-left.png) 0 bottom no-repeat;
	display:inline-block;
}
.shadow-inner{
	background:url(../images/shadow-right.png) right bottom no-repeat;
	display:inline-block;
	padding-bottom:40px;
	
}
.small-shadow{
	background:url(../images/small-shadow-left.png) 0 bottom no-repeat;
	display:inline-block;
}
.small-shadow-inner{
	background:url(../images/small-shadow-right.png) right bottom no-repeat;
	display:inline-block;
	padding-bottom:30px;
}

.vcard {
    margin-right: 20px;
    /*float:left;*/
}

.page404{
	background:url(../images/404.png) center 0 no-repeat;
	border-bottom:#ececec 1px solid;
	height:133px;
	margin-top:40px;
	margin-bottom:50px;
}
a.portfolio{display:inline-block;position:relative;}

.sidebar{}
.border{
	border-bottom:#ececec 1px solid;
	margin-bottom:31px;
	padding-bottom:25px;
}
div.blog-header a {
	display:inline-block;
	font-size:20px;
	text-decoration:none;
	text-shadow:none;
	margin-bottom:15px;
}
div.blog-header a:hover {text-decoration:underline;}
header span {
	display:block;
	margin-bottom:12px;
}
.content_wrap article {
	display:block;
	padding-bottom:15px;
	margin-bottom:15px;
    background: transparent url('../images/article_divider.png') no-repeat 50% 100%; 
}

.content_wrap article header {
    position: relative;
    text-align: left;
    z-index: 1;
}

/*** Gallery Styles ***/
.gallery {
    padding-left: 0;
}
.gallery-item {
	float:left;
	overflow:hidden;
    position:relative;
}

.gallery-item:hover {
	
}
.gallery-item a {
	display:block;
	margin:0 10px 10px 0;
}
.gallery-item a:hover {}
.gallery-icon {}
.gallery-icon img {
	background-color:#fff;
    padding:1px;
	border:1px solid #e6e6e6;
}
.gallery-icon a:hover img {
	border-color:#444443;
}
img.attachment-thumbnail:hover {
	.
}
.gallery-item span {
	display:fixed;
	background:transparent url('../images/img-hover-mask.png') 50% 50% no-repeat;
	position:absolute;
}
.gallery-caption {}


/*-----------------------------------------------------------------------------------*/
/*	4.	Page Navigation
/*-----------------------------------------------------------------------------------*/

ul#navi{
    display: block;
    margin: 0 auto;
}
.gal_pager ul#navi{margin-left:10px;}
ul#navi li{
    float: left;
    padding-right: 8px;
    color:#afafaf;
}
ul#navi li a {
    font-family: Cuprum, sans-serif;
    font-size:14px;
    line-height: 25px;
    text-decoration:none;
    text-align:center;	
    color:#444443;
    text-shadow: none;
	display:block;
	width:25px;
	height:25px;
    background: transparent url("../images/page-navi.png") no-repeat -100% -100%;
}

ul#navi li.active a{
    background: transparent url("../images/page-navi.png") no-repeat 3px -19px;
	color:#444443;
}
ul#navi li a:hover{
	background-position: 3px -19px;
	color:#444443;
}
ul#navi li.active.last{}
ul#navi li.active.first{}

ul#navi li.next a {
    padding-right: 30px;
    background: url('../images/page-navi-next.png') no-repeat 100% 50%;
}
ul#navi li.prev a {
    padding-left: 30px;
    background: url('../images/page-navi-prev.png') no-repeat 0 50%;
}
/*ul#navi li.prev a {background-position: 0 0px;}*/
/*ul#navi li.prev a:hover {background-position: 0 -25px;}*/
/*ul#navi li.next a {background-position: 0 -75px;}*/
/*ul#navi li.next a:hover {background-position: 0 -50px;}*/

/*-----------------------------------------------------------------------------------*/
/*	5.	Footer Styles
/*-----------------------------------------------------------------------------------*/
footer{}

footer a{
	color:#fff;
	text-decoration:none;
	text-shadow:none;
}
footer a:hover {
	text-decoration:underline;
}

/** Social Network Icons **/
.list-icon{
	float:right;
	padding:0 0 0 0;
}
.list-icon li {
    float:left;
    margin-left:10px;
    padding:0;
    position:relative;
}
.list-icon li img{cursor:pointer;}
.social_tooltip{
	display:none;
	color:#fff;
	background:#000 url(../images/cat-link-bg.gif) 0 0 repeat-x;
	border:1px solid #1d1d1d;
	text-shadow: -1px -1px 0px rgba(0,0,0,.3);
	margin-bottom:-2px;
	font-size:10px;
	text-decoration:none;
	padding:5px 8px 5px 8px;
	z-index:1001;
	text-transform:uppercase;
}

.social_tooltip span{
	display:inline-block;
	height:7px;
	width:9px;
	position:absolute;
	bottom:-7px;
	left:50%;
	margin-left:-5px;
	background:url(../images/tooltip-bg.png) center bottom no-repeat;
}


.social-networks{
    color: #FFFFFF;
    font-family: Cuprum,sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding-top: 2px;
    position: absolute;
    right: 10px;
	top:0;
    text-transform: uppercase;
	z-index: 100;
	margin-right: 10px;
}
.copyright{
    color: #fff;
    float: left;
    font-family: Cuprum,sans-serif;
    font-size: 14px;
    line-height: 30px;
    margin: 0 20px 0 20px;
    text-transform: uppercase;
    z-index: 100;
}
.copyright div{
}

/*-----------------------------------------------------------------------------------*/
/*	6.	Forms
/*-----------------------------------------------------------------------------------*/

/************ Comments & Contact Form *************/
/**************************************************/
#comments, #leave_comments {
	margin: 30px 0 10px 0;
	font-size: 18px;
	font-weight:bold;
	color:#000;
}

.says {margin-bottom:10px;}
.comment-body {display:block;margin-left:88px;}
.extr{overflow:hidden;}
.comment div.reply{
	text-align:right;
	margin:10px 0 30px 0;
}

/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}
.afl-commf input, .afl-cf input {
	width:222px;
	height:27px;
	border:1px solid #e0dfdf;
	color:#959494;
	background:#fff;
	font-size:14px;
	font-family:Cuprum, sans-serif;
	padding:0 12px 0 35px;
}
.afl-commf input, .afl-cf input{
	display:block;
	margin:0 16px 9px 0;
}
.afl-commf textarea, .afl-cf textarea {
	height:128px;
	overflow:auto;
	width:226px;
	padding:5px 10px 5px 32px;
	border:1px solid #e0dfdf;
	color:#959494;
	/* background:#fff; */
	font-size:14px;
	font-family:Cuprum, sans-serif;
    
    background: url("../images/form-icons.png") no-repeat scroll 7px 5px #FFFFFF;
    background-position: 7px -119px;
}
footer .afl-cf input {width:185px;}
footer .afl-cf textarea {width:180px;}


.full_width_bg .columns_sc .grid_6 .afl-cf input {width:345px;}
.full_width_bg .columns_sc .grid_6 .afl-cf textarea {width:350px;}


.grid_6 .full_width_sc .grid_12 .afl-cf input {width:290px;}
.grid_6 .full_width_sc .grid_12 .afl-cf textarea {width:295px;}

.afl-commf textarea, .afl-cf textarea{
	margin:0 0 9px 0;
	height:90px;
}
.afl-commf a, .afl-cf a{}
.afl-commf div, .afl-cf div {float:left;}
	
a.form-link {
	display: inline-block;
	padding: 6px 6px 6px 10px;
	text-decoration: none;
	font-size: 18px;
	background: url("../images/article_divider.png") no-repeat scroll -100% 100% transparent;
	/*
	text-shadow:none;
	background: transparent url(../images/form-link.gif) repeat-y 100% 50%;
	color: #000;
	text-transform: lowercase;
	-webkit-box-shadow: 0 1px 2px #000;
	-moz-box-shadow: 0 1px 2px #000;
	box-shadow: 0 1px 2px #000;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	*/
}
a.form-link:hover {
	background-position: 100% 100%;
	/*
	-webkit-box-shadow: 0 2px 5px #000;
	-moz-box-shadow: 0 2px 5px #000;
	box-shadow: 0 2px 5px #000;
	*/
}
/*post-read-more*/
a.post-read-more {
    display: inline-block;
    text-decoration: none;
    background: transparent url('../images/read-more-link.png') no-repeat -100% -100%;
	padding-top:2px;
}
a.post-read-more:hover {
    text-decoration: none !important;
    background-position: 50% 100%;
}


.afl-cf .input-name,
.afl-cf .input-email,
.afl-cf .input-website,
.afl-cf .input-message {
    background: url('../images/form-icons.png') no-repeat 7px 5px;
    background-color: #fff;
}

.afl-cf .input-name {background-position: 7px 6px;}
.afl-cf .input-email {background-position: 7px -34px;}
.afl-cf .input-website {background-position: 7px -74px;}
.afl-cf .input-message {background-position: 7px -119px;}

/*
.grid_6 .afl-commf input, .grid_6 .afl-cf input {width:376px;}
.grid_6 .afl-commf textarea, .grid_6 .afl-cf textarea {width:381px;}
*/

/***** Search Form **********/
/****************************/

.form-search{
	display:block;
	width:205px;
	overflow:hidden;
	background:#a0a0a0;
	border:#a0a0a0 1px solid;
	}
*+ html .form-search{}
.sidebar .form-search{/*margin-bottom:20px;*/}
.form-search input {
	display:block;
    padding-left: 5px;
	width:169px;
	height:27px;
	border:1px solid #a0a0a0;
	color:#fff;
    background:transparent;
	font-size:12px;
	font-family:Tahoma, sans-serif;
	vertical-align:center;
	border-right:0;
	overflow:hidden;
}
.form-search a{
	display:block;
	float:right;
	border:1px solid #a0a0a0;
	border-left:0;
	height:27px;
	width:29px;
	background: transparent url('../images/search_btn.png') no-repeat 0 0;
	text-decoration:none;
	margin:0;
}
.form-search a:hover {background-position:-29px 0;}
.form-search a img {}

#widget-area .form-search{
	width:207px;
	border-right:0;
	
}
#widget-area input {
	width:176px;
}
#widget-area .form-search a {
	position:relative;
	display:block;
	float:right;
	height:27px;
	width:29px;
	background-color:white;
	top:0;
	right:0;
	border:1px solid #BFC0B9;
	border-left:0;
}

/***** Password Protected Gallery Form **********/
/************************************************/
.protected-post-form {
	margin:50px 0 30px 0;
}
.protected-post-form label{
	display:block;
	margin:16px 20px 0 0;
	float:left;
	font-size:16px;
}
.protected-post-form .gal_pass {
	display:block;
	float:left;
	width:199px;
	height:37px;
	border:1px solid #BFC0B9;
	color:#303030;
	background:#fff;
	font-size:16px;
	font-family:Cuprum, sans-serif;
	vertical-align:center;
	overflow:hidden;
}

/*-----------------------------------------------------------------------------------*/
/*	7.	Post/Portfolio Content Styles
/*-----------------------------------------------------------------------------------*/

/***********  Portfolio Effects        */
.portfolio{
	padding-bottom:26px;
	line-height:18px;
}
.portfolio .entry{
	z-index:20;
	position:relative;
}
.portfolio .link{line-height:18px;background-position:right 8px;}
.portfolio-img{
	display:inline-block;
	position:relative;
}
.box-shadow{
	box-shadow: 0 0px 3px #969595;
	-moz-box-shadow: 0 0px 3px #969595;
	-webkit-box-shadow: 0 0px 3px #969595;
	display:inline-block;
}
ul.contacts{padding:14px 0 0 0;}
ul.contacts li{padding:0 0 8px 0;}
.portfolio1-item{margin-bottom:42px;}
.portfolio2-item{padding-bottom:35px;}

.view {
   width: 244px;
   height: 270px;
   margin: 0 14px 29px 15px;
   float: left;
   overflow: hidden;
   position: relative;
   cursor: default;
   background: transparent url(../images/portfolio-bagget.png) no-repeat 50% 50% ;
}
.view .mask,.view .content {
   width: 294px;
   height: 176px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   text-align:left;
}
#content div.mask h2 {border:0; margin-bottom:0;}


.view .pf-title {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
}

.view .pf-title a {
    color: #444443;
    background: url("../images/article_divider.png") no-repeat scroll -100% -100% transparent;
    text-decoration: none;
    padding-bottom: 5px;
    /*
    background: #000000;
    text-align: left;
    display: inline-block;
    padding: 3px 10px;
    text-decoration: none;
    */
}
.view .pf-title a:hover {
    text-decoration: none;
    background-position: 100% 100%;
}
.view .pf-image {
    width: 203px;
    height: 203px;
    overflow: hidden;
    position: absolute;
    top: 21px;
    left: 20px;
    /*background: #161616;
    padding: 3px;*/
}
.view .pf-text {
    color: #444443;
    /*background: #161616;
    text-align: left;
    padding: 5px 10px 10px 10px;*/
}





.view img {
    /* display: block;
    position: relative; */
}
.view h2 {
    /* text-transform: uppercase;
    color: #fff;
    text-align: left;
    position: relative;
    font-size: 20px;
    padding: 0;
    margin: 10px 0 0 0; */
}
.view p {
    /* font-family: Tahoma, serif;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 5px 20px 10px; */
}
.view a.readmore, .view a.viewfull {
    /* display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase; */
}
.view a.readmore:hover, .view a.viewfull:hover {
    /*
    -webkit-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
    */
}
.view-tenth img {
    /*
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    */
}
.view-tenth .mask {
    /* background-color: rgba(0, 0, 0, 1);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0; */
}
.view-tenth h2 {
    /* padding-bottom:15px;
    margin: 15px 20px 0px 20px;
    color:#fff;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0; */
}
.view-tenth p {
    /* color: #757575;
    text-align:left;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear; */
}
.view-tenth a.readmore, .view-tenth a.viewfull {
    /* display: inline-block;
    text-decoration: none;
    text-transform: lowercase;
    text-shadow:none;
    color: #000;
    font-weight: bold;
    padding: 6px 40px 6px 10px;
    background: transparent url(../images/form-link.gif) repeat-y 100% 50%;
    text-align:left;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    
    -webkit-box-shadow: 0 1px 2px #A1A1A1;
    -moz-box-shadow: 0 1px 2px #A1A1A1;
    box-shadow: 0 1px 2px #A1A1A1; */
}

.view-tenth a.viewfull {
    display:block;
    padding: 3px;
    background: #161616;
}
.view-tenth a.readmore {margin: 10px 0 0 20px;}

.view-tenth a.readmore:hover, 
.view-tenth a.viewfull:hover {
    /* -webkit-box-shadow: 0 1px 5px #fff;
    -moz-box-shadow: 0 1px 5px #fff;
    box-shadow: 0 1px 5px #fff; */
}
.view-tenth:hover img {
    /* -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0; */
}
.view-tenth:hover .mask {
    /* -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1; */
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.readmore,.view-tenth:hover a.viewfull {
    /* -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;  */  
}



#js_sort_items {margin: 0 0 20px 0;}
#js_sort_items a {
    display: block;
    float: left;
    padding: 5px 7px 5px 7px;
    background: #f8f8ff;
    margin: 0 10px 0 0;
    text-decoration: none;
    color:#444443;
    font-size: 16px;
    background: transparent url("../images/article_divider.png") no-repeat -100% -100%;
}
#js_sort_items a.active_sort{
    background: transparent url("../images/article_divider.png") no-repeat 100% 100%;
	color:#444443;
}
#js_sort_items a:hover {
    background-position: 100% 100%;
	color:#444443;
}

#js_sort_items .cat_list br {
    display: none;
}



/************ Blog Posts Animation**********/
.post{
    /*
	margin-bottom:28px;
	padding-top:44px;
    */
}
.post:first-child{
	background:none;
	padding-top:0;
}
.post_border {
	border:10px solid white;
}
.single-post{margin-bottom:20px;}
.post .entry{}
.post .entry p{padding-top:25px;}

.post .entry a.link{
	display:inline-block;
	line-height:18px;
	background-position:right 8px;
}
*+ html .post .entry a.link{
	margin:-2px 0 0 10px;
	background-position:right 8px;
}

.post-list {}
.post-list h2 {margin-bottom: 10px;}
.post-list h2 a {text-decoration: none;}
.post-list h2:hover a {text-decoration: underline;}

.infopanel {
    padding: 5px 5px 5px 0 ;
    margin-bottom: 10px;
    color: #444443;
    font-size: 14px;
    height: 26px;
}
.infopanel .author_name {
    float: left;
    margin-right: 15px;
    background: transparent url('../images/author_name.png') no-repeat -100% -100%;
    padding-right: 7px !important;
}
.infopanel .the_date {float: left; margin-right: 15px;}
.infopanel .comments_number {float: left; margin-right: 15px;}
.infopanel .the_category {float: left;}
.infopanel a {color: #444443; text-shadow: none; text-decoration: none;}
.infopanel a:hover {text-decoration: none; color: #000;}

.infopanel .author_name i,
.infopanel .the_date i,
.infopanel .comments_number i,
.infopanel .the_category i {
    width: 16px; height: 16px;
    display: block; float: left; margin-right: 5px;
    background: transparent url('../images/infopanel.png') no-repeat 0 0;
}
.infopanel .author_name,
.infopanel .the_date,
.infopanel .comments_number,
.infopanel .the_category {
    padding: 2px;
}

.infopanel .author_name i {background-position: 0 0;}
.infopanel .the_date i {background-position: 0 -16px;}
.infopanel .comments_number i {background-position: 0 -32px;}
.infopanel .the_category i {background-position: 0 -48px;}

.infopanel .post-date a,
.infopanel .post-author a,
.infopanel .post-category a {
    background: url("../images/article_divider.png") no-repeat scroll -100% -100% transparent;
    padding: 0 0 3px 0;
}

.infopanel .post-date a:hover,
.infopanel .post-author a:hover,
.infopanel .post-category a:hover {
    background-position: 100% 100%;
}

.infopanel .post-date,
.infopanel .post-author,
.infopanel .post-category,
.infopanel .post-comments {
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

header .infopanel {
    height: auto;
}


.ib-container div.blog-header a {margin-bottom:0;}

.ib-container article{
	display: block;
	width: 195px;
	height: 260px;
	background: transparent;
	float: left;
	border: 10px solid #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:10px;
	margin:10px;
	text-align: left;
	text-transform: none;
	background-color:#cacbc4;
	-webkit-backface-visibility: hidden;
	z-index: 1;
	-webkit-transition: 
		opacity 0.2s linear, 
		-webkit-transform 0.2s ease-in-out, 
		box-shadow 0.2s ease-in-out;
	-moz-transition: 
		opacity 0.2s linear, 
		-moz-transform 0.2s ease-in-out, 
		box-shadow 0.2s ease-in-out;
	-o-transition: 
		opacity 0.2s linear, 
		-o-transform 0.2s ease-in-out, 
		box-shadow 0.2s ease-in-out;
	-ms-transition: 
		opacity 0.2s linear, 
		-ms-transform 0.2s ease-in-out, 
		box-shadow 0.2s ease-in-out;
	transition: 
		opacity 0.2s linear, 
		transform 0.2s ease-in-out, 
		box-shadow 0.2s ease-in-out;
}
.ib-container .blog-header a, .ib-container article.active .blog-header a{
	text-decoration:none;
	font-size: 20px;
	font-weight: 400;
	color: #000;
	color: rgba(0, 0, 0, 1);
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
	opacity: 0.8;
	text-decoration:none;
}
.ib-container article.active .blog-header a:hover {
	text-decoration:underline;
}
.ib-container article span, .ib-container article.active span{
	font-size: 14px;
	padding: 10px 0;
	display: block;
	color:#444;
	text-align:center;
	opacity: 1;
}
.ib-container article span a, .ib-container article.active span a {
	text-shadow: 0px 1px 1px rgba(51, 51, 51, 1);
	color:#fff;
	text-decoration:none;
}
.ib-container .blog-header a:hover, .ib-container article span a:hover {
	text-decoration:underline;
}
.ib-container article p, .ib-container article.active p{
	padding:0px;
	text-align:center;
	font-size: 14px;
	color: #333;
	color: rgba(51, 51, 51, 1);
	text-shadow: 0px 0px 0px rgba(51, 51, 51, 1);
	opacity: 0.8;
}
.ib-container article p img {
	display:block;
	margin: 10px 55% 10px 45%;
}
.ib-container article a.read-more, .ib-container article.active a.read-more {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   margin-left:55px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow:none;
   opacity:1;
	-webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.ib-container article a.read-more:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

/* Hover Style for all the items: blur, scale down*/
.ib-container article.blur{
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0.7;
}
.ib-container article.blur .blog-header a{
	color: rgba(0, 0, 0, 0.9);
	opacity: 0.6;
}
.ib-container article.blur span{
	color: rgba(166, 166, 166, 0.6);
	opacity: 0.6;
}
.ib-container article.blur span a{
	color: rgba(51, 51, 51, 0.6);
	opacity: 0.6;
}
.ib-container article.blur  p{
	color: rgba(51, 51, 51, 0.6);
	opacity: 0.6;
}
.ib-container article.blur a.read-more {
	color: rgba(221, 221, 221, 0.8);
	opacity: 0.6;
}

/* Hover Style for single item: scale up */
.ib-container article.active{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	z-index: 100;	
	opacity: 1;
}
.ib-container article.active .blog-header a,
.ib-container article.active span,
.ib-container article.active span a,
.ib-container article.active p
.ib-container article.active a.read-more{
	opacity; 1;
}


/*-----------------------------------------------------------------------------------*/
/*	8.	Widgets & Widget Area
/*-----------------------------------------------------------------------------------*/

footer a:hover {color:#fff;}
footer .extra-wrap {}
footer .grid_3 {margin:0 0 0 15px;}
footer .grid_6 {margin:0 0 0 35px; width:45% !important;}
.widget-container{
	list-style:none;
	margin-bottom:10px;
	padding-bottom:13px;
}
.sidebar_wrap .widget_heading {
	font-size:20px;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:15px;

    font-family: 'American Typewriter';
	font-weight:100;
	
}
footer .widget_heading {
	color:#8d9094;
	font-size:12px;
	font-weight:normal;
	padding:0 0 10px 0;
    text-transform: uppercase; 
}

footer .widget_my_text_and_shortcodeswidget,
footer .twitter {
    font-size: 12px;
}

/** Menu-Style Widgets **/
.widget_pages li, .widget_meta li, .widget_links li, .widget_categories li, .widget_nav_menu ul li, .widget_nav_menu ul li ul li {
	background:transparent url('../images/menu-arrow.png') 0 2px no-repeat;
}

.sidebar {}
.sidebar .widget_heading {text-align: center;}

.sidebar .widget_pages li:hover, .sidebar .widget_meta li:hover, .sidebar .widget_links li:hover, .sidebar .widget_categories li:hover {
	background:#444443 url('../images/menu-arrow1.png') 10px 2px no-repeat;
}
.sidebar .widget_pages li:hover a, .sidebar .widget_meta li:hover a, .sidebar .widget_links li:hover a, .sidebar .widget_categories li:hover a{
    border-color: #444443;
    color: #ffffff;
}



.sidebar .widget_my_twitterwidget .inner {
    background: transparent url('../images/title_inner_twitter.png') no-repeat 50% 100%;
    padding-bottom: 25px;
}
.sidebar .widget_my_flickrwidget .inner {
    background: transparent url('../images/title_inner_flicker.png') no-repeat 50% 100%;
    padding-bottom: 25px;
}
.sidebar .widget_categories .inner {
    background: transparent url('../images/title_inner_menu.png') no-repeat 50% 100%;
    padding-bottom: 25px;
}





footer .widget_pages li:hover, footer .widget_meta li:hover, footer .widget_links li:hover {
	background: url('../images/menu-arrow1.png') 10px 2px no-repeat;
}
.widget_nav_menu ul li:hover, .widget_nav_menu ul li ul li:hover, .widget_categories li:hover{
	background:transparent url('../images/menu-arrow.png') 10px 2px no-repeat;
}
.widget_pages a, .widget_meta a, .widget_links li a, .widget_categories li a, .widget_nav_menu ul li a, .widget_nav_menu ul li ul li a {
	display:block;
	padding:5px 0 6px 0;
	margin:0 0 0 27px;
	border-bottom:1px solid #e6e6e6;
	text-decoration:none;
	text-shadow:none;
	background-color:transparent;
}
.widget_pages a:hover, .widget_meta a:hover, .widget_links li a:hover, .widget_categories li a:hover, .widget_nav_menu ul li a:hover, .widget_nav_menu ul li ul li a:hover {
	padding-left:10px;
}
.widget_nav_menu ul li ul.sub-menu {margin:5px 0 0 10px;}

/*** Flickr Images Widget ****/
.flickrImages {
	position:relative;
	display:block;
}
.flickrImages img {
	margin:0 10px 10px 0;
	width:55px;
	height:55px;
	border:#fff 9px solid;
}
.flickrImages a:hover img {
	border-color:#444443;
}

.sidebar .flickrImages {margin-left: -10px;}
.sidebar .flickrImages .widget_heading {margin-left: 10px;}
.sidebar .flickrImages img {
	margin:0 0 10px 10px;
	width:50px;
	height:50px;
	background:#f2f2f2;
	border:#ffffff 5px solid;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.sidebar .flickrImages a:hover img {
	border-color:#000000;
}

footer .flickrImages {
    /* margin-left: -10px; */
}

footer .flickrImages img {
	width:75px;
	height:75px;
}

/** Tag Cloud Widget **/
.tagcloud a{
	display:inline-block;
	float:left;
	padding:4px 4px 4px 25px;
	margin:0 1px 1px 0;
	background: transparent url('../images/badge.png') no-repeat 4px 4px;
	text-decoration:none;
	font-size:12px;
}
.tagcloud a:hover{
	/* background-color:#aaaaaa; */ 
    background-position:4px -28px;
	color:#000;
}

/** Comment List Widget ***/
.commentlist{}
.comment-meta{}
.comments ul.children{margin-left:30px;}
.comment a.omment-reply-link{text-decoration:underline;}
.commentlist li{padding:0 0 0 10px;}
.comment-date{}
.fn{text-shadow:#bfbfbf 1px 1px 1px;}

/** Twitter Widget **/
.twitter {}
.twitter ul.tweetList li {
	margin: 0 0 10px 0;
}
.tweetList small {font-size:11px;}
footer .twitter ul.tweetList li {}
footer .twitter ul.tweetList li a {text-decoration: underline;}
footer .twitter ul.tweetList li p {padding-left: 25px; background: transparent url('../images/ftwitter.png') no-repeat 0 3px;}
#content .twitter ul.tweetList li {}

.twitter ul.tweetList li p {
	background-images:transparent;
	padding:0;
}
/*footer .twitter ul.tweetList li p:hover {background-color:#222;}*/
#content .twitter ul.tweetList li p {
	padding-bottom:10px;
	border-bottom:1px solid #e6e6e6;
    font-size: 14px;
}
#content .sidebar .twitter ul.tweetList {width: auto;}
#content .sidebar .twitter ul.tweetList li p {
	border-bottom:none;
    background: transparent url('../images/twitter-bg-1.png') no-repeat 50% 100%;
    text-indent: 20px;
}
#content .sidebar .twitter ul.tweetList a {color: #000; text-shadow: none; text-decoration: none;}
#content .sidebar .twitter ul.tweetList a:hover {color: #000; text-decoration: underline;}

/**/

footer .twitter ul.tweetList li .line {
    /* background:transparent url('../images/twitter-line.png') 0 0 no-repeat; */
    background:#878787;
    display: block; height: 1px; width: 100%;
    margin: 15px 0;
}
/**/

/** WP Calendar Widget **/
#wp-calendar{
    background:#f9f9f6;
    color:#363636;
    font-size:13px;
    line-height:1.2em;
    font-weight:bold;
}
*+html #wp-calendar{}
#wp-calendar{position:relative;}
#wp-calendar td{
	width:30px;
	height:34px;
	text-align:center;
	vertical-align:middle;
}
#wp-calendar th{
	width:30px;
	height:34px;
	text-align:center;
	vertical-align:middle;
}
#wp-calendar tr:nth-child(odd) td:nth-child(odd){background:#d3d3d3;}
#wp-calendar tr:nth-child(odd) td:nth-child(even){background:#bcbcbc;}
#wp-calendar tr:nth-child(even) td:nth-child(odd){background:#f9f9f6;}
#wp-calendar ntr-child(even){background:#bcbcbc;}
#wp-calendar tfoot td{background:none !important;}
#wp-calendar a{
	color:#fff;
	background:#000;
	text-shadow:none;
	width:100%;
	display:inline-block;
	padding:5px 0 9px 0;
	vertical-align:middle;
}
#wp-calendar a:hover{}
#wp-calendar th[title="Sunday"], #wp-calendar th[title="Saturday"]{}
#wp-calendar .pad{padding:0px;}
#wp-calendar caption{
	color:#f2f2f2;
	font-size:14px;
	line-height:1.2em;
	height:25px;
	background:#272725;
	vertical-align:middle;
	text-align:center;
	padding:5px;
}
#wp-calendar tfoot{position:absolute;}
#wp-calendar tbody{}
#wp-calendar #prev a{position:absolute;font-size:0px;line-height:0px;width:6px;height:11px;background:url(../images/calendar-prev.gif) 0 0 no-repeat;top:-50px;left:10px;}
#wp-calendar #next a{position:absolute;font-size:0px;line-height:0px;width:6px;height:11px;background:url(../images/calendar-next.gif) 0 0 no-repeat;top:-50px;right:-105px;}
#calendar_wrap{}

/** Recent Comments Widget **/
.widget_recent_comments li{}
footer .widget_recent_comments li{}
.widget_recent_comments li a{}
.widget_recent_comments li a:hover{}
footer .widget_recent_comments li a{}
.recentcomments {
	padding-left:27px;
	margin:0 0 10px 0;
	background:url('../images/comments-icon.png') center left no-repeat;
}

/** Categories Widget **/
li.cat-item ul.children {margin-left:10px;}
li.cat-item {margin-bottom:5px;} 
ul.children {margin-top:5px;}

/** Recent/Popular Posts Widget **/
.widget_recent_entries li{
	padding-left:27px;
	margin-bottom:15px;
	background:url('../images/posts-icon.png') center left no-repeat;
}

.popular-posts-thumbs .pp_img_link, 
.recent-posts-thumbs .pp_img_link {
	margin:0 7px 7px 0;
	display:block;
	position:relative;
	/* background:#f2f2f2; */
	/* border:#dbd9d9 solid 1px; */
    width: 198px;
    height: 109px;
    overflow: hidden;
}
.popular-posts-thumbs .pp_img_link:hover, 
.recent-posts-thumbs .pp_img_link:hover {
	border-color:#f97979;
}

.popular-posts-thumbs .pp_img_link .pp_img_bagget, 
.recent-posts-thumbs .pp_img_link .pp_img_bagget {
	background: transparent url('../images/pp-img-border.png') no-repeat 0 0;
    width: 198px;
    height: 109px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.popular-posts-thumbs .pp_img_link .pp_img_bagget_wrap, 
.recent-posts-thumbs .pp_img_link .pp_img_bagget_wrap {
    width: 180px;
    height: 95px;
    position: absolute;
    top: 8px;
    left: 9px;
    overflow: hidden;
    z-index: 1;
}
.popular-posts-thumbs .the_date, 
.recent-posts-thumbs .the_date {
    width: 76px;
    height: 32px;
    position: absolute;
    top: 5px;
    left: 0;
    overflow: hidden;
    z-index: 3;
    display: block;
    color: #eadcca;
    background: transparent url('../images/pp-date.png') no-repeat 0 0;
	font-size: 11px;
	padding-left: 9px;
	padding-top: 4px;
}
.popular-posts-thumbs li, 
.recent-posts-thumbs li {
    position: relative;
}


footer .popular-posts-thumbs .pp_img_link, footer .recent-posts-thumbs .pp_img_link {
	box-shadow: 0 0px 3px #000;
	-moz-box-shadow: 0 0px 3px #000;
	-webkit-box-shadow: 0 0px 3px #000;
}
.popular-posts-thumbs li, .recent-posts-thumbs li{
	padding:0px 0 15px 0;
	line-height:20px;
}
ul.popular-posts-thumbs li:first-child, ul.recent-posts-thumbs li:first-child{
	background:none;
	padding-top:0px;
}
.popular-posts-thumbs li span, .recent-posts-thumbs li span{
	display:block;
	background:url(../images/zoom.png) 0 0 no-repeat;
	width:35px;
	height:35px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-18px 0 0 -18px;
}

/*** Slide Out Widget Area ***/
#footer-widgets {
	position: absolute;
	width: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
	display: none;
}
#widget-area {
	color:#B3B7BC;
	position: relative;
	padding: 35px 0 20px 0;
	background: #191919 url('../images/navi-bg.gif') repeat 0 0;
    -webkit-box-shadow: 0px 2px 2px #0c0c0c;
    -moz-box-shadow:    0px 2px 2px #0c0c0c;
    box-shadow:         0px 2px 2px #0c0c0c;
    border-bottom: 1px solid #0A0A0A;
}
#widget-area h3 {
	padding-bottom:18px;
}
#widget-area-close {

	width: 25px;
	height: 24px;
	display: block;
	float: right;
    
    background: #191919 url('../images/navi-bg.gif') repeat 0 0;
    
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    
    -webkit-box-shadow: 0px 2px 2px #0c0c0c;
    -moz-box-shadow:    0px 2px 2px #0c0c0c;
    box-shadow:         0px 2px 2px #0c0c0c;
    
}

#widget-area-close span {
    display: block;
    width: 25px;
    height: 24px;
    background: transparent;
    background-image:url('../images/widget-area-close.png');
    background-position: 0 0;
}
#widget-area-close:hover span {
    background-position: 0 -24px;
}

/*-----------------------------------------------------------------------------------*/
/*	9.	Shortcode Styles
/*-----------------------------------------------------------------------------------*/

/* full_width shortcode */
.full_width_sc {padding-bottom:15px;}

/* slogan shortcode */
.slogan_sc{position:relative; line-height:1.2em; padding:25px 0 30px 0; overflow:hidden;}
.slogan_title {
    font-size:22px; 
    line-height:1.2em; 
    font-family: 'Lobster', cursive;
}
.slogan_text {}

a.slogan_button {
   position:absolute;
   display: block;
   text-decoration: none;
   text-shadow: -1px 1px 0 #000;
   top:35px;
   right:0;
   padding: 10px 20px 10px 20px;
   color: #fff;
   font-family: Arial, sans-serif;
   font-weight: bold;
   line-height: 20px;
   text-transform: lowercase;
   background: #282828 url(../images/slogan_button.gif) repeat-x 0 0;
   
   
   border: solid 1px #282828;
   -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
	-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   transition: all 0.3s linear;
}
a.slogan_button:hover {
    text-shadow: -1px 1px 1px #000;
   -webkit-box-shadow: 0 1px 3px #282828;
   -moz-box-shadow: 0 1px 3px #282828;
   box-shadow: 0 1px 3px #282828;
}

/* twitter shortcode */
.twitter_sc {padding-top:0; padding-bottom:15px;}
.twitter_container {}

/* divider shortcode */
.divider_sc {
	background:url(../images/divider-bg.gif) 50% 0 repeat-x; 
	height:30px; 
	margin: 5px 0; 
	text-align:center;
}
.divider_sc p {
	display:inline-block;
	padding:6px 15px;
	margin:0 auto;
	text-transform:uppercase;
	background:#f2f1f1; 
	color:#afaeae;
    border: solid 1px #afaeae;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* Columns structures shortcodes */
.columns_sc {padding:0 0 30px 0;}
.columns_sc > div {
	margin:0 2% 0 0;
}

/* recent posts shortcode */
.recent_posts_sc{margin:0 10px 0 10px;}
.recent_posts_sc h2{}
.recent_posts_sc .link{}
*+html .recent_posts_sc .link{}
.recent_posts_sc a[rel^='prettyPhoto']{}
.recent_posts_sc .excerpt{}
.recent_posts_sc .item{margin-right:15px !important;}
	.item img{}
	.item .inner{}
	.item .inner h3{padding-bottom:0px;}
	#content .item h2 {border:0;}
.recent_posts_block_sc {margin:15px 0 15px 0;}

.recent_posts_block_sc .grid_3 {margin-left:20px;}
.recent_posts_block_sc .grid_3:first-child {margin-left:0;}

/* map shortcode */
.map_container_sc {}

/* user button shortcode */
.user_button_sc{
    background:#80a9da;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1));
    background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 );
    padding-left:20px;
    padding-right:45px;
    height:38px;
    display:inline-block;
    position:relative;
    border:1px solid #5d81ab;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px;
    float:left;
    margin:0px 10px 10px 0;
    overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
	text-decoration:none;
}
.user_button_text{
    padding-top:5px;
    display:block;
    font-size:18px;
	line-height:30px;
    white-space:nowrap;
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
    color:#446388;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.user_button_slide_text{
    position:absolute;
    height:100%;
    top:0px;
    right:5px;
    width:0px;
    background:#63707e;
    text-shadow:0px -1px 1px #363f49;
    color:#fff;
    font-size:18px;
    white-space:nowrap;
    text-transform:uppercase;
    text-align:left;
    text-indent:10px;
    overflow:hidden;
    line-height:38px;
    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
}
.user_button_icon_right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:5px;
    border-left:1px solid #5d81ab;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.user_button_icon_right span{
    width:20px;
    height:38px;
    opacity:0.7;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    background:transparent url(../images/arrow_right.png) no-repeat 50% 55%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.user_button_sc:hover{
	text-decoration:none;
    padding-right:73px;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
}
.user_button_sc:hover .user_button_text{
    text-shadow:0px 1px 1px #5d81ab;
    color:#fff;
}
.user_button_sc:hover .user_button_slide_text{
    width:28px;
}
.user_button_sc:hover .user_button_icon_right span{
    opacity:1;
}
.user_button_sc:active{
    position:relative;
    top:1px;
    background:#5d81ab;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#80a9da;
}

a.blue{
	background:#80a9da;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1));
    background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 );
	border-color:#80a9da;
}
a.blue:active{background:#5d81ab;border-color:#80a9da;}
a.blue .user_button_text{color:#446388;}
a.blue:hover .user_button_text{text-shadow:0px 1px 1px #5d81ab;}
a.blue .user_button_slide_text{background:#63707e;text-shadow:0px -1px 1px #363f49;}
a.blue .user_button_icon_right{border-left:1px solid #5d81ab;}

a.grey{
	background:#989898;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#989898,0),color-stop(#acacac,1));
    background:-webkit-linear-gradient(top, #989898 0%, #acacac 100%);
    background:-moz-linear-gradient(top, #989898 0%, #acacac 100%);
    background:-o-linear-gradient(top, #989898 0%, #acacac 100%);
    background:linear-gradient(top, #989898 0%, #acacac 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#989898', endColorstr='#acacac',GradientType=0 );
	border-color:#989898;
}
a.grey:active{background:#acacac;border-color:#444444;}
a.grey .user_button_text{color:#444444;}
a.grey:hover .user_button_text{text-shadow:0px 1px 1px #444444;}
a.grey .user_button_slide_text{background:#666666;text-shadow:0px -1px 1px #444444;}
a.grey .user_button_icon_right{border-left:1px solid #444444;}

a.green{
	background:#0C9C5A;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#0C9C5A,0),color-stop(#13A763,1));
    background:-webkit-linear-gradient(top, #0C9C5A 0%, #13A763 100%);
    background:-moz-linear-gradient(top, #0C9C5A 0%, #13A763 100%);
    background:-o-linear-gradient(top, #0C9C5A 0%, #13A763 100%);
    background:linear-gradient(top, #0C9C5A 0%, #13A763 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0C9C5A', endColorstr='#13A763',GradientType=0 );
	border-color:#0C9C5A;
}
a.green:active{background:#13A763;border-color:#074B2C;}
a.green .user_button_text{color:#074B2C;}
a.green:hover .user_button_text{text-shadow:0px 1px 1px #074B2C;}
a.green .user_button_slide_text{background:#0A673C;text-shadow:0px -1px 1px #074B2C;}
a.green .user_button_icon_right{border-left:1px solid #074B2C;}

a.orange{
	background:#C1501E;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#C1501E,0),color-stop(#DF6C3A,1));
    background:-webkit-linear-gradient(top, #C1501E 0%, #DF6C3A 100%);
    background:-moz-linear-gradient(top, #C1501E 0%, #DF6C3A 100%);
    background:-o-linear-gradient(top, #C1501E 0%, #DF6C3A 100%);
    background:linear-gradient(top, #C1501E 0%, #DF6C3A 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#C1501E', endColorstr='#DF6C3A',GradientType=0 );
	border-color:#C1501E;
}
a.orange:active{background:#13A763;border-color:#471F0E;}
a.orange .user_button_text{color:#471F0E;}
a.orange:hover .user_button_text{text-shadow:0px 1px 1px #471F0E;}
a.orange .user_button_slide_text{background:#48342B;text-shadow:0px -1px 1px #471F0E;}
a.orange .user_button_icon_right{border-left:1px solid #471F0E;}

/* user quote shortcode */
.quote_sc {padding-top:10px; padding-bottom:15px;}
#content .quote_sc h2{
	padding:5px 0 5px 0;
	font-size:16px;
	border-bottom:0;
	padding-bottom:0;
	margin-bottom:4px;
}
.quote_sc img{float:left; margin:10px 20px 0 0;}
.quote_sc div {overflow:hidden;}


/* boxes shortcodes */
.white-border{
	border:1px solid #fff;
	padding:18px 18px 34px 22px;
}
.warning-box, .download-box, .info-box{
	text-shadow: 1px 1px 0px rgba(255,255,255,.5);
	position:relative;
}
.normal-box{
	position:relative;
}
.warning-box{
	border:1px solid #f7a88e;
	background:#ffcebe;
	color:#9e786c;
}
.download-box{
	border:1px solid #91c184;
	background:#c0f0b3;
	color:#6ea55f;
}
.info-box{
	border:1px solid #cecb8e;
	background:#f7f4b4;
	color:#aaa65f;
}
.normal-box{
	border:1px solid #d0d0d0;
	background:#fff;
	padding:18px 18px 34px 22px;
}
.warning-box .heading_sc, .download-box .heading_sc, .info-box .heading_sc, .normal-box .heading_sc{padding:0 0 13px 0;}
.warning-box .heading_sc{color:#bb7761;}
.download-box .heading_sc{color:#72a166;}
.info-box .heading_sc{color:#aaa65f;}
.normal-box .heading_sc{color:#2a2a2a;}
.warning-box img, .download-box img, .info-box img, .normal-box img{
	float:left;
	margin:0 20px 0 0;
}

.img-box {display:block; /*text-align:center;*/ margin-bottom: 10px; }
.img-box a {
	display:inline-block;
	margin:0 10px 10px 0;
    position: relative;
}
.img-box img {
	/*background: #fff;*/
    /*border: solid 1px #e6e6e6;*/
    /*padding: 1px;*/
}
.img-box a:hover img {
	border-color:#f97979;
}
.img-box span {
	display:fixed;
	background:transparent url('../images/img-hover-mask.png') 50% 50% no-repeat;
	position:absolute;
}

.img-box-wrap {
    position:relative;
    margin: 0 0 10px 0;
}
.img-box-wrap img {
    /*background: #fff;*/
    /*border: solid 1px #e6e6e6;*/
    /*padding: 1px;*/
}
.img-box-wrap a:hover img {
    border-color:#f97979;
}


.img-box-wrap .the_date {
    display: block;
    color: #eadcca;
    text-decoration: none;
    position: absolute;
    top: 13px;
    left: 10px;
    z-index: 3;
    background: transparent url('../images/date_bg.png') no-repeat 0 0;
    width: 89px;
    padding-left: 10px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-weight: bold;
}

.pf-image {position:relative;}
.pf-image span {
	display:fixed;
    background:transparent url('../images/img-hover-mask-3.png') 50% 50% no-repeat;
	position:absolute;
}

.img-box-wrap span {
	display:fixed;
    background:transparent url('../images/img-hover-mask.png') 50% 50% no-repeat;
	position:absolute;
}

.img-bagget {
    position: absolute;
    top: 0; left: 0;
    background: transparent url('../images/img-border.png') no-repeat 0 0;
    width: 338px; height: 186px;
    z-index: 2;
}
.img-bagget-wrap {
    position: absolute;
    top: 21px; left: 17px;
    overflow: hidden;
    width: 306px; height: 145px;
    z-index: 1;
}

.img-box-blog {display: block; height: 186px;}
.img-box-blog span {}
.img-box-border {
    background: fff;
    border: solid 1px #e6e6e6;
    padding: 1px;
}

/* marker list shortcode */
.marker_list1_sc {
	list-style:circle inside;
	padding-top:10px;
}
.marker_list1_sc p{padding:0px;}
.marker_list1_sc li{
	line-height:20px;
	display:block;
	padding-left:18px;
	padding-bottom:10px;
	background:url('../images/m_list1.png') 0 3px no-repeat;
}
.marker_list1_sc li a{}
.marker_list1_sc li a:hover{}

.marker_list2_sc {
	list-style:circle inside;
	/* padding-top:10px; */
}
.marker_list2_sc p{padding:0px;}
.marker_list2_sc li{
	line-height:20px;
	display:block;
	padding-left:18px;
	padding-bottom:10px;
	background:url('../images/m_list2.png') 0 3px no-repeat;
}
.marker_list2_sc li a{}
.marker_list2_sc li a:hover{}

.marker_list3_sc {
	list-style:circle inside;
	/* padding-top:10px; */
}
.marker_list3_sc p{padding:0px;}
.marker_list3_sc li{
	line-height:20px;
	display:block;
	padding-left:18px;
	padding-bottom:10px;
	background:url('../images/m_list3.png') 0 3px no-repeat;
}
.marker_list3_sc li a{}
.marker_list3_sc li a:hover{}

/* numerical list shortcode */
.numerical_list_sc {list-style:decimal inside; margin-top:15px;}
.numerical_list_sc li{margin-left:15px; padding-bottom:5px;}
.numerical_list_sc li a{}
.numerical_list_sc li a:hover{}

/* user tooltip shortcode */
.tooltip{
	display:none;
	color:#fff;
	background:#000 url(../images/cat-link-bg.gif) 0 0 repeat-x;
	border:1px solid #1d1d1d;
	text-shadow: -1px -1px 0px rgba(0,0,0,.3);
	margin-bottom:-2px;
	font-size:12px;
	text-decoration:none;
	padding:5px 8px 5px 8px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.tooltip span{
	display:inline-block;
	height:7px;
	width:9px;
	position:absolute;
	bottom:-7px;
	left:50%;
	margin-left:-5px;
	background:url(../images/tooltip-bg.png) center bottom no-repeat;
}

.tooltip-content {}

/* video shortcodes */
.video-wrap {}

/* posts strip and recents shortcode */
.posts_strip_sc{
	width:100%;
	padding-bottom:15px;
}
.posts_strip_sc .post{
	margin-bottom:20px;
	padding-top:0;
}
#content .posts_strip_sc h2 {
	font-size:18px;
	border:0;
	margin:0 10px 10px 0;
}
.strip-info{}
*+html .posts_strip_sc a.link{line-height:15px;}
.posts_strip_sc .entry p {padding-top:10px;}


/* Sliders Shortcodes */
/**********************/
.slider{
	padding:0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}



/* coin slider shortcode */
.coin_slider_sc {padding:0; background: #1a1a1a;}
.coin-slider {
	padding: 10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.coin_slider_sc {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.coin_slider_sc div {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}


/* nivo slider shortcode */
.nivo_slider_sc {display:none; padding-top:15px; padding-bottom: 15px;}


/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */

.widget_rss .rsswidget img {display:none;}
.widget_rss li {padding-bottom: 10px;}
.widget_rss a.rsswidget {display: block; font-weight: bold;}
.widget_rss span.rss-date {display: block; margin:5px 0;}

.pre-wrap {
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}