/*  
Theme Name: Work
Theme URI: http://themetrust.com/themes/work
Description: An Elegant Portfolio Theme
Version: 1.2.0
Author: Theme Trust
Author URI: http://themetrust.com
Tags: portfolio, clean, cms, color-options, custom-background, custom-menu, threaded-comments, fixed-width

TABLE OF CONTENTS

01 - Reset
02 - Global 
03 - General Layout
04 - Header
05 - Content
06 - Slideshow
07 - Buttons
08 - Sidebar
09 - Widgets
10 - Comments
11 - Pagination
12 - Footer
13 - Custom Colors

*/

/* ///////////////////////////////////////////////////////////////////// 
//  01 - 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;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {	
	clear: both;
}
ul {
	list-style: none;
}

blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }



/* ///////////////////////////////////////////////////////////////////// 
//  02 - Global 
/////////////////////////////////////////////////////////////////////*/

body {
	font-size:13px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	width:auto; height:auto;	
	padding: 0;
	margin: 0;
	background-color: #eaeaea;
}

body.light {
	color: #7d7d7b;		
}

body.dark {
	color: #6c6c6c;		
}

p {
	line-height:1.5em;
	margin: 0 0 20px 0;	
}

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

li {
	margin: 0 0 0 0;
	padding: 0;
}

img {
	margin: 0;
}

img.left {
	margin: 0 15px 15px 0;
	float: left;
}

a {
	text-decoration: none;
	outline: none;
}

a img {
	border:none;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
	margin: 0 0 15px 0;
	color: #9d9d9d;		
}

body.light h1, body.light h2, body.light h3, body.light h4, body.light h5, body.light h6{	
	color: #6d6d6b;		
}

body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6{	
	color: #b0b0b0;	
}

blockquote, address {
	margin: 0 0 30px 0;
	padding: 0 30px 0 30px;	
	font-style: italic;
	font-size: 1.2em;	
}

code {
    font-family: "Courier New", Courier, serif;
	overflow: auto;
	padding: 2px;
	background: #fff;
}

pre code {
	background: none;
}

pre {
    margin: 0 0 20px;
	padding: 10px;
	background: #fff;
	overflow: auto;	
	border: 1px solid #e4e4e4;
}

.left {
	float: left;	
}

.right {
	float: right;	
}

.moreLink {
	font-weight: bold;
}

.meta {
	color: #b0b0ad;
}

body.dark .meta {
	color: #575757;
}

.meta a{
	color: #7d7d7b !important;
}

.meta a:hover{
	color: #b0b0ad !important;
}

input[type="text"], input[type="password"], input[type="email"], textarea {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 5px;
}

textarea {
	width: 75%;
}

body.dark input[type="text"], body.dark input[type="password"], body.dark input[type="email"], body.dark textarea {
	background-color: #232323;
	border: 1px solid #373737;
	padding: 5px;
	color: #6c6c6c;
}

/* Clearfix ----------- */

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.roundedBox {
	-moz-box-shadow: 0 0px 3px rgba(0,0,0,0.04);
	-webkit-box-shadow: 0 0px 3px rgba(0,0,0,0.04);		
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
}

body.light .roundedBox {
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.11);	
	border-bottom: 1px solid rgba(0,0,0,.18);
}

body.dark .roundedBox {
	background-color: #272727;
	border: 1px solid rgba(255,255,255,.05);
	border-top: 1px solid rgba(255,255,255,.08);
	border-bottom: 1px solid rgba(255,255,255,.03);	
}



/* //////////////////////////////////////////////////////////////////////
//  03 - General Layout 
//////////////////////////////////////////////////////////////////////*/

#container {	
	margin: 0 auto;
	width: 1000px;	
}

#main {
	margin: 0 0 0 0;
	width: 100%;	
	padding: 0 0 20px 0;	
}

#content {		
	padding: 0 0 0 0;		
	float: left;
	margin: 0 0px 0 20px;
	position: relative;		
}

