@import url('fonts/stylesheet.css');

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/
	Licensed under GPL and MIT.
*/
/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.
  Note: IE6 works fine without this fix.
*/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_24 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15,
.push_16, .pull_16,
.push_17, .pull_17,
.push_18, .pull_18,
.push_19, .pull_19,
.push_20, .pull_20,
.push_21, .pull_21,
.push_22, .pull_22,
.push_23, .pull_23,
.push_24, .pull_24 {position:relative;}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}
/* Grid >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.container_24 .grid_1 {width:30px;}
.container_24 .grid_2 {width:70px;}
.container_24 .grid_3 {width:110px;}
.container_24 .grid_4 {width:150px;}
.container_24 .grid_5 {width:190px;}
.container_24 .grid_6 {width:230px;}
.container_24 .grid_7 {width:270px;}
.container_24 .grid_8 {width:310px;}
.container_24 .grid_9 {width:350px;}
.container_24 .grid_10 {width:390px;}
.container_24 .grid_11 {width:430px;}
.container_24 .grid_12 {width:470px;}
.container_24 .grid_13 {width:510px;}
.container_24 .grid_14 {width:550px;}
.container_24 .grid_15 {width:590px;}
.container_24 .grid_16 {width:630px;}
.container_24 .grid_17 {width:670px;}
.container_24 .grid_18 {width:710px;}
.container_24 .grid_19 {width:750px;}
.container_24 .grid_20 {width:790px;}
.container_24 .grid_21 {width:830px;}
.container_24 .grid_22 {width:870px;}
.container_24 .grid_23 {width:910px;}
.container_24 .grid_24 {width:950px;}
/* Prefix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.container_24 .prefix_1 {padding-left:40px;}
.container_24 .prefix_2 {padding-left:80px;}
.container_24 .prefix_3 {padding-left:120px;}
.container_24 .prefix_4 {padding-left:160px;}
.container_24 .prefix_5 {padding-left:200px;}
.container_24 .prefix_6 {padding-left:240px;}
.container_24 .prefix_7 {padding-left:280px;}
.container_24 .prefix_8 {padding-left:320px;}
.container_24 .prefix_9 {padding-left:360px;}
.container_24 .prefix_10 {padding-left:400px;}
.container_24 .prefix_11 {padding-left:440px;}
.container_24 .prefix_12 {padding-left:480px;}
.container_24 .prefix_13 {padding-left:520px;}
.container_24 .prefix_14 {padding-left:560px;}
.container_24 .prefix_15 {padding-left:600px;}
.container_24 .prefix_16 {padding-left:640px;}
.container_24 .prefix_17 {padding-left:680px;}
.container_24 .prefix_18 {padding-left:720px;}
.container_24 .prefix_19 {padding-left:760px;}
.container_24 .prefix_20 {padding-left:800px;}
.container_24 .prefix_21 {padding-left:840px;}
.container_24 .prefix_22 {padding-left:880px;}
.container_24 .prefix_23 {padding-left:920px;}
/* Suffix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.container_24 .suffix_1 {padding-right:40px;}
.container_24 .suffix_2 {padding-right:80px;}
.container_24 .suffix_3 {padding-right:120px;}
.container_24 .suffix_4 {padding-right:160px;}
.container_24 .suffix_5 {padding-right:200px;}
.container_24 .suffix_6 {padding-right:240px;}
.container_24 .suffix_7 {padding-right:280px;}
.container_24 .suffix_8 {padding-right:320px;}
.container_24 .suffix_9 {padding-right:360px;}
.container_24 .suffix_10 {padding-right:400px;}
.container_24 .suffix_11 {padding-right:440px;}
.container_24 .suffix_12 {padding-right:480px;}
.container_24 .suffix_13 {padding-right:520px;}
.container_24 .suffix_14 {padding-right:560px;}
.container_24 .suffix_15 {padding-right:600px;}
.container_24 .suffix_16 {padding-right:640px;}
.container_24 .suffix_17 {padding-right:680px;}
.container_24 .suffix_18 {padding-right:720px;}
.container_24 .suffix_19 {padding-right:760px;}
.container_24 .suffix_20 {padding-right:800px;}
.container_24 .suffix_21 {padding-right:840px;}
.container_24 .suffix_22 {padding-right:880px;}
.container_24 .suffix_23 {padding-right:920px;}
/* Push Space >> 24 Columns
----------------------------------------------------------------------------------------------------*/
.container_24 .push_1 {left:40px;}
.container_24 .push_2 {left:80px;}
.container_24 .push_3 {left:120px;}
.container_24 .push_4 {left:160px;}
.container_24 .push_5 {left:200px;}
.container_24 .push_6 {left:240px;}
.container_24 .push_7 {left:280px;}
.container_24 .push_8 {left:320px;}
.container_24 .push_9 {left:360px;}
.container_24 .push_10 {left:400px;}
.container_24 .push_11 {left:440px;}
.container_24 .push_12 {left:480px;}
.container_24 .push_13 {left:520px;}
.container_24 .push_14 {left:560px;}
.container_24 .push_15 {left:600px;}
.container_24 .push_16 {left:640px;}
.container_24 .push_17 {left:680px;}
.container_24 .push_18 {left:720px;}
.container_24 .push_19 {left:760px;}
.container_24 .push_20 {left:800px;}
.container_24 .push_21 {left:840px;}
.container_24 .push_22 {left:880px;}
.container_24 .push_23 {left:920px;}
/* Pull Space >> 24 Columns
---------------------------------------------------------------------------------------------------*/
.container_24 .pull_1 {left:-40px;}
.container_24 .pull_2 {left:-80px;}
.container_24 .pull_3 {left:-120px;}
.container_24 .pull_4 {left:-160px;}
.container_24 .pull_5 {left:-200px;}
.container_24 .pull_6 {left:-240px;}
.container_24 .pull_7 {left:-280px;}
.container_24 .pull_8 {left:-320px;}
.container_24 .pull_9 {left:-360px;}
.container_24 .pull_10 {left:-400px;}
.container_24 .pull_11 {left:-440px;}
.container_24 .pull_12 {left:-480px;}
.container_24 .pull_13 {left:-520px;}
.container_24 .pull_14 {left:-560px;}
.container_24 .pull_15 {left:-600px;}
.container_24 .pull_16 {left:-640px;}
.container_24 .pull_17 {left:-680px;}
.container_24 .pull_18 {left:-720px;}
.container_24 .pull_19 {left:-760px;}
.container_24 .pull_20 {left:-800px;}
.container_24 .pull_21 {left:-840px;}
.container_24 .pull_22 {left:-880px;}
.container_24 .pull_23 {left:-920px;}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {clear: both;}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
  zoom: 1;
}
* {
	margin:0; 
	padding:0;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset{margin:0 0 14px;}
html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio,video{
	border:0;
	background:none;
}
body {
	margin:0;
	font:13px Arial, Helvetica, sans-serif;
	color:#666;
	min-width:960px;
	background:url(images/bg-body.jpg);
}
a {
	text-decoration:none;
	color: #726EA8;
}
a:hover {text-decoration:underline;}
input, textarea, select {
	font:100% arial,sans-serif;
	vertical-align:middle;
	color:#000;
	overflow: auto;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
label{vertical-align:middle;}
button, input{
	width: auto;
	overflow: visible;
}
h1, h2, h3, h4, h5, h6 {font-weight:bold; font-family: 'Quicksand', Helvetica, Arial}
h1{font-size: 20px; color: #666666; border-bottom: 3px solid; padding-bottom: 4px;}
h2{font-size:18px; font-family: 'Quicksand'; margin: 40px 0 20px 0}
h3{font-size:120%;}
h4{font-size:110%;}
h5{font-size:100%;}
h6{font-size:90%;}
i, cite, em, var, dfn, address{font-style:italic;}
u, ins {text-decoration: underline;}
s, strike, del {text-decoration: line-through;}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
table, caption, tbody, tfoot, thead, tr, th, td{
	border-collapse: collapse;
	border-spacing: 0;
}
th, td{
/*  border:1px solid #ccc;*/
	padding:3px 7px;
	text-align:left;
	vertical-align:top;
}
th{
	border-color:#999;
	text-align:center;
	vertical-align:middle;
}
ul li, ol li{list-style-position:inside;}
ul li{list-style-type:disc;}
.wrapper{
	width:960px;
	margin:27px auto;
	background:#fff;
}
#header{
	position:relative;
	overflow:hidden;
	background:url(images/bg-header-inner.gif) repeat-x;
}
.index #header{background:url(images/bg-header-index.gif) repeat-x;}
#header .social-list{
	float:right;
	margin:23px 13px 12px 0;
}
#header .social-list li{
	float:left;
	list-style-type:none;
	margin:0 0 0 5px;
}
#header .social-list a{
	display:block;
	overflow:hidden;
}
#header .add-nav{
	text-align:right;
	clear:right;
	margin:0 10px 22px 0;
	font-size:11px;
	overflow:hidden;
}
#header .add-nav a{color:#999;}
#header .add-nav li{
	width:100%;
	float:left;
	list-style-type:none;
	margin:0;
}
.logo{
	float:left;
	width:521px;
	height:125px;
	margin:15px 0 0 45px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/logo.gif) no-repeat;
}
#header .ribbon {
  position: absolute;
  left: 350px;
}
.logo a{
	display:block;
	height:100%;
}
.navbar{
  clear: both;
	padding:0 13px 0 31px;
	overflow:hidden;
	background:url(images/bg-navbar.gif);
}
.navbar .search{
	float:right;
	margin:7px 0;
}

