/*-----------------------------------------------------------------------------------

	Theme Name: Redux
	Theme URI: http://www.premiumpixels.com
	Description: A Super Dooper Business Theme
	Author: Orman Clark
	Author URI: http://www.premiumpixels.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.2
	
	Designed & Handcrafted by Orman Clark for PremiumPixels.com
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-----------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix
	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
	3.	Header Styles
	4.	Navigation & Menus
	5.	Main Content Styles
	6.	Post Content Styles
	7.	Comments
	8.	Pagination
	9.	Footer Styles
	10.	Page Templates
	11.	Widgets
	12.	Sortcode Styles
	13. Featured Area
	14.	Cotton Area
	15.	Home Page Template
	16.	Portfolio Template

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	0.	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 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; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */


/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
/*-----------------------------------------------------------------------------------*/

body {
	background:url(images/body_bg.gif) repeat;
	margin: 0;
	padding: 0;
}

body,
input,
textarea {
	font: 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #999;
}

.hidden { display: none; }

.alignleft { float: left; }

.alignright { float: right; }

.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}

.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width:100%;
}

a { 
	text-decoration: none;
	color: #5597b2;
}

a:hover { text-decoration: none; }
 
a img { border: none; }

.left { float: left }

.right { float: right }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form,
.gallery-row,
.post-thumb,
.author-bio,
#logo { margin-bottom: 20px; }

.post-thumb,
.post_video {
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
	margin-bottom: 30px;
	background: #2f2f2f;
}

.cotton-area .post-thumb { background: none; }

.post_video iframe{
	vertical-align: bottom;
}

.post-thumb { margin-top: 30px; }

.post-thumb img { vertical-align: bottom; }

.hentry,
.navigation-links,
.hfeed,
.pinglist { margin-bottom: 30px; }

.widget
.children,
.entry-content ol ol,
.entry-content ol ul,
.entry-content ul ul,
.comment-body ol ol,
.comment-body ol ul,
.comment-body ul ul,
.widget ul ul { margin-bottom: 0; }
ul { list-type: none; }
hr {
	border-left: none;
	border-bottom: 1px solid #fefdfd;
	border-top: 1px solid #e4e1d9;
	margin: 0;
}

.respond-hr,
.entry-content hr { margin-bottom: 25px; }

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	padding: 0;
}

h1 {
	font-size: 24px;
	line-height: 28px;
}

h2 {
	font-size: 20px;
	line-height: 22px;
}

h3 {
	font-size: 16px;
	line-height: 20px;
}

h4 {
	font-size: 14px;
	line-height: 18px;
}

h5 {
	font-size: 12px;
	line-height: 18px;
}

h6 {
	font-size: 10px;
	line-height: 16px;
}

.page-title {
	float: left;
    color: #f1eee5;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 26px;
    margin: 10px 0 0 0;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	
}

.entry-title,
.entry-title a {
	font-size: 18px;
	line-height: 28px;
	font-weight: bold;
	color: #444444;
}

.entry-title a:hover { color: #5597b2;}

.single-portfolio .entry-title { 
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 15px;
}

.page-tagline {
	float: left;
	width: 500px;
	color: #6b96a8;
    font-style: italic;
    font-size: 18px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	padding: 5px 0 0 10px;
	margin-top: 10px;
}

.page-tagline p { margin: 0; }

.page-tagline p span {
	font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 10px;
	padding: 0px 5px 0 0; 
	float: left;
}

#container { width: 100%; }
	
#primary {
	float: left;
	width: 600px;
}

.page-template-template-full-width-php #primary { width: 100%; }

.layout-2cl #primary { float: right; }

#sidebar {
	float: right;
	width: 300px;
	color: #444444;
}

#sidebar h4 {
	color: #444444;
	font-weight: bold;
	font-size: 13px;
}

#sidebar .widget_recent_comments a, 
#sidebar .widget_categories a,
#sidebar .widget_recent_entries a,
#sidebar .widget_archive a,
#sidebar-narrow-right a,
#sidebar-narrow-left a {
	color: #444444;
}

#sidebar .widget_recent_comments ul, 
#sidebar .widget_categories ul,
#sidebar .widget_recent_entries ul,
#sidebar .widget_archive ul,
#sidebar-narrow-right ul,
#sidebar-narrow-left ul {
	list-style: none;
	margin: 0;
}

#sidebar .widget_recent_comments li,
#sidebar .widget_categories li,
#sidebar .widget_recent_entries li,
#sidebar .widget_archive li,
#sidebar-narrow-right li,
#sidebar-narrow-left li {
	border-bottom: 1px dashed #d5d3ce;
	padding: 5px;
}

#sidebar .widget_recent_comments ul ul,
#sidebar .widget_categories ul ul,
#sidebar .widget_recent_entries ul ul,
#sidebar .widget_archive ul ul,
#sidebar-narrow-right ul ul,
#sidebar-narrow-left ul ul { 
	margin-top: 5px;
	border-top: 1px dashed #d5d3ce;
}

#sidebar .widget_recent_comments ul ul li,
#sidebar .widget_categories ul ul li,
#sidebar .widget_recent_entries ul ul li,
#sidebar .widget_archive ul ul li,
#sidebar-narrow-right ul ul li,
#sidebar-narrow-left ul ul li {
	padding-left: 10px;
}

#sidebar .widget_recent_comments ul ul li:last-child,
#sidebar .widget_categories ul ul li:last-child,
#sidebar .widget_recent_entries ul ul li:last-child,
#sidebar .widget_archive ul ul li:last-child,
#sidebar-narrow-right ul ul li:last-child,
#sidebar-narrow-left ul ul li:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}

#sidebar-narrow-left,
#sidebar-narrow-right {
	float: left;
	width: 140px;
}

#sidebar-narrow-left { width: 120px; }

#sidebar-narrow-left { padding-right: 40px; }

.layout-2cl #sidebar { float: left; }

#footer {
	z-index: 100; 
	position: relative;
}

code {
    background: rgba(255, 255, 255, 0.5);
    font-family: normal normal normal 11px/19px Consolas, 'Andale Mono', Courier, 'Courier New', monospace;
}


/*-----------------------------------------------------------------------------------*/
/*	3.	Header Styles
/*-----------------------------------------------------------------------------------*/

#header {
	border-top: 1px solid #343d4b;
	background: url(http://www.clickthroo.com/wp-content/themes/redux/images/header_bg_default.gif) repeat-y center top #1a1f26;
}

#header-inner {
	width: 940px;
	margin: 0 auto;
	padding-top: 40px;
}

#header-title-wrap { margin-bottom: 40px; }

#logo { float: left; }
#logo,
#logo a {
	font-size: 28px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
}

#logo a:hover { text-decoration: none; }

#tagline {
	color: #999;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	margin: 0;
}

.line-effect {
	background: url(images/featured_border.png) repeat;
    height: 10px;
    width: 100%;
    margin: -10px 0 0 0;
    position: absolute;
    z-index: 1;
}

#global-tagline {
    padding: 10px 0 0 0;
    float: right;
    text-align: right;
	margin-right: 30px;
}

#global-tagline p {
    font-size: 16px;
    color: #777777;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
    margin: 0;
}

#global-tagline a {
    color: #CCC;
    border: none;
}

#global-tagline a:hover { color: #bbbbbb }