#sidebar {
	width: 225px;
	float: right;
	margin: 0 20px 0 0;
	padding: 0;	
}

#footer {
	margin: 0 20px 0 20px;	
}

.oneThird {
	width: 295px;
}

.oneFourth {
	width: 223px;	
}

.twoThird {
	width: 570px;	
}

.threeFourth{
	width: 715px;	
}

.oneHalf{
	width: 459px;		
}

.full {
	width: 960px;
}


/*////////////////////////////////////////////////////////////////////////
//  04 - Header
///////////////////////////////////////////////////////////////////////*/

#header{
	margin: 0 20px 0 20px;
	padding: 25px 0 25px ;
	position: relative;	
	z-index: 2;	
}

#logo {		
	float: left;	
	margin: 0px 25px 0px 0;
	font-size: 20px;
	font-weight: bold;
}

#header h1 {
	font-size: 35px;	
	text-transform: uppercase;
	padding: 10px 0 0 0;	
}

#header h1.logo {	
	padding: 0;
	margin: 0;	
}

#header h1 a, #header h1 a:hover{	
	
}

#mainNav{	
	right: 0;	
	position:absolute; top:50%; height:20px; margin-top:-10px;	
	font-weight: bold;
	font-size: 14px;	
}

#mainNav li{
	margin: 0 0 0 25px;	
	display: inline-block;
	padding-top: 7px;
}

body.light #mainNav a {
	color: #acacac;	
}

body.dark #mainNav a {
	color: #676767;	
}

body.light #mainNav li.current a,
body.light #mainNav li.current-cat a,
body.light #mainNav li.current_page_item a,
body.light #mainNav li.current-menu-item a,
body.light #mainNav li.current-post-ancestor a,
body.light #mainNav li.current_page_parent a,
body.light #mainNav li.current-page-ancestor a
{
	color: #676767;
}

body.dark #mainNav li.current a,
body.dark #mainNav li.current-cat a,
body.dark #mainNav li.current_page_item a,
body.dark #mainNav li.current-menu-item a,
body.dark #mainNav li.current-post-ancestor a,
body.dark #mainNav li.current_page_parent a,
body.dark #mainNav li.current-page-ancestor a
{
	color: #acacac;
}

body.light #mainNav li a:hover{
	color: #676767!important;
}

body.dark #mainNav li a:hover{
	color: #acacac !important;
}

body.light #mainNav li li a:hover {
	color: #626262 !important;
}

body.dark #mainNav li li a:hover {
	color: #b3b3b3 !important;
}

/*//////////////////////////////////////////////////////////////////// 
//  05 - Content
////////////////////////////////////////////////////////////////////*/

#content .post {
	margin: 0 0 20px 0;
	padding: 20px 0 15px 0;	
}

#content .post .inside {
	margin: 0 20px 0 20px;	
}

.post .meta {
	margin: -10px 0 20px 0;		
	padding: 0 0 0px 0;	
	font-style: italic;
}

#content a{
	text-decoration: none;
	color: #638ebc;	
}

#content a:hover {
	color: #73a5db;
	text-decoration: none;
}

body.dark #content a{
	text-decoration: none;
	color: #b0b0b0;	
}

body.dark #content a:hover {
	color: #d1d1d1;
	text-decoration: none;
}

.sectionHead {
	margin: 0 1px 30px 0;
	font-size: 20px;	
}

.contentBox {	
	float: left;
	position: relative;
	margin: 0 19px 19px 0;	
	padding: 15px 0 0 0;	
}

.contentBox h2{	
	font-size: 14px;
	margin-bottom: 15px!important;
}

.contentBox p{	
	margin: 0 15px 15px 15px;	
}

.contentBox img{	
	margin: 0 15px 13px 15px;
}

#content.twoColumn .contentBox {		
	width: 469px;		
}

#content.threeColumn .contentBox {		
	width: 305px;		
}

#content.fourColumn .contentBox {		
	width: 223px;		
}

.contentBox h2{		
	margin: 0 0 15px 15px;		
}