.navbar .search a{
  color: #fff;
  margin:20px 0 0 0;
  background:url(images/separator-nav.gif) no-repeat 0 14px;
  padding:11px 10px 13px 20px;
  color:#fff;
  line-height: 25px;
}
.navbar .search a.first{
  background: none;
}
.navbar .search form{margin:0;}
.navbar .search .text{
	width:165px;
	padding:5px 9px;
	background:#fff;
	border:0;
	font-size:11px;
	color:#999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#nav{
	float:left;
	overflow:hidden;
	font-size:15px;
	margin:0;
}
#nav li{
	float:left;
	list-style-type:none;
	padding:0 25px;
	margin:0 0 0 -9px;
	background:url(images/separator-nav.gif) no-repeat 0 14px;
}

#nav a{
	display:block;
	padding:11px 0 13px;
	color:#fff;
}
#nav li.active a,
#nav a:hover{
	color:#a5d6d1;
	text-decoration:none;
	background:url(images/bg-corner.gif) no-repeat 50% 100%;
}
.index #nav li.active a,
.index #nav a:hover{color:#ffe592;}
#main{overflow:hidden;}
#main .main-holder{
	overflow:hidden;
	padding-top:40px;
	padding-bottom:40px;
}
.visual{
	margin:0 0 21px;
	overflow:hidden;
	padding:14px 17px 18px;
	background:url(images/bg-visual.gif);
}
.visual .img-holder{
	position:relative;
	float:left;
	margin:0 15px 0 0;
	border:2px solid #fff;
}
.visual .img-holder img{vertical-align:top;}
.visual .img-holder .text-holder{
	position:absolute;
	top:20px;
	left:0;
	line-height:normal;
	font-size:16px;
	height:18px;
	color:#333;
	padding:7px;
	background:#fff;
}
.visual .img-holder .text-holder p{
	margin:0;
	letter-spacing:1px;
	line-height:18px;
}
.visual .img-holder .text-holder .day{
	position:absolute;
	right:0;
	padding:3px 8px;
	font-weight:bold;
	color:#fff;
	font-size:10px;
	top:32px;
	background:#b2b0cc;
}
.visual .img-holder .text-holder .day a{
  color: #fff;
}
.visual-holder{
	background:#fff;
	float:left;
	width:145px;
	margin:0 14px 0 0;
	padding:0 11px;
	font-size:11px;
	line-height:13px;
	color:#000;
}
.visual-list{
	margin:0;
	overflow:hidden;
}
.visual-list li{
	list-style-type:none;
	list-style-position:outside;
	padding:14px 0;
	margin:-3px 0 0;
	background:url(images/separator-visual-list.gif) repeat-x;
}
.visual-list a{color:#000; font-weight: bold}
.visual-list .date{
	display:block;
	font-style:normal;
}
.visual-frame{
	float:left;
	width:150px;
}
.visual-frame .blue-box{
	background:#9cc;
	padding:3px;
	margin:0 0 8px;
}
.visual-frame .blue-box .holder{
	border:1px solid #b8dbdb;
	padding:6px 14px 12px 6px;
}
.visual-frame .blue-box .browse{
	display:block;
	font-size:18px;
	line-height:22px;
	background:url(images/bg-browse.gif) no-repeat 100% 8px;
	color: #000;
}
.visual-frame .grey-box{
	overflow:hidden;
	background:#666;
	padding:16px 20px 15px 14px;
	color:#fff;
	font-size:11px;
	line-height:13px;
}
.visual-frame .grey-box .heading{
	display:block;
	font-weight:normal;
	padding:0 0 5px 3px;
	line-height:17px;
	font-size:14px;
}
.visual-frame .grey-box p{
	padding:0 0 8px;
	margin:0;
}
.visual-frame .grey-box .btn{
	float:left;
	margin:0 0 0 -14px;
	font-size:12px;
	color:#b2b0cc;
	padding:5px 17px 5px 10px;
	background:#fff url(images/bg-checkuot.gif) no-repeat 0 50%;
}
.box-holder{
	overflow:hidden;
	width:900px;
	padding:0 0 15px;
}
.box-holder .box{
	float:left;
	position:relative;
	width:258px;
	padding:5px;
	margin:0 29px 0 0;
	border:1px solid #b2b0cc;
}
.box-holder .box img{vertical-align:top;}
.box-holder .box .text-holder{
	position:absolute;
	top:13px;
	left:5px;
	font-size:14px;
	color:#999;
	width:222px;
	overflow:hidden;
	padding:10px 7px 16px 9px;
	background:url(images/bg-text-holder.png);
}
.box-holder .box .heading{
	display:block;
	font-weight:normal;
	font-size:21px;
	color:#b2b0cc;
	padding: 8px 8px 8px 0;
}
.box-holder .box .text-holder a.more{
	color:#999;
  padding:0 19px 0 0;
	background:url(images/bullet.gif) no-repeat 100% 50%;
}
#content{
	margin:0;
	padding:14px 0 25px;
	float:left;
}