/*-----------------------------------------------------------------------------------*/
/*	4.	Navigation & Menus
/*-----------------------------------------------------------------------------------*/

#primary-nav {
	height: 30px;
	margin-bottom: 40px;
	float: right;
	margin-right: -10px;
}

#primary-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#primary-nav ul a {
	padding: 0 0 0 10px;
    color: #f1eee5;
    font-weight: bold;
    float: left;
    font-size: 13px; 
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}

#primary-nav ul li {
	position: relative;
	z-index: 40;
	float: left;
    margin: 0 0 0 10px;
}

#primary-nav ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

#primary-nav ul ul li { width: 100%; }

#primary-nav ul a:hover,
#primary-nav ul li.sfHover a,
#primary-nav ul li.current-cat a,
#primary-nav ul li.current_page_item a,
#primary-nav ul li.current-menu-item a {
    background: url(images/sprite.png) 10px 60px; /* Left image */
	text-decoration: none;
}

#primary-nav ul a:hover span,
#primary-nav ul li.sfHover a span,
#primary-nav ul li.current-cat a span,
#primary-nav ul li.current_page_item a span,
#primary-nav ul li.current-menu-item a span {
    background: url(images/sprite.png) 100% 30px; /* Right image */
}

#primary-nav ul li.sfHover li a,
#primary-nav ul li.sfHover li a span{
	 background: none; 
}

#primary-nav li li a:hover,
#primary-nav li.sfHover li a { background: none }

#primary-nav li a span {
    display: block;
    padding: 5px 10px 5px 0;
    float: left;
    cursor: pointer;
}

#primary-nav li li a span { padding: 0 }

.sf-sub-indicator { text-indent: -9999px; }

#primary-nav li a span.sf-sub-indicator {
    background: url(images/sprite.png) 29px 120px;
    width: 29px;
    height: 30px;
    float: left;
    margin: 0 0 0 -7px;
    padding: 0;
}

.ie #primary-nav li a span.sf-sub-indicator { height: 28px; }

#primary-nav ul a:hover span.sf-sub-indicator,
#primary-nav ul li.sfHover a span.sf-sub-indicator,
#primary-nav ul li.current-cat a span.sf-sub-indicator,
#primary-nav ul li.current_page_item a span.sf-sub-indicator,
#primary-nav ul li.current-menu-item a span.sf-sub-indicator { 
	background: url(images/sprite.png) 29px 90px 
}

.ie #primary-nav ul a:hover span.sf-sub-indicator,
.ie #primary-nav ul li.sfHover a span.sf-sub-indicator,
.ie #primary-nav ul li.current-cat a span.sf-sub-indicator,
.ie #primary-nav ul li.current_page_item a span.sf-sub-indicator,
.ie #primary-nav ul li.current-menu-item a span.sf-sub-indicator { 
    height: 29px;
}

#primary-nav li .sub-menu li a span.sf-sub-indicator,
#primary-nav li.sfHover .sub-menu li a span.sf-sub-indicator { height: 12px; }

#primary-nav li li a span.sf-sub-indicator,
#primary-nav li.sfHover li a span.sf-sub-indicator {
    background: url(images/sprite.png) 37px 84px;
    height: 12px;
    margin: 5px 0 0 0;
    width: 10px;
    float: right;
}

#primary-nav li.sfHover li.sfHover li a span.sf-sub-indicator { background: url(images/sprite.png) 37px 84px }

#primary-nav li li.sfHover a span.sf-sub-indicator,
#primary-nav li li.sfHover li.sfHover a span.sf-sub-indicator { background: url(images/sprite.png) 37px 72px }

/*  Make sub menus appear */
#primary-nav ul li:hover ul,
#primary-nav ul li.sfHover ul {
	left: -1px;
	top: 36px; /* match top ul list item height */
	z-index: 99;
}

/* Hide all subs subs (4 levels deep) */
#primary-nav ul li:hover li ul,
#primary-nav ul li.sfHover li ul,
#primary-nav ul li li:hover li ul,
#primary-nav ul li li.sfHover li ul,
#primary-nav ul li li li:hover li ul,
#primary-nav ul li li li.sfHover li ul { top: -9999em; }

/* Displays all subs subs (4 levels deep) */
#primary-nav ul li li:hover ul,
#primary-nav ul li li.sfHover ul,
#primary-nav ul li li li:hover ul,
#primary-nav ul li li li.sfHover ul,
#primary-nav ul li li li li:hover ul,
#primary-nav ul li li li li.sfHover ul {
	left: 180px; /* match .nav ul width */
	top: -1px;
}

/* 2nd level skin */
#primary-nav ul ul {
	position: absolute;
	top: -9999em;
	width: 180px; /* left offset of submenus need to match (see below) */
	background: url(images/nav_dropdown_bg.gif) repeat;
    padding: 15px 5px 15px 5px;
    margin: 3px 0 0 0;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#primary-nav ul ul li {
	float: left;
	width: 150px;
	background: none;
	border-bottom: 1px solid #0f0f0f;
    border-top: 1px solid #262626;
	padding: 0 5px 0 5px;
}

#primary-nav ul ul li:first-child  { border-top: none }

#primary-nav ul ul li:last-child { border-bottom: none }

#primary-nav ul ul li a {
	font-size: 12px;
	font-weight: normal;
	padding: 5px 0 5px 0;
	width: 150px;
}


#primary-nav ul li a,
#primary-nav ul li a span,
{ background: none }


/*  Slider */

#slider {
	width: 100%;
	margin-top: 20px;
	float: left;
	position: relative;
	z-index: 2;
	display: none;
}

#portfolio-slider {
	width: 100%;
	float: left;
	position: relative;
	z-index: 2;
	display: none;
}

#portfolio-slider .slides_container {
	width: 696px;
}

.slides_container {
	width: 940px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#slider .hentry { margin: 0; }

#slider .entry-content {
	width: 940px;
	border: none;
	padding: 0;
}

#slider .entry-content a { border: none; }

#slider p { margin: 20px 0 0 0; }

#slider h2 {
    color: #f1eee5;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 26px;
    margin: 0 0 30px 0;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

#slider h3 {
	font-size: 18px;
	color: #6b96a8;
    line-height: 30px;
    margin: 0 0 20px 0;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}

#slider img.alignright { margin: 10px 0 0 20px; }

#slider img.alignleft { margin: 10px 25px 0 0; }

.slides-nav {
    width: 940px;
    float: left;
}

.slides-nav .arrow-left a,
.slides-nav .arrow-right a {
    position: absolute;
    background: url(images/sprite.png) 150px 93px;
    width: 21px;
    height: 32px;
    display: block;
    text-indent: -9999px;
    margin: -165px 0 0 -50px;
    border: none;
}

.slides-nav .arrow-right a {
    background: url(images/sprite.png) 128px 93px;
    margin: -165px 0 0 980px;
}

.slides-nav .arrow-right a:hover { background: url(images/sprite.png) 84px 93px }

.slides-nav .arrow-left a:hover { background: url(images/sprite.png) 106px 93px }



/*-----------------------------------------------------------------------------------*/
/*	5.	Main Content Styles
/*-----------------------------------------------------------------------------------*/

address { font-style: italic; }

abbr[title],
acronym[title],
dfn[title] {
	cursor: help;
	border-bottom: 1px dotted #666;
}

