/* @override 
	http://localhost:8888/WP_Inkonito/wp-content/themes/inkonito/style.css */
/*
Theme Name:    	inko'nito
Description:
Text Domain:	raw_theme    
Author:			© cyriltissot.com
Version:        1.0
*/

/* -------- EXTRA SPECIAL BRAIN DAMAGE -------- */


/* ----- Reduce bottom margin after slider ----- */
#wrapper.blog-index #slider {
	margin: 40px 0 -40px;
}

/* deleting the default appearence for form elements */
input,textarea {
	-moz-appearance: none;
	/*-webkit-appearance: none;*/
}

/* -------- 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,input,table,caption,tbody,tfoot,thead,tr,h,td
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0;
}

ol,ul {
	list-style: none
}

/* -------- 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%
}

/* -------- HTML5 CSS SETUP -------- */
article,aside,figure,footer,header,hgroup,nav,section,video {
	display: block
}

/* -------- TYPOGRAPHY -------- */
a {
	color: #ff311e;
	text-decoration: none;
	-webkit-transition: color 0.25s;
	-moz-transition: color 0.25s;
	-o-transition: color 0.25s;
	transition: color 0.25s;
}

a:hover {
	color: #816d3c;
}

.page-content a {
	color: #ff311e !important;
	text-decoration: underline;
}

.page-content a:hover {
	color: #000000 !important;
	text-decoration: underline;
	
}

.page-content a:visited {
	color: #ff311e;
}

p strong, article strong{
	color: #552d28;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Open Sans', sans-serif;
}

h1 {
}

.page-intro h1, h1 {
	font-size: 2.5em;
	letter-spacing: 0px;
	text-transform: uppercase;
	color: #ff311e;
	margin-top: 12px;
	font-weight: 300;
	text-transform: none;
	line-height: 1em;
}

.page-intro em {
	color: #000;
	font-size: 	1.667em;
	font-style: normal;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	line-height: 1.5em;
}

h2 {
	font-size: 2em;
	line-height: 2em; 
	text-transform: none;
	font-weight: 300;
}

h3 {
	color: #000;
	font-size: 	1.667em;
	font-style: normal;
	font-family: 'Open Sans', sans-serif;
	line-height: 2em;
	font-weight: 700;
}

h4 {
	font-size: 1.5em;
	font-weight: 400;
	line-height: 2em;
	text-transform: uppercase;
}

h5 {
	font-size: 1.333em;
	font-weight: 300;
	line-height: 2em; 
	text-transform: uppercase;
}

h6 {
	font-size: 1.250em;
	font-weight: 600;
	line-height: 2em;
	text-transform: normal;
}

/* -------- STRUCTURE -------- */
html {
	height: 100%
}

body {
	background-color: #333;
	color: #000;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	height: 100%;
	line-height: 1.750em;
	position: relative;
	-webkit-text-size-adjust: none;
	/* Preserve all font sizes in mobile safari */
}

#filtering{
	width:100%;
	min-height:100%;
	background: url(images/inkonito/InkoNito_bgstripes.png) repeat top left;
}

#wrapper {
	background: transparent;
	display: block;
	margin: 0 auto;
	width: 924px;
	min-height: 100%;
	position: relative;
}

#sidebar {
    background: transparent;
    color: #555;
    float: left;
    font-size: 1em;
    line-height: 1.4em;
    padding-top: 12px;
	position: absolute;
    width: 180px;
	z-index: 2;
}

#sidebar header {
	position: relative;
}

#sidebar a, #footer a {
	color: #fff;
}

#sidebar a:hover, #footer a:hover {
	color: #816d3c ;
}

a#logo { 
	border-bottom: 4px solid #44464A;
	color: #000000;
	font-size: 2.5em;
	font-weight: 700;
	letter-spacing: -2px;
	line-height: 24px; 
	border: none !important;
	width: 100%;
	margin: 0;
	text-align: center;
	display: inline-block;
}

#sidebar a#logo:hover { 
	border-bottom: 0 solid #44464A
}

#logo img {
	max-width: 144px;
	margin: 0 12px 0 24px;
}

.mobile-logo {
	display: none;
}

/* -------- NAVIGATION -------- */
#main-navigation {
	text-align: right;
	font-size: 1.125em;
	line-height: 2em;
	margin: 24px 0 0 0;
	position: relative;
	width: 100%;
	z-index: 2; 
	/*display: inline-block;*/
	text-transform: uppercase; 
	font-family: 'letter_gothic_fsbold', sans-serif;
}

#sidebar #main-navigation select {
	display: none;
	width: 232px;
}

#navigation li {
	/*display: inline-block;*/
	list-style: none outside none;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
}

#navigation li span {
	display: block;
	float: left;
}

#navigation li.nospan span {
	display: none;
}

#navigation,#navigation a {
	/*display: block;*/
}

#main-navigation a {
	color: #000;
	padding: 0 6px;
	margin: 0 0 0;
	background: #fff;
	display: inline-block;
}

#main-navigation a:hover { 
	background: #fde300;
	border: none;
}

#main-navigation ul li.current_page_item>a,#main-navigation ul li.current-menu-item>a
	{
	color: #ff311e ;
	text-decoration: none;
}
#main-navigation ul li.current_page_item>a:hover,#main-navigation ul li.current-menu-item>a:hover
	{
	color: #ff311e ;
	text-decoration: none;
}

#main-navigation .hover>a {
	color: #000;
}

#main-navigation .hover>a:hover {
	color: #000;
}

/* -------- NAV SUBMENU -------- */
#main-navigation ul ul {
	background: #44464A;
	display: none;
	left: 200px;
	margin: 0;
	padding: 10px;
	position: absolute;
	top: 0;
	width: 200px;
	z-index: 99999;
}

#main-navigation ul ul a {
	color: #939393;
	padding: 4px 0;
}

#main-navigation ul ul ul {
	top: -10px
}

#navigation li:hover ul ul,#navigation li:hover ul ul ul,#navigation li:hover ul ul ul ul
	{
	display: none;
}

#navigation li:hover ul,#navigation li li:hover ul,#navigation li li li:hover ul,#navigation li li li li:hover ul
	{
	display: block;
}

/* -------- FOOTER -------- */
#social-footer {
	padding: 0 12px;
	margin-bottom: 6px;
	margin-top: 24px;
	height: 20px;
	width: 720px;
	text-align: right;
}