.post{
	overflow:hidden;
	padding:6px 0 0;
	line-height:20px;
	margin:0 0 80px;
}

#content h1 a {
  color: #726EA8;
}

.single {
  margin: 0;
}
.post .row{
  font-family: Courier, georgia;
	border-bottom:1px solid #ccc;
	overflow:hidden;
	padding:0 12px 8px 3px;
	margin:0 0 9px;
}
.post .row .holder{float:right;}
.post .row .holder .title,
.post .row .holder .comment{float:left;}
.post .row .holder .title{
	overflow:hidden;
	line-height:19px;
	color:#fff;
	margin:0 12px 0 0;
	background:#b2b0cc url(images/bg-post-title.gif) no-repeat;
}
.post .row .holder .title span{
	float:left;
	height:19px;
	padding:0 15px;
	background:url(images/bg-post-title.gif) no-repeat 100% 100%;
}

.post .row .holder .title a {
  color: #fff;
}
.post p{margin:0 0 17px;}
.post .row .holder .comment{color:#b2b0cc;}
.post .row .date{
	font-style:normal;
	color:#666;
	float:left;
}
.post .img-holder{
	overflow:hidden;
	padding:0 0 15px;
}
.post .img-holder img{
	float:left;
	margin:0 4px 0 0;
}
.post .social-holder{
	overflow:hidden;
	background:#e5e5e5;
	padding:7px 10px;
}
.post .social-holder .comment{
	float:right;
	color:#b2b0cc;
	font-weight:bold;
}
#sidebar{
	padding:45px 0 0;
	margin:0;
	float:right;
}
#sidebar .box{
	position:relative;
	padding:5px;
	border:1px solid #beb4b9;
	margin:0 0 20px;
}
#sidebar .box h3{
	position:absolute;
	top:23px;
	width:100%;
	font-size:21px;
	line-height:25px;
	margin:0;
	color:#494752;
	font-weight:normal;
	text-align:center;
	left:0;
}
#sidebar .box h3 a{color:#494752;}
#sidebar .box h3 a:hover{text-decoration:none;}
#sidebar .box h3 span{
	display:block;
	font-size:15px;
}
#sidebar .box img{vertical-align:top;}
#sidebar .box .more{
	position:absolute;
	bottom:20px;
	right:5px;
	font-size:14px;
	color:#999;
	padding:9px 30px 8px 10px;
	background:#fff url(images/bullet2.gif) no-repeat 94% 50%;
}
#sidebar .box .more.padding{bottom:36px;}
.container{
	overflow:hidden;
	padding:15px 0;
	border:1px dotted #666;
	border-width:1px 0;
	margin:0 0 50px;
}
.container h4{
	float:left;
	font-size:16px;
	color:#000;
	margin:0;
	font-weight:normal;
}
.container .more{
	float:right;
	margin:2px 0 0;
	padding:0 23px 0 0;
	color:#b2b0cc;
	background:url(images/bullet1.gif) no-repeat 100% 7px;
}
#sidebar .ad{
	display:block;
	margin:0 0 13px;
}
#sidebar .ad img{vertical-align:top;}
#footer{background:url(images/bg-footer.gif) repeat-y -960px 0;}
.footer-holder{
	font-size:11px;
	color:#fff;
	overflow:hidden;
	padding:29px 48px 29px 42px;
	background:url(images/bg-footer.gif) no-repeat;
}
.footer-frame{
	width:260px;
	float:left;
	margin:0 50px 0 0;
}
#footer .heading{
	font-size:15px;
	display:block;
	color:#a6d6d1;
	padding:0 0 14px;
}
#footer .footer-frame .heading{padding:0;}
#footer ul{
	margin:0;
	overflow:hidden;
}
#footer ul li{
	list-style-type:none;
	list-style-position:outside;
}
#footer ul a{color:#fff;}
.footer-holder .box{
	width:180px;
	padding:0 13px 0 0;
	float:left;
}
.footer-holder .sub-logo{
	float:right;
	width:116px;
	height:113px;
	margin:20px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/sub-logo.png) no-repeat;
}
.footer-holder .sub-logo a{
	display:block;
	height:100%;
}
.footer-frame .popular-list li{
	margin:-1px 0 11px;
	padding:12px 0 0;
	border-top:1px solid #a2a2a2;
}
.footer-row{
	color:#fff;
	font-size:10px;
	overflow:hidden;
	padding:7px 35px ;
	background:#a6d6d1;
}
.footer-row p{margin:0;}