blockquote {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-style: italic;
    line-height: 22px;
    background: url(images/quote.png) no-repeat left 5px;
    padding: 0 40px 0 50px;
    margin: 0 0 30px 50px;
    min-height: 40px;
}

strong { font-weight: bold; }

em,
dfn,
cite { font-style: italic; }

dfn { font-weight: bold; }

sup {
	font-size: 11px;
	vertical-align: top;
}

sub {
	font-size: 11px;
	vertical-align: bottom;
}

small { font-size: 12px; }

del { text-decoration: line-through; }

ins { text-decoration: underline; }

code,
pre { line-height: 18px; }

var,
kbd,
samp,
code,
pre {
	font: 12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
	background: #efefef;
}

kbd { font-weight: bold; }

samp,
var { font-style: italic; }

pre {
	white-space: pre;
	overflow: auto;
	padding: 10px;
	border: 1px solid #ddd;
	clear: both;
}

code { padding: 3px; }

ul,
ol,
dl { margin-left: 30px; }


caption { text-align: left; }


.archive .entry-content,
.blog .entry-content { padding-bottom: 20px; }


.single .entry-content { padding-bottom: 25px ;}

.tz_tweet_widget span a,
.text-widget a,
.archive-lists a,
.comment-body a,
.cancel-comment-reply a,
.author-bio a,
.entry-content a { 
	border-bottom: 1px solid #dbd7cc; 
}

.tz_tweet_widget span a:hover,
.text-widget a:hover,
.archive-lists a:hover,
.cancel-comment-reply a:hover,
.comment-body a:hover,
.author-bio a:hover,
.entry-content a:hover { 
	border-bottom: 1px solid #cbc7bd;
	color: #444444;
}

.entry-content img { max-width: 940px; }

img.alignleft {
	float: left;
	margin: 10px 25px 20px 0;
}

img.alignright {
	display: block;
	margin: 10px 0 25px 20px;
}

img.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
	margin-top: 5px;
}

.wp-caption {
	text-align: center;
	margin: 10px 20px 20px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

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

.wp-caption
.wp-caption-text {
	margin: 0;
	padding: 5px;
}

.wp-smiley {
	max-height: 13px;
	margin: 0 !important;
}

.gallery { margin: auto; }

.gallery-image {
	border: 2px solid #efefef;
	margin-left: 0;
}

.gallery-caption { margin-left: 0; }

.gallery-item {
	float: left;
	text-align: center;
	margin-left: 0;
}


.gallery {
	float: left;
	width: 100%;
}

.gallery-item {
	width: auto !important;
	float: left;
	margin:  10px 10px 0 0 !important;
}

.gallery-item img {
	margin: 0 !important;
	padding:  0 !important;
}

.gallery-item a {
	float: left;
	border: none !important;
	margin:  0 !important;
	padding: 0 !important;
}


input,
textarea,
button {
	background: #fff;
	border: 1px solid #dad9d5;
}

input,
textarea { padding: 7px; }

button {
	padding: 2px 10px;
	cursor: pointer;
}

input:focus,
textarea:focus,
button:hover {
	background: #fff;
	border-color: #c8c6c2;
	color: #444444;
}

#submit { cursor: pointer; }

#content {
	width: 940px;
	margin: 0 auto;
	padding-top: 20px;	
	padding-bottom: 20px;
	color: #444444;
}

.home #content { padding: 0 0 15px 0; }

.more-link{
	font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}


/*-----------------------------------------------------------------------------------*/
/*	6.	Post Content Styles
/*-----------------------------------------------------------------------------------*/

.entry-meta {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 11px;
    margin: 12px 0 15px 0;
    color: #888888;
    padding: 3px 10px 3px 10px;
    background: #edeae3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.entry-meta a { color: #888888; }
.entry-meta a:hover { color: #666666; }

.author-bio {
	margin-top: 50px;
}

.author-bio .avatar	{
	float: left;
	margin: 0 20px 0 0;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
	padding: 0;
}

.author-bio img { vertical-align: bottom}

li .respond-title { display: none; }

.respond-title,
.author-title,
.related-title {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 30px;
}

.author-description { margin-left: 60px; }

.entry-content ul { list-style-type: disc; }

.entry-content ol { list-style-type: decimal; }

#blog-related-wrap {
	margin-top: 50px;
}

#blog-related-wrap ul{
	margin: 0 0 0 0;
	width: 620px;
	float: left;
}

#blog-related-wrap li{
	float: left; 
	width: 135px;
	height: 170px;
	margin-bottom: 30px;
	margin-right: 20px;
}

#blog-related-wrap .post-thumb {
	margin: 0 0 15px 0;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
}

#blog-related-wrap .entry-title,
#blog-related-wrap .entry-title a {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
}


/*-----------------------------------------------------------------------------------*/
/*	7.	Comments
/*-----------------------------------------------------------------------------------*/

#respond-wrap .comments-sidebar { padding-top: 30px; }

#respond label{
	font-size: 12px;
}

#comments {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 30px;
	margin-top: 50px;
}

.commentlist {
	margin: 10px 0 40px 0;
	padding: 0 10px 0 0;
	list-style-type: none;
	width: 600px;
	float: left;
}

.page-template-template-full-width-php .commentlist { width: 100%; }

.commentlist .line { display: none; }

.commentlist li {
	border-bottom: 1px dashed #d5d3ce;
	padding-bottom: 25px;
	min-height: 65px;
}

.commentlist li li { border-bottom: none; }

.commentlist li li .line{
	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	border-bottom: 1px dashed #d5d3ce;
	margin: 0 0 0 0px;
}

.comment-body { padding-left: 86px; }

li li .comment-body { padding-left: 137px; }

.commentlist ul {
	border-left: 1px dashed #d5d3ce;
	margin: 30px 0 0 30px;
}

.comment-body p:last-child { margin: 0;}

.commentlist ul ul{	
	margin: 45px 0 0 88px;
	padding: 10px 0 0 0;
}

.commentlist li li { margin-top: 15px; }
.commentlist li li:last-child {	margin-bottom:0; }
.commentlist li li li {	margin-top: 0; }

.commentlist li #respond { padding: 40px 0 0 0px; }
.commentlist li li #respond { padding: 40px 0 0 55px; }

.pinglist {
	margin: 20px 0 40px 30px;
	list-style-type: decimal;
}

.comment {margin-bottom: 25px; }

.comment-body ul,
.comment-body ol,
.comment-body dl { margin-left: 30px; }

li .cancel-comment-reply { padding-bottom: 20px; }

ol #commentform { width: 100%; }

#commentform input {
	margin-right: 10px; 
	width: 45%;
}

#commentform textarea {
	width: 96%;
	height: 150px;
}

