/*
Theme Name:  Caprice
Theme URI: http://themes.iki-bir.com/caprice
Author: elemis
Author URI: http://iki-bir.com
Version: 1.0
*/

/*-----------------------------------------------------------------------------------*/
/*	RESET
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}
th, td {
	margin:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.clear {
	clear: both;
}
br {
	line-height: 10px;
}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
 border : 0px;
}
input[type="submit"]:focus, input[type="button"]:focus {
	outline : none;
}

::selection {
        background: #ab4d63; /* Safari */
        color: #FFF;
        }
::-moz-selection {
        background: #ab4d63; /* Firefox */
        color: #FFF;
}

/*-----------------------------------------------------------------------------------*/
/*	GENERAL
/*-----------------------------------------------------------------------------------*/

html, body {
	height: 100%;
}

body {
	background-color: #FCFCFC;

	font-family:Arial, sans-serif;
	font-size: 13px;
	color: #585858;
}

p {
	line-height: 20px;
	margin-bottom: 20px;
}

a {
	color: #688dad;
	text-decoration: none;
}

a:hover {
	color: #ab4d63;
}

a.more {
	font-family: 'Droid Serif', serif;
	font-style: italic;
	font-size: 13px;
	
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Amaranth', sans-serif;
	color: #4a4a4a;
	font-weight: normal;
	margin: 0 0 10px 0;
}
h1 {
	font-size: 22px;
	line-height: 26px;
}
h2 {
	font-size: 20px;
	line-height: 24px;
}

h3 {
	font-size: 18px;
	line-height: 22px;
}
h4 {
	font-size: 16px;
	line-height: 20px;
}
h5 {
	font-size: 14px;
	line-height: 20px;
}
h6 {
	font-size: 12px;
	line-height: 18px;
}

h1.title {
	padding: 0;
}

img {
	display: block;
}

img.left {
	float: left;
	margin: 0 20px 20px 0;
}
img.right {
	float: right;
	margin: 0 0 20px 20px;
}

.frame {
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
	box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
	border: 1px solid #d5d5d5;
	background-color: #f5f5f5;
	padding: 10px;
}

.lite1 {
	color: #688dad;
	border-bottom: 1px dotted #688dad;
}

.lite2 {
	border-bottom: 1px dotted #688dad;
}

.frame iframe {
	display: block;
}

img.attachment {
	margin-bottom: 20px;
}

.center {
	text-align: center;
	display: block;
	margin: 0 auto;
}

h3 img {
	vertical-align: middle;
	padding-right: 10px;
	display: inline;
}

.line {
	background: transparent url(/images/line.png) repeat-x;
	height: 2px;
	padding: 20px 0 0 0;
	line-break: 0px;
}

.intro {
	font-family: 'Droid Serif', serif;
	font-style: italic;
	font-size: 17px;
	color: #585858;
	line-height: 24px;
	margin-bottom: 20px;
}

blockquote p {
	font-family: 'Droid Serif', serif;
	font-style: italic;
	font-size: 14px;
	color: #585858;
	line-height: 24px;
	margin-bottom: 20px;
	padding-left: 30px;
	background: transparent url(/images/quote.png) no-repeat left 7px;
}

ul {
	line-height: 20px;
	margin-bottom: 20px;
}
ul li {
	background: transparent url(/images/bullet.png) left 8px no-repeat;
	padding-left: 15px;
}
ol {
	list-style: decimal;
	list-style-position: inside;
	line-height: 20px;
}
ol li {
	padding: 0;
	margin: 0;
}

cite {
	font-family: 'Droid Serif', serif;
	font-style: italic;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

a.button, 
.forms fieldset .btn-submit, 
#filtering-nav li a, 
ul.tabs li a, h2.trigger,
.jta-tweet-list-controls-button {
	text-align: center;
	background: #FFF url(/images/button.png) repeat-x left top;
	padding: 0 20px 0 20px;
	height: 26px;
	line-height: 26px;
	color: #4a4a4a;
	font-size: 13px;
	border: 1px solid #dbdbdb;
	display: inline-block;
	font-family: 'Amaranth', sans-serif;
	cursor: pointer;
	margin-bottom: 20px;
	-webkit-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
}

a.button:hover, 
#filtering-nav li.active a, 
#filtering-nav li a:hover, 
#filtering-nav li a.active,  
ul.tabs li a:hover, 
ul.tabs li.active a, 
h2.trigger.active, h2.trigger:hover,
.jta-tweet-list-controls-button {
	color: #ab4d63;
}

a.button.blue {
	background-color: #718ca4;
	border: 1px solid #516577;
	color: #FFF;
}

a.button.brown {
	background-color: #a49571;
	border: 1px solid #877a5c;
	color: #FFF;
}

a.button.green {
	background-color: #71a487;
	border: 1px solid #578d6e;
	color: #FFF;
}

a.button.purple {
	background-color: #9471a4;
	border: 1px solid #7b558c;
	color: #FFF;
}

a.button.red {
	background-color: #cb4b4b;
	border: 1px solid #ba3d3d;
	color: #FFF;
}

a.button.blue:hover, 
a.button.brown:hover, 
a.button.green:hover,  
a.button.purple:hover,
a.button.red:hover {
	background-color: #797979;
	border: 1px solid #5c5c5c;
	color: #FFF;
}

.dropcap {
	display:block;
	float:left;
	font-size:45px;
	padding:0;
	margin: 0;
	margin:10px 8px 3px 0;
	font-family: 'Amaranth', sans-serif;
}
pre {
	margin: 5px 0px 40px 0px;
	padding: 0 10px 0px 10px;
	display: block;
	clear: both;
	background: url(/images/codebg.jpg) repeat;
	line-height: 20px;
	font-size: 12px;
	border: 1px solid #dbdbdb;
}

.download-box, .warning-box, .info-box, .note-box {
	clear:both;
	margin: 10px 0px;
	text-shadow: none;
	padding: 15px 15px 13px 15px;
	line-height: 17px;
}
.info-box {
	background:#c2ddf9;
	border:1px solid #80bbef;
	color:#4783b7;
}
.warning-box {
	background:#ffcccc;
	border:1px solid #ff9999;
	color:#c31b00;
}
.download-box {
	background:#d1f7b6;
	border:1px solid #8bca61;
	color:#5e9537;
}
.note-box {
	background:#fdebae;
	border:1px solid #e6c555;
	color:#9e660d;
}

.searchform input {
	background: transparent url(/images/search.png) no-repeat top right;
	width: 180px;
	padding: 4px 10px 6px;
	height: 21px;
	border: 0;
	font-family: 'Droid Serif', serif;
	font-style: italic;
	font-size: 11px;
	color: #f0f0f0;
	float: right;
}

#wrapper {
	width: 990px;
	margin: 0 auto;
}

