/*  

Theme Name: Work

Theme URI: http://themetrust.com/themes/work

Description: An Elegant Portfolio Theme

Version: 1.2.2

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:18px;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	width:auto; height:auto;	

	padding: 0;

	margin: 0;

	background-color: #FFFFFF;

}



body.light {

	color: #7d7d7b;		

}



body.dark {

	color: #F2F2F2;		

}



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: #FFFFFF;		

}



body.light h1, body.light h2, body.light h3, body.light h4, body.light h5, body.light h6{	

	color: #FFFFFF;		

}



body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6{	

	color: #FFFFFF;	

}



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"], 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 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 #homeText.post {

	padding: 20px 0px 0px;

}



#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: #ffffff !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  {

	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;	

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	margin: 0 5px 0 0;

	border: none;

	background-color: #5d5d5d;	

	line-height: 1.5em;	

}



.button:hover,

#searchsubmit:hover  {

	background-color: #848484;

	color: #fff ;

}



.button.small {

	padding: 3px 10px 4px !important;

	font-size: 11px !important;	

}



body.dark .button,

body.dark #searchsubmit {

	border: none;

	background-color: #3b3b3b;

	color: #b0b0b0!important;	

}



body.dark .button:hover,

body.dark #searchsubmit: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: #BAFFFB;	

}



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;

}