#commentform small span,
.contactform small span { color: #F00; }

#commentform small span.grey,
.contactform small span.grey{
	color: #999;
	font-family: "Droid Serif", Georgia, Times, serif;
	font-style: italic;
}

.children { list-style-type: none; }


.avatar {
	margin: 0 20px 20px 0;
	background: url(images/body_bg.gif) repeat;
	position: relative;
	z-index: 5;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
}


li li .avatar { margin:0 0 20px 55px; }

.comment-author .comment-meta a{
	color: #999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 11px;
}

.comment-meta a:hover { color: #5597b2; }

.fn { 
	float: left;
	font-weight: bold;
	margin-right: 10px;
	color: #333;
}

.comment-author { 
	padding-left: 85px;
	padding-bottom: 15px; 
}

li li .comment-author { padding-left: 137px; }

.comment-author a{ color: #444444; }



.comment-author { margin-top: -95px; }

.comment-author-admin { }

.comment-author cite { 
	font-style: normal;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.says { display: none; }

.nocomments {
	text-align: center;
	padding: 20px;
}

.comment-body ul { 
	list-style-type: disc; 
	border: none;
	margin-bottom: 20px;
}

.comment-body ul li {
	padding: 0;
	margin: 0;
}

.comment-body ol { list-style-type: decimal; }

.moderation {
	padding-left: 45px;
	color: red;
	font-size: 11px;
}

.author-tag {
	font-family: "Droid Serif", Georgia, Times, serif;
	font-size: 11px;
}

button {
    height: 49px;
    cursor: pointer;
    margin: 0;
}

button span {
    height: 35px;
    margin: 0;
    padding: 14px 23px 0 0;
}

button.alt_btn {
    background: none;
    border: none;
    cursor: pointer;
}

button.alt_btn span.left {
    background: url(images/sprite.png) 24px 354px;
    display: block;
    padding: 0 0 0 23px;
    height: 49px;
    float: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 14px;
    color: #252525;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8);
    text-align: center;
    border: none;
}

button.alt_btn span.right {
    height: 34px;
    background: url(images/sprite.png) 100% 251px;
    display: block;
    padding: 15px 23px 0 0;
}

button:hover.alt_btn span.left { background: url(images/sprite.png) 24px 406px }

button:hover.alt_btn span.right { background: url(images/sprite.png) 100% 302px }


/*-----------------------------------------------------------------------------------*/
/*	8.	Pagination
/*-----------------------------------------------------------------------------------*/

.page-navigation .nav-next { float: left; }

.page-navigation .nav-previous { float: right; }

.single-page-navigation .nav-next { float: right; }

.single-page-navigation .nav-previous { float: left; }

.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:active,
.wp-pagenavi span.current {
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    padding: 3px 9px 4px 9px;
    border: 1px solid #c6c6c6;
    color: #666666;
    margin: 0 6px 0 0;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current { 
	border: 1px solid #999;
}


.wp-pagenavi span.pages {
	border: none;
	margin: 0 15px 0 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 12px;
	
}

.wp-pagenavi span.extend {
	padding: 4px 8px;
	margin: 2px;
}

.wp-pagenavi {
    padding: 0;
    float: left;
}

/*-----------------------------------------------------------------------------------*/
/*	9.	Footer Styles
/*-----------------------------------------------------------------------------------*/

#footer a { color: #f1eee5; }
#footer a:hover { color: #fff; }

#footer-bottom {
	width: 100%;
	background: #0d0d0d;
	color: #626262;
}

#footer-bottom a{ color: #989898; }

#footer-bottom a:hover{ color: #ccc; }

#footer-inner {
	width: 940px;
	margin: 0 auto;
	padding: 17px 0 0 0;
	height: 40px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

#footer-column-left { width: 615px; }

.copyright { float: left; }

.credit { float: right; }

#footer .widget p:last-child { margin: 0; }


/*-----------------------------------------------------------------------------------*/
/*	10.	Page Templates
/*-----------------------------------------------------------------------------------*/

.archive-lists ul { list-style: disc; }

.archive-lists h4 { margin-bottom: 20px; }

.archive-lists .children { margin-bottom: 0; }

.full-width { width: 940px!important; }

.contactform { margin-left: 0; }

.contactform li { list-style-type: none; }

.contactform li label {
	display: block;
	margin-bottom: 10px;
}

.contactform li input[type="text"] {
	width: 300px;
	margin-bottom: 15px;
}

.contactform li textarea {
	width: 80%;
	height: 150px;
	margin-bottom:15px;
}

label.error { color: red; }


/*-----------------------------------------------------------------------------------*/
/*	11.	Widgets
/*-----------------------------------------------------------------------------------*/

.widget { padding-bottom: 30px; }

.widget-title {
	color: #333;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 18px;
}

.widget ul {
	list-style-type: disc;
	margin-bottom: 0;
}

.widget ol {
	list-style-type: decimal;
	margin-bottom: 0;
}

/* Search Widget */
.widget_search #s { width: 95%; }

.widget_search form,
.widget_search fieldset { margin: 0; }

/* Calander Widget */
.widget_calendar caption { margin-bottom: 5px; }

.widget_calendar table { width: 100% }

/* Advert Widgets */

.tz_ad120x240_widget img { vertical-align: bottom; }

.tz_ad120x240_widget a {
	background: url(images/advert_bg.gif) repeat;
    padding: 10px;
	display: block;
}

.ads-125 ul {
    float: left;
    width: 310px;
	margin: 0;
	list-style: none;
}

.ads-125 li {
    float: left;
    margin: 0 10px 10px 0;
    border: none;
    padding: 0;
	background: url(images/advert_bg.gif) repeat;
    padding: 10px;
}

.ads-125 li a {
    width: 125px;
    height: 125px;
    display: block;
    border: none;
}

.sidebar_ad a:hover,
.ads-125 li:hover { background: url(images/advert_bg_hover.gif) repeat }

.ads-125 img { vertical-align: bottom; }


/* Flickr Widget */
.tz_flickr_widget { padding-right: 0; }

#flickr_badge_wrapper { width: 312px; }

.flickr_badge_image {
	float: left;
	margin: 0 12px 12px 0;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.30);
	background: #9a9a9a;
}

.flickr_badge_image img {
	width: 66px;
	height: 66px;
	vertical-align: bottom;
}

/* 300 x 250 Widget */
.tz_ad300_widget { padding: 0; }

.tz_ad300_widget .widget-title { display: none; }

.ads-300 {
	width: 300px;
	height: 250px;
	overflow: hidden;
}

/* Tabbed Widget */
.tz_tab_widget #tabs {
	background: url(images/advert_bg.gif) repeat;
    padding: 10px;
	width: 280px;
}

.tz_tab_widget #tab-items {
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 40px;
	border-top: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	background: url(images/nav_bg.gif) repeat;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.tz_tab_widget #tab-items li {
	float: left;
	line-height: 40px;
	padding: 0;
	background: none;
	text-align: center;
	background: url(images/tab_border.gif) repeat-y left;
}

.tz_tab_widget #tab-items li#tz_tab1 { width: 70px; }
.tz_tab_widget #tab-items li#tz_tab2 { width: 70px; }
.tz_tab_widget #tab-items li#tz_tab3 { width: 87px; }
.tz_tab_widget #tab-items li#tz_tab4 { width: 52px; }

.tz_tab_widget #tab-items li#tz_tab4 a {
	-moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
	border-radius: 0 4px 0 0;
}

.tz_tab_widget #tab-items li#tz_tab1 a {
	-moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
	border-radius: 4px 0 0 0;
}

.tz_tab_widget #tab-items li a {
	font-size: 12px;
	font-weight: bold;
	color: #999;
	padding-top: 1px;
	display: block;
}


.tz_tab_widget #tab-items li.ui-tabs-selected a,
.tz_tab_widget #tab-items li.ui-state-active a {
	background: url(images/tab_border.gif) repeat-y left #fbfaf8;
	text-decoration: none;
	color: #666;
}