#social-footer a{
	display: inline-block;        
	height: 20px;
	width: 20px;  
	margin: 0 0 0 6px;
	overflow: hidden;
	background: #ddd;
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	border-radius: 10px;
	text-align: center;
	font-size: 1.167em;
	-webkit-transition:color .1s linear,background-color .1s linear,border-color .1s linear;
	-moz-transition:color .1s linear,background-color .1s linear,border-color .1s linear;
	-ms-transition:color .1s linear,background-color .1s linear,border-color .1s linear;
	-o-transition:color .1s linear,background-color .1s linear,border-color .1s linear;
	transition:color .1s linear,background-color .1s linear,border-color .1s linear;
	-webkit-box-sizing:initial!important;
	-moz-box-sizing:initial!important;
	box-sizing:initial!important
}

#social-footer a:hover{
	background: #ff311e;
}

#footer-wrapper {
	background-color: #fde300;
	clear: left;
	float: right;
	margin: 0;
	height: 24px;
	padding: 0;
	width: 744px;
}

#footer {
	width: 924px;
	display: block;
	background-color: transparent;
	margin: 0 auto;
}

#footer li {
	display: inline-block;
	margin-right: 12px;
}

#foot {
	background-color: #000;
	display: block;
	height: 24px;
	padding: 0;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
}

#foot .widget-sidebar {
	font-size: 0.833em;
	margin: 0 0 0 180px;
	text-align: left;
	width: 260px;
	display: inline-block;
	float: left;
}

#foot .widget-sidebar .widget {
    border-top: none;
    margin: 0;
    padding-top: 0;
}

#foot .widget-sidebar .widget li{
    margin-top: 0;
}

.copyright {
	font-size: 0.833em;
	margin: 0;
	color: #fff;
	display: inline-block;
	float: right;
	text-align: right;
}

.copyright span {
	clear: none;
	display: inline;
}

/* ----- MENUHEADER ----- */
#header-holder {
	background-color: #fde300;
	float: right;
	margin: 0;
	height: 24px;
	padding: 0;
	width: 744px;
	font-size: 1em;
	font-family: 'letter_gothic_fsbold', sans-serif;
}

#header-holder li.widget_nav_menu {
	list-style: none;
	padding: 0;
	margin-right: 12px;
}

#header-holder .menu-menuhead-container ul{
	float: right;
	left: auto;
	position: relative;
	z-index: 100;
}

#header-holder .menu-menuhead-container ul > li{
	display: inline-block;
	margin: 0;
	padding: 0 ;
	height: 24px;
	line-height: 24px;
}

#header-holder .menu-menuhead-container ul > li > a{
	padding: 0 6px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
}

#header-holder .menu-menuhead-container ul > li a:hover{
	text-decoration: underline;
}

/* -------- MENUHEAD SUBMENU -------- */
#header-holder ul.sub-menu {
	background: #fde300;
	display: none;
	position: absolute;
	top: 24px;
	width: auto;
	z-index: 99999;
	padding: 0;
}

#header-holder ul.sub-menu > li{
	display: block;
	padding: 0;
	width: 100%;
}

#header-holder .menu-menuhead-container li:hover ul.sub-menu{
	display: block;
}


/* ------ inko-header ------*/
.inko-header.stripe	{
	overflow: hidden;
	margin-top: 0;
	padding: 0 24px 0;
	height: 24px ;
	background: url(images/inkonito/InkoNito_header.png) repeat-x top left;
	text-align: center;
}

.inko-header.stripe .title.title-icon, .inko-header.stripe .title.title-text {
	color: #ff321e;
	font-size: 2em;
	overflow: hidden;
	display: inline;
	margin: auto;
	padding: 0 9px;
	background-color: #fff;
}

.inko-header.stripe .title.title-text {
	font-size: 1.333em;
	font-family: 'letter_gothic_fsbold', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 1.750em;
}

.page-header-top.image{
	text-align: center;
	margin-top: 12px;
	height: 320px;
}

.page-header-top.slide{
	text-align: center;
	margin-top: 12px;
	margin-bottom: 24px;
	height: 420px;
}

.page-header-top.image img{
	border-bottom-left-radius: 160px;
	border-bottom-right-radius: 160px;
	border-top-left-radius: 160px;
	border-top-right-radius: 160px;
}


/* ----- CONTENT ----- */
#content-wrapper {
	background-color: #fff;
	float: right;
	margin: 0 0 16px;
	padding-left: 0;
	position: relative;
	z-index: 1;
	padding: 0;
	width: 744px;
}

#content {
	overflow: hidden;
	padding: 12px 24px 12px;
	position: relative;
}

.page-intro {
	margin: 0 0 0;
}

.page-intro-category{

}

.page-intro-category span{
	font-size: 1em;
	font-weight: 400;
	line-height: 2em;
	text-transform: uppercase;
}

body.blog .page-intro,body.archive .page-intro, body.search .page-intro, .page-template-page-contact-php .page-intro {
	margin-bottom: 12px;
}

#slider {
	margin-top: 40px;
	overflow: hidden;
}

#content #slider:first-child,#content .post-image:first-child {
	margin: 0
}

.page-content {
	padding: 0;
	width: 696px;
	text-align: justify;
}

.page-content:first-child {
	margin: 0 0 0
}

/* ------- COLUMNS ------- */
/*-- text --*/
.row-holder {
	clear: both;
	overflow: hidden;
}

.third,.half,.two-thirds {
	float: left;
}

.third {
	width: 216px;
	margin-right: 24px; 
}

.half {
	width: 336px;
}

.two-thirds {
	width: 456px;
}

.end {
	margin: 0;
}

/* -------- PAGINATION -------- */
.pagination {
	float: left;
	font-size: 1em;
	margin: 12px 0 0;
	padding:0;
	color: #ff311e
}

.pagination span {
	padding: 0;
}

.pagination span.prev{
	margin-right: 6px;
}

.pagination a {
	color: #ff311e
}

.pagination a:hover {
	color: #816d3c !important;
	text-decoration: none;
}

.pagination a:visited {
	color: #ff311e;
}

/* -------- wp_link_pages() -------- */
.page-content .pagination {
	background: none;
	float: none;
	margin: 20px 0;
	padding: 0;
	text-align: left;
	width: 100%;
}

.page-content .pagination span {
	padding: 3px 5px;
	border: 1px solid #EEE;
}

