/*   
Theme Name: Workspace
Theme URI: http://www.theme-junkie.com
Description: Proudly designed by <a href="http://www.theme-junkie.com/">Theme Junkie</a>.
Author: Theme Junkie
Author URI: http://www.theme-junkie.com
Version: 1.0.5
License: GNU General Public License
License URI: license.txt    
Tags: theme-options, translation-ready
*/

/*
WARNING: DO NOT EDIT THIS FILE. If you wish to make custom stylistic changes to your theme, use the
custom.css template to define custom styles. This way, you will still be able to take advantage of
future upgrades to the theme without worrying about overwriting your style changes.
*/

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

TABLE OF CONTENT:

0. Reset

1. Setup
-1.1 Defaults
-1.2 Hyperlinks

2. Site Structure & Appearance
-2.1 Containers & Columns
-2.2 Navigation Menu
-2.3 Header
-2.4 Content
  -2.4.1 Slider
  -2.4.2 Slogan
  -2.4.3 Homepage
-2.5 Sidebar
-2.6 Footer

3. Posts
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi
-3.4 Author Box
-3.5 Entry Tables

4. Widgets
-4.1 Generic Widgets
-4.2 Specific Widgets

5. Comments
-5.1 Comments List
-5.2 Comments Form
-5.3 Trackbacks

6. Page Templates
-6.1 Authors
-6.2 Blog
-6.3 Contact Form
-6.4 Image Gallery
-6.5 Portfolio
-6.6 Sitemap

7. MISC
-7.1 Buttons
-7.2 CSS3 Easing Effect
-7.3 Image Loading Effect
-7.4 Overlay Effect

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

/* =0. 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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
/* Floating */
.left {
	float: left;
}
.right {
	float: right;
}
/* Clear Floats */
* html .clear {
	height: 1%;
}
.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clear {
	display: block;
}

/* =1. Setup
----------------------------------------------- */

/* 1.1 Defaults */
body {
	background: #efefef;
	color: #333;
	font: 12px/20px Arial, Helvetica, Sans-serif;
}
/* headings */
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 15px;
}
h4 {
	font-size: 13px;
}
h5,
h6 {
	font-size: 12px;
}
/* input form & textarea */
input,
textarea {
	border-color: #ccc #efefef #efefef #ccc;
	border-style: solid;
	border-width: 1px;
	color: #777;
	padding: 6px;
}
input:focus {
	background: #fff
}
.sticky {

}
.gallery-caption {

}
.bypostauthor {

}

/* 1.2 Links */
a,
a:visited {
	text-decoration: none;
}
a:active{
    outline: 0;
}
a:hover {
	color: #333;
}

/* =2. Site Structure & Appearance
----------------------------------------------- */

/* 2.1 Containers & Columns */
#wrapper {
	background: #fff;
	margin: 0 auto;
	width: 960px;
}
.inner-wrap {
	margin: 0 auto;
	width: 920px;
}
#top {
	height: 33px;
	line-height: 33px;
}
#container {
	float: left;
	padding: 20px 0 30px 0;
	width: 100%;
    z-index: 100;
}
#content {
	float: left;
	width: 640px;
}
#sidebar {
	float: right;
	width: 260px;
}
#footer {
	border-top: 1px solid #efefef;
	padding: 20px 0 20px 0;
}
.one-col {
	width: 920px !important;
}
/* 2.2 Navigation Menu */
.nav {
	float: right;
	line-height: 1;
	list-style: none;
	margin: 40px 0 0 0;
	z-index: 999;
}
.nav a {
	display: block;
	position: relative;
	text-decoration: none;
	z-index: 999;
}
.nav .sf-sub-indicator {
	display: none
}
.nav li {
	float: left;
	width: auto;
    z-index: 999;
}
.nav li:hover,
.nav li.hover {
	position: static;
}
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul {
	left: auto;
}
.nav li ul {
	background: #fff;
	border: 1px solid #e9e9e9;
	left: -999em;
	margin-left: 12px;
	padding: 5px 0 15px 0;
	position: absolute;
	width: 176px;
	z-index: 999;
}
.nav li ul .sf-sub-indicator {
	background: url(images/bullet.png) no-repeat;
	display: block;
	height: 10px;
	overflow: hidden;
	position: absolute;
	right: 0.4em;
	text-indent: -999em;
	top: 1.1em;
	width: 10px;
}
.nav li ul ul {
	margin: -40px 0 0 176px;
}
.nav li ul li {
	border-bottom: 1px dashed #e9e9e9;
	margin: 0 13px;
}
.nav li ul li a.sf-with-ul {

}
.nav li a {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 7px 0 7px 26px;
}
.nav li a:hover,
.nav li a:active {
	text-decoration: none;
}
.nav li ul li a:hover {

}
.nav li ul li a,
.nav li ul li a:visited {
	background: #fff;
	border-bottom: none;
	font-size: 12px;
	font-weight: normal;
	padding: 8px 0;
	text-transform: none;
	width: 150px;
}
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul {
    left:0;
}
/* optional styling */
#header-nav li a b {
	-moz-transition: -moz-transform .2s ease-in;
	-o-transition: -o-transform .2s ease-in;
	-webkit-transition: -webkit-transform .2s ease-in;
	transition: transform .2s ease-in;
	background: url(images/arrow.png) no-repeat;
	display: block;
	height: 4px;
	position: absolute;
	right: -10px;
	top: 14px;
	width: 7px;
}
.menu-flag-hover {
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
/* 2.3 Header */
#header {
	background: #fff;
	border-top: 2px solid #e9e9e9;
	border-bottom: 1px solid #efefef;
	height: 70px;
	padding: 15px 0;
    z-index: 999;
}
#header-left {
	display: block;
	float: left;
	position: relative;
}
#header-right {
	display: block;
	float: right;
	position: relative;
    z-index: 999;
}
/* logo */
#text-logo {
	float: left
}
#site-title {
	color: #333;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1;
	margin: 7px 0 5px 0;
}
#site-desc {
	color: #999;
	font-size: 11px;
}
#site-title a,
#site-title a:hover {
	text-decoration: none;
}
#logo {
	line-height: 1;
	margin: 5px 0 0 0;
	overflow: hidden;
}
/* header social */
.header-social {
	border-bottom: 1px dashed #e9e9e9;
	color: #999;
	font-size: 11px;
	padding: 0 0 5px 0;
    position: absolute;
    right:0;
}
.header-social a:hover {
	color: #333;
}