#content {
	width: 700px;
	float: right;
	padding: 40px 0 20px 0;
}

#sidebar {
	width: 258px;
	background: #596d7f url(/images/noize.png) repeat 100% 0;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.15);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.15);
	box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.15);
	border-left: 1px solid rgba(0, 0, 0, 0.50);
	border-right: 1px solid rgba(0, 0, 0, 0.50);
	float: left;
	position: fixed;
	margin-top: -1px;
	z-index: 100;
	height: 100%;
}

#blog #sidebar {
	position: relative;
}

#logo {
	text-align: left;
	padding: 10px 5px 0 5px;
}

#logo a {
	border: none;
}

#logo img {
	display: inline;
}

#sidebar ul.share {
	line-height: 1;
	text-align: left;
}

#sidebar ul.share li {
	background: none;
	padding: 0;
	display: inline-block;
	padding-right: 3px;
}

.sidebox {
	width: 200px;
	margin: 0 auto 50px auto;
}

.sidebox h3 {
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
	color: #f0f0f0;
}

.secondary .sidebox {
	margin: 0 auto 30px auto;
	width: 180px;
}

.secondary .sidebox h3 {
	color: #4a4a4a;
	text-shadow: none;
}

#footer {
	background: transparent url(/images/footer-line.png) repeat-x top center;
	overflow: hidden;
	padding: 20px 0 0 0;
	margin-top: 40px;
}

#footer-wrapper, .push {
	height: 250px;
}

.footer-box ul.popular-posts, .secondary .sidebox ul.popular-posts ul.popular-posts {
	overflow: hidden;
	padding-top: 5px;
}
.footer-box ul.popular-posts li, .secondary .sidebox ul.popular-posts li {
	clear: both;
	overflow: hidden;
	margin-top: 15px;
	background: none;
	padding: 15px 0 0 0;
	line-height: 17px;
	background: transparent url(images/line.png) repeat-x center top;
}
.footer-box ul.popular-posts li:first-child, .secondary .sidebox ul.popular-posts li:first-child {
	margin: 0;
	padding: 0;
	background: none;
}
.footer-box ul.popular-posts li img, .secondary .sidebox ul.popular-posts li img {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 10px;
}
.footer-box ul.popular-posts li span, .secondary .sidebox ul.popular-posts li span {
	display: inline-block;
	font-size: 10px;
	font-family: 'Droid Serif', serif;
	font-style: italic;
}
.footer-box ul.popular-posts li h5, .secondary .sidebox ul.popular-posts li h5 {
	line-height: 1.1;
	margin-bottom: 5px;
}
.footer-box ul.popular-posts li h5 a, .secondary .sidebox ul.popular-posts li h5 a {
	color: #4a4a4a;
}
.footer-box ul.popular-posts li h5 a:hover, .secondary .sidebox ul.popular-posts li h5 a:hover {
	color: #ab4d63;
}
.footer-box ul.popular-posts li span a, .secondary .sidebox ul.popular-posts li span a {
	color: #585858;
}
.footer-box ul.popular-posts li span a:hover, .secondary .sidebox ul.popular-posts li span a:hover {
	color: #ab4d63;
}

/*-----------------------------------------------------------------------------------*/
/*	MENU
/*-----------------------------------------------------------------------------------*/

#menu {
	float: left;
	text-align: left;
	font-family: 'Amaranth', sans-serif;
	font-size: 17px;
	margin-top: -40px;
	margin-bottom: 50px;
	position: relative;
	z-index: 100;
	padding: 0 0 0 24px;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
}

.menu-v ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 200px;
	background: transparent url(images/menu-line.png) no-repeat center bottom;
}
 
.menu-v ul li{
	position: relative;
	padding-right: 5px;
	background: transparent url(images/menu-line.png) no-repeat center top;
	padding: 0;
}

.menu-v ul li a{
	display: block;
	color: white;
	text-decoration: none;
	padding: 12px 0 10px 20px;
	padding-right: 17px;
	background: transparent; 
	color: #f0f0f0;
	text-decoration: none;
	border: none;
}

.menu-v ul li a.active, .menu-v ul li a.selected, .menu-v ul li a:hover{
	text-decoration: none;
	background: transparent url(images/menu-hover.png) repeat-y left top;
	color: #fff;
}

.menu-v ul li ul{
	position: absolute;
	width: 130px; 
	top: 0px;
	font-weight: normal;
	visibility: hidden;
	text-align: left;
	padding: 0 15px 0 15px;
	margin-left: 0;
	background: #596d7f url(images/noize.png) repeat 100% 0;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.10);
	-moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.10);
	box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.10);
	border: 1px solid rgba(0, 0, 0, 0.30);
	font-size: 14px;
	line-height: 20px;
}

.menu-v ul li ul li{
	background: transparent url(images/dropdown-line.png) repeat-x left top;
}

.menu-v ul li ul li:first-child {
	background: none;
	padding-bottom: 0;
}

.menu-v ul li ul li a{
	padding: 12px 0;
}

.menu-v ul li ul li a.active, .menu-v ul li ul li a.selected, .menu-v ul li ul li a:hover{
	background: none;
}


.menu-v ul li ul {
	
}

* html .menu-v ul li { float: left; height: 1%; }
* html .menu-v ul li a { height: 1%; }


/*-----------------------------------------------------------------------------------*/
/*	SLIDER
/*-----------------------------------------------------------------------------------*/

.jquery-slider-wrapper
{
	position:relative;
	clear:both;
	zoom:1;
	margin-bottom: 20px;
	
}

.jquery-slider-slide
{
  display: none;
  float: left;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
   
}

.jquery-slider-slide img
{
  border:0;
  margin:0;
  padding:0;
}

.jquery-slider-slide-current
{
  display:block;
  z-index:2;
}

.jquery-slider-slide-next
{
  display:block;
  z-index:1;
}

.jquery-slider-selectors
{
  display:block;
  overflow:hidden;
  position:absolute;
  bottom:15px;
  right:15px;
  z-index:3;
}