/** COMMENTS **/
#comment {
  width: 100%;
  padding: 13px;
  margin-bottom: 10px;
}

#commentform input {
  margin-bottom: 10px;
}
.commentlist {
    margin: 0;
    padding: 0;
}

.commentlist li {
    border-bottom: 1px dotted #999;
    padding: 20px 0;
    list-style: none;
    clear: both;
}

.commentlist li .avatar {
  float: left;
  margin: 0 10px 10px 0;
  display: none;
}

.meta {
  font-family: 'Georgia';
  text-transform: uppercase;
  font-size: 10px;
  color: #999;
}

/* TIL!!! */
.placard {
  position: relative;
  z-index: 1;
  background: #fff;
}
.handpicked {
  position: absolute; top: 10px; right: -7px; padding: 3px 6px; color: #fff; font-family: 'Courier New', courier, serif; font-size: 11px; background: #B2B0CC;
  border-bottom: 1px solid #5c5b6b;
  z-index: 2;
}

.handpicked_ribbon {
  position: absolute; top: 25px; right: -4px; padding: 3px; background: #5c5b6b; width: 10px; height: 10px;
  z-index: 0;
}



.handpicked_ribbon {
 .rotation(45deg); 
}

/* HTML5 RECOGNITION */
section, header, nav, footer, aside { display:block; }