.contentBox p{		
	margin-top: -10px;	
}

h1 a, h2 a, h3 a, h4 a, h5 a{	
	color: #8c8c8c !important;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{	
	color: #b0b0b0!important;		
}

body.dark h1 a, body.dark h2 a, body.dark h3 a, body.dark h4 a, body.dark h5 a{	
	color: #b0b0b0 !important;
}

body.dark  h1 a:hover, body.dark  h2 a:hover, body.dark  h3 a:hover, body.dark  h4 a:hover, body.dark  h5 a:hover{	
	color: #d1d1d1!important;		
}

.pageHead {	
	margin: 0 20px 20px 20px;
	position: relative;
}

.galleryContent {
	width: 960px;	
}

.pageNav {
	padding: 10px 0 10px 0;
}

.previousPage {
	float: left;	
}

.nextPage {
	float: right;	
}


/*Images------------------*/

#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}

/*Gallery------------------*/

.gallery-icon a img {border: none !important;}

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

.gallery { margin-bottom: 10px !important;}


/*Lists------------------*/

#content ul{	
	margin-bottom: 25px;	
}

#content ul li{	
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	background: transparent url(images/content_bullet.png) no-repeat 0 0px;
	line-height: 1.4em;
}

#content ol li{	
	margin: 0 0 10px 0;	
	line-height: 1.4em;
}

#content ol{	
	margin: 0 0 20px 20px;
	
}

#content ul ul, #content ol ul, #content ul ol, #content ol ol {	
	margin-left: 20px;
	padding-top: 10px;	
}

#content.subpages {	
	margin-right: -35px;	
}

/*//////////////////////////////////////////////////////////////////// 
//  06 - Slideshow
////////////////////////////////////////////////////////////////////*/

#slideshow {
	width: 960px;	
	position: relative;	
	z-index: 1;
	margin: 0 0 30px 20px;
	padding: 15px 0 50px 0;		
}

#slider {
	width: 930px;
	margin: 0 15px 0 15px;
	position:relative;
}

#slider a{
	display: block;
}

.noContent {
	text-align: center;
	padding: 70px 0 70px 0;
}

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

.button, 
#searchsubmit,
.wpcf7 input {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-size: 12px;		
	display: inline-block!important;	
	color: #fff!important;
	text-decoration: none;		
	position: relative;
	cursor: pointer;
	font-weight: bold;	
	padding: 4px 15px 5px;	
	margin: 0 5px 0 0;
	border: none;
	background-color: #5d5d5d;	
	line-height: 1.5em;	
}

.button:hover,
#searchsubmit:hover,
.wpcf7 input:hover {
	background-color: #848484;
	color: #fff;
}

.button.small {
	padding: 3px 10px 4px !important;
	font-size: 11px !important;	
}
body.dark .button,
body.dark #searchsubmit, 
body.dark .wpcf7 input {
	border: none;
	background-color: #3b3b3b;
	color: #b0b0b0!important;	
}

body.dark .button:hover,  
body.dark #searchsubmit:hover, 
body.dark .wpcf7 input:hover {	
	background-color: #4b4b4b;	
}



/*//////////////////////////////////////////////////////////////////// 
//  08 - Sidebar
////////////////////////////////////////////////////////////////////*/


.sidebarBox {	
	position: relative;
	margin: 0 0 20px 0;	
}

.sidebarBox .inside {
	padding: 15px;
}

#sidebar a{
	text-decoration: none;
	color: #585857;	
}

#sidebar a:hover {
	color: #b0b0ad;
	text-decoration: none;
}

body.dark #sidebar a{
	text-decoration: none;
	color: #919191;	
}

body.dark #sidebar a:hover {
	color: #d1d1d1;
	text-decoration: none;
}

#sidebar p {
	line-height: 1.5em;
	margin-bottom: 12px;
}


/*///////////////////////////////////////////////////////////////////// 
//  09 - Widgets
////////////////////////////////////////////////////////////////////*/