.jquery-slider-selector
{
  background:url(images/slider-navi.png) no-repeat top;
  display:inline;
  float:left;
  width:12px;
  height:12px;
  margin:0 0 0 3px;
}

.jquery-slider-selector-current
{
  background:url(images/slider-navi.png) no-repeat bottom;
}

.jquery-slider-selector span
{
  display:none;
}

.jquery-slider-hovered .jquery-slider-control
{
  display:block;
}

.jquery-slider-navigation
{
  display:block;
}

.jquery-slider-navigation-prev
{
  background: transparent url(images/slider-controls.png) no-repeat left top;
  display:none;
  left:15px;
  top:50%;
  position:absolute;
  cursor: pointer;
  margin-top:-12px;
  z-index:4;
  	width:25px;
  	height:25px;
}

.jquery-slider-navigation-prev span
{
  display:none;
}

.jquery-slider-navigation-next
{
   background: transparent url(images/slider-controls.png) no-repeat right top;
  display:none;
  right:15px;
  top:50%;
  position:absolute;
  cursor: pointer;
  width:25px;
  height:25px;
  margin-top:-12px;
  z-index:4;
}

.jquery-slider-navigation-next span
{
  display:none;
}

.jquery-slider-hovered .jquery-slider-navigation-prev,
.jquery-slider-hovered .jquery-slider-navigation-next
{
  display:block;
}

.jquery-slider-wrapper .caption
{
  font-size:13px;
  position:absolute;
  bottom:15px;
  left:15px;
  max-width: 80%;
}

.jquery-slider-wrapper .caption h3
{
  padding:5px 10px;
  background:#FFF;
  text-shadow: none;
  display: inline-block;
  margin: 0 0 5px 0;
}

.jquery-slider-wrapper .caption p
{
  padding:5px 10px;
  margin: 0;
  background:#FFF;
  text-shadow: none;
}

.jquery-slider-timer-bar
{
  display: none;
}

/*-----------------------------------------------------------------------------------*/
/*	CYCLE SLIDER
/*-----------------------------------------------------------------------------------*/

.cycle-slider { position: relative; width: 700px; height: 380px;}

.cycle-slides { width: 700px; padding:0; margin:0; overflow: hidden; height: 380px; display: block;}

.cycle-slider img {
	width: 700px;
	height: 380px;
	display: block;
}

.cycle-slider .controls {
	top:50%;
	z-index: 1000; 
	position: absolute; 
	width: 700px;
	text-indent: -9999px;
	display: none;
	cursor: default;
	margin-top:-12px;
}

.cycle-slider .controls a { 
	width: 25px; 
	height: 25px; 
	display: block; 
	background: transparent url(images/slider-controls.png) no-repeat;	
}

.cycle-slider .controls a.prev { 
	float: left;  
	margin-left:15px; 
	background-position: top left; 
}

.cycle-slider .controls a.next { 
	float:right; 
	margin-right:15px;  
	background-position: top right; 
}

.cycle-slider .pagination {
	position: absolute; 
	z-index: 100;
	bottom: 15px;
	right: 15px;
	padding: 0;
	margin: 0;	
	cursor: pointer;
}
.cycle-slider .pagination a {
	float: left;
	list-style: none;
	height: 12px;
	width: 12px;
	margin-left: 2px;
	background: url(images/slider-navi.png) no-repeat top;
	text-indent: -9999px;
}

.cycle-slider .pagination a.activeSlide {
	background: url(images/slider-navi.png) no-repeat bottom;
}
/*-----------------------------------------------------------------------------------*/
/*	PIECEMAKER
/*-----------------------------------------------------------------------------------*/

#piecemaker-wrapper {
	margin: -10px 0 0 0;
	overflow: hidden;
	display: block;
}

/*-----------------------------------------------------------------------------------*/
/*	COLUMNS
/*-----------------------------------------------------------------------------------*/

.one-half {
	width:48%;
}
.one-third {
	width:30.66%;
}
.two-third {
	width:65.33%;
}
.one-fourth {
	width:22%;
}
.three-fourth {
	width:74%;
}
.one-fifth {
	width:16.8%;
}
.two-fifth {
	width:37.6%;
}
.three-fifth {
	width:58.4%;
}
.four-fifth {
	width:67.2%;
}
.one-sixth {
	width:13.33%;
}
.five-sixth {
	width:82.67%;
}
.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {
	position:relative;
	margin-right:4%;
	float:left;
}
.last {
	margin-right:0 !important;
	clear:right;
}

/*-----------------------------------------------------------------------------------*/
/*	CAROUSEL
/*-----------------------------------------------------------------------------------*/
.carousel {
	padding-top: 5px;
	margin-bottom: 20px;
}
.carousel ul li {
	background: none;
	width: 160px;
	margin-right: 20px;
	padding: 0;
}
.jcarousel-direction-rtl {
	direction: rtl;
}
.carousel .jcarousel-container {
	display: block;
	overflow: hidden;
}
.carousel .jcarousel-item {
	width: 160px;
	height: 120px;
	
}
.carousel .jcarousel-item img {
	width: 160px;
}
.carousel .jcarousel-container {
	display: block;
	overflow: hidden;
	height: 120px;
}
.carousel .jcarousel-clip-horizontal {
	width:  700px;
	height: 120px;
	overflow: hidden;
	display: block;
}
.carousel .jcarousel-item {
	width: 160px;
	height: 120px;
}
#carousel-scroll {
	float: right;
	margin-top: -42px;
	width: 60px;
}

#prev {
	float: left;
	background: #fff url(images/controls.png) no-repeat left top;
	display: block;
  	cursor: pointer;
  	width:23px;
  	height:23px;
  	border: 1px solid #dbdbdb;	
}
#next {
	float: right;
	margin-left: 5px;
	background: #fff url(images/controls.png) no-repeat right top;
	display: block;
  	cursor: pointer;
  	width:23px;
  	height:23px;
	border: 1px solid #dbdbdb;
}
#prev:hover {
	background-position: bottom left;
}
#next:hover {
	background-position: bottom right;
}

/*-----------------------------------------------------------------------------------*/
/*	BLOG
/*-----------------------------------------------------------------------------------*/

.post {
	position: relative;
  	margin-bottom: 30px;
  	padding-bottom: 10px;
  	background: transparent url(images/line.png) repeat-x bottom;
  	overflow: hidden;
}