.tz_tab_widget #tab-items li a:hover {
	background: url(images/tab_border.gif) repeat-y left #fbfaf8;
	line-height: 39px;
	color: #666;
}

.tz_tab_widget #tab-items li.ui-state-active a:hover {
	line-height: 40px;
}

.tz_tab_widget .tabs-inner {
	border: 1px solid #d2d2d2;
	padding: 10px 0 10px 0;
	background: #fcfbf9;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.tz_tab_widget .ui-tabs-hide { display: none; }

.tz_tab_widget .tab ul {
	list-style-type: none;
	margin: 0;
}

.tz_tab_widget .tab ul li {
	border-bottom: 1px solid #e2e2e2;
	padding: 12px 20px 12px 20px;
	min-height: 60px;
}

.tz_tab_widget .tab ul li:last-child {
	border-bottom: none;
}

.tz_tab_widget .tab-thumb { 
	background: #9a9a9a;
	float: left;
	margin: 5px 13px 0 0;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.tz_tab_widget .tab-thumb img { vertical-align: bottom; }

.tz_tab_widget .entry-title,
.tz_tab_widget .entry-title a {
	font-size: 12px;
	line-height: 20px;
	text-transform: none;
	font-weight: normal;
	padding: 0;
}

.tz_tab_widget .entry-meta {
	float: left;
	padding: 0;
	margin: 0;
}
	
.tz_tab_widget .entry-meta,
.tz_tab_widget .entry-meta a {
	color: #aaaaaa;
	background: none;
	font-size: 11px;
}

.tz_tab_widget .entry-meta a:hover {
	text-decoration: none;
	color: #444444;
}

.tab-comments .avatar {
	background: #9a9a9a;
	float: left;
	margin: 5px 13px 0 0;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.tab-comments h3,
.tab-comments h3 a {
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	font-style: italic;
	color: #666;
	text-transform: none;
}

.tab-tags { padding: 5px 20px 15px 20px; }

.tab-tags a {
	color: #444444;
	background: #f5f3ee;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 3px 6px;
	display: block;
	float: left;
	margin: 0 3px 3px 0;
}

.tab-tags a:hover {
	color: #fff;
	background: #f2f2f2;
	text-decoration: none;
}

/* Twitter & RSS -------------- */

.rss_widget,
.twitter_widget { float: left }

.rss_widget { padding: 0 25px 0 35px }

span.icon {
    float: left;
    margin: 5px 10px 0 0;
}

span.icon a { border: none!important }

span.count {
    float: left;
    font-size: 21px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

a span.count {
    color: #444444;
    float: left;
}

span.desc {
    float: left;
    font-size: 11px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

a span.desc {
    color: #888888;
    float: left;
}

.rss_widget .details,
.twitter_widget .details {
    width: 70px;
    margin: 0 0 0 0;
    float: left;
}

a:hover span.desc { color: #444444 }


/* Screenshot & Screencast Widgets */

.tz-screencast ul,
.tz-large-screenshot ul,
.tz-small-screenshot ul {
	margin: 0;
	padding: 0; 
	list-style: none;
}

.tz-small-screenshot P { margin: 0; }

.tz-screencast li,
.tz-large-screenshot li,
.tz-small-screenshot li {
	width: 100%;
	margin: 0 0 25px 0;
	min-height: 55px;
}

.tz-screencast li:last-child,
.tz-small-screenshot li:last-child,
.tz-large-screenshot li:last-child { margin: 0; }

.tz-screencast .post-thumb,
.tz-large-screenshot .post-thumb,
.tz-small-screenshot .post-thumb {
	float: left;
	margin: 5px 15px 0 0;
	padding: 0;
}

.tz-screencast .post-thumb,
.tz-large-screenshot .post-thumb { margin-bottom: 15px; }

p.tz_video_desc,
p.caption {
	font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 11px;
    margin: 0;
    color: #888888;
	float: left;
	width: 270px;
	text-align: center;
    padding: 3px 10px 3px 10px;
    background: #edeae3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* Video Widget */
p.tz_video_desc { 
	width: auto;
	float: none;
	margin-top: 5px;
	text-align: center;
}

.tz-small-screenshot .plus { float: left; }
.tz-small-screenshot .plus span { margin: -10px 0 0 -10px; }
.tz-screencast .plus span,
.tz-large-screenshot .plus span { margin: -10px 0 0 -24px; }

/* Blog Widget & Twitter wWidget */

.tz_tweet_widget ul,
.tz-blog-widget ul {
	margin: 0;
	padding: 0; 
	list-style: none;
	border-bottom: 1px solid #fefdfd;
}

.cotton-area .tz_tweet_widget ul,
.cotton-area .tz-blog-widget ul {
	border-bottom: none;
}

.tz_tweet_widget li,
.tz-blog-widget li {
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #e4e1d9;
	border-top: 1px solid #fefdfd;
	min-height: 58px;
}

.cotton-area .tz_tweet_widget li,
.cotton-area .tz-blog-widget li {
	border-bottom: 1px solid #121212;
	border-top: 1px solid #2c2c2c;
}

.cotton-area .tz_tweet_widget li:last-child,
.cotton-area .tz-blog-widget li:last-child {
	border-bottom: none;
}

.tz_tweet_widget li:first-child,
.tz-blog-widget li:first-child {
	padding-top: 0;
	border-top: none;
}

.tz-blog-widget .post-thumb {
	float: left;
	padding: 0;
	margin: 5px 15px 0 0;
}

.tz-blog-widget .entry-title,
.tz-blog-widget .entry-title a {
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
}

.cotton-area .tz-blog-widget .entry-title,
.cotton-area .tz-blog-widget .entry-title a {
	color: #f1eee5;
}

.cotton-area a:hover {
	color: #fff;
}

.tz-blog-widget .entry-meta {
	background: none;
	padding: 0;
	margin: 0;
}

.tz_tweet_widget li { min-height: 0; }

#twitter-link { 
	margin-top: 20px;
	display: block;
}

.tz_tweet_widget a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 11px;
    color: #888888;
    font-style: italic;
}

.cotton-area .tz_tweet_widget span a { border: none; }

.tz_tweet_widget a:hover { color: #444444 }

.tz_tweet_widget span a {
    font-style: normal;
    font-family: "Helvetica-Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.tz_tweet_widget ul {
    float: left;
    border-bottom: 1px solid #fefdfd;
}

.tz_tweet_widget li {
    float: left;
    padding: 15px 0 15px 0;
    border-top: 1px solid #fefdfd;
    border-bottom: 1px solid #e4e1d9;
    width: 100%;
}

.tz_tweet_widget li:first-child {
    border-top: none;
    padding: 0 0 15px 0;
}

.tz_tweet_widget p { margin: 0 0 1px 0 }

/* Subscriber Widget */

.tz-subscribe .input_bg {
    background: url(images/sprite.png) 10px 477px;
    height: 35px;
    padding: 0 0 0 10px;
    margin: 0 0 15px 0;
}

.tz-subscribe #newsletterForm { margin: 0; }

.tz-subscribe .input_bg span.input_bg_left {
    background: url(images/sprite.png) 100% 442px;
    display: block;
    height: 35px;
}

.tz-subscribe .input_bg input {
    margin: 8px 0 0 0;
    width: 67%;
    float: left;
    background: #101010;
    border: none;
    color: #f2f0eb;
    padding: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.cotton-area .tz-subscribe .input_bg input { color: #979797;}
.tz-subscribe button.inside {
    cursor: pointer;
    background: url(images/sprite.png) 100% 503px;
    height: 26px;
	float: right;
    text-align: center;
    border: none;
    color: #4a4a4a;
    margin: 4px 5px 0 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.40);
    font-weight: bold;
    padding: 0 5px 0 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

.tz-subscribe button:hover.inside {
    background: url(images/sprite.png) 100% 530px;
    color: #333333;
}

.tz-subscribe .result { display: none }

.cotton-area .tz-subscribe p.success,
.cotton-area .tz-subscribe p.error {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.cross,
.tick {
    background: url(images/sprite.png) 81px 113px;
    width: 17px;
    height: 17px;
    display: block;
    float: left;
    margin: 2px 5px 0 0;
}

.tick { background: url(images/sprite.png) 98px 113px }

.tz-subscribe p.error { 
	color: #d04c49 ;
	margin: 0 0 15px 0;
}

.tz-subscribe p.success { 
	color: #8fa753;
	margin: 0 0 15px 0;
}

.tz-subscribe .loader { 
	position: absolute;
	margin: 8px 0 0 -15px;

}

/* Testimonials Widget */

.tz-testimonials ul{
	margin: 0;
	list-style: none;
	padding: 0;
}

.tz-testimonials li { margin-bottom: 40px; }
.tz-testimonials li:last-child { margin-bottom: 0; }

.tz-testimonials .post-thumb {
	float: left;
	margin: 0 15px 20px 0;
}

.tz-testimonials .entry-meta {
	background: none;
	padding: 0;
	margin: 0;
}

.tz-testimonials span {
    display: block;
    margin: 0 0 1px 0;
    color: #444444;
}

.tz-testimonials .name {
    font-weight: bold;
}

.tz-testimonials .role {
	font-style: normal;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.cotton-area .tz-testimonials .name,
.cotton-area .tz-testimonials .role {
	color: #f1eee5;
}

.tz-testimonials .site {
    color: #888888;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 11px;
    border: none;
}

.tz-testimonials p {
    width: 100%;
    float: left;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
	margin: 0;
}

/* Table  ------------------------------*/

.callout_box.table .inner {
    background: #fdfcfa;
    padding: 0;
    border: 1px solid #d3d3d3;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.callout_box.table table {
    width: 100%;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    border-collapse: collapse;
}

.callout_box.table ul {
    border-top: 1px dashed #dedddc;
    margin: 10px 0 20px 0;
}

.callout_box.table li {
    border-bottom: 1px dashed #dedddc;
    padding: 5px 0 5px 0;
    list-style: none;
}

.callout_box.table td {
    padding: 15px;
    border-right: 1px solid #efefed;
    border-top: 1px solid #efefed;
}

.callout_box.table td:last-child {
    border-right: none;
}

.callout_box.table tr.title td { padding: 15px 0 15px 0 }

.callout_box.table tr.even td {
    color: #888888;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    padding: 10px 15px 10px 15px;
    background: #faf9f7;
}

.callout_box.table .title td {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 22px;
    color: #444444;
    border-top: none;
}

.callout_box.table.small a.buttons { margin: 0 0 0 35px; }
.callout_box.table.large a.buttons { margin: 0 0 0 35px; }

/* Code / Pre  ------------------------------*/

pre {
    background: url(images/pre_bg.gif) repeat;
    border: 1px solid #d3d3d3;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 18px 20px 15px 20px;
    line-height: 19px;
    overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
    overflow-Y: hidden;
    color: #555555;
    margin: 0 0 20px 0;
    font-size: 11px;
    font-family: normal normal normal 11px/19px Consolas, 'Andale Mono', Courier, 'Courier New', monospace;
}


/*-----------------------------------------------------------------------------------*/
/*	12.	Shortcode Styles
/*-----------------------------------------------------------------------------------*/

/* 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%;
	margin-bottom: 25px;
	float: left;
}

.column-last {
	margin-right: 0!important;
	clear: right;
}

/* Buttons  ------------------------------*/

a.buttons {
    background-image: url(images/btn_left_sprite.png);
    display: block;
    color: #252525;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3);
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-style: italic;
    border: none;
    padding: 0 0 0 18px;
    cursor: pointer;
	margin-bottom: 20px;
}

.cotton-area a:hover.buttons { color: #252525; }

a:hover.buttons { border: none; }

a.buttons span {
    background-image: url(images/btn_sprite.png);
    padding: 8px 18px 10px 0;
}

a.btn_yellow {
    background-position: 0 0;
    color: #252525;
}

a.btn_yellow span { background-position: 100%  0 }

a:hover.btn_yellow { background-position: 0 609px }

a:hover.btn_yellow span { background-position: 100% 609px }

a.btn_blue {
    background-position: 0 568px;
    color: #204552;
}

a.btn_blue span {
    background-position: 100%  568px;
    padding: 8px 18px 10px 0;
}

a:hover.btn_blue { background-position: 0 529px }

a:hover.btn_blue span { background-position: 100% 529px }

a.btn_green {
    background-position: 0 491px;
    color: #435425;
}

a.btn_green span { background-position: 100%  491px }

a:hover.btn_green { background-position: 0 452px }

a:hover.btn_green span { background-position: 100% 452px }

a.btn_red {
    background-position: 0 413px;
    color: #57222e;
}

a.btn_red span { background-position: 100%  413px }

a:hover.btn_red { background-position: 0 374px }

a:hover.btn_red span { background-position: 100% 374px }

a.btn_purple {
    background-position: 0 335px;
    color: #543951;
}

a.btn_purple span { background-position: 100%  335px }

a:hover.btn_purple { background-position: 0 296px }

a:hover.btn_purple span { background-position: 100% 296px }

a.btn_teal {
    background-position: 0 257px;
    color: #1f4e4f;
}

a.btn_teal span { background-position: 100%  257px }

a:hover.btn_teal { background-position: 0 218px }

a:hover.btn_teal span { background-position: 100% 218px }

a.btn_white {
    background-position: 0 179px;
    color: #444444;
}

a.btn_white span { background-position: 100%  179px }

a:hover.btn_white { background-position: 0 140px }

a:hover.btn_white span { background-position: 100% 140px }

a.btn_dark {
    background-position: 0 101px;
    color: #fff;
    text-shadow: none;
}

a:hover.btn_dark { color: #fff; }

a.btn_dark span { background-position: 100%  101px }

a:hover.btn_dark { background-position: 0 62px }

a:hover.btn_dark span { background-position: 100% 62px }

/* Alerts ------------------------------*/

.alert {
    padding: 12px 5% 12px 5%;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-align: center;
    margin: 0 0 25px 0;
}

.alert.white {
    background: url(images/alert_white_bg.gif);
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    color: #444444;
}

.alert.red {
    background: url(images/alert_red_bg.gif);
    border-top: 1px solid #f9bac7;
    border-bottom: 1px solid #f9bac7;
    color: #d54c4c;
}

.alert.orange {
    background: url(images/alert_orange_bg.gif);
    border-top: 1px solid #efd1b1;
    border-bottom: 1px solid #efd1b1;
    color: #cc6600;
}

.alert.green {
    background: url(images/alert_green_bg.gif);
    border-top: 1px solid #cadba7;
    border-bottom: 1px solid #cadba7;
    color: #5f8b33;
}

/* Callout Box  ------------------------------*/

.callout_box {
    background: url(images/advert_bg.gif) repeat;
    padding: 10px;
    margin: 0 0 20px 0;
    clear: both;
}

.callout_box p:last-child { margin: 0 }

.inner {
    background: #fdfcfa;
    color: #444444;
    padding: 10px 15px 10px 15px;
    border: 1px solid #d3d3d3;
    border-top: none;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.callout_box h4 {
    background: url(images/nav_bg.gif) repeat-x;
    margin: 0;
	font-weight: bold;
    padding: 13px 15px 12px 15px;
    font-size: 12px;
    border: 1px solid #d3d3d3;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

/* Toggle content  ------------------------------*/

.toggle { 
    background: transparent url(images/advert_bg.gif) 0 0 repeat;
    margin: 0 0 20px 0; 
    padding: 10px;
    clear: both;
}

.toggle h4 {
    background: transparent url(images/nav_bg.gif) 0 0 repeat-x;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 13px 15px 12px 15px; 
	border: 1px solid #d3d3d3;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
	cursor: pointer;
}

.toggle-inner {
	padding: 10px 15px;
	background: #fdfcfa;
	border: 1px solid #d3d3d3;
	border-top: none;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
	color: #444;
}

.toggle .ui-icon {
	background: #F00;
	width: 10px;
	height: 10px;
	float: left;
	margin: 3px 10px 0 0;
}

.toggle .ui-icon {
    background: url(images/plus_minus_sprite.gif) 0 0 no-repeat;
    width: 12px;
    height: 12px;
    float: left;
    margin: 3px 10px 0 0;
}

.toggle .ui-state-active .ui-icon { background: url(images/plus_minus_sprite.gif) -13px 0 no-repeat; }


/* Content Tabs -------------- */

.tabs {
    background: url(images/advert_bg.gif) repeat;
    padding: 10px;
    float: none;
    margin: 0 0 20px 0;
}

.tabs ul { margin: 0 }

.tabs li { list-style: none }

.tab_wrap {
    background: #fff;
    color: #444444;
    border: 1px solid #d2d2d2;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    float: none;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.tabs ul.nav {
    background: url(images/nav_bg.gif) repeat;
    width: 100%;
    height: 39px;
    border-bottom: 1px solid #d9d9d9;
    font-size: 12px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.tabs ul.nav li a {
    display: block;
    padding: 11px 20px 8px 20px;
    text-align: center;
    border: none;
    color: #555555;
    font-weight: bold;
}

.tabs ul.nav li a:hover { background: url(images/tab_border.gif) repeat-y right #fff }

.tabs ul.nav li.ui-tabs-selected a:hover { padding-bottom: 9px }

.tabs ul.nav li {
    float: left;
    position: relative;
    padding: 0 0 0 0;
    background: url(images/tab_border.gif) repeat-y right;
}

.tabs .padder { padding: 13px 20px 12px 20px }

.tabs .tab p:last-child { margin: 0 }

.tabs ul.nav li.ui-tabs-selected a {
    background: url(images/tab_border.gif) repeat-y right #fff;
    border: none;
    padding-bottom: 9px;
}

.tabs ul.nav li.first a {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
}

.tabs .tab {
    float: none;
    padding: 0;
    margin: 0;
}

.ui-tabs .ui-tabs-hide { display: none }

/* Tour  ------------------------------*/

.tour {
    width: 100%;
    float: left;
}

.tour .callout_box {
    width: 25%;
    float: left;
}

.tour .inner { padding: 0 }

.tour .callout_box li {
    border-bottom: 1px solid #e2e2e2;
    list-style: none;
}

.tour .callout_box ul { margin: 0 }

.tour .callout_box li:last-child { border: none }

.tour .callout_box li a {
    border: none;
    color: #444444;
    display: block;
    padding: 10px 15px 10px 15px;
}

.tour .callout_box li a span {
    float: right;
    background: url(images/sprite.png) 53px 71px;
    width: 8px;
    height: 12px;
    margin: 4px 0 0 0;
}

.tour .callout_box li a:hover span,
.tour .callout_box li.ui-state-active a span { background: url(images/sprite.png) 53px 83px }

.tour .callout_box li a:hover,
.tour .callout_box li.ui-state-active a {
    border: none;
}

.tour .tab {
    padding: 0 0 0 30px;
    float: left;
    width: 68%;
    color: #444444;
}

/*-----------------------------------------------------------------------------------*/
/*	13.	Featured Area
/*-----------------------------------------------------------------------------------*/

#body-detail {
	background: url(images/body_top_border.gif) repeat;
    height: 10px;
    width: 100%;
    position: relative;
    z-index: 1;
	margin-bottom: 25px;
}

#body-detail-bottom {
	width: 100%;
    height: 10px;
    background: url(images/footer_border_top.gif) repeat;
	z-index: 100; 
	position: relative; 
}

/*-----------------------------------------------------------------------------------*/
/*	14.	Cotton Area
/*-----------------------------------------------------------------------------------*/

.cotton-area {
	 width: 100%; 
	 background: url(images/featured_bg.gif) repeat;
}

.cotton-top {
	background: url(images/featured_top_bg.gif) repeat-x;
    height: 15px;
}

.cotton-bottom {
	background: url(images/featured_bottom_bg.gif) repeat-x;
    height: 15px;
    width: 100%;
}

.cotton-inner {
	width: 975px;
	margin: 0 auto;
	padding-left: 35px;
}

.cotton-column {
	width: 290px;
	margin: 0 35px 0 0;
	float: left;
	min-height: 1px;
}

.cotton-area,
.cotton-area p {
	color: #979797;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.cotton-area .widget-title,
.cotton-area h3 {
	color: #f1eee5;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
	padding: 0;
}

.cotton-area h3 { margin-bottom: 5px; }

.cotton-area .widget {
	padding-bottom: 25px;
	padding-top: 25px;
}

.cotton-area p.caption {
    color: #979797;
    background: none;
}

/* Breadcrumb  -----------------------------*/

#breadcrumb {
    padding: 15px 0 10px 0;
    float: left;
}

#breadcrumb p {
    font-size: 12px;
    color: #777777;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
    margin: 0;
}

#breadcrumb a {
    color: #999999;
    border: none;
}

#breadcrumb a:hover { color: #bbbbbb }

#breadcrumb strong { font-weight: normal }

/* Global Tagline  -----------------------------*/

#global-tagline {
    padding: 10px 0 10px 0;
    float: right;
    text-align: right;
}

#global-tagline p {
    font-size: 16px;
    color: #777777;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.5);
    margin: 0;
}

#global-tagline a {
    color: #CCC;
    border: none;
}

#global-tagline a:hover { color: #bbbbbb }

/*-----------------------------------------------------------------------------------*/
/*	15.	Home Page Template
/*-----------------------------------------------------------------------------------*/

#home-top,
#home-callout,
#home-bottom {
	width: 975px;
	margin: 0 auto;
}

#home-top { padding-top: 20px; }

#home-callout {
	padding-bottom: 60px;
	padding-top: 40px;
	width: 940px;
}

.home-column {
	float: left;
	width: 290px;
	margin-right: 35px;
	min-height: 1px;
	color: #444444;
}

.home-column .widget { padding-bottom: 25px; }

.home-column .widget-title {
	font-weight: bold;
	font-size: 14px;
}

/* Call out -----------------------*/

.call_out {
    color: #444444;
    background: url(images/callout_bg.gif) repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.08);
}

.call_out .wrap {
    padding: 19px 20px 17px 20px;
    border: 1px solid #d7d4cb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.call_out h5 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    color: #444444;
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 10px 0;
}

.call_out .detail { }

.call_out p {
    margin: 0;
    color: #444444;
    font-size: 12px;
}

.call_out a.alt_btn {
    background: url(images/sprite.png) 24px 354px;
    display: block;
    padding: 0 0 0 23px;
    float: right;
	margin: -48px 0 0 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 14px;
    color: #252525;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8);
    text-align: center;
    border: none;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
}

.call_out a.alt_btn span {
    padding: 14px 23px 15px 0;
    background: url(images/sprite.png) 100% 251px;
    display: block;
}

.call_out a:hover.alt_btn { background: url(images/sprite.png) 24px 406px }

.call_out a:hover.alt_btn span { background: url(images/sprite.png) 100% 302px }


/*-----------------------------------------------------------------------------------*/
/*	16.	Portfolio Template
/*-----------------------------------------------------------------------------------*/

.page-template-template-portfolio-three-columns-php .post-thumb { height: 130px !important; }

.page-template-template-portfolio-two-columns-php .post-thumb { height: 200px !important; }

#taxs { width: 199px; }

.portfolio-sidebar {
	width: 199px;
	float: left;
	margin-right: 45px;
	min-height: 1px;
	margin-bottom: 50px;
}

.portfolio-sidebar h5{ color: #444444; }

#portfolio-related { margin: 60px 0 80px 0; }

#portfolio-related .entry-title { margin: 0; }

#portfolio-related p { margin: 0 0 5px 0; }

#portfolio-wrap,
#related-wrap {
	width: 696px;
	float: left;
	position: relative;
}

#portfolio-wrap { min-height: 500px; }

#portfolio-wrap p { margin-bottom: 10px; }

#taxs ul { margin: 20px 0 25px -10px; }

#taxs li {
	width: 100%;
    margin: 0 0 5px 0;
    float: left;
}

#taxs a {
    float: left;
    font-size: 11px;
	padding: 2px 10px 2px 10px;
    color: #666666;
    background: #faf9f7;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#taxs a.active,
#taxs a:hover { 
	color: #444444;
}

#columns-wrap {
	margin: 0;
	width: 732px;
}

.image-grid-one:after,
.image-grid-two:after,
.image-grid-three:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.image-grid-one li { 
	width: 696px;
	margin-bottom: 60px;
}

.image-grid-two li {
	width: 330px;
	max-height: 360px;
	float: left;
	margin-right: 36px;
}

.image-grid-three li {
	width: 208px;
	max-height: 290px;
	float: left;
	margin-right: 36px;
}

.image-grid-one h2.entry-title,
.image-grid-one h2.entry-title a {
	 font-size: 14px; 
	 margin-bottom: 3px;
	 padding-top: 10px;
}

.image-grid-two h2.entry-title,
.image-grid-two h2.entry-title a {
	 font-size: 13px; 
	 margin-bottom: 0;
}

.image-grid-three h2.entry-title,
.image-grid-three h2.entry-title a { 
	font-size: 12px; 
}

#portfolio-wrap .post-thumb,
#related-wrap .post-thumb { 
	margin-bottom: 15px;
	margin-top: 0;
}

.plus { float: right; }

#portfolio-wrap .plus span,
#related-wrap .plus span {
	 margin-left: -25px;
	 margin-top: -10px;
}

.plus span {
    background: url(images/sprite.png) 63px 120px;
    width: 34px;
    height: 34px;
    position: absolute;
    cursor: pointer;
    z-index: 2;
	text-indent: -9999px;
}

#portfolio_nav,
#line_wrap {
    width: 100%;
    float: right;
}