/* 2.4 Content */

/* 2.4.1 Slider */
#featured-slider {
	background: none repeat scroll 0 0 #fff;
	display: block;
	float: left;
	margin: 0 0 20px 0;
	width: 920px;
    z-index:20;
}
#slider-box {
	float: left;
	position: relative;
	width: 920px;
    z-index: 100;
}
#slider-box a {
	cursor: pointer;
}
div.slides {
	display: none;
	float: left;
	width: 920px;
}
.image-slide-thumb img {
	display: block;
	width: 920px;
}
.slides embed,
.slides object,
.slides iframe {
	float: right;
	position: relative;
	z-index: 50;
}
.video-slide {
	display: inline;
	float: left;
	padding: 0 60px;
}
.video-slide .entry-title {
	margin: 0 0 10px 0;
}
.video-slide-embed {
	background: none repeat scroll 0 0 #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	display: inline;
	float: right;
	margin: 0 0 0 15px;
	padding: 2px;
}
.image-slide-content {
    background: #000000;
    filter: alpha(opacity=70);
	background: rgba(0, 0, 0, 0.6);
	bottom: 20px;
	color: #fff;
	height: 70px;
	left: 0;
	overflow: hidden;
	padding: 15px 15px 20px 15px;
	position: absolute;
	width: 300px;
}
.image-slide-content a .entry-title {
	color: #fff;
	margin: 0 0 5px 0;
}
.image-slide-content a:hover .entry-title {
	text-decoration: underline;
}
.post-slide {
	padding: 0 60px;
}
#slider-prev {
	background: url(images/btn-prev-slider.png) no-repeat;
	display: block;
	height: 30px;
	left: 10px;
	margin-top: -15px;
	opacity: 0.6;
	position: absolute;
	top: 50%;
	width: 30px;
	z-index: 99;
}
#slider-prev:hover,
#slider-next:hover {
	opacity: 1.0
}
#slider-next {
	background: url(images/btn-next-slider.png) no-repeat;
	display: block;
	height: 30px;
	margin-top: -15px;
	opacity: 0.6;
	position: absolute;
	right: 10px;
	top: 50%;
	width: 30px;
	z-index: 99;
}

/* 2.4.2 Slogan */
#slogan {
	color: #fff;
	margin: 0 0 25px 0;
	overflow: hidden;
	padding: 15px 20px 15px 15px;
	width: 885px;
}
.slogan-content {
	float: left;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 22px;
	width: 650px;
}
.slogan-content a,
.slogan-content a:visited {
	color: #fff;
	border-bottom: 1px dotted #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.slogan-content a:hover {
	border-style: solid;
}
.slogan-content h1,
.slogan-content h2,
.slogan-content h3,
.slogan-content h4,
.slogan-content h5,
.slogan-content h6 {
	font-family: Arial,serif;
	font-size: 18px;
	letter-spacing: 0;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}
.slogan-content p,
.slogan-content span {
	line-height: 25px;
}
.slogan-button {
	float:right;
	margin: 15px 0 0 0 !important;
    color: #333 !important;
    height: 40px !important;
    line-height: 40px !important;
    position: relative;
    overflow: visible;
    padding: 0 15px !important;
    font-family: Arial;
    font-size: 16px !important;
    font-weight: bold;
	}

.slogan-button:hover {
	text-decoration:none;
	color:#333;
	}

.slogan-button:active {
	top:1px;
	}

/* 2.4.3 Homepage */
.side-content {
	float: left;
	width: 215px;
	display:none;/*own fix*/
}
.side-content h3 {
	border-bottom: 1px solid #efefef;
	font-size: 14px;
	line-height: 16px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}