.page-content .pagination ul {
	margin: 0;
	overflow: hidden;
}

.page-content .pagination ul li {
	background: 0;
	margin: 0;
	padding: 0;
}

/* -------- BLOG INDEX (TRADITIONAL LAYOUT) -------- */
.blog-traditional {
	padding-bottom: 12px;
}

.blog-traditional article {
	padding-bottom: 12px;
	padding-top: 24px;
	overflow: hidden;
	border-bottom: 1px solid #ff311e;
	
}

.blog-traditional article:first-child {
	padding-top: 0;
}

.blog-traditional article+article {
}

/* Adds a top border to any post on the blog page that follows another post. */
.blog-traditional-thumbnail,.blog-traditional .third {
}

.blog-traditional-thumbnail {
	display: block;
	position: relative;
}

.blog-traditional h2 {
	border: none;
	font-size: 2em;
	font-weight: 200;
	letter-spacing: -1px;
	padding: 0;
	margin-top:;
}

.blog-traditional .post-meta ul {
	padding: 0
}

.blog-traditional .post-meta ul li {
	display: block;
	margin-bottom: 3px;
	width: 100%;
}

#content .pagination {
}

/* -------- BLOG INDEX (MOSAIC) -------- */
#blog-grid {
	overflow: hidden;
	width: 826px;
}

#blog-grid article {
	background-color: #FFF;
	float: left;
	font-size: 1em;
	line-height: 1.4em;
	margin: 10px 10px 0 0;
	padding: 10px 10px 50px;
	position: relative;
	width: 245px;
}

#blog-grid article img {
	margin-bottom: 10px
}

#blog-grid article h1 {
	font-size: 1em;
	font-weight: 700;
	margin: 0 0 10px;
	letter-spacing: 0;
	line-height: 1.2em;
}

#blog-grid article small {
	color: #999;
	display: block;
	margin: 10px 0 0;
}

#blog-grid .post-meta {
	background-color: #0F1012;
	bottom: 0;
	color: #FFF;
	font-size: 1em;
	left: 0;
	line-height: 19px;
	padding: 10px;
	position: absolute;
	width: 245px;
}

/* -------- LINKS -------- */
.link-url {
	color: #999;
	display: block;
	font-size: 1.333em;
	margin: 20px 0 0;
	word-wrap: break-word;
}

.post-icon {
	background: url(images/post-icons.png) no-repeat;
	bottom: 0;
	height: 39px;
	position: absolute;
	right: 0;
	width: 39px;
}

/* -------- POST TYPE ICONS -------- */
.format-post .post-icon {
	background-position: 0 0
}

.format-video .post-icon {
	background-position: -39px 0
}

.format-quote .post-icon {
	background-position: -78px 0
}

.format-status .post-icon {
	background-position: -117px 0
}

.format-gallery .post-icon {
	background-position: -156px 0
}

.format-link .post-icon {
	background-position: -195px 0
}

.format-audio .post-icon {
	background-position: 0 -39px
}

.item-link {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}

.sticky {
	
}

/* -------- POSTS -------- */
.post-scroll-holder {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 26px;
	margin-left: 24px;
}

.post-scroll-holder span {
	display: inline-block;
	float: left;
}

.post-scroll-holder a {
	display: block;
	height: 13px;
	width: 13px;
	margin-top: 0px;
	margin-left: 0px;
}

.prev-post-link a {
	background: url(images/inkonito/prevnext.png) no-repeat right top #000;
}

.prev-post-link a:hover {
	background-color: #ff311e;
}

.next-post-link a {
	background: url(images/inkonito/prevnext.png) no-repeat left top #000;
}

.next-post-link a:hover {
	background-color: #ff311e;
}

/* -------- MEDIA PLAYERS (YouTube, vimeo, embed -------- */
.video-container {
	margin: 0 auto 12px;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

#two-column-gallery .video-container {
	margin: 0 auto 0;
}

.video-container.vimeo {
	padding-top: 0;
}

.video-container.dailymotion {
	padding-top: 0;
}

.video-container iframe,.video-container object,.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ------- MEDIA ELEMENTS PLAYER ------- */
.mejs-audio {
	margin: 24px auto 24px;
}

.page-content .mejs-audio,#two-column-gallery .mejs-audio {
	margin: 24px auto 24px;
}

/* -------- STATUS -------- */
.timestamp {
	color: #999;
	display: block;
	margin: 20px 0 0;
}

/* ------- POST META ------- */
.post-meta ul {
	color: #816d3c;
	font-size: 0.833em;
	padding: 6px 0 0 0;
	line-height: 1.250em;
}

.author-meta {
}

.date-meta {
}

.category-meta {
}

.comments-meta {
}

.share {
}

.share .fa {
    display: inline-block;
    font-size: 14px;
    margin-right: 8px;
    text-align: right;
    width: 12px;
    color: #816d3c;
}

.fa {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -moz-osx-font-smoothing: grayscale;
    -x-system-font: none;
    display: inline-block;
    font-family: FontAwesome;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}

.format-video .post-meta ul {
	padding-bottom: 0
}

aside.post-meta ul li {
	float: left;
	padding: 0 12px 0 12px;
	border-left: 1px solid #ddd;
}

aside.post-meta ul li:first-child {
	border: none;
	padding-left: 0;
}

.gallery-image-link {
	display: block;
	line-height: 0;
	margin: 0 0 10px;
	position: relative;
}

.gallery-image-link:first-child {
	margin: 20px 0 10px
}

#two-column-gallery a img {
	margin: 0
}

.image-hover-icon {
	background: url(images/zoom-icon.jpg) 0 0 no-repeat;
	height: 40px;
	position: absolute;
	right: 0;
	visibility: hidden;
	width: 40px;
}

/* ------- AUTHOR META ------- */
.author-meta img {
	padding: 0 10px 0 0;
	float: left;
}

.share {
	position: relative
}

/* ------- ADDTHIS ------- */
.share-holder {
	background: url(images/share-holder-bg.png) no-repeat;
	display: none;
	float: left;
	left: -20px;
	padding: 12px 0 0;
	position: absolute;
	top: 12px;
	z-index: 999;
}