/* RESETS */
a:hover, a:active, a:focus {outline: none;}
img {border: 0;}

body, input, textarea {font-family: 'Helvetica Neue', arial; line-height: 1.3em; font-size: 13px;}

input[type="text"], input[type="password"], textarea {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0 rgba(255, 255, 255, 0.2); 
    padding: 4px;
/*    padding: 8px 6px; */
    background: #fff; 
    outline: none; 
/*    font-size: 20px; */
    font-size: 11px;
    -webkit-border-radius: 4px;
    border: 1px solid #CCC;
/*    width: 300px;*/
}

input[type="submit"], button, .button {
    background: darken(#B2B0CC, 20%);
    padding: 10px 18px;
    border: none;
    color: #fff;
    font-family: 'QuicksandBold';
    font-size: 11px;
    .rounded(4px);
    cursor: pointer;
}

input[type="submit"]:hover, button:hover, .button:hover {
  background: darken(#B2B0CC, 40%);
  text-decoration: none;
}

input[type="submit"]:active, button:active, .button:active {
  .box-shadow(0 0 8px #000 inset);
}

.labelHighlight { color: #AAA; }

input:focus {
    border-color:rgba(82,168,236,.75);
    box-shadow:0 0 8px rgba(82,168,236,.5);
    -moz-box-shadow:0 0 8px rgba(82,168,236,.5);
    -webkit-box-shadow:0 0 8px rgba(82,168,236,.5);
}

/*---------------------------------------------------
		LESS Elements 0.5
	---------------------------------------------------
		A set of useful LESS mixins by Dmitry Fadeyev
		Special thanks for mixin suggestions to:
			Kris Van Herzeele,
			Benoit Adam,
			Portenart Emile-Victor
			
		More info at: http://lesselements.com
-----------------------------------------------------*/

.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
	background: @color;
	background: -webkit-gradient(linear,
	    												 left bottom,
	    												 left top,
	    												 @start,
	    												 @stop);
	background: -moz-linear-gradient(center bottom,
	    														 @start 0%,
	    														 @stop 100%);
}
.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
	background: @color;
	background: -webkit-gradient(linear,
	    												 left bottom,
	    												 left top,
	    												 color-stop(0, rgb(@start,@start,@start)),
	    												 color-stop(1, rgb(@stop,@stop,@stop)));
	background: -moz-linear-gradient(center bottom,
	    														 rgb(@start,@start,@start) 0%,
	    														 rgb(@stop,@stop,@stop) 100%);
}
.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) {
	border-top: solid 1px @top-color;
	border-left: solid 1px @left-color;
	border-right: solid 1px @right-color;
	border-bottom: solid 1px @bottom-color;
}
.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) {
	-webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
	-moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
	box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
}
.rounded(@radius: 2px) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	border-radius: @radius;
}
.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
	-webkit-border-top-right-radius: @topright;
	-webkit-border-bottom-right-radius: @bottomright;
	-webkit-border-bottom-left-radius: @bottomleft;
	-webkit-border-top-left-radius: @topleft;
	-moz-border-radius-topright: @topright;
	-moz-border-radius-bottomright: @bottomright;
	-moz-border-radius-bottomleft: @bottomleft;
	-moz-border-radius-topleft: @topleft;
	border-top-right-radius: @topright;
	border-bottom-right-radius: @bottomright;
	border-bottom-left-radius: @bottomleft;
	border-top-left-radius: @topleft;
}
.opacity(@opacity: 0.5) {
	-moz-opacity: @opacity;
	-khtml-opacity: @opacity;
	-webkit-opacity: @opacity;
	opacity: @opacity;
}
.transition-duration(@duration: 0.2s) {
	-moz-transition-duration: @duration;
	-webkit-transition-duration: @duration;
	transition-duration: @duration;
}
.rotation(@deg:5deg){ 
  -webkit-transform: rotate(@deg);
  -moz-transform: rotate(@deg);
  transform: rotate(@deg);
}
.scale(@ratio:1.5){
	-webkit-transform:scale(@ratio);
 	-moz-transform:scale(@ratio);
	transform:scale(@ratio);
}
.transition(@duration:0.2s, @ease:ease-out) {
  -webkit-transition: all @duration @ease;
  -moz-transition: all @duration @ease;
  transition: all @duration @ease;
}
.inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) {
  -webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
  -moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
	box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
}
.box-shadow(@arguments) {
	-webkit-box-shadow: @arguments;
	-moz-box-shadow: @arguments;
	box-shadow: @arguments;
}
.columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) {
	-moz-column-width: @colwidth;
	-moz-column-count: @colcount;
	-moz-column-gap: @colgap;
	-moz-column-rule-color: @columnRuleColor;
	-moz-column-rule-style: @columnRuleStyle;
	-moz-column-rule-width: @columnRuleWidth;
	-webkit-column-width: @colwidth;
	-webkit-column-count: @colcount;
	-webkit-column-gap: @colgap;
	-webkit-column-rule-color: @columnRuleColor;
	-webkit-column-rule-style: @columnRuleStyle;
	-webkit-column-rule-width: @columnRuleWidth;
	column-width: @colwidth;
	column-count: @colcount;
	column-gap: @colgap;
	column-rule-color: @columnRuleColor;
	column-rule-style: @columnRuleStyle;
	column-rule-width: @columnRuleWidth;
}