#portfolio_nav {
    position: relative;
    z-index: 2;
	margin-top: 15px;
	margin-bottom: 50px;
}

#line_wrap {
    position: relative;
    z-index: 1;
}

#line {
    position: absolute;
    width: 613px;
    border-bottom: 1px dashed #d5d3ce;
    margin: 35px 0 0 45px;
}

#circles,
#arrows {
    float: left;
    width: 700px;
}

#arrows { height: 28px }

#left_arrow {
    position: absolute;
    margin: -20px 0 0 0;
}

#right_arrow {
    position: absolute;
    margin: -20px 0 0 674px;
}

#left_arrow a,
#right_arrow a {
    display: block;
    width: 28px;
    height: 28px;
    background: url(images/sprite.png) 206px 91px;
    border: none;
    text-indent: -9999px;
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}

#right_arrow a { background: url(images/sprite.png) 178px 91px }

#circles ul {
    float: left;
    left: 50%;
    margin: 16px auto 0px;
    max-width: 700px;
    position: relative;
}

#circles li {
    float: left;
    padding: 0 2px 0 2px;
    background: url(images/body_bg.gif) repeat;
    position: relative;
    right: 50%;
}

#circles li:first-child { padding: 0 2px 0 12px }

#circles li:last-child { padding: 0 10px 0 2px }