.addthis_toolbox {
	background: #44464A;
	padding: 10px;
	width: 100px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.post-image {
	height: auto;
	margin-top: 0;
	width: 100%;
}

/* ------- TAGS ------- */
.post-tags {
	border-top: 4px solid #44464A;
	clear: both;
	line-height: 18px;
	margin: 40px 0 0;
	padding: 18px 0 0;
}

.tag-icon {
	background: url(images/tag-icon.png) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 10px 0 0;
	width: 24px;
}

.post-tags a {
	border: 1px solid #EEE;
	color: #737373;
	display: inline-block;
	font-size: 1em;
	margin-top: 2px;
	padding: 2px 5px;
}

/* ------- ACCORDION ------- */
.accordion .accordion-title{
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 0;
	padding: 0;
	cursor: pointer;
	
}

.accordion.on .accordion-title{
	margin-bottom: 18px;
	margin-top: 0;
}

.accordion.off .accordion-title{
	margin-bottom: 6px;
}

.accordion.on i.off{
	display: none;
}

.accordion.off i.on{
	display: none;
}

.accordion .accordion-title .cat-name{
	font-size: 1.5em;
	letter-spacing: 0;
	line-height: 1.333em;
	text-transform: none;
	font-weight: 300;
	color: #ff311e;
}

.accordion .accordion-title .cat-desc{
	font-size: 0.833em;
	color: #ff311e;
	padding-left: 12px;
}

.accordion .accordion-title i{
	float: right;
	margin: 3px 6px 0 0;
	font-size: 1.333em;
	color: #ff311e;
	font-size: 2em;
}

.accordion.off .accordion-title i{
	color: #f1f1f1;
}

.accordion.off .accordion-title .cat-name,.accordion.off .accordion-title .cat-desc{
	color: #a1a1a1;
}

.accordion.off:hover .accordion-title i, .accordion.off:hover .accordion-title{
	color: #ff311e;
}

/* ------- PORTFOLIO / COLLABORATION (INDEX) ------- */

/*- PORTFOLIO CATEGORIES -*/
#filter-holder{
	position: relative;
	text-align: center;
	padding-top: 12px;
	height: 12px;
}

#filter {
	display: inline-block;
	clear: left; 
	list-style: none outside none;
}

.no-js #filter {
	display: none;
}

#filter li {
	float: left;
	list-style: none outside none;
	padding: 0;
	border-right: 1px solid #ddd;
	line-height: 1.5em;
}

#filter li:last-child {
	border-right: none;
}

#filter li .selected {
	color: #816d3c;
	text-decoration: underline;
}

#filter li a { 
	color: #ddd;
	display: inline-block;
	padding: 0 12px 0;
}

#filter li a:hover { 
	color: #816d3c;
}

/*- PORTFOLIO GRID -*/

.portfolio-grid, .collaboration-grid{
	overflow: hidden;
	padding: 0 24px 0;
	position: relative;
}

/*---- interval 24pt ----*/
.portfolio-grid article, .collaboration-grid article {
	background: #ffffff;
	height: 216px;
	width: 216px;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0 24px 24px 0;
}

.portfolio-grid article:nth-child(3n), .collaboration-grid article:nth-child(3n) {
	background: #ffffff;
	height: 216px;
	width: 216px;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0 0 24px 0;
}

.portfolio-grid img, .collaboration-grid img {
	height: auto;
	position: center;
	width: 100%;
	z-index: 1; 
	-webkit-border-radius: 108px;
	-moz-border-radius: 108px; 
	border-radius: 108px;
}

.portfolio-grid .meta, .collaboration-grid .meta {
	background-color: #fff;
	color: #000;
	height: 216px;
	width: 216px; 
	padding: 0;
	position: absolute;
	top: 0;
	z-index: 2;
	opacity: 0;
}

.metah6 {
	text-align: left;
	display: inline-block;
	padding: 0 12px;
	background-color: #fff;
	position: relative;
	bottom: 60px;
	z-index: 3;
}

.metah6 h6 {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.5em;
	text-transform: uppercase;
	font-family: 'letter_gothic_fsbold', sans-serif;
}

.ie8 .isotope-hidden {
	display: none;
} /* IE8 fix */

/* ------- COLORBOX ------- */
#colorbox #content {
	overflow: hidden;
	width: 816px;
}

/* ------- PORTFOLIO ITEM ------- */

/* ----- One column ----- */
.type-portfolio p+img,.type-portfolio p+.video-container,.type-portfolio p+.mejs-audio,.type-portfolio p+.media-player{
	margin: 24px auto 24px;
}

/* ----- Two Columns ----- */
#two-column-text {
	float: right;
}

#two-column-gallery img { 
	margin-top: 12px;
}

#two-column-gallery>img:first-child {
	margin-top: 0;
}

#two-column-gallery .media-player {
	margin: 0 0 0;
}

/* ------- PORTFOLIO ITEM META ------- */
.portfolio-item-meta-title {
	display: block;
	margin: 12px 0 0;
}

.portfolio-item-meta-title:first-child {
	display: block;
	margin: 0 0 0;
}

.portfolio-item-project-link {
	display: block;
	margin: 0 0 12px;
}

.page-content ul.meta,.page-content ul.meta p {
	margin-top: 0;
	display: block;
}

.page-content ul.meta li {
	display: inline-block;
	margin-bottom: 12px;
	width: 696px;
	padding-left: 0;
	vertical-align: top;
	position: relative;
	list-style: none outside none;
}

#two-column-text ul li {
	margin-top: 12px;
	padding-left: 0;
}

#two-column-text ul li:first-child {
	margin-top: 0;
	padding-left: 0;
}

/* ------- STAFF (INDEX) ------- */

/*- PORTFOLIO GRID -*/

ul.listing-staff{
	float: left;
	position: relative;
	overflow: hidden;
	margin: 24px 0;
	text-align: center;
	font-size: 0;/* white-space killer*/
}

li.staff-item{
	display: inline-block;
	list-style: none;
	width: 120px;/* 156 for 4 items per line */
	margin: 0 24px 24px 0;
	vertical-align: top;
	font-size: 10px;
	line-height: 14px ;
	background-color: #fff;
}

li.staff-item:nth-child(5n){
	margin: 0 0 24px 0;
}

li.staff-item a{
	color:  #000;
}

li.staff-item a:hover{
	color:  #816d3c;
}

li.staff-item .thumb{
	width: 120px; /* 156 for 4 items per line */
	height: 120px;
	overflow: hidden;
	border: 0px solid #fff000;
	background-color: #c3c3c3;
	border-bottom: 1px solid #fff000;
}