.side-content a {
	border-bottom: 1px dotted #ddd;
}
.side-content a:hover {
	border-bottom-style: solid;
	text-decoration: none;
}
/* grid */
.grid {
	/*float: right;*//*own fix*/
	width: 705px;
	margin-left:auto;
	margin-right:auto;
}
.grid .entry-title {
	float: left;
	font-size: 12px;
	margin: 0 0 5px 0;
	text-align: center;
	width: 100%;
}
.grid .entry-meta {
	color: #999;
	float: left;
	font-size: 11px;
	margin: 5px 0;
	width: 100%;
}
.grid .entry-meta a {
	display: inline;
}
.grid .entry-excerpt {
	float: left;
	font-size: 12px;
	padding: 0;
	text-align: center;
	width: 100%;
}
.grid .entry-thumb {
	background: #fff;
	border: 5px solid #fdfdfd;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1);
	margin: 0;
}
.grid embed {
	background: none repeat scroll 0 0 #fff;
	border: 5px solid #f0f0f0;
	padding: 2px;
	width: 212px;
	height: 144px;
}
.grid>li {
	float: left;
	margin: 10px 0 10px 25px;
	position: relative;
	width: 210px;
}
/* recent works */
#home-recent-works {
	background: #fff;
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
	width: 100%;
}
#home-recent-works .grid .entry-excerpt {
	color: #999;
}
#home-recent-works .grid p {
	color: #999;
}
/* recent posts */
#home-recent-posts {
	background: #fff;
	float: left;
	width: 100%;
}
#home-recent-posts .grid .entry-title,
#home-recent-posts .grid .entry-meta,
#home-recent-posts .grid .entry-excerpt {
	text-align: left;
}

/* 2.5 Sidebar */
#sidebar .widget-title {
	border-bottom: 1px solid #eeeeee;
}

/* 2.6 Footer */
#footer .footer-wrap {
	background: url(images/footer-dot.png) repeat-y;
}
/* footer callout */
#footer-callout {
	background: #fcfcfc;
	border-top: 1px solid #efefef;
	float: left;
	padding: 20px 15px;
}
#callout-left {
	float: left;
	margin: 0 10px 0 0;
	width: 180px;
}
#callout-right {
	float: right;
	width: 700px;
}
#callout-right img {
	padding-right: 15px;
	vertical-align: middle;
}
/* footer widgets */
#footer .widget {
	margin: 0 0 15px 0;
}
#footer .widget-title {
	border: none;
	font-size: 14px;
}
#footer .widget li {
	background: url("images/bullet.png") no-repeat scroll 0 11px transparent;
	border-bottom: none;
	padding: 5px 0 5px 10px;
}
#footer-widget-1,
#footer-widget-2,
#footer-widget-3 {
	display: block;
	float: left;
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	width: 185px;
}
#footer-widget-4 {
	float: right;
	width: 240px;
}
/* copyright */
.copyright {
	background: #fff;
	border-top: 1px solid #efefef;
	color: #999;
	font-size: 11px;
	padding: 15px 0;
    width:100%;
}
.copyright a,
.copyright a:visited {
	color: #777;
}
.copyright a:hover {
	text-decoration: none;
}

/* =3. Posts
----------------------------------------------- */
.entry-title {
	line-height: 1.2;
}
h1.entry-title {
	letter-spacing: -0.03em;
}
.entry-title a,
.entry-title a:visited {
	color: #333;
}
.page-title {
	color: #fff;
	display: block;
	font-size: 20px;
	line-height: 50px;
	letter-spacing: -0.01em;
    height: 50px;
	margin: 0 0 20px 0;
	padding: 0 15px;
	text-transform: uppercase;
}
.entry-meta {
	color: #999;
	font-size: 11px;
	margin: 10px 0 10px 0;
}
.entry-meta a,
.entry-meta a:visited {
	color: #999
}
.entry-meta a:hover {
	color: #666;
}
.entry-author {
	background: url(images/ico-author.png) no-repeat 0 -1px;
	margin: 0 10px 0 0;
	padding: 0 0 0 17px;
}
.entry-date {
	background: url(images/ico-date.png) no-repeat 0 -1px;
	margin: 0 10px 0 0;
	padding: 0 0 0 17px;
}
.entry-comment {
	background: url(images/ico-comment.png) no-repeat 0 0px;
	padding: 0 0 0 17px;
}
.entry-tags {
	background: url(images/ico-tag.png) no-repeat 0 3px;
	color: #222;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 0 21px;
}
.entry-edit {
	float: right;
	margin: 0 0 10px 0;
}