.primary {
	width: 470px;
	float: left;
	padding-right: 25px;
	background: transparent url(images/line-v.png) repeat-y right;
}

.secondary {
	width: 180px;
	float: right;
	padding-left: 24px;
}

.secondary. sidebox {
	width: 190px;
}

.secondary:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.info {
	margin: 20px 0;
	overflow: hidden;
}

h3.title {
	margin: 0 0 9px 0;
}

h3.title a {
	color: #4a4a4a;
}


h3.title a:hover {
	color: #ab4d63;
}

.date {
     background-color: #eeeeee;
     height: 50px;
     width: 50px;
     float: left;
     padding-left: 1px;
     margin-right: 15px;
     text-align: center;
     font-family: 'Amaranth', sans-serif;
     color: #6d6d6d;
     font-style: italic;
}

.date .day {
	font-size: 20px;
	padding-top: 8px;
}

.date .month {
	font-size: 14px;
	text-transform: uppercase;
	margin-top: -2px;
}

.meta {
     float: right;
     width: 630px;
}

.primary .meta {
	width: 400px;
}

.meta a {
	color: #575757;
	line-height: 1;
}

.meta .comments {
	background: transparent url(images/icon-comment.png) no-repeat left top;
	float: left;
	margin-right: 20px;
	padding-left: 20px;
	font-style: italic;
	font-family: 'Droid Serif', serif;
	font-size: 11px;
}

.meta .comments a:hover {
	color: #ab4d63;
}

.meta .tags {
	background: transparent url(images/icon-cat.png) no-repeat left top;
	padding-left: 20px;
	float: left;
	font-family: 'Droid Serif', serif;
	padding-bottom: 2px;
}
.meta .tags a {
	padding: 0;
	background: none;
	float: left;
	padding-right: 5px;
	color: #575757;
	font-style: italic;
	line-height: 1;
	font-size: 11px;
}

.meta .tags a:hover {
	color: #ab4d63;
}

.page-navi ul {
	list-style: none;
}
.page-navi ul li {
	display: inline;
	background: none;
	padding: 0;
}
.page-navi ul li a {
	display: inline-block;
	font-style: normal;
	line-height: 1;
	text-align: center;
	width: 23px;
	height: 18px;
	padding-top: 5px;
	margin-right: 7px;
	border: 1px solid #dbdbdb;
	background: transparent url(images/page-navi.png) no-repeat left top;
	color: #585858;
	font-family: 'Amaranth', sans-serif;
}
.page-navi ul li a:hover, .page-navi ul li a.current {
	color: #ab4d63;
}

/*-----------------------------------------------------------------------------------*/
/*	FORMS
/*-----------------------------------------------------------------------------------*/

.form-container {
	position: relative;
	width: 700px;
}
.form-container .loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 400px;
}
.form-container .loading span {
}
.form-container .response {
	display: none;
	margin: 0px 0 0 100px;
	background:#d1f7b6;
	border:1px solid #8bca61;
	color:#5e9537;
	clear:both;
	text-shadow: none;
	padding: 15px 15px 13px 15px;
	line-height: 17px;
	width: 370px;
}
.forms {
}
.forms fieldset {
	font-family: Arial, Helvetica, sans-serif;
}
.forms ol {
	list-style: none;
}
/* form rows */
.forms li.form-row {
	margin-bottom: 20px;
}
.forms li.text-input-row {
}
.forms li.text-area-row {
}
.forms li.checkbox-row {
}
.forms li.radio-row {
}
.forms li.select-row {
}
.forms li.button-row {
}
.forms li.hidden-row {
	display: none;
}
/* form input fields */

.forms fieldset .text-input {
	color: #585858;
	width: 578px;
	height: 20px;
	padding: 5px 10px;
	font-size: 13px;
	background-color: #f2f2f2;
	border: 1px solid #dbdbdb;
	font-family: Arial, Helvetica, sans-serif;
}

.forms fieldset .text-area {
	color: #585858;
	width: 578px;
	height: 200px;
	padding: 5px 10px;
	font-size: 13px;
	display: block;
	background-color: #f2f2f2;
	border: 1px solid #dbdbdb;
	font-family: Arial, Helvetica, sans-serif;
	resize: none;
}

.forms fieldset .text-input:focus, .forms fieldset .text-area:focus {
	background-color: #f8f8f8;
}

.forms fieldset .radio {
}
.forms fieldset .checkbox {
}
.forms fieldset .select {
}
.forms fieldset .btn-submit {
	margin-left: 100px;
}

.forms li.error input, .forms li.error textarea {

}
.forms span.error {
	display: block;
	margin-left: 100px;
	color: #c43131;
}
.forms .button-row span.error {
	padding: 0;
	display: none;
}
.forms li.focus {
}
.forms label {
	display: block;
	float: left;
	width: 100px;
	padding-top: 8px;
	font-size: 13px;
	clear: both;
}

.form-container:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*-----------------------------------------------------------------------------------*/
/*	TWITTER
/*-----------------------------------------------------------------------------------*/

#twitter-wrapper {
	float: none;
	clear: both;
	position: relative;
	overflow: hidden;
	padding-bottom: 25px;
}
#twitter {

}
#twitter em {
	font-style: normal;
}
#twitter ul {
	padding: 0;
	margin: 0;
}
#twitter ul li {
	padding: 0 0 15px 0;
	margin-top: 15px;
	background: transparent url(images/line.png) repeat-x center bottom;
}
#twitter ul li:first-child {
	margin-top: 0;
}
.username {
	clear: both;
	position: absolute;
	padding: 15px 0 0 0;
	bottom:0;
	font-size: 12px;
	line-height: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO MASONRY
/*-----------------------------------------------------------------------------------*/

.items {
	width: 760px;
	overflow: hidden;
	margin-bottom: -35px;
	
}
.box {
	padding: 0;
	float: left;
}

.box h4 {
	padding:13px 0 5px 0;
	margin: 0;
}
.box h4 a {
	color: #4a4a4a;
}
.box h4 a:hover {
	color: #ab4d63;
}
.box p {
	padding: 0;
	margin: 0;
}

.col1 h4 {
	padding:0 0 5px 0;
	margin: 0;
}
.col1 p {
	margin-bottom: 15px;
}

.col1 {
	width: 700px;
	margin: 0 0 40px 0;	
	clear: both;
}

.col1 img {
	width: 455px;
}
.col2 {
	width: 335px;
	margin: 0 30px 40px 0;	
}
.col2 img {
	width: 335px;
}
.col3 {
	width: 220px;
	margin: 0 20px 40px 0;	
}
.col3 img {
	width: 220px;
}
.col4 {
	width: 160px;
	margin: 0 20px 40px 0;	
}
.flickr .col4, .dribbble .col4 {
	margin: 0 20px 20px 0;	
}
.col4 img {
	width: 160px;
}

#filtering-nav {
	letter-spacing: normal;
	margin: 0 0 20px 0;
	padding: 10px 0 9px 0;
}
#filtering-nav li {
	padding: 0;
	background: none;
	float: left;
	margin-right: 10px;
	font-family: 'Amaranth', sans-serif;
}