li.staff-item .thumb img{
}

li.staff-item article .meta{
	background-color: #fff;
	height: 120px;
	width: 120px; 
	padding: 0;
	position: absolute;
	z-index: 2;
	opacity: 0;
}

li.staff-item .title{
	padding-top: 3px;
	font-weight: 600;
}

li.staff-item .jobs{
}


/* ------- EVENTS (INDEX) ------- */
#event-list {
	padding-bottom: 12px;
}

#event-list article{
	border-bottom: 1px solid #ff311e;
	padding: 24px 0 12px;
	text-align: center;
}

#event-list article .category-date{
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 600;
	color: #816d3c;
	padding-bottom: 16px;
}

#event-list article:first-child {
	padding-top: 12px;
}

#event-list article .event-date{
	font-size: 2.5em;
	letter-spacing: 1px;
	text-transform: lowercase;
	font-weight: 100;
	color: #ff311e;
}

#event-list article .event-time{
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: lowercase;
	font-weight: 100;
	color: #ff311e;
	margin-left: 6px;
}

#event-list article h3{
	text-transform: none;
	line-height: 24px;
	font-weight: 700;
}

#event-list article h3 a{
	color: #000;
	cursor: ;
}

#event-list i{
	color: #816d3c;
}

#event-list article .event-place{
	text-transform: none;
	font-size: 1em;
	line-height: 24px;
}

#event-list article .event-place a:hover, #event-list article h3 a:hover{
	color: #816d3c;
}

#event-list article .event-place a{
	color: #000;
	text-decoration: underline;
}

#event-list article p{
	padding: 0 24px;
}

#event-list article .event-link a{
	text-transform: none;
	font-size: 1em;
	border-bottom: 1px solid #ff311e;
}

#event-list article .event-link a:hover{
	border-bottom: 1px solid #816d3c;
}

/* ------- PAST EVENTS ------- */
#past-event-list {
	padding-bottom: 12px;
}

#past-event-list article{
	padding: 0;
	text-align: left;
}

#past-event-list article .category-date{
	font-size: 2em;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 600;
	color: #816d3c;
	padding: 24px 0 12px;
}

#past-event-list article:first-child .category-date{
	padding-top: 12px;
}

#past-event-list article .event-date{
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: lowercase;
	font-weight: 400;
	color: #000;
}

#past-event-list article .event-title{
	font-size: 1.167em;
	letter-spacing: 1px;
	text-transform: lowercase;
	font-weight: 700;
	color: #000;
}

#past-event-list article .event-title a{
	color: #000;
	cursor: ;
}

#past-event-list i{
	color: #ff311e;
}

#past-event-list article .event-place{
	text-transform: none;
	font-size: 1em;
	font-weight: 400;
}

#past-event-list article .event-place a:hover, #event-list article .event-title a:hover{
	color: #816d3c;
}

#past-event-list article .event-place a{
	color: #000;
	text-decoration: underline;
}

#past-event-list article p{
	padding: 0 24px;
}

#past-event-list article .event-link a{
	text-transform: none;
	font-size: 1em;
	border-bottom: 1px solid #ff311e;
}

#past-event-list article .event-link a:hover{
	border-bottom: 1px solid #816d3c;
}

/* ------- FORMS ------- */
form {
	max-width: 464px;
}

.page-content form ul li,#footer form ul li {
	background: none;
	margin: 0 0 20px;
	padding: 0;
}

input[type="text"],input[type="password"],textarea {
	display: block;
	margin: 0 0 18px;
	padding: 6px 12px;
	height: 24px;
	max-width: 100%;
	width: 404px;
	background: #fff;
	color: #000000;
	font-size: 1em;
	border: 1px solid #e6e6e6;
}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
	border: 1px solid #000;
}

textarea {
	font-family: arial, sans-serif;
}

#respond {
	margin: 12px 0 0;
	width: 464px;
}

p+#respond {
	margin-top: 36px;
}

label { /*display: inline-block;
margin: 0 0 5px;*/
	/*display: inline-block;
color: #A7ABAD;
font-size: 12px;
font-style: italic;
font-weight: 300;
margin: 12px 0 0 12px;
position: absolute;*/
}

input[type="radio"] {
	color: #444;
	margin: 0 10px 5px 0;
}

select {
	background-color: #fff;
	border: 1px solid #DDD;
	padding: 2px 2px 2px 0;
	width: 230px;
}

textarea {
	height: 132px;
	resize: none;
}

input[type="checkbox"] {
	height: 13px;
	margin: 1px 5px 0 0;
	width: 13px;
	border: 1px solid #e6e6e6;
}

input.error,textarea.error,input.error:focus,textarea.error:focus {
	border: 1px solid #ff311e;
	color: #000;
}

span.required {
	display: none;
}

label.error {
	color: #ff311e;
	position: relative;
	top:  -48px;
	float: right;
	margin-right: 48px;
}

label.checkbox {
	margin: 0;
}

.raw_contact_holder{
	margin-top: 4px;
}

/* ------- MAILCHIMP FORM ------- */
#mc4wp-form-1 .mailchimp-content-form input[type="email"]{
	margin: 0 0 18px;
	padding: 6px 12px;
	height: 18px;
	max-width: 100%;
	width: 255px;
	background: #fff;
	color: #000000;
	font-size: 1em;
	border: 1px solid #e6e6e6;
}

#mc4wp-form-1 .mailchimp-content-form input[type="submit"]{
	background-color: #000;
	margin-left: 12px;
}

#mc4wp-form-1 .mailchimp-content-form input[type="submit"]:hover{
	background: #ff311e;
}

/* ------- SIDEBAR FORMS ------- */
.widget-sidebar input[type="text"],.widget-sidebar input[type="password"],.widget-sidebar textarea,.widget-sidebar select,#sidebar select
	{
	background-color: #44464A;
	border: 1px solid #222;
	color: #999;
	width: 168px;
}

.widget-sidebar select {
	padding: 2px 2px 2px 0;
	width: 178px;
}

/* ------- COMMENTS ------- */
#comments-holder {
	border-top: 4px solid #44464A;
	clear: both;
	margin: 40px 0 0;
}

.post-tags+.clearboth+#comments-holder {
	border-top: 1px dotted #CCC;
	margin: 20px 0 0;
}