#content .widgetBox h3,
#sidebar .widgetBox h3,
#footer .widgetBox h3{
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.2em;
}

.oneFourth p {
	line-height: 1.5em !important;
	margin-bottom: 12px !important;
}

#sidebar ul {
	margin: 0 0 0 0;
	padding: 0px 0 0 0;	
	border-top: 1px solid #e7e7e7;
	line-height: 1em;
	background: none;	
}

body.dark #sidebar ul {	
	border-top: 1px solid #3b3b3b;	
}

#sidebar ul li {
	padding: 8px 0 9px 0;
	margin: 0 0 0px 0;
	border-bottom: 1px solid #e7e7e7;
	line-height: 1.4em;
	background: none;	
}

body.dark #sidebar ul li {	
	border-bottom: 1px solid #3b3b3b;	
}

#sidebar ul li p {
	line-height: 1.3em;
	margin: 0;
}

#sidebar ul li h2 {
	font-size: 13px;
	margin: 0 0 0px 0 !important;
	font-weight: bold;
	padding: 0 !important;	
	line-height: 1em!important;
}

#sidebar ul li span {	
	padding: 0;
	margin: 0 !important;
}

#sidebar .widget_nav_menu,
#sidebar .widget_pages,
#sidebar .widget_categories{
	padding-bottom: 5px;
}

#sidebar .widget_nav_menu ul,
#sidebar .widget_pages ul,
#sidebar .widget_categories ul{
	background: none;
	margin: 0;
	padding: 0;
	border: none!important;		
}

#sidebar .widget_nav_menu li,
#sidebar .widget_pages li,
#sidebar .widget_categories li {
	padding: 0 0 0 15px;
	margin: 15px 0 0 0;
	background: transparent url(images/list_item_marker.png) 0 5px no-repeat;
	border: none!important;	
}

body.dark #sidebar .widget_nav_menu li,
body.dark #sidebar .widget_pages li,
body.dark #sidebar .widget_categories li {	
	background: transparent url(images/list_item_marker_dark.png) 0 5px no-repeat;	
}

/*Search------------------*/

#s {
	margin: 0 5px 0 0;
	width: 108px;
}

#searchsubmit{
	padding: 3px 10px 4px !important;
	font-size: 11px !important;
	margin: 0!important;
}

/*Calendar Widget--------------------*/
table#wp-calendar {
	width: 100%;
}

table#wp-calendar td, table#wp-calendar th{
	text-align: left;
}

table#wp-calendar td {	
	padding-top: 10px;
}

table#wp-calendar td a{
	font-weight: bold;
}

#wp-calendar caption {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e7e7e7;
	font-size: 14px;	
	font-weight: bold;	
}

body.dark #wp-calendar caption {	
	border-bottom: 1px solid #3b3b3b;		
}

/*Tag Widget--------------------*/

.widget_tag_cloud a{
	background: #e7e7e7;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-size: 11px !important;
	padding: 7px;	
	display: block;
	float: left;
	margin: 0 5px 5px 0;	
}

body.dark .widget_tag_cloud a{
	background: #313131;
}

#footer .widget_tag_cloud a{
	background: #dbdad8;	
}

.widget_tag_cloud:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.widget_tag_cloud {
    display: inline-block;
	padding-bottom: 10px;
}

html[xmlns] .widget_tag_cloud {
    display: block;
}

* html .widget_tag_cloud {
    height: 1%;
}

/*Twitter Widget--------------------*/

#twitterBox{
	margin: 0 0 10px 0;
}

ul#twitter_update_list li{
	line-height: 1.4em !important;	
}

.twitterLink a{		
	font-weight: bold;
}

/*Flickr Widget--------------------*/
#flickrBox .flickrImage {
	float: left;
	margin: 0 14px 14px 0;
}

#flickrBox .flickrImage img {
	width: 50px;
	height: 50px;
}

/*Author Box--------------------*/

.authorBox img {	
	margin: 0 0 10px 2px;
}