/* 3.1 Typographic Elements */
.entry-content blockquote {
	border-left:10px solid #f7f7f7;
	margin:20px 20px;
	padding:0 30px 0 20px;
	overflow:hidden;
}
.entry-content blockquote p,
blockquote a,
blockquote {
	color: #666;
	font-size: 1em;
	font-style: italic;
}
.entry-content strong {
	font-weight: bold
}
.entry-content strong em,
.entry-content em strong {
	font-style: italic;
	font-weight: bold;
}
.entry-content li ul {
	margin: 0;
	padding: 0;
}
.entry-content input,
.entry-content textarea {
	font-size: 1em;
	padding: 3px;
}
.entry-content dfn {
	font-weight: bold
}
.entry-content del {
	color: #aaa;
	text-decoration: line-through;
}
.entry-content pre,
.entry-content code,
.entry-content tt {
	background: #f5f5f5;
	color: #666;
	font: 12px 'andale mono', 'monotype.com', 'lucida console', monospace;
	line-height: 20px;
	overflow: auto;
	padding: 1em;
}
.entry-content pre,
.entry-content code,
.entry-content tt {
	display: block;
	margin: 1.5em 0;
	white-space: pre;
}
.entry-content ins {
	font-weight: bold;
	text-decoration: underline;
}
.entry-content em {
	font-style: italic;
	font-weight: normal;
}
.entry-content ul {
	list-style: none;
	padding-bottom: 10px;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
	margin-bottom: 0
}
.entry-content ul li {
	background: url(images/dot.png) no-repeat 0 11px;
	padding: 3px 0 3px 10px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin: 5px 0 10px 0
}
.entry-content hr {
	background: #e6e6e6;
	border: none;
	clear: both;
	color: #e6e6e6;
	height: 1px;
	margin: 15px 0;
	width: 100%;
}
.entry-content ol {
	list-style-type: decimal;
	margin: 0 0 10px 25px;
}
.entry-content ol ol {
	list-style: lower-roman/*upper-alpha modified*/
}
.entry-content ol ol ol {
	list-style: lower-roman
}
.entry-content ol ol ol ol {
	list-style: lower-alpha
}
.entry-content ol li {
	font-size: 12px;
	line-height: 19px;
	padding: 3px 0 3px 0;
}
.entry-content p {
	margin: 0 0 10px 0;
}
.entry-content a img {
	border: none
}

/* 3.2 Images */
img.centered {
	display: block;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
img.alignnone {
	display: inline;
	margin: 0 0 10px 0;
	padding: 0;
}
img.alignright {
	display: inline;
	margin: 0 0 10px 10px;
	padding: 0;
}
img.alignleft {
	display: inline;
	margin: 0 10px 10px 0;
	padding: 0;
}
.aligncenter {
	display: block;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
	margin: 0 0 10px 10px;
}
.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}
.wp-caption {
	background: #F7F7F7;
	border: 1px solid #e6e6e6;
	padding: 4px 0 5px 0;
	text-align: center;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	margin: 0;
	padding: 0;
}
.wp-caption img {
	border: 0;
	margin: 0 0 5px 0;
	padding: 0;
}

/* 3.3 Pagination / WP-Pagenavi */
.pagination {
	float: left;
	font-size: 12px;
	width: 100%;
}
.pagination .right a {
	background-image: url(images/ico-arrow-right.png);
	background-position: 90% center;
	background-repeat: no-repeat;
	padding-right: 20px;
}
.pagination .left a {
	background-image: url(images/ico-arrow-left.png);
	background-position: 9px center;
	background-repeat: no-repeat;
	padding-left: 20px;
}
.pagination a {
	background: #fff;
	border: 1px solid #e9e9e9;
	display: block;
	margin: 0;
	padding: 5px 10px;
	border-radius: 4px;
}
.pagination a:hover {
	background-color: #f9f9f9;
	border: 1px solid #e9e9e9;
}
/* wp-pagenavi */
.wp-pagenavi {
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 0 0 0;
	padding: 5px 0 4px 0;
}
.wp-pagenavi .extend,
.wp-pagenavi span.pages {
	background: #fff;
	border: none;
	color: #999;
	padding: 0 10px 0 0;
}
.wp-pagenavi a:link,
.wp-pagenavi a:visited {
	background: #fff;
	border: 1px solid #e9e9e9;
	display: inline;
	margin: 0 0 0 3px;
	padding: 6px 10px 5px 10px;
	text-decoration: none;
}
.wp-pagenavi .on,
.wp-pagenavi .current {
	background: #f9f9f9 !important;
	border: 1px solid #e9e9e9 !important;
}
.wp-pagenavi .on,
.wp-pagenavi .current,
.wp-pagenavi a:hover {
	background: #f9f9f9 !important;
	border: 1px solid #e9e9e9 !important;
	color: #999;
	margin: 0 0 0 3px;
	padding: 6px 10px 5px 10px;
}

/* 3.4 Author Box */
.authorbox {
	background: #fbfbfb;
	border: 1px dashed #e9e9e9;
	border-bottom: none;
	padding: 10px;
}
.authorbox img {
	background: #fff;
	border: 1px solid #efefef;
	float: left;
	margin: 0 10px 0 0;
	padding: 3px;
}
.authorbox p {
	margin: 0;
	padding: 0;
}
.authorbox p strong {
	font-size: 13px;
	font-weight: bold;
}