#filtering-nav li.show {
	padding: 5px 0 0 0;
	text-transform: uppercase;
}

#filtering-nav li a {
	margin: 0;
	
}
#filtering-nav li.active a {
	
}
.items:after, #filtering-nav:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#portfolio .items {
	opacity: 0;
}

.left-side {
	width: 455px;
	float: left;
	clear: both;
}

.right-side {
	width: 220px;
	float: right;
}

#page-loading {
	width: 700px;
	padding-bottom: 10px;
	overflow: hidden;
	margin:0 auto;
	text-align: center;
}

/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO HOVER
/*-----------------------------------------------------------------------------------*/

.items .box a, .items .left-side a, .carousel ul li a {
	display: block;
	position: relative;
}

.items .box a.button {
	display: inline-block;
}

.items .box a img, .items .left-side a img, .carousel ul li a img {
	display: block;
	position: relative;
}
.zoom, .play, .details {
	position: absolute;
	background: transparent url(images/icon-enlarge.png) no-repeat center center;
}
.play {
	background-image: url(images/icon-play.png);
}

.details {
	background-image: url(images/icon-link.png);
}

.box a span, .items .left-side a span, .carousel ul li a span {
	display: none;
	height: 100%;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 100%;
	z-index: 100;
}
.overlay {
	background-color: rgba(0, 0, 0, 0.33);
}

/*-----------------------------------------------------------------------------------*/
/*	PORTFOLIO
/*-----------------------------------------------------------------------------------*/

#showcase {
	margin: 0;
}

ul.works {
	width: 760px;
	margin-right: -20px;
	margin-bottom: -20px;
	overflow: hidden;
	list-style: none;
	padding: 0;
}
ul.works li {
	float: left;
	margin: 0 20px 20px 0;
	background: none;
	padding: 0;
}

ul.works li img {
	display: block;
}

ul.works li h4 {
	padding:13px 0 5px 0;
	margin: 0;
}

ul.works li p {
	padding: 0;
	margin: 0;
}

.e-showcase-target {
	float: left;
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 10px;
	background: transparent url(images/line.png) repeat-x left bottom;
	margin: -20px 0 30px 0;	
/*	height: 530px;*/
}

.e-showcase-block {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	display: none;
}

.e-showcase-block .b-slider {
	position: relative;
	width: 100%;
	overflow: hidden;
	width: 700px;
	min-height: 380px;
}

.e-showcase-block .inner { 
	width: 100%; 
	padding: 30px 0 0 0; 
	background: transparent;
}

iframe { 
	display: block;
}

.e-showcase-block .b-content {
	float: none;
	width: 700px;
	padding: 0;
	margin-top: 20px;
}

.e-showcase-navigation {
	float: right;
	width: 56px;
	overflow: hidden;
}

.e-showcase-navigation ul {
	list-style: none;	
}
.e-showcase-navigation ul li {
	float: left;
	background: #fff url(images/controls.png) no-repeat left top;
	display: block;
  	cursor: pointer;
  	width:23px;
  	height:23px;
  	border: 1px solid #dbdbdb;	
  	text-indent: -99999px;
  	padding: 0;
}

.e-showcase-navigation li.previous {
	background-position: top left;
	margin-right: 5px;
}

.e-showcase-navigation li.next {
	background-position: top right;
}

.e-showcase-navigation li:hover.previous {
	background-position: bottom left;
}

.e-showcase-navigation li:hover.next {
	background-position: bottom right;
}

.b-content h1 {
	margin-bottom: 20px;
}

.loader {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(images/loader.gif) no-repeat center #FCFCFC;
	z-index:1001;

}

/*-----------------------------------------------------------------------------------*/
/*	PRICING TABLE
/*-----------------------------------------------------------------------------------*/

.pricing {width: 700px; margin: 20px auto 30px; overflow: hidden; padding-top: 20px; }
.pricing.three .plan {width:31.2%; float: left; margin-left: 3%}
.pricing.four .plan {width:23.5%; float: left; margin-left: 2%}
.pricing .plan:first-child {margin-left: 0}