#circles a {
    display: block;
    height: 11px;
    text-indent: -9999px;
    width: 10px;
    border: none;
    background: url(images/sprite.png) 108px 106px;
}

#circles a:hover,
#circles li.current a { background: url(images/sprite.png) 118px 106px }

.tax-list {
	margin: 15px 0 20px -10px;
}

.tax-list li span {
    display: block;
    float: left;
    font-size: 11px;
    padding: 2px 10px 2px 10px;
    color: #666;
    background: #faf9f7;
    border: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.tax-list li {
	width: 100%;
	float: left;
	margin-bottom: 5px;
}


/* PrettyPhoto Facebook Theme Modification */

div.facebook .pp_nav {
}

div.facebook .pp_nav .pp_play {
	background: url(images/play_btn.png) no-repeat;
	width: 29px;
	height: 29px;
	position: absolute;
	left: 27px;
}

div.facebook .pp_nav .pp_pause {
	background: url(images/btn_pause.png) no-repeat;
	width: 29px;
	height: 29px;
	position: absolute;
	left: 27px;
}

div.facebook .pp_arrow_previous {
	background: url(images/btn_prev.png) no-repeat;
	height: 20px;
	width: 20px;
	position: absolute;
	left: 5px;
	top: 4px;
}

div.facebook .pp_arrow_next {
	background: url(images/btn_next.png) no-repeat;
	height: 20px;
	width: 20px;
	position: absolute;
	left: 57px;
	top: 4px;
}

div.facebook .pp_close {
	background: url(images/btn_close.png) no-repeat;
	width: 29px;
	height: 29px;
	margin-right: 5px;
}

div.facebook .pp_details { position: relative; height: 40px; }

div.facebook .pp_description {
	position: absolute;
	top: 5px;
	left: 130px;
}

div.facebook .pp_nav p {
	position: absolute;
	left: 80px;
	top: 4px;
}
div.dotted ul {
list-style: none;
}