/* 3.5 Entry Tables */
.entry table {
	width: 100%;
	border: 1px solid #e6e6e6;
	margin-bottom: 1.2em;
}
.entry table tr.alt-table-row {
	background: #f9f9f9;
}
.entry table th {
	padding: 6px 0 3px 0;
	background: #EEEEEE;
	border: 1px solid #e6e6e6;
	text-shadow: 1px 1px 0 #fff;
	box-shadow: inset 0 0 1px #fff;
	-moz-box-shadow: inset 0 0 1px #fff;
	-webkit-box-shadow: inset 0 0 1px #fff;
}
.entry table td {
	padding: 6px 0 3px 10px;
	border: 1px solid #e6e6e6;
}

/* =4. Widgets
----------------------------------------------- */

/* 4.1 General Widgets */
.widget {
	background: #fff;
	margin: 0 0 20px 0;
}
.widget a,
.widget a:visited {
	color: #333;
}
.widget > div {
	padding: 10px 0
}
.widget ul li {
	background: url(images/bullet.png) no-repeat 0 16px;
	border-bottom: 1px dashed #e9e9e9;
	padding: 10px 0 10px 10px;
}
.widget-title {
	border-bottom: 1px solid #363535;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}
.widget-title a {
	color: #333;
	text-decoration: none;
}
.widget-title span {
	border-bottom: 3px solid;
	padding-bottom: 10px;
}
.widget_tag_cloud div,
.textwidget {
	padding: 10px 0
}

/* 4.2 Specific Widgets */

/* widget: advertisement */
.widget-ads {
	margin: 0 0 15px 0
}
.widget-ads h3.ad-title {
	color: #999;
	font-size: 11px;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 7px;
	text-align: center;
}
.widget-ad125 {
	margin: 0 0 15px 0;
}
.widget-ad125 img {
	float: left;
	margin: 5px 5px 0 0;
}
/* widget: archives */
.widget_archive select {
	margin: 10px 0 0 0;
}
/* widget: calendar */
#wp-calendar {
	width:100%;
}
#wp-calendar,
#wp-calendar th,
#wp-calendar caption {
	text-align: center;
}
#wp-calendar th {
	background: #f5f5f5;
	padding: 3px;
	border: 1px solid #f0f0f0;
}
#wp-calendar td {
	padding: 5px 2px;
	border: 1px solid #f0f0f0;
	text-align: center;
}
#wp-calendar caption {
	background: transparent;
	color: #333;
	font-weight: bold;
	padding: 3px 0px 7px 0px;
}
#wp-calendar #today {
	background: #f5f5f5;
	font-weight: bold;
}
/* widget: categories */
.widget_meta li,
.widget_categories li {
	color: #999;
	float: left;
	font-style: italic;
	padding-left: 10px !important;
	width: 120px;
}
.widget_meta li a,
.widget_categories li a {
	float: left;
	font-style: normal;
}
/* widget: contact */
.tj_widget_contact .contact-list {
	display: block;
	float: right;
	position: relative;
}
.tj_widget_contact .contact-list span {
	color: #666;
	display: block;
	float: right;
	position: relative;
	right: 0;
	text-align: left;
	width: 170px;
}
.tj_widget_contact .contact-list li {
	display: block;
	float: left;
	margin: 2px 0 0 0;
	position: relative;
}
.tj_widget_contact .contact-list p {
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	width: 60px;
}
.tj_widget_contact .social-list {
	display: block;
	float: left;
	margin: 20px 0 0 0;
}
.tj_widget_contact .social-list li {
	display: block;
	float: left;
}
.tj_widget_contact .social-list a {
	display: block;
	float: left;
	height: 32px;
	overflow: hidden;
	text-indent: -5555em;
	width: 32px;
}
.tj_widget_contact .social-list .twitter-icon a {
	background: url(images/ico-twitter.png) no-repeat
}
.tj_widget_contact .social-list .facebook-icon a {
	background: url(images/ico-facebook.png) no-repeat
}
.tj_widget_contact .social-list .linkedin-icon a {
	background: url(images/ico-linkedin.png) no-repeat
}
.tj_widget_contact .social-list .flickr-icon a {
	background: url(images/ico-flickr.png) no-repeat
}
.tj_widget_contact .social-list .rss-icon a {
	background: url(images/ico-rss.png) no-repeat
}
/* widget: flickr */
.widget_tj_flickr {
	margin: 0 0 15px 0;
}
.widget_tj_flickr > div {
	border-top: 0;
}
.widget .flickr_badge_image {
	float: left;
	margin: 0;
}
.widget .flickr_badge_image a:hover img {
	background: #fbfbfb;
	border-color: #e5ecf1;
}
.widget .flickr_badge_image .photo-wrap {
	margin-bottom: 20px;
	padding: 0;
	position: relative;
}
.widget .flickr_badge_image a img {
	background: #fff;
	border: 1px solid #efefef;
	display: inline;
	float: left;
	margin: 0 4px 4px 0;
	padding: 4px;
}
.widget_tj_flickr h3 span {
	color: #0061D8;
	border-bottom: none;
}
.widget_tj_flickr h3 span span {
	color: #FF1183
}
/* widget: search */
#searchform {
	display: inline;
	float: right;
	height: 24px;
	margin: 0 0 5px 0;
}