.pricing .plan h3 {font-size: 16px; text-align: center; color: #fff; line-height: 45px; margin: 0;}
.pricing .plan h3 {background: #5e923c}

.pricing .plan li:nth-child(2n) {background: #f6f6f6;}

.pricing .plan li {line-height: 3.5em;}
.select, .plan li {text-align: center}

.pricing .plan h3{border-radius: 4px 4px 0 0; text-transform: uppercase;}
.pricing .plan .select {border-radius: 0 0 4px 4px}

.pricing .select {background: #e7e7e7; border: 1px solid #c8c8c8}
.pricing .select div {padding-top: 18px; text-shadow: 0 1px 0px #fff;}

.pricing .features ul {border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; margin: 0}

.pricing .features ul li {background: none; padding: 0;}

/* specialized
-------------------------------------------------------------------*/
.pricing h3, .pricing h4 {color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.2); margin: 0;}

.interval {font-size: 13px;}

.amount, .interval {display: block; text-align: center;}
.amount {font-size: 40px; padding: 10px 0; }
.amount span {vertical-align: super; font-size: 20px}

/* Top
-------------------------------------------------------------------*/
.pricing .p1 h3{
    background: #6c9e4a;
    background: -moz-linear-gradient(top, #6c9e4a 0%, #578d35 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c9e4a), color-stop(100%,#578d35));
    background: -webkit-linear-gradient(top, #6c9e4a 0%,#578d35 100%);
    background: -o-linear-gradient(top, #6c9e4a 0%,#578d35 100%);
    background: -ms-linear-gradient(top, #6c9e4a 0%,#578d35 100%);
    background: linear-gradient(top, #6c9e4a 0%,#578d35 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c9e4a', endColorstr='#578d35',GradientType=0 );
    border-bottom: 1px solid #4a7c2d;
}
.pricing .p2 h3 {
    background: #5574b1;
    background: -moz-linear-gradient(top, #5574b1 0%, #405fa3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5574b1), color-stop(100%,#405fa3));
    background: -webkit-linear-gradient(top, #5574b1 0%,#405fa3 100%);
    background: -o-linear-gradient(top, #5574b1 0%,#405fa3 100%);
    background: -ms-linear-gradient(top, #5574b1 0%,#405fa3 100%);
    background: linear-gradient(top, #5574b1 0%,#405fa3 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5574b1', endColorstr='#405fa3',GradientType=0 );
    border-bottom: 1px solid #365195;
}
.pricing .p3 h3 {
    background: #ce5d26;
    background: -moz-linear-gradient(top, #ce5d26 0%, #c54716 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce5d26), color-stop(100%,#c54716));
    background: -webkit-linear-gradient(top, #ce5d26 0%,#c54716 100%);
    background: -o-linear-gradient(top, #ce5d26 0%,#c54716 100%);
    background: -ms-linear-gradient(top, #ce5d26 0%,#c54716 100%);
    background: linear-gradient(top, #ce5d26 0%,#c54716 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce5d26', endColorstr='#c54716',GradientType=0 );
    border-bottom: 1px solid #b3320f;
}
.pricing .p4 h3 {
    background: #906030;
    background: -moz-linear-gradient(top, #906030 0%, #7e4b1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#906030), color-stop(100%,#7e4b1e));
    background: -webkit-linear-gradient(top, #906030 0%,#7e4b1e 100%);
    background: -o-linear-gradient(top, #906030 0%,#7e4b1e 100%);
    background: -ms-linear-gradient(top, #906030 0%,#7e4b1e 100%);
    background: linear-gradient(top, #906030 0%,#7e4b1e 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#906030', endColorstr='#7e4b1e',GradientType=0 );
    border-bottom: 1px solid #653c18;
}

.pricing .p5 h3 {
    background: #96975d;
    background: -moz-linear-gradient(left, #96975d 0%, #8c8a50 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#96975d), color-stop(100%,#8c8a50));
    background: -webkit-linear-gradient(left, #96975d 0%,#8c8a50 100%);
    background: -o-linear-gradient(left, #96975d 0%,#8c8a50 100%);
    background: -ms-linear-gradient(left, #96975d 0%,#8c8a50 100%);
    background: linear-gradient(left, #96975d 0%,#8c8a50 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96975d', endColorstr='#8c8a50',GradientType=1 );
    border-bottom: 1px solid #656D2D;
}

.pricing .p6 h3 {
    background: #5f47ad;
    background: -moz-linear-gradient(left, #5f47ad 0%, #4c39a3 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5f47ad), color-stop(100%,#4c39a3));
    background: -webkit-linear-gradient(left, #5f47ad 0%,#4c39a3 100%);
    background: -o-linear-gradient(left, #5f47ad 0%,#4c39a3 100%);
    background: -ms-linear-gradient(left, #5f47ad 0%,#4c39a3 100%);
    background: linear-gradient(left, #5f47ad 0%,#4c39a3 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f47ad', endColorstr='#4c39a3',GradientType=1 );
    border-bottom: 1px solid #382D7D;
}

.pricing .p7 h3 {
    background: #52a25a;
    background: -moz-linear-gradient(left, #52a25a 0%, #459749 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#52a25a), color-stop(100%,#459749));
    background: -webkit-linear-gradient(left, #52a25a 0%,#459749 100%);
    background: -o-linear-gradient(left, #52a25a 0%,#459749 100%);
    background: -ms-linear-gradient(left, #52a25a 0%,#459749 100%);
    background: linear-gradient(left, #52a25a 0%,#459749 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52a25a', endColorstr='#459749',GradientType=1 );
    border-bottom: 1px solid #0E6216;
}

.pricing .p8 h3 {
    background: #ad4747;
    background: -moz-linear-gradient(left, #ad4747 0%, #a3393e 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ad4747), color-stop(100%,#a3393e));
    background: -webkit-linear-gradient(left, #ad4747 0%,#a3393e 100%);
    background: -o-linear-gradient(left, #ad4747 0%,#a3393e 100%);
    background: -ms-linear-gradient(left, #ad4747 0%,#a3393e 100%);
    background: linear-gradient(left, #ad4747 0%,#a3393e 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad4747', endColorstr='#a3393e',GradientType=1 );    
    border-bottom: 1px solid #7D2D2D;
}

.pricing .p9 h3 {
    background: #479aad;
    background: -moz-linear-gradient(left, #479aad 0%, #3995a3 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#479aad), color-stop(100%,#3995a3));
    background: -webkit-linear-gradient(left, #479aad 0%,#3995a3 100%);
    background: -o-linear-gradient(left, #479aad 0%,#3995a3 100%);
    background: -ms-linear-gradient(left, #479aad 0%,#3995a3 100%);
    background: linear-gradient(left, #479aad 0%,#3995a3 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#479aad', endColorstr='#3995a3',GradientType=1 );
    border-bottom: 1px solid #4a7c2d;
}

.pricing .p10 h3 {
    background: #95ad47;
    background: -moz-linear-gradient(left, #95ad47 0%, #90a339 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#95ad47), color-stop(100%,#90a339));
    background: -webkit-linear-gradient(left, #95ad47 0%,#90a339 100%);
    background: -o-linear-gradient(left, #95ad47 0%,#90a339 100%);
    background: -ms-linear-gradient(left, #95ad47 0%,#90a339 100%);
    background: linear-gradient(left, #95ad47 0%,#90a339 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95ad47', endColorstr='#90a339',GradientType=1 );
    border-bottom: 1px solid #6D7E63;
}

.pricing .plan h4 {padding:0 0 10px}

.pricing .p1 h4 {background: #8bb371; box-shadow: 0 1px 1px #9ABE82 inset;}
.pricing .p2 h4 {background: #6179ab; box-shadow: 0 1px 1px #738ab6 inset;}
.pricing .p3 h4 {background: #d26529; box-shadow: 0 1px 1px #d8773b inset;}
.pricing .p4 h4 {background: #a06d3c; box-shadow: 0 1px 1px #ad7f4f inset;}
.pricing .p5 h4 {background: #9DA03C;box-shadow: 0 1px 1px #9DA360 inset;}
.pricing .p6 h4 {background: #6B658F;box-shadow: 0 1px 1px #3E3574 inset;}
.pricing .p7 h4 {background: #4AAD59;box-shadow: 0 1px 1px #47BC59 inset;}
.pricing .p8 h4 {background: #BA4B4B; box-shadow: 0 1px 1px #CF5858 inset;}
.pricing .p9 h4 {background: #63A3AE; box-shadow: 0 1px 1px #79B2DA inset;}
.pricing .p10 h4 {background: #9BAD6A; box-shadow: 0 1px 1px #99C44C inset;}


/* Highlight
-------------------------------------------------------------------*/
.pricing .highlight h3 {margin-top: -15px;padding: 15px 0 0;}

.pricing .highlight {position: relative;}

.pricing .featured {background: no-repeat scroll left top transparent;
    display: block;
    height: 58px;
    position: absolute;
    right: -2px;
    text-indent: -9999em;
    top: -17px;
    width: 95px;
}

.pricing .featured {background-image: url("images/bestvalue1.png")}

.pricing a.button {
	text-shadow: none;
}

/*-----------------------------------------------------------------------------------*/
/*	TESTIMONIALS
/*-----------------------------------------------------------------------------------*/
ul.testimonials { list-style: none; width: 700px; position: relative;}
ul.testimonials li { padding:0; background: none; background-color: #f2f2f2; padding: 10px; margin-bottom: 20px;}  
ul.testimonials blockquote { list-style: none; margin: 0;}   
ul.testimonials blockquote p { margin: 0 0 10px 0;}   
ul.testimonials cite { margin-left: 25px;}  

/*-----------------------------------------------------------------------------------*/
/*	TOGGLE
/*-----------------------------------------------------------------------------------*/

.toggle {
	width: 100%;
	padding-bottom: 20px;
	clear:both;
}
.toggle-wrapper {
	padding-bottom:5px;
}
h2.trigger {
	width: 660px;
	clear:both;
	font-size: 15px;
	margin:0px;
	display: block;
	cursor: pointer;
	text-align: left;
}
.togglebox {
	width:700px;
	height: auto;
	overflow: hidden;
	margin: 10px 0;
	border: 1px solid #dedede;
}
.togglebox div {
	padding: 20px 20px 0 20px;
}
/*-----------------------------------------------------------------------------------*/
/*	TABS
/*-----------------------------------------------------------------------------------*/

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
	color: #4d4d4d;
}
ul.tabs li {
	float: left;
	position: relative;
	list-style: none;
	margin-right: 10px;
	background: none;
	padding: 0;
}
ul.tabs li a {
	float: left;
	margin: 0;
}
.tab_container {
	border-top: none;
	clear: both;
	float: left;
	width: 99%;
	border: 1px solid #dedede;
	margin-top: 10px;
}
.tab_content {
	padding: 20px 20px 0px 20px;
}
.tabbed-content {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
/*-----------------------------------------------------------------------------------*/
/*	TABLE
/*-----------------------------------------------------------------------------------*/

table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
	color: #6e6e6e;
	border-bottom:1px solid #dedede;
}
table td {
	padding: 8px 10px;
	border-right:1px solid #dedede;
}
table td:hover {
	background-color: #f2f2f2;
}
table th h4 {
	margin:0;
}
table th {
	padding: 10px;
	text-align: left;
	border-right:1px solid #dedede;
	font-weight: normal;
}
table td.center {
	text-align: center;
}
table td.last {
	background: none;
}
table th.center {
	text-align: center;
}
table th.last {
	background: none;
}
table tr {
	border-left:1px solid #dedede;
	border-top:1px solid #dedede;
}
table tr.caption {
	border-left:1px solid #dedede;
}
table.price td {
	text-align: center;
}
table.price td.left {
	text-align: left;
	font-weight: bold;
}
table.price td.right {
	text-align: right;
	font-weight: bold;
}
table.price td h4 {
	margin:0;
}
table.price td h4 span {
	display: block;
	font-size: 14px;
	font-style: normal;
	color: #6e6e6e;
}
table.price td h4 sup {
	padding-left: 3px;
	line-height: 18px;
	font-style: normal;
}
.check-icon {
	background: transparent url(images/check-table.png) no-repeat center left;
	width: 12px;
	height: 10px;
}
.cross {
	background: transparent url(images/cross.png) no-repeat center left;
	width: 10px;
	height: 10px;
}
table .check-icon {
	display: inline-block;
	text-align: center;
}
table span.cross {
	display: inline-block;
	text-align: center;
}
/*-----------------------------------------------------------------------------------*/
/*	LASTFM
/*-----------------------------------------------------------------------------------*/

#lastfm {
	margin-bottom: -28px;
	overflow: hidden;
}
#lastfm dl {
	position:relative;
	float:left;
	width:320px;
	height:125px;
	margin-bottom: 25px;
	padding: 3px 20px 0 10px;
}
#lastfm .lfm_art {
	position: absolute;
}
#lastfm .lfm_art img {
	width:120px;
	height:120px;
}
#lastfm .lfm_art #highlight {
	position: absolute;
	top: -1px;
	left: -13px;
	width: 153px;
	height: 125px;
}
#lastfm dl dd {
	overflow:hidden;
	margin-left: 150px;
	padding-bottom: 5px;
	line-height: 20px;
}
#lastfm dl dd.lfm_artist, #lastfm dl dd.lfm_album {
}
#lastfm dl:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*-----------------------------------------------------------------------------------*/
/*	TUMBLR
/*-----------------------------------------------------------------------------------*/

#tumblrFeed .body {
	float: left;
	width: 550px;
	margin-bottom: 20px;
	background: transparent url(images/line.png) repeat-x left top;
	padding-top: 20px;
}
#tumblrFeed .body img {
	width: 550px;
	max-width: 550px;
}
#tumblrFeed .body embed {
	margin-bottom: 10px;
}
#tumblrFeed .body iframe {
	margin-bottom: 10px;
}
#tumblrFeed .body img {
	margin-bottom: 10px;
}
#tumblrFeed .date {
	float: right;
	width: 120px;
	clear: both;
	background: transparent url(images/line.png) repeat-x left top;
	padding-top: 20px;
}
#tumblrFeed .date a {
	background: transparent url(images/icon-permalink.png) no-repeat left center;
	padding-left: 20px;
}
#tumblrFeed blockquote {
	margin-bottom: 10px;
}
.convlabel {
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
}
.convtext {
	margin-bottom: 15px;
}

/*-----------------------------------------------------------------------------------*/
/*	JTWEETS
/*-----------------------------------------------------------------------------------*/

#tweets {
	position: relative;
}
.jta-tweet-list {
	padding: 0;
	list-style: none;
}
.jta-tweet-list-item {
	padding: 0;
	overflow: hidden;
	background: #f2f2f2 url(images/icon-bird.png) no-repeat 22px center;
	height: 56px;
	margin-bottom: 7px;
	padding: 12px 0 12px 90px;
}
.jta-tweet-list-item:first-child {
}
.jta-tweet-profile-image {
	display: none;
}
.jta-tweet-profile-image-link {
}
.jta-tweet-profile-image img {
	display: none;
}
.jta-tweet-body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 16px;
	line-height: 20px;
}
.jta-tweet-body-list-profile-image-present {
}
.jta-tweet-user-name {
}
.jta-tweet-user-screen-name {
}
.jta-tweet-user-full-name {
}
.jta-tweet-text {
}
.jta-tweet-user-screen-name-link, .jta-tweet-user-full-name-link, .jta-tweet-a, .twitter-anywhere-user {
}
.jta-tweet-user-screen-name-link:hover, .jta-tweet-user-full-name-link:hover, .jta-tweet-a:hover, .twitter-anywhere-user:hover {
}
.jta-tweet-link {
}
.jta-tweet-link:hover {
}
.jta-tweet-hashtag {
}
.jta-tweet-hashtag:hover {
}
.jta-tweet-attributes {
	display: block;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #aaa;
	font-style: normal;
}
.jta-tweet-timestamp {
}
.jta-tweet-timestamp a {
	color: #aaa;
}
.jta-tweet-timestamp a:hover {
	color: #ab4d63;
}
.jta-tweet-timestamp .conj {
	padding: 0 5px;
}
.jta-tweet-source-link a[rel~="no-follow"] {
}
.jta-tweet-source-link a {
	color: #aaa;
}
.jta-tweet-source-link {
}
.jta-tweet-inreplyto {
	display: none;
}
.jta-tweet-inreplyto .conj {
	padding: 0 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #7A7A7A;
}
.jta-tweet-inreplyto a {
	color: #aaa;
}
.jta-tweet-inreplyto a:hover {
	color: #ab4d63;
}
.jta-tweet-location {
}
.jta-tweet-retweeter {
	display: none;
}
.jta-tweet-list-controls {
	overflow: hidden;
	margin-top: 12px;
}
.jta-tweet-list-controls span {
	color: #4a4a4a;
}
.jta-tweet-list-controls span:hover {
	color: #ab4d63;
}
.jta-tweet-list-autorefresh-trigger {
	padding: 8px 0px 8px 0px;
	margin-bottom: 10px;
	text-align: center;
	border: 1px solid #999;
}
.jta-tweet-list-autorefresh-trigger:hover {
	color: black;
	background-color: #999;
	cursor: pointer;
}
.jta-tweet-list-autorefresh-trigger-content {
}
.follow-me {
	position: absolute;
	bottom:26px;
	right: 0;
	font-size: 14px;
	font-family: 'Amaranth', sans-serif;
}
.jta-tweet-box {
}
.jta-connect-button {
}
.jta-login-info {
}
.jta-login-info-profile-image {
	width: 48px;
	display: inline;
	float: left;
}
.jta-login-info-profile-image img {
	width: 48px;
	height: 48px;
}
.jta-login-info-block {
	margin-left: 58px;
}
.jta-login-info-screen-name {
}
.jta-login-info-sign-out {
	width: 97px;
	margin-top: 2px;
	padding: 1px;
	text-align: center;
	border: 1px solid #999;
}
.jta-login-info-sign-out:hover {
	color: black;
	background-color: #999;
	cursor: pointer;
}
.jta-loading {
	text-align: center;
	padding: 0;
	margin: 0;
	background: none;
	padding: 0;
}
.jta-error {
	margin: 0;
	padding: 8px;
	color: #000;
	background-color: #f00
}
.jta-nodata {
	margin: 0;
	padding-top: 8px;
	padding-bottom: 8px;
}
.jta-clear {
	display: none;
}

/* DEMO ONLY */
/* ----------------------------------------- */

.slide-out-div {
       padding: 20px 10px 0 20px;
       width: 180px;
       background-color: #242424;
       position: relative;
       font-size: 11px;
        color:#888;
        z-index: 9998;
}

.slide-out-div p {
       font-size: 10px;
       line-height: 14px;
       margin: 0;
}

.divi {
	border-bottom: 1px solid #1e1e1e;
	margin: 12px 0;
}

.slide-out-div ul {
       margin-bottom: 20px;
}

.slide-out-div ul.last {
       margin-bottom: 0;
}

.slide-out-div ul li {
       list-style-type: none;
       list-style-position: inside;
       margin-bottom: 5px;
       padding: 0;
       background: none;
}

.slide-out-div ul li a {
       color:#888;
       font-size: 11px;
}

.slide-out-div ul li a:hover {
       color:#dfdfdf;
}

.slide-out-div ul.bg-switcher {
    padding: 0;
    margin: 0 0 5px 0;
}

.slide-out-div ul.bg-switcher li {
       list-style: none;
       float:left; 
       padding: 0;
       background: none;
}

.slide-out-div ul.bg-switcher li a {
       display: block;
       width: 15px;
       height: 15px;
       margin-right: 7px;
       cursor: pointer;
}

.slide-out-div ul.bg-switcher li a img {
       width: 15px;
       height: 15px;
}

.slide-out-div ul.last li {
       float:left;
       width: 60px;
       margin-bottom: 0px;
}

.slide-out-div ul.last li a {
       cursor: pointer;
}

.slide-out-div h3 {
       color: #d5d5d5;
       font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
       margin-bottom: 5px;
       font-size: 13px;
       text-transform: uppercase;
}

select {
	width: 150px;
	margin: 0 0 5px 0;
}

a.reset-styles {
	display: inline-block;
	padding: 3px 5px;
	font-size: 11px;
	color:#333;
	line-height: 14px;
	background-color: #d5d5d5;
	margin: 20px 0 0 0;
}