#comments {
	clear: both;
	margin: 20px 0 0;
	padding: 0;
}

#comments li { /* reset margins and padding */
	padding: 0;
	margin: 0;
}

.comment {
	background: url(images/comment-thread-horizontal.png) repeat-y;
	width: 100%;
}

.comment .comment {
	background: url(images/comment-thread-vertical.png) no-repeat
}

.comment .children .children {
	background: url(images/comment-thread-horizontal-2.png) repeat-y
}

.comment .comment .comment {
	background: url(images/comment-thread-vertical-2.png) no-repeat
}

/* FIRST LEVEL */
.comment-holder {
	background: #FFF;
	border: 1px solid #EEE;
	float: right;
	margin: 0 0 20px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

/* SECOND LEVEL */
.children .comment-holder {
	width: 85%
}

/* THIRD LEVEL */
.children .children .comment-holder {
	width: 77%
}

.admin_comment {
	background-color: #F6F6F6
}

.comment .avatar {
	border: 1px solid #EEE;
	left: 10px;
	padding: 3px;
	position: absolute;
	top: 10px;
}

#comments .comment small a {
	color: #999;
	border-bottom: 1px dotted transparent;
}

#comments .comment small a:hover {
	color: #3297FD
}

.author-text {
	padding: 10px 10px 10px 95px;
}

.author-text small {
	float: right;
	margin-top: 4px;
}

.author-text h6 {
	float: left;
	font-size: 1em;
	font-weight: 700;
	margin: 5px 0 10px;
}

.author-text h6 span {
	color: #999;
	font-size: 0.833em;
	font-weight: 400;
}

.author-text h6 a {
	color: #999;
	border-bottom: 1px dotted transparent;
}

.author-text h6 a:hover {
	color: #3297FD
}

.the-comment {
	border-top: 1px solid #EEE;
	clear: both;
	margin: 20px 0 0;
}

.the-comment p {
	margin: 10px 0 20px
}

#comments .comment-reply-link {
	color: #999;
	float: right;
	font-size: 0.833em;
	margin: 0 0 5px;
}

#comments .comment-reply-link:hover {
	color: #3297FD
}

#comments #respond {
	background-color: #FFF;
	padding: 0 0 40px;
}

#reply-title {
	margin: 20px 0 0
}

/* ------- SHORTCODES ------- */
.clearboth {
	clear: both;
	display: block;
	font-size: 0;
	height: 0px;
	line-height: 0;
	overflow: hidden;
	width: 100%;
}

/* ------- BUTTONS ------- */
input[type=reset],input[type=button],button,input[type=submit],.sidebar input[type=submit],.page-content input[type=submit],a.button
	{
	background: #000;
	border: none;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-size: 0.833em;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding: 8px 10px;
	position: relative;
	border:none;
	color:#000;
	text-transform:uppercase;
	letter-spacing:0;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
	text-shadow:none;
	-webkit-transition:color .1s linear,background-color .1s linear,border-color .1s linear;
	-moz-transition:color .1s linear,background-color .1s linear,border-color .1s linear;
	-ms-transition:color .1s linear,background-color .1s linear,border-color .1s linear;
	-o-transition:color .1s linear,background-color .1s linear,border-color .1s linear;
	transition:color .1s linear,background-color .1s linear,border-color .1s linear;
	-webkit-box-sizing:initial!important;
	-moz-box-sizing:initial!important;
	box-sizing:initial!important
}

button[type=reset],input[type=reset] {
	background: #44464A url(images/button-overlay.png) repeat-x
}

input[type=button]:hover,button:hover,input[type=submit]:hover,.sidebar input[type=submit]:hover,.page-content input[type=submit]:hover,a.button:hover
	{
	background: #ff311e;
	color: #FFF;
	border:none;
}

button[type=reset]:hover,input[type=reset]:hover {
	background: #ff311e;
	color: #FFF;
	border:none;
}

.button.left {
	float: left;
	margin: 20px 0 0 5px;
}

.button.right {
	float: right;
	margin: 20px 0 0 5px;
}

.button-center {
	text-align: center
}

.button.large {
	font-size: 1.5em;
	padding: 10px 15px;
}

p .button,p input[type=submit],#respond input[type=submit] {
	margin-top: 12px;
}

#respond input[type=submit] {
	background-color: #000;
}

/* ------- EMPHASIS ------- */
.emphasis {
	display: block;
	font-size: 1.333em;
	line-height: 1.5em;
	margin: 36px 0 0;
}

.page-content>.emphasis:first-child {
	margin: 24px 0 0
}

.emphasis * {
	margin-top: 0
}

.emphasis.left {
	text-align: left
}

.emphasis.right {
	text-align: right
}

.emphasis.center {
	text-align: center
}

/* ------- LIST STYLE ------- */
article ul.square {
	padding-left: 20px
}

article ul.circle {
	padding-left: 20px
}

article ul.check li {
	background: url(images/li_true.png) left 9px no-repeat
}

article ul.cross li {
	background: url(images/li_false.png) left 9px no-repeat
}

article ul.square li {
	background: none;
	list-style-type: square;
}

article ul.circle li {
	background: none;
	list-style-type: disc;
}

/* ------- DIVIDERS ------- */
hr {
	border: 0;
	margin: 24px 0 24px;
	height:  1px;
	background: #333;
	width: 100%;
	display: inline-block;
	clear: both;
}

.hr {
	border: 0;
	margin: 36px 0 36px;
	height:  1px;
	background: #ccc;
	width: 100%;
}

.hr.thick {
	border: 0;
	margin: 24px 0 24px;
	height:  1px;
	background: #ccc;
	width: 100%;
}

.divider.top {
	background: none;
	border-top: 1px dotted #CCC;
	height: auto;
	clear: both;
	margin: 36px 0 24px;
}

.top {
	font-size: 0.833em;
	line-height: 10px;
	position: relative;
	text-align: right;
	width: 95%;
}

.top a {
	color: #999 !important;
	display: block;
	height: 20px;
	padding-left: 12px;
	position: absolute;
	right: -36px;
	top: -6px;
	width: 20px;
}

.top a:hover {
	color: #666 !important
}

/* ------- GOOGLE MAP ------- */
.google-map {
	margin: 0 0 0 !important;
}

#two-column-text .google-map {
	margin: 20px 0 24px 0 !important ;
	height: 232px;
}