#searchform input {
	float: left;
	width: 238px;
	padding: 8px 10px;
	font-size: 11px;
	color: #999;
	line-height: 12px;
}

#searchform input.btn {
	background: none;
	border: none;
	margin: 9px 0 0 -24px;
	padding: 0;
	width: auto;
}
/* widget: twitter */
.widget_tj_twitter {
	margin: 0 0 15px 0;
}
.widget_tj_twitter .widget-title {
	background: url(images/ico-twitter-standing.png) no-repeat right -2px;
	display: block;
}
.widget_tj_twitter > div {
	border-top: none;
	padding: 0;
}
.widget_tj_twitter li {
	background: url(images/ico-tweets.png) no-repeat 0 9px !important;
	display: block !important;
	padding: 10px 15px 10px 24px !important;
}
.widget_tj_twitter li .time {
	color: #999
}
.widget_tj_twitter li a {
	background: none !important;
	display: inline !important;
	padding-left: 0 !important;
}
.widget_tj_twitter li a:hover {
	background: none !important
}

/* =5. Comments
-------------------------------------------------------------- */

/* 5.1 Comments List */
#comments {
	margin: 20px 0 0;
	padding-top: 10px;
}
#comments h3 {
	font-size: 18px;
	padding: 10px 0 7px;
	margin: 0 0 20px;
	border-bottom: 1px solid #EFEFEF;
}
#comments #respond h3 {
	border-bottom: 0;
	padding: 10px 0 0;
	margin: 5px 0 0;
}
#commentspost {
	border-top: 1px dashed #e9e9e9;
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
}
ol.commentlist {
	clear: left;
	margin: 0;
}
ol.commentlist div.comment-body {
	position: relative;
	margin: 15px 0 0;
	padding: 0 0 15px;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #EFEFEF;
}
ol.commentlist div.reply {
	position: absolute;
	top: 0;
	right: 0;
}
ol.commentlist li {
	clear: left;
	list-style-type: none;
	font-size: 12px;
	line-height: 1.7;
}
ol.commentlist li.comment li.comment {
	margin: 0 0 0 40px;
	clear: left;
}
ol.commentlist li.comment li.comment:last-child {
	border-bottom: none;
}
ol.commentlist li ul.children {
	padding: 1px 0 0;
	clear: both;
}
ol.commentlist li p {
	margin: 5px 0 0;
}
ol.commentlist img.avatar {
	float: left;
	display: inline;
	margin: 0 10px 10px 0;
	border: 2px solid #fff;
	border-radius: 4px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	background: #fff;
}
ol.commentlist cite {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	font-style: bold;
	float: left;
	display: inline;
	margin-right: 10px;
}
ol.commentlist .commentmetadata a {
	line-height: 18px;
	font-size: 11px;
	margin-bottom: 5px;
	color: #777777;
}
ol.commentlist .commentmetadata a:hover {
	color: #333;
}
ol.commentlist blockquote {
	font-size: 12px;
	line-height: 18px;
}
ol.commentlist span.says {
	display: none;
}
.reply a, .cancel-comment-reply a {
	padding: 2px 0;
	margin-bottom: 5px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	display: block;
}
.reply a:hover, .cancel-comment-reply a:hover {
	text-decoration: none;
}
/* comments navigation */
.navigation {
	font-style: italic;
	padding: 20px 0 0 0;
}

/* 5.2 Comment Form */
#formLabels {
	float: left;
}
#formLabels p {
	float: left;
	display: inline;
	margin: 0 0 10px;
	width: 100%;
	color: #8B8B8B;
}
#formLabels p label {
	width: 80px;
	float: left;
	color: #333;
	font-weight: bold;
}
#formLabels p.last {
	margin-right: 0;
}
#respond textarea {
	font-family: Arial;
	padding: 5px;
}
#respond input, #respond textarea {
	margin-right: 5px;
	width: 79%;
	border-top: 2px solid #F0F2F4;
	border-left: 1px solid #F2F2F2;
	border-right: 1px solid #F2F2F2;
	background: #F9F9F9;
	border-bottom: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#respond input {
	width: 50%;
}
#respond #formContent {
	margin: 7px 0;
	float: right;
}
.comment-list li #respond p {
	margin-left: 0;
}

/* 5.3 Trackbacks */
#trackbacks {
	float: left;
	width: 100%;
}
#trackbacks ol {
	padding: 10px 0;
}
#trackbacks li {
	list-style-type: decimal;
	padding: 5px 0 5px 15px;
}

/* =6. Page Templates
-------------------------------------------------------------- */