/*///////////////////////////////////////////////////////////////////// 
//  10 - Comments
////////////////////////////////////////////////////////////////////*/
	
#commentBox {
	margin: 0 0 0 0;	
}

#comments {
	position: relative;
	margin: 30px 20px 30px 20px;	
}

#trackbacks {
	margin: 30px 0 0 20px;
}

ol#commentslist {
	margin: 0 0 0 0px;
	list-style: none;
	padding: none;	
	padding: 0;
}

#commentslist .children li {
	padding: 15px 0 0 40px;
	background: transparent url(images/comment_marker.gif) no-repeat 0px 40px;
	border-left: 1px solid #cbcbcb;
	margin: 0;
}

body.dark #commentslist .children li {	
	background: transparent url(images/comment_marker_dark.gif) no-repeat 0px 40px;
	border-left: 1px solid #3b3b3b;
}
	
.comment {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;	
}

.comment .avatar {
	position: absolute;
	left: 0;
	top: 0;	
	margin: 5px 0 0 5px;
}

.comment h5 {
	font-size: 16px;
	margin: 0 0 0 110px;
	padding: 0;	
}

.comment .date {	
	margin: 0 0 10px 110px;	
	display: block;
}

.comment p {	
	margin: 0 0 10px 110px;
}

.comment-reply-link,
.comment-reply-login {
	margin: 0 0 0 110px;
}

.comment-reply {
	display: inline-block!important;
	padding: 0 0 0 10px;
}

#comment-add {
	position: absolute;
	top: -5px;
	right: 0px;
}

.moderation {
	margin: 0px;
	padding: 0 0 10px 25px;	
}

#trackbacks ul {
	margin: 0;
	padding: 0;
}

#trackbacks ul li {
	padding: 5px 0 5px 0;
	background: none;	
}



/* Comment Form */
	
#commentForm {
	position: relative;
	margin: 0 0 30px 20px;
	padding: 20px 0 0 0;
}

#comments #respond {
	position: relative;
	padding: 0 0 0;
	margin: 0;
}

#respond .form-allowed-tags {
	display: none;
}


#respond form {
	margin: none;
	padding: none;
	position: relative;
}

.cancel-comment-reply {
	float: right;
	margin: 5px 90px 0 0;
}




/*//////////////////////////////////////////////////////////////////// 
//  11 - Pagination
////////////////////////////////////////////////////////////////////*/
	
.pagination {
	width: 715px;
	padding: 0 0 20px;	
	clear: both;
	font-weight: bold;
	margin: 0 0 15px 0;
}

.pagination-prev a,
.pagination-next a,
.wp-pagenavi a,
.wp-pagenavi .current,
.wp-pagenavi .pages,
.older-comments,
.newer-comments,
.page-numbers {
	display: block;
	float: left;
	width: auto;
	height: 24px;
	line-height: 24px;
	margin: 0 5px 0 0;
	padding: 0 8px;	
	text-align: center;
	text-decoration: none;
}

.pagination-prev a:hover,
.pagination-next a:hover,
.wp-pagenavi a:hover,
.wp-pagenavi .current,
.page-numbers.current {
	
}

.pagination-prev a,
.pagination-next a {
	float: none;
	margin: 0px;
}

.pagination-prev,
.pagination-next {
	float: left;
	width: auto;
	margin: 0px;
}

.pagination-prev {
	float: right;
}

.wp-pagenavi .pages {
	float: right;
	margin: 0px;
}


/*//////////////////////////////////////////////////////////////////// 
//  12 - Footer
////////////////////////////////////////////////////////////////////*/


#footer {
	color: #a9a9a9;	
	padding-bottom: 15px;
}

body.dark #footer {
	color: #626262;		
}

#footer a {
	color: #848484;	
}

#footer a:hover {
	color: #9d9d9a;
	text-decoration: none;	
}

#footer .secondary {	
	margin-bottom: 40px;	
}

#footer .left {
	float: left;
}

#footer .right {
	float: right;
}