/* ------- HIGHLIGHT ------- */
.highlight {
	background-color: #FFFF00;
	color: #111111;
	padding: 5px;
}

/* ------- TOGGLE CONTENT ------- */
.toggle-content {
	border-bottom: 1px solid #EEE;
	clear: both;
	display: block;
	margin: 20px 0 0;
}

.toggle-content:hover {
	border-bottom: 1px solid #CCC
}

.toggle-content+.toggle-content {
	margin: 0
}

.toggle-content .expand-button {
	background: url(images/toggle-bg.png) left top no-repeat;
	cursor: pointer;
	font-weight: 700;
	line-height: 38px;
	overflow: hidden;
}

.toggle-content .expand-button.close {
	background-position: left -38px
}

.toggle-content .expand-button p {
	margin: 0;
	padding-left: 30px;
}

.toggle-content .expand {
	margin: 0;
	padding: 1px 0 20px;
}

.toggle-content .expand {
	display: none
}

.no-js .toggle-content .expand {
	display: block
}

/* ------- DOWNLOAD BOX ------- */
.download_box {
	background: url(images/download-icon.png) 20px center no-repeat #C0E04F;
	border: 1px solid #548E13;
	color: #548E13;
	margin-top: 16px;
	padding: 0 20px 20px 80px;
	text-shadow: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.download_box a {
	border-bottom: 1px dotted #548E13;
	color: #548E13 !important;
}

.download_box a:hover {
	border-bottom: none;
	color: #666;
}

/* ------- INFO BOX ------- */
.info_box {
	background: url(images/info-icon.png) 20px center no-repeat #BFE4F9;
	border: 1px solid #68A2CF;
	clear: both;
	color: #2E6093;
	margin-top: 16px;
	padding: 0 20px 20px 80px;
	text-shadow: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.info_box a {
	border-bottom: 1px dotted #68A2CF;
	color: #68A2CF !important;
}

.info_box a:hover {
	border-bottom: none;
	color: #666;
}

/* ------- WARNING BOX ------- */
.warning_box {
	background: url(images/warning-icon.png) 20px center no-repeat #FCC;
	border: 1px solid #F99;
	clear: both;
	color: #C31B00;
	margin-top: 16px;
	padding: 0 20px 20px 80px;
	text-shadow: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.warning_box a {
	border-bottom: 1px dotted #F99;
	color: #F99 !important;
}

.warning_box a:hover {
	border-bottom: none;
	color: #666;
}

/* ------- DROPCAPS ------- */
.dropcap_1 {
	font-size: 4em;
	font-weight: 700;
	float: left;
	height: 30px;
	line-height: 30px;
	padding-top: 8px;
	text-align: center;
	width: 46px;
}

.dropcap_2 {
	float: left;
	height: 45px;
	line-height: 38px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: -5px;
	padding-top: 5px;
	text-align: center;
	width: 50px;
	background-color: #F57A30;
	color: #FFF;
	font-size: 3.333em;
	font-weight: 700;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
}

/* ------- PULL QUOTES ------- */
blockquote.alignleft {
	float: left;
	margin: 20px 20px 20px 0;
}

blockquote.alignright {
	float: right;
	margin: 20px 0 20px 20px;
}

/* ------- PAGE LIST ------- */
.feature-image {
	margin: 40px 0 0
}

.feature-image img {
	max-width: 736px !important;
	width: 100%;
}

.feature-image+h1,.feature-image+h2,.feature-image+h3,.feature-image+h4,.feature-image+h5,.feature-image+h6
	{
	margin-top: 20px
}

/* ------- POST LIST ------- */
.postlist {
	padding: 18px 0 0
}

.postlist article {
	margin: 0 0 9px
}

.postlist h6,.postlist p {
	margin: 0
}

.postlist img {
	vertical-align: middle
}

/* ------- PRICING  TABLES ------- */
.pricing-table {
	color: #555;
	display: block;
	font-size: 1em;
	margin: 40px auto 0;
}

.pricing-table strong {
	color: #555
}

.pricing-table p {
	margin: 10px 0 0
}

.pricing-table a.button {
	margin: 10px 0 0
}

.pricing-table h2 {
	border: 0;
	font-size: 1.333em;
	padding: 0;
}

.pricing-table h1,.pricing-table h2,.pricing-table h3,.pricing-table h4,.pricing-table h5,.pricing-table h6
	{
	margin: 20px 0 0
}

.pricing-table-column {
	background-color: #EFEFEF;
	float: left;
	padding: 0 10px;
	text-align: center;
	width: 157px;
}

.pricing-table-column:nth-child(2n) {
	background-color: #F6F6F6
}

.pricing-table-column-highlight {
	border: 4px solid #DDD;
	margin: -25px 0 0;
	padding: 20px;
}

.pricing-table-row {
	border-top: 1px solid #DDD;
	padding: 0 0 10px;
}

.pricing-table-column:nth-child(2n) .pricing-table-row {
	border-top: 1px solid #EEE
}

.pricing-table-row:first-child {
	border: none
}

.pricing-table-column:nth-child(2n) .pricing-table-row:first-child {
	border: none
}

/* ------- VIDEO ------- */
.media-player,.video-player {
	margin: 20px auto 20px;
}

video {
	max-width: 100%;
	height: auto;
}

/* ------- GALLERY ------- */

/* ------- STYLING ------- */
.displace,.screen-reader-text {
	display: none
}

/* ----- QUOTES ----- */

blockquote {
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 36px;
    padding-right: 36px;
    font-size: 1.750em;
    color: #816d3c;
    font-weight: 300;
    line-height: 1.5em;
}

blockquote cite {
    font-size: 0.5em;
    font-weight: 400;
    float: right;
    margin-right: 24px;
}

#blog-grid blockquote {    
	margin: 0 
}

blockquote p:first-child {    
	margin-top: 0 }

#blog-grid cite {    
	float: right;
}

h1 cite {    
	float: none 
}

abbr {
    border-bottom: 1px dotted #444;
    color: #444;
    cursor: pointer;
}

small {
	font-size: 0.833em
}

pre {
    background-color: #F6F6F6;
    font-size: 12px;
    margin: 20px 0 20px;
    padding: 10px;
	
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

code {
	font-size: 1em
}

/* ----- LISTS ----- */

.page-content ul, .post-content ul {
}

.page-content ul li,.post-content ul li {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 3px;
}

.page-content li ul, .post-content li ul {
	padding-left: 24px;
}

.page-content ul ol li, .post-content ul ol li {
	background: none
}

.page-content ol, .post-content ol {
}

.page-content ol li, .post-content ol li {
	list-style-type: decimal;
	list-style-position: inside;
	padding-left: 3px;
}

.page-content li ol, .post-content li ol {
	padding-left: 24px;
}

.page-content ol ul li, .post-content ol ul li {
    list-style-type: disc;
    list-style-position: inside;
}

/* ----- TABLES ----- */

.page-content table {
    background-color: #F9F9F9;
    border: 4px solid #DDD;
    border-collapse: collapse;
    color: #555;
    margin: 20px 0 0;
    width: 100%;
	word-wrap: break-word;
}

.page-content th {
    background-color: #F0F0F0;
    padding: 10px 0;
}

.page-content tr:nth-of-type(odd) {    background-color: #F0F0F0 }

.page-content td {
    border-top: 1px solid #DDD;
    border-left: 1px solid #DDD;
    padding: 5px;
}

/* ----- IMAGES ----- */

.aligncenter {
    display: block;
    margin: 20px auto;
}

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

.alignright {
    float: right;
    margin: 0 0 10px 20px;
}

.wp-caption {
	margin-top: 18px;
}

img.alignleft, img.alignright, img.aligncenter,
.wp-caption img {
    background-color: #fff;
    padding: 0;
}

.wp-caption-text,
.gallery-caption {
    background: #F6F6F6;
    font-family: helvetica, arial, san-serif;
    font-size: 0.833em;
    margin: 0;
	padding: 5px;
}

/* Images */

.page-content img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
	border: none;
}

img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full {
	max-width: 726px;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

/* ----------------------------------------
    WIDGETS
---------------------------------------- */

.widget {
    border-top: 0 dotted #222;
    margin: 0 0 20px;
    padding-top: 20px;
}

.widgettitle {
    border: none;
    color: #FFF;
    margin: 0 0 20px;
    padding: 0;
}

.widget-sidebar .widgettitle a {    
	color: #FFF 
}

.widget-sidebar .widgettitle a:hover {    
	color: #CCC 
}

.widget ul li {    
	margin: 6px 0 0 
}

.widget .children, .widget .sub-menu {    
	padding-left: 20px 
}

/* ----- CALENDAR ----- */

#wp-calendar {    
	width: 100% 
}

#wp-calendar caption {    
	font-weight: 700 
}

/* ----- RECENT COMMENTS -----*/

.recentcomments a {
	display: block;
}

/* ----- CONTACT ----- */

#content .raw_contact_holder {
	margin: 0 0 0 0;
}