/* 6.1 Authors */
.post-author-box {
	float: left;
	margin: 0 0 15px 0;
	width: 100%;
}
.post-author-box .profile-description {
	float: left;
	width: 525px;
}
.post-author-box .profile-description .profile-social ul {
	margin: 0;
	padding: 0;
}
.post-author-box .profile-description a {
	margin: 10px 0 0 0;
}
.post-author-box .title {
	background: none repeat scroll 0 0 #fbfbfb;
	border: 1px dashed #e9e9e9;
	color: #787878;
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 20px;
	padding: 10px 15px;
	text-transform: uppercase;
}
.post-author-box img {
	float: left;
	margin: 2px 15px 5px 0;
}
#author-info {
	border-bottom: 1px dotted #fefefe;
	float: left;
	margin: 0 0 20px 0;
	position: relative;
	width: 100%;
}
.author #author-info {
	border-bottom: 1px dashed #e9e9e9;
}

/* 6.2 Blog */
.page-template-template-blog-php .post,
.archive .post,
.search .post {
	border-bottom: 1px dashed #e9e9e9;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}
.page-template-template-blog-php .entry-thumb,
.archive .entry-thumb,
.search .entry-thumb {
	background: #fff;
	border: 5px solid #fdfdfd;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1);
	margin: 0 15px -6px 0;
	padding: 0;
}
.page-template-template-blog-php .entry-title,
.archive .entry-title,
.search entry-title {
	font-size: 16px
}
/* 6.3 Contact Form */
#contact-form {
	display: block;
	width: 100%;
}
#contact-form li {
	background: none;
	padding-left: 0;
}
#contact-form input.txt,
#contact-form textarea {
	border-color: #ccc #efefef #efefef #ccc;
	border-style: solid;
	border-width: 1px;
	font: 14px/14px Arial, Helvetica, sans-serif;
}
#contact-form input.txt {
	background: #fcfcfc;
	color: #666;
	margin: 0 5px 10px 0;
	padding: 5px 7px;
	width: 200px;
}
#contact-form textarea {
	background: #fcfcfc;
	color: #666;
	padding: 5px 7px;
	width: 80%;
	height: 200px !important;
}
#contact-form #submit {
	margin: 15px 0 0 0;
}
.contact-form label {
	display: block;
	font-size: 12px;
	line-height: 30px;
}
.page-template-template-contact-php .thanks {
	color: green;
}
.page-template-template-contact-php .error {
	color: red;
}
/* 6.4 Image Gallery */
#imagegallery {
	list-style: none
}
#imagegallery img {
	background: #fff;
	border: 5px solid #fdfdfd;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1);
	margin: 0;
}
#imagegallery li {
	background: none;
	float: left;
	margin: 0 20px 10px 0;
	padding: 0;
}

/* 6.5 Portfolio */
#portfolio-head {
	display: block;
	height: 50px;
	margin: 0 0 20px 0;
	padding: 0 15px;
}
#portfolio-head h1 {
	color: #fff;
	font-size: 20px;
	float: left;
	line-height: 50px;
	letter-spacing: -0.01em;
	position: relative;
	text-transform: uppercase;
}
#portfolio {
	background: #fff;
	float: left;
	position: relative;
	width: 100%;
}
#portfolio .grid .entry-excerpt {
	color: #999;
}
#portfolio-content {
	float: left;
	margin: 0 0 25px;
	padding: 10px 0 10px 0;
	width: 920px;
}
#portfolio-content ul.grid {
	overflow: hidden
}
ul.ourHolder {
	display: inline;
	float: left;
	margin-left: -20px;
	width: 940px;
}
#filter {
	margin: 0;
	position: absolute;
	right: 25px;
	z-index: 40;
}
#filter li {
	color: #fff;
    cursor: pointer;
	display: block;
	float: right;
	height: 50px;
	line-height: 50px;
	position: relative;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
#filter li ul {
	display: none
}
#filter a {
	color: #fff;
	display: block;
	height: 46px;
	padding: 0 10px;
	position: relative;
	z-index: 30;
}
li.item {
	display: block;
	float: left;
	height: 200px;
	margin: 1px 0px 20px 20px;
	width: 214px;
}
li.item .entry-content,
li.item p {
	color: #999
}
li.item img {
	background: none repeat scroll 0 0 #fff;
	border: 5px solid #FDFDFD;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.1);
	margin: 0;
}
li.portfolio a,
li.post a,
li.item a {
	display: block;
	position: relative;
}
/* in-post gallery */
#gallery {
	border: 5px solid #F4F3EF;
	display: block;
	float: left;
	margin: 0 0 20px 0;
	position: relative;
	width: 630px;
}
#gallery img {
	width: 630px
}
div.gallery-flag {
	bottom: 0;
	margin: 0;
	position: absolute;
	right: 0;
	z-index: 999;
}
div.gallery-flag div {
	cursor: pointer;
	margin: 0 0 0 5px;
}
div.gallery-flag-prev {
	background: url(images/btn-prev-slider.png) no-repeat;
	display: block;
	float: left;
	height: 30px;
	opacity: 0.6;
	width: 30px;
}
div.gallery-flag-prev:hover,
div.gallery-flag-next:hover {
	opacity: 1;
}
div.gallery-flag-next {
	background: url(images/btn-next-slider.png) no-repeat;
	display: block;
	float: right;
	height: 30px;
	opacity: 0.6;
	width: 30px;
}
.video-portfolio {
	float: left;
	margin: 0 0 15px 0;
	width: 640px;
}
.video-portfolio embed {
	width: 640px;
}
/* portpofio meta */
.portfolio-meta a:hover {
	color: #333 !important;
}
.portfolio-meta li {
	background: #fff !important;
	color: #999;
	margin: 0 5px 5px 0;
	padding: 0 !important;
	border: none !important;
}
.portfolio-meta p {
	margin: 0 0 15px 0;
}
.portfolio-meta .extended-desc {
	color: #999;
}
.portfolio-meta .portfolio-type-title {
	border-bottom: 1px solid #efefef;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding-bottom: 7px;
}
.portfolio-meta .portfolio-link {
	margin: 0 0 20px 0;
}
/* portfolio navigation */
.portfolio-nav {
	color: #ddd;
	display: block;
	float: right;
	letter-spacing: 1px;
	line-height: 50px;
	text-transform: uppercase;
}
.portfolio-nav a,
.portfolio-nav a:visited {
	color: #f0f0f0 !important;
}
.nav-previous a {
	padding-right: 5px;
}
.nav-next a {
	padding-left: 5px;
}


/* 6.6 Sitemap */
.page-template-template-archives-php .entry-content ul li,
.page-template-template-sitemap-php .entry-content ul li {
	color: #999;
	font-style: italic;
}
.page-template-template-archives-php .entry-content ul li a,
.page-template-template-sitemap-php .entry-content ul li a {
	font-style: normal;
}

/* =7. Misc
-------------------------------------------------------------- */

/* 7.1 Buttons */
#respond .button,
.contact-form .button {
	background: #377ad0;
	background: -moz-linear-gradient(top, #52a8e8 0%, #377ad0 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52a8e8), to(#377ad0));
	border-top: 1px solid #4081af;
	border-right: 1px solid #2e69a3;
	border-bottom: 1px solid #20559a;
	border-left: 1px solid #2e69a3;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
	-webkit-box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	padding: 7px 10px;
	margin: 10px 0 15px 80px;
	text-align: center;
	float: left;
	display: inline;
	width: auto;
	text-shadow: 0 -1px 1px #3275bc;
	-webkit-background-clip: padding-box;
}
#respond .button:hover,
.contact-form .button:hover {
	background: #206bcb;
	background: -moz-linear-gradient(top, #3e9ee5 0%, #206bcb 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3e9ee5), to(#206bcb));
	border-top: 1px solid #2a73a6;
	border-right: 1px solid #165899;
	border-bottom: 1px solid #07428f;
	border-left: 1px solid #165899;
	-moz-box-shadow: inset 0 1px 0 0 #62b1e9;
	-webkit-box-shadow: inset 0 1px 0 0 #62b1e9;
	cursor: pointer;
	text-shadow: 0 -1px 1px #1d62ab;
	-webkit-background-clip: padding-box;
}
#respond .button:active,
.contact-form .button:active {
	background: #3282d3;
	border: 1px solid #154c8c;
	border-bottom: 1px solid #0e408e;
	-moz-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
	-webkit-box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff;
	text-shadow: 0 -1px 1px #2361a4;
	-webkit-background-clip: padding-box;
}

/* 7.2 CSS3 */
a,li{
    -webkit-transition: background-color .5s ease, color .5s ease;
    -moz-transition: background-color .5s ease, color .5s ease;
    -o-transition: background-color .5s ease, color .5s ease;
    transition: background-color .5s ease, color .5s ease;
}

/* 7.3 Image Loading Effect */
img.loading-img {
	box-shadow: none;
	display: block;
	left: 50%;
	margin: -10px 0 0 -10px;
	position: absolute;
	top: 50%;
	width: 20px;
	height: 20px;
}
div.img-div {
	position: relative;
}

/* 7.4 Overlay Effect */
a .overlay {
	background: url(images/overlay.png) repeat;
	cursor: pointer;
	display: none;
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 20;
}
a .overlay .icon {
	background: url(images/ico-magnify.png) no-repeat;
	display: block;
	height: 24px;
	left: 50%;
	margin-left: -12px;
	margin-top: -12px;
	opacity: 0.8;
	position: absolute;
	top: 50%;
	width: 24px;
	z-index: 40;
}
span.icon-video {
	background: url(images/ico-video.png) no-repeat;
	display: block;
	height: 24px;
	left: 50%;
	margin-left: -12px;
	margin-top: -12px;
	opacity: 0.8;
	position: absolute;
	top: 50%;
	width: 24px;
	z-index: 10;
}
div.image-shadow-bottom {
	background: url(images/shadow_bottom.png) no-repeat;
	display: block;
	height: 5px;
	margin: 0 0 8px 0;
}