#content .raw_contact_holder h3 {
	border-bottom: 1px solid #000;
	line-height: 2em;
	margin-bottom: 6px;
	text-transform: lowercase;
}

.raw_contact_holder span.contact {
    display: block;
    padding-left: 0;
}

.contact_address {
	margin-top: 0;
}

.contact_phone {
	margin-top: 12px;
}

.contact_mobile {
	margin-top: 12px;
}

.contact_fax {
	margin-top: 0;
}

.contact_website, .contact_email {
	margin-top: 12px;
}

.contact_siret {
	margin-top: 12px;
}

.raw_contact_holder span i {
    margin-right: 6px;
}

/* ----- RSS ----- */

.rsswidget, .rss-date, .rssSummary {
    display: block;
    margin-bottom: 5px;
}

.widget_rss cite {
    display: block;
    float: none;
    text-align: right;
}

/* ----- SOCIAL ----- */

.social-button-holder {
	display: none;
    /*display: block;	
    padding: 15px 0 20px;
    overflow: hidden;
	text-align: center;
    width: 182px;*/
}

.social-button-holder a {		
    display: inline-block;        
	height: 24px;  
    margin: 5px 5px 0 0;
    overflow: hidden;
    width: 12px;
}

#sidebar .social-button-holder a:hover {    
	border: none 
}

/* ----- SOCIAL BUTTONS ----- */

/*.facebook-button {
	background: url(https://before.inkonito.com/wp-content/themes/inkonito/images/social/facebook.png) no-repeat;
}
.twitter-button {    
	background: url(https://before.inkonito.com/wp-content/themes/inkonito/images/social/twitter.png) no-repeat;
}
.google-button {    
	background: url(https://before.inkonito.com/wp-content/themes/inkonito/images/social/google.png) no-repeat;
}
.dribbble-button {    
	background: url(https://before.inkonito.com/wp-content/themes/inkonito/images/social/dribbble.png) no-repeat;
}
.linkedin-button {   
 background: url(https://before.inkonito.com/wp-content/themes/inkonito/images/social/linkedin.png) no-repeat;
}
.vimeo-button {    
	background: url(https://before.inkonito.com/wp-content/themes/inkonito/images/social/vimeo.png) no-repeat;
}
.youtube-button {    
	background: url(https://before.inkonito.com/wp-content/themes/inkonito/images/social/youtube.png) no-repeat;
}*/

/* ----- IE7 Fix ----- */
.ie7 .social-button-holder { 
	padding: 15px 0 20px; 
}
.ie7  .social-button-holder a { 
	float: left; 
}

/* ----- SEARCH ----- */

.searchform {
    overflow: hidden;
    border: 1px solid #222;
}

#footer .searchform input[type="text"] {
    border: none;
    float: left;
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0 5px;
    width: 144px;
}

#footer .searchform .searchsubmit {
    background: #44464A url(images/search-button.png) no-repeat;
    float: left;
    height: 24px;
    margin: 0;
    padding: 0;
    text-indent: -999px;
    width: 24px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    border-bottom: none;
    /* Hide text in IE7 */
    font-size: 0;
    display: block;
    line-height: 0;
}

#footer .searchform .searchsubmit:hover { 
	background: #44464A url(images/search-button.png) no-repeat bottom left; 
}

/* ----- TWITTER ----- */

.raw_twitter {    
	overflow: hidden 
}

.raw_twitter li {
    display: block;
    overflow: hidden;
}

.raw_twitter span {
    display: block;
    margin-bottom: 5px;
}

.raw_twitter .timestamp {
    float: left;
    margin: 0 0 10px;
}

.raw_twitter .twitter-link {
    display: block;
    float: right;
    text-align: right;
}