/*   

Theme Name: Elogix Theme

Theme URI: http://hellominti.com

Description: Elogix WordPress Theme by minti

Author: minti

Author URI: http://hellominti.com

License: GNU General Public License version 3.0

License URI: http://www.gnu.org/licenses/gpl-3.0.html

Version: 1.8

*/



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

/* Import */

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



@import url(http://fonts.googleapis.com/css?family=Cardo:400italic);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600,800);



@import url("framework/css/reset.css");

@import url("framework/css/flexslider.css");

@import url("framework/css/shortcodes.css");

@import url("framework/js/prettyPhoto/prettyPhoto.css");


.slides {
max-height:250px !important; overflow: hidden;

}
/* ----------------------------------------------------- */

/* Basic Wordpress Styles */

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



.hidden { display: none; }



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



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



.gallery-item, .gallery-item a {

	margin:0px !important;

	padding:0px !important;

}

.gallery-item img {

	border:none !important;

	float:left;

	margin:0px !important;

	padding:0px !important;

}



.gallery-item a img, a.prettyPhoto img.size-thumbnail{

	margin:0px !important;

	padding:0px !important;

	border:5px solid #f5f5f5 !important;

	-webkit-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	   -moz-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	    -ms-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	     -o-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	        transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

}

.gallery-item a:hover img, a.prettyPhoto:hover img.size-thumbnail{

	border:5px solid #999999 !important;

}



.aligncenter {

	margin-left: auto;

	margin-right: auto;

	display: block;

	clear: both;

	margin-bottom:20px;

}



a{ 

	outline: none;

	/*color:#ec7100;*/ color:#000000;

	text-decoration: none; 

	-webkit-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	   -moz-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	    -ms-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	     -o-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	        transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

}

a:hover{

	color:#1AB1CB;

}

.post a { font-weight: bold; }
.post ul li a { font-weight: normal !important; color:#666 !important; }
.post ul li a:hover { color:#1AB1CB !important; }

.post a:hover {}

a img{ 

	border: none; 

}



p,

pre,

ul,

ol,

dl,

dd,

blockquote,

address,

table,

fieldset,

form,

.wp-caption,

.wp-caption-text {  }



.hentry,

.navigation-links,

.hfeed,

.pinglist { margin-bottom: 40px; }



.widget

.children,

.entry-content ol ol,

.entry-content ol ul,

.entry-content ul ul,

.comment-body ol ol,

.comment-body ol ul,

.comment-body ul ul,

.widget ul ul { margin-bottom: 0; }



h1,

h2,

h3,

h4,

h5,

h6 {

	font-weight: 600;

	padding: 0;

	margin-bottom:10px;

}



h1 {

	color:#434242;

	font-weight:600;

	font-size: 22px;

	line-height: 26px;

}



h2 {

	

	font-size: 18px;

	line-height: 22px;

}



#content-full h1, #content-part h1{

	font-size:24px;

	line-height:34px;

	font-weight:300;

}



h3 {

	color:#434242;

	font-size: 16px;

	line-height: 20px;

}



h4 {

	color:#434242;

	font-size: 14px;

	line-height: 18px;

}



h5 {

	color:#434242;

	font-size: 12px;

	line-height: 18px;

}



h6 {

	

	font-size: 10px;

	line-height: 16px;

}



#contactform input, #contactform textarea{

	display: block;

	width: 400px;

	padding:10px;

	border:1px solid #d5d5d5;

	color:#666666;

	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial;

	font-weight:400;

	font-size:12px;

	margin-top:2px;	

	float:left;

	margin-bottom:10px;

	outline: none;

}

#contactform p{

	clear: both;

}



#contactform textarea{

	width:648px;

}

#contactform input:focus, #contactform textarea:focus{

	border-color:#999999;

}



#contactform label{

	float:left;

	margin-left:10px;

	margin-top:12px;

	font-size:11px;

	text-transform: uppercase;

	color:#999999;

	font-weight:600;

	cursor: pointer;

}



#contactform .error{

	font-size:11px;

	text-transform: uppercase;

	color:#bd2b20;

	font-weight:600;

	cursor: pointer;

}



#contactform #submit{

	display:inline;

	width:auto;

	margin: 10px 0 20px 0;

	text-decoration: none;

	font-weight: 700;

	background: #999999;

	color:#ffffff;

	font-size: 12px;

	line-height: 12px;

	padding: 6px 12px; 

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px; 

	border:none;

	cursor: pointer;

	margin-top:20px;

	margin-bottom:10px;

}

#contactform #submit:hover{

	background-color:#ec7100;

	color:#ffffff;

}



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

/* Main */

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



html, body {

	

}



body{

	background-color: #999999;

	color:#666666;

	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial;

	font-weight:400;

	font-size:12px;

	line-height:21px;

}



::-moz-selection { background: #ec7100; color: #fff; text-shadow: none; }

.::selection { background: #ec7100; color: #fff; text-shadow: none; }



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

/* Layout */

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



#wrap{

	position: relative;

	width:980px;

	background: #ffffff;

	margin: 0 auto;

	-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);

	   -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);

			box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.6);

}

.color-hr{

	height:5px;

	display: block;

	background: #ec7100;

}



.spacer{

	height:40px;

	display:block;

}



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

/* Header */

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



#header{

	height:110px;

	position: relative;

}



#infobar{

	z-index: 500;

	position: absolute;

	top:-31px;

	width:980px;

	padding:7px 0 14px 0;

	color:#ffffff;

	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);

	text-align: center;

	font-size:12px;

	font-weight:700;

	background: #ec7100;

}



#infobar a{

	display:inline-block;

	color:#ffffff;

	background: rgba(0, 0, 0, 0.2);

	padding:1px 6px;

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

			border-radius: 3px;

	margin:0 2px;

}

#infobar a:hover{

	background: rgba(0, 0, 0, 0.4);

}



.cursor{

	cursor: pointer;

}



#infobar .openbtn{

	position: absolute;

	bottom:0;

	left:0;

	height:14px;

	display:block;

	width:100%;

	text-indent: -9999px;

	background: #ec7100 url(framework/images/topbar.png) no-repeat bottom center;

}



#infobar .closebtn{

	cursor: pointer;

	display: block;

	width:13px;

	height:13px;

	position: absolute;

	top:11px;

	right:30px;

	float: right;

	background: url(framework/images/close.png) no-repeat 0 0;

	text-indent: -9999px;

	opacity: 0.6;

}

#infobar .closebtn:hover{

	opacity: 1;

}



#infobar2{

	z-index: 500;

	position: absolute;

	top:0px;

	width:100%;

	height:6px;

	background: #ec7100;

}



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

/* Logo */



#logo{

	float:left;

	margin-left:30px;

	font-size:24px;

	font-weight:600;

}

#logo a{

	text-decoration: none;

	color:#666666;

}

#slogan{

	font-family: Georgia;

	font-style: italic;

	color:#999999;

	float:left;

	border-left:1px solid #f5f5f5;

	padding:0 0 0 20px;

	margin:48px 0 0 20px;

}



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

/* Social Icons */



#social{

	float:right;

	margin: 50px 30px 0 0;

}



#social li{

	display:block;

	float: left;

	margin-left: 10px;

}



#social li a{

	display:block;

	width:16px;

	height:16px;

	text-indent: -9999px;

	float: left;

	opacity: 0.5;

	-webkit-transition: opacity 0.4s ease;

	   -moz-transition: opacity 0.4s ease;

	    -ms-transition: opacity 0.4s ease;

	     -o-transition: opacity 0.4s ease;

	        transition: opacity 0.4s ease;

}

	#social li.twitter a{ background: url(framework/images/icons/picons01.png); }

	#social li.facebook a{ background: url(framework/images/icons/picons02.png); }

	#social li.dribbble a{ background: url(framework/images/icons/picons03.png); }

	#social li.flickr a{ background: url(framework/images/icons/picons04.png); }

	#social li.google a{ background: url(framework/images/icons/picons05.png); }

	#social li.youtube a{ background: url(framework/images/icons/picons06.png); }

	#social li.vimeo a{ background: url(framework/images/icons/picons07.png); }

	#social li.linkedin a{ background: url(framework/images/icons/picons08.png); }

	#social li.pinterest a{ background: url(framework/images/icons/picons09.png); }

	

#social li a:hover{

	opacity: 1;

}



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

/* Navigation */

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



#nav{

	border-top:1px solid #d5d5d5;

}



.select-menu{

	display:none;

}



#nav ul li{

	position: relative;

	display:block;

	float:left;

	background: url(framework/images/nav-divider.png) no-repeat center right;

	padding-right:1px;

}

#nav ul li a{

	display: block;

	float: left;

	padding:6px 19px 7px 19px;
	/*padding:6px 26px 7px 26px;*/

	text-decoration: none;

	color:#666666;

	font-weight:700;

	font-size:11px;

	text-transform: uppercase;

	border-top:1px solid #d5d5d5;

	margin-top:-1px;

}

#nav ul li a:hover{

	color:#ec7100;        

	border-color:#ec7100;

	margin-top:-1px;

}



/* Active */

#nav ul li.current-menu-item a, 

#nav ul li.current-page-ancestor a,

#nav ul li.current-menu-ancestor a{

	border-top:1px solid #ec7100;

	margin-top:-1px;

	background: #ec7100 url(framework/images/arrow-top.png) no-repeat top center;

	color:#ec7100;

}

#nav ul li.current-menu-item ul li a, 

#nav ul li.current-page-ancestor ul li a,

#nav ul li.current-menu-ancestor ul li a{

	color:#666666 !important;

}

#nav ul li.current-menu-item ul li a:hover, 

#nav ul li.current-page-ancestor ul li a:hover,

#nav ul li.current-menu-ancestor ul li a:hover{

	color:#ec7100 !important;

}



#nav ul.sub-menu{

	display: none;

	position: absolute;

	top:33px;

	left:0;

	width:200px;

	z-index: 600;

	background: #ffffff !important;

	border-top:2px solid #ec7100;

	padding:10px 20px;

	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);

	   -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);

			box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4); 

}



html body #wrap li.current_page_item ul li a, 

html body #wrap li.current_page_ancestor ul li a, 

html body #wrap li.current-menu-ancestor ul li a{

	background-color: #ffffff;

}



html body #nav ul.sub-menu li, #nav ul.sub-menu li a{

	background: none;

	border:none !important;

	padding:0;

	margin:0;

}



html body #nav ul.sub-menu li a{

	display:block !important;

	padding:8px 10px 7px 10px;

	width:180px;

	font-weight:400;

	border-bottom:1px solid #efefef !important;

}



html body #nav ul.sub-menu li:last-child a,

html body #nav ul.sub-menu li:last-child ul li:last-child a{

	border-bottom: none !important;

}



html body #nav ul.sub-menu li:last-child ul li a{

	border-bottom:1px solid #efefef !important;

}



#nav ul li ul li ul{

	margin-left:200px;

	margin-top:-35px;

}



#nav ul li ul li ul li{

	padding:0;

	border-bottom:1px solid #efefef;

}



.sf-sub-indicator{

	display:none;

}





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

/* Content */

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



#page{

	padding:0px 30px;

}



#page .color-hr2{

	height:5px;

	display: block;

	background: #f5f5f5;

	border-top:1px solid #d5d5d5;

	margin:0 -30px;

}



#subtitle{

	background: url(framework/images/dotted.png) repeat-x bottom left;

	color:#666666;

	padding:20px 30px 25px 30px;

	margin:0 -30px 0 -30px;

	position: relative;

}

#subtitle h2{

	font-size:18px;

	margin:0;

	color:#999999;

	font-weight:300;

}

#subtitle h2 span{

	font-weight:600;

	color:#666666;

}



#content{

	padding:25px 0px 0px 0px;

}



#content-part{

	float:left;

	width:670px;

	padding:30px 0px 60px 0px;

}



#content-part .entry p, #content-full .entry p{

	margin-bottom:20px;

}



#content-full{

	width:920px;

	padding:30px 0 60px 0;

}







html body #wrap .google_map img{

	width:auto !important;

	max-width: auto !important;

	height: auto !important;

}



.entry ul, .entry ol{

	margin-bottom:20px;

	list-style: disc;

	margin-left:30px;

}

.entry ol{

	list-style: decimal;

}

.entry ul.list, .entry ol.list{

	margin:0 0 20px 0;

	list-style: none;

}



#sidebar{

}



#content-part p{

	font-size:12px;

}



#sidebar.sidebar-right{

	width:215px;

	padding:30px 0px 30px 0px;

	float: right;

}



#sidebar.sidebar-left{

	width:215px;

	padding:30px 0px 30px 0px;

	float: left;

	margin-right:30px;

}



.search-result{

	padding-bottom:30px;

	border-bottom:1px solid #eaeaea;

	margin-bottom:30px;

}

.search-result .info{

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	color:#999999;

	font-style: normal;

	margin:5px 0 5px 0;

}



.search-result .info a{

	color:#999999;

}

.search-result .info a:hover{

	color:#666666;

}



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

/* Home */

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

#latestposts { padding-top:10px; }

#latestposts .teasertext{

	width:215px;

	float:left;

}



#latestposts .entry{

	width:215px;

	height:220px;

	float:left;

	margin-left:20px;

}

#latestposts .entry h4{

	margin:0;

	font-size:13px;

}

#latestposts .entry .date{

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	color:#999999;

	font-style: normal;

	margin:5px 0 5px 0; display: none;

}



#latestposts .entry a.readmore{

	display:block;

	color:#ec7100;

	font-weight:700;

	font-size:11px;

	line-height:11px;

	text-transform: uppercase;

	margin-top:10px;

	width:75px;

	background: #ffffff;

	-webkit-transition: none;

-moz-transition: none;

-ms-transition: none;

-o-transition: none;

transition: none;

}

#latestposts .entry a.readmore:hover{

	color: #00878A;

        background: #ec7100 url(framework/images/arrow2.png) no-repeat;

        /*background: #ec7100 url(framework/images/arrow2.png) no-repeat right center;*/

}



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



#latestwork{

	background: #f3f3f3;

	border-bottom:5px solid #eaeaea;

	margin:-15px -30px -15px -30px;

	padding:15px 30px 15px 30px;

	position: relative;

}



#latestwork .teasertext{

	width:100%; margin-bottom:20px; margin-left:2px;

	/*float:left;*/

}
#latestwork .teasertext h3{
 margin-bottom:2px;
}

#latestwork .entry, .work-carousel .entry li, .work-carousel .entry > li{

	overflow: hidden;

	position: relative;

	width:217px;

	height:230px;

	margin-left:9px; margin-right:8px;

	float:left;

	background-color: #ffffff;

	border-bottom:1px solid #d3d3d3;

	text-align: center;

	-webkit-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	   -moz-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	    -ms-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	     -o-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	        transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

}



#latestwork .entry:hover {

	background-color: #ffffff;

	border-color:#ec7100;

}

#latestwork .entry:hover h4 a{

	color:#ec7100;

}



#latestwork .entry:hover img{

	border-color:#ec7100;

}



#latestwork .entry img{

	border-bottom:5px solid #e4e4e4;

	-webkit-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	   -moz-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	    -ms-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	     -o-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	        transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

}

#latestwork .entry h4{

	font-size:14px;

	margin:15px 0 2px 0;

	padding:0;

	font-weight:400;

}
#latestwork .entry .work-description { width:200px;}
#latestwork .entry .work-description span{

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	line-height:16px;

	color:#999999;

	font-style: italic;

	padding:0 20px;

}



#latestwork .entry .prettyPhoto .zoom{

	position: absolute;

	top:0;

	left:-215px;

	display: block;

	width:215px;

	height:140px;

	background: url(framework/images/zoom.png) no-repeat center center;

	opacity: 0; display: none;

}

#latestwork .entry .video .zoom{

	position: absolute;

	top:0;

	left:-215px;

	display: block;

	width:215px;

	height:140px;

	background: url(framework/images/zoom-video.png) no-repeat center center;

	opacity: 0;

}

#latestwork .entry .pic .zoom{

	position: absolute;

	top:0;

	left:-215px;

	display: block;

	width:215px;

	height:140px;

	background: url(framework/images/zoom-pic.png) no-repeat center center;

	opacity: 0; display: none;

}

.work-carousel { /* width: 958px !important;*/ margin-left:-8px; overflow: hidden;}

a.work-carousel-prev{

	width:19px;

	height:19px;

	background: #cccccc url(framework/images/small-prev.png) no-repeat 7px 6px;

	display: block;

	text-indent: -9999px;

	position: absolute;

	top:-1px;

	right:50px; display: none;

}

a.work-carousel-prev:hover{

	background-color: #ec7100;

}

a.work-carousel-next{

	width:19px;

	height:19px;

	background: #cccccc url(framework/images/small-next.png) no-repeat 7px 6px;

	display: block;

	text-indent: -9999px;

	position: absolute;

	top:-1px;

	right:30px; display: none;

}

a.work-carousel-next:hover{

	background-color: #ec7100;

}



.work-carousel-prev.disabled, .work-carousel-next.disabled {visibility: hidden}

	

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

/* Blog */

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



.type-post{

	padding-bottom:30px;

	margin-bottom:30px;

}



.dotted{

	background: url(framework/images/dotted.png) repeat-x bottom left;

}



.type-post p{

	margin-bottom:20px;

}



#content-part div.type-post.single-post{

	border-bottom:none; 

	margin-bottom:0;

	padding-bottom:0;

}



.post-thumb{

	width:210px;

	float:left;

}

.post-thumb a{

	position: relative;

	display:block;

	overflow: hidden;

	width:200px;

	height:200px;

	border:5px solid #f5f5f5;

	transition: border-color 0.4s linear;

    -moz-transition: border-color 0.4s linear;    /* FF3.7+ */

    -o-transition: border-color 0.4s linear;      /* Opera 10.5 */

    -webkit-transition: border-color 0.4s linear; /* Saf3.2+, Chrome */

	

}

.post-thumb a:hover{

	border-color: #ec7100;

}



.post-thumb .zoom{

	position: absolute;

	top:0;

	left:-200px;

	display: block;

	width:200px;

	height:200px;

	background: url(framework/images/zoom.png) no-repeat center center;

	opacity: 0;

}



.big-post-thumb{

	margin-bottom:20px;

}

.big-post-thumb img{

	border-bottom:5px solid #ec7100;

	padding:0px;

}



.post-entry{

	width:430px;

	margin-left:30px;

	float:left;

	padding-top:10px;

}

.post-entry h2{

	margin-bottom:15px;

	line-height:26px;

}

.post-entry a.readmore{

	display:block;

	color:#ec7100;

	font-weight:700;

	font-size:11px;

	line-height:11px;

	padding-bottom:1px;

	text-transform: uppercase;

	margin-top:10px;

	width:75px;

	-webkit-transition: none;

-moz-transition: none;

-ms-transition: none;

-o-transition: none;

transition: none;

}

.post-entry a.readmore:hover{

	background: #ec7100 url(framework/images/arrow2.png) no-repeat right center;

}



.postmetadata{

	display:none;

}



.single-post .meta{

	background: url(framework/images/dotted.png) repeat-x bottom left;

	padding-bottom:20px;

	margin-bottom:22px;

}



.meta{

	display: block;

	font-size:11px;

	text-transform: uppercase;

	color:#999999;

	margin-bottom:10px;

}

.meta strong{

	font-weight:700;

}

.meta a{

	font-weight:700;

	color:#999999;

}

.meta a:hover{

	color:#ec7100;

}



.navigation a{

	font-size:11px;

	text-transform: uppercase;

	font-weight:700;

	color:#999999;

}

.navigation a:hover{

	color:#ec7100;

}

.navigation .prev-posts{

	float: left;

}

.navigation .next-posts{

	float: right;

}



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

/* Comments */

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



#commentform{

	width:670px;

}



#respond, h3#comments{

	background: url(framework/images/dotted.png) repeat-x top left;

	padding-top:30px;

	margin-top:30px;

}

#reply-title small a {

	

}

a#cancel-comment-reply-link{

	color:#ec7100;

	font-weight:600;

	display:block;

}

a#cancel-comment-reply-link:hover{

	color:#666666;

}

.logged-in-as{

	display:none;

}



.comment-notes, .form-allowed-tags{

	display:none;

}



#respond p.comment-form-author {

	float: left;

	width: 320px;

	position: relative;

}

#respond p.comment-form-email {

	float: right;

	width: 320px;

	position: relative;

}

#respond p.comment-form-url {

	clear: both;

	margin:0px 0 20px 0;

	padding-top:20px;

}





/* Comment form labels */



#respond label {

	font-size:11px;

	text-transform: uppercase;

	color:#999999;

	margin-bottom:10px;

	font-weight:600;

	padding:0 0 0px 1px;

	cursor: pointer;

}



#respond span.required {

	font-size:11px;

	text-transform: uppercase;

	color:#999999;

}



/* Comment form inputs and textarea elements */



#respond input, #respond textarea {

	display: block;

	width: 648px;

	padding:10px;

	border:1px solid #d5d5d5;

	color:#666666;

	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial;

	font-weight:400;

	font-size:12px;

	margin-top:2px;

}



#respond input:focus, #respond textarea:focus {

	border-color:#999999 !important;

	outline: none;

}



#respond p.comment-form-author input {

	width:298px;

	padding:10px;

	border:1px solid #cccccc;

}



#respond p.comment-form-email input {

	width:298px;

	padding:10px;

	border:1px solid #cccccc;

}



#commentform #submit{

	display:inline;

	width:auto;

	margin: 10px 0 0 0;

	text-decoration: none;

	font-weight: 700;

	background: #999999;

	color:#ffffff;

	font-size: 12px;

	line-height: 12px;

	padding: 6px 12px; 

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px; 

	border:none;

	cursor: pointer;

	margin-top:20px;

	margin-bottom:10px;

}

#commentform #submit:hover{

	background-color:#ec7100;

	color:#ffffff;

}





h3#comments, h3#reply-title{

	font-size:12px;

	font-weight:600;

	text-transform: uppercase;

	margin-bottom:30px;

}



.comment-list li{

	margin-bottom:30px;

}

.comment-list li:last-child{

	margin-bottom:8px !important;

}



.comment-list .children{

	margin-left:66px;

	margin-top:30px;

}



.comment-list li .avatar{

	width:38px;

	float:left;

	margin-right:20px;

}

.comment-list li .avatar img{

	border:2px solid #f5f5f5;

}



.comment-list .author{

	border-bottom:1px dotted #dedede;

	margin-bottom:10px;

	padding-bottom:10px;

}



.comment-list .author span{

	font-weight:700;

	display:block;

	color:#434242;

}

.comment-list .author .date{

	font-size:11px;

	color:#999999;

}

.comment-list .author .date a{

	color:#999999;

}

.comment-list .author .date a:hover{

	color:#333333;

}

	

.comment-list li .comment-text{

	margin-left:58px;

	background: #f1f1f1 url(framework/images/comment-list.png) no-repeat 0px -47px;

	padding: 20px 20px 20px 30px;

}

.comment-list li .comment-text .text p{

	font-size:12px !important;

}



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

/* Work Item */

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



.posts-nav{

	position: absolute;

	top:22px;

	right:20px;

	width:41px;

	height:20px;

}



.posts-prev a{

	display:block;

	width:20px;

	height:20px;

	background: #cccccc url(framework/images/small-prev.png) no-repeat 8px 7px;

	text-indent: -9999px;

	float: right;

}

.posts-next a{

	display:block;

	width:20px;

	height:20px;

	background: #cccccc url(framework/images/small-next.png) no-repeat 8px 7px;

	text-indent: -9999px;

	float: right;

	margin-left:1px;

}

.posts-prev a:hover, .posts-next a:hover{

	background-color: #ec7100;

}



#filters{

	background: #ffffff;

	border-bottom:1px solid #dedede;

	margin:0 -30px 0 -30px;

	padding:10px 30px;

}

#filters li{

	display: block;

	float:left;

	margin-right:20px;

}

#filters li a{

	display: block;

	float:left;

	padding:0px 20px 0px 0;

	border-right:1px solid #efefef;

	font-size:11px;

	font-weight:400;

	text-transform: uppercase;

}

#filters li:last-child a{

	border-right: none;

}

#filters li a:hover{

	color:#ec7100;

}



#container{

	width:940px;

	padding:30px 20px 10px 20px;

	margin:-30px -30px -60px -30px;

	background: #f3f3f3;

	border-top:5px solid #eaeaea;

}



.work-item{

	overflow: hidden;

	position: relative;

	width:215px;

	height:230px;

	margin-left:10px;

	margin-right:10px;

	margin-bottom:25px;

	float:left;

	background-color: #ffffff;

	border-bottom:1px solid #d3d3d3;

	text-align: center;

	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);

	-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1);

	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1); 

	-webkit-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	   -moz-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	    -ms-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	     -o-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	        transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

}



.work-item .prettyPhoto .zoom{

	position: absolute;

	top:0;

	left:-215px;

	display: block;

	width:215px;

	height:140px;

	background: url(framework/images/zoom.png) no-repeat center center;

	opacity: 0;

}

.work-item .video .zoom{

	position: absolute;

	top:0;

	left:-215px;

	display: block;

	width:215px;

	height:140px;

	background: url(framework/images/zoom-video.png) no-repeat center center;

	opacity: 0;

}

.work-item .pic .zoom{

	position: absolute;

	top:0;

	left:-215px;

	display: block;

	width:215px;

	height:140px;

	background: url(framework/images/zoom-pic.png) no-repeat center center;

	opacity: 0;display: none;

}



.work-item:hover {

	background-color: #ffffff;

	border-color:#ec7100;

}

.work-item:hover h3 a{

	color:#ec7100;

}



.work-item:hover img{

	border-color:#ec7100;

}



.work-item img{

	border-bottom:5px solid #e4e4e4;

	-webkit-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	   -moz-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	    -ms-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	     -o-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

	        transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;

}

.work-item h3{

	font-size:15px;

	margin:15px 0 2px 0;

	padding:0;

	font-weight:400;

}

.work-item .work-description span{

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	line-height:16px;

	color:#999999;

	font-style: italic;

	padding:0 20px;

}



#content-full div:nth-child(4n) .work-item{

	margin-right:0px;

}



/**** Isotope CSS3 transitions ****/



.isotope,

.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

     -moz-transition-duration: 0.8s;

      -ms-transition-duration: 0.8s;

       -o-transition-duration: 0.8s;

          transition-duration: 0.8s;

}



.isotope {

  -webkit-transition-property: height;

     -moz-transition-property: height;

      -ms-transition-property: height;

       -o-transition-property: height;

          transition-property: height;

}



.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

     -moz-transition-property:    -moz-transform, opacity;

      -ms-transition-property:    -moz-transform, opacity;

       -o-transition-property:         top, left, opacity;

          transition-property:         transform, opacity;

}



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

/* Details */ 



#work-slider{

	width:600px;

	position: relative;

}



#work-slider .flex-control-nav{

	display:none;

}



.work-detail-thumb{

	width:600px;

	float:left;

}



.work-detail-thumb img{

	

}

.work-detail-description{

	width:280px;

	float:left;

	margin-left:30px;

}

.work-detail-description h3{

	margin:0 0 5px 0;

	padding:0;

}

.work-detail-description .taxonomy{

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size:13px;

	line-height:16px;

	color:#999999;

	font-style: italic;

	margin-bottom:20px;

}



.work-detail-description p{

	margin-bottom:20px;

}



#embedd-video{

	width:600px !important;

	display: none;

}



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

/* Sidebars */

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



#sidebar h2{

	color:#434242;

	text-transform: uppercase;

	font-size:12px;

}



#sidebar{

	font-size:11px;

}



#sidebar .widget{

	margin-bottom:40px;

}



#sidebar li{

	/*background: url(framework/images/arrow.png) no-repeat 6px 11px;*/
	background: url(framework/images/list-plus.png) no-repeat 0 10px;

}

#sidebar .widget_recent_entries li{

	/*background: url(framework/images/pen.png) no-repeat 0 10px;	*/
	background: url(framework/images/list-plus.png) no-repeat 0 10px;

}

#sidebar .widget_categories li{

	/*background: url(framework/images/category.png) no-repeat 0 10px;*/http://www.biosis.com.au/wp-content/themes/elogix/framework/images/list-plus.png
	background: url(framework/images/list-plus.png) no-repeat 0 10px;

}



#sidebar .widget_tag_cloud a, .meta-tags a{

	font-size:11px !important;

	display: inline;

	background: url(framework/images/tag.png) no-repeat top left;

	padding:1px 7px 2px 18px;

	-moz-border-radius-topleft: 0px;

	-moz-border-radius-topright: 4px;

	-moz-border-radius-bottomright: 4px;

	-moz-border-radius-bottomleft: 0px;

	-webkit-border-radius: 0px 4px 4px 0px;

	border-radius: 0px 4px 4px 0px;

	margin-right:5px;

	margin-bottom:5px;

	color:#777777; 

}

#sidebar .widget_tag_cloud a:hover, .meta-tags a:hover{

	color:#333333;

}



#sidebar .widget_nav_menu li.current-menu-item a{

	color:#ec7100 !important;

}





#sidebar .widget_recent_comments li{

	background: url(framework/images/comment.png) no-repeat 0 11px;

	padding:5px 0 5px 16px;

	border-bottom:1px dotted #dedede;

}

#sidebar .widget_recent_comments li a{

	padding:0;

	border:none;

	display:inline;

}



#sidebar li a{

	display: block;

	color:#8a8a8a;

	border-bottom:1px dotted #dedede;

	padding:5px 0 5px 21px; /* 16px;*/

	

}



#sidebar a:hover{

	color:#ec7100;

}



#sidebar ul li:last-child a, #sidebar ul li:last-child{

	border-bottom:none;

}



#sidebar ul li ul li:last-child a{

	border-bottom:1px dotted #dedede;

}



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

/* Sidebar Widgets */

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



#sidebar #searchform input{

	padding:6px 4px 6px 26px;

	border:1px solid #d5d5d5;

	color:#666666;

	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial;

	font-weight:400;

	font-size:11px;

	width:185px;

	background: #ffffff url(framework/images/search.png) no-repeat 8px 8px;

}

#sidebar #searchform input:focus{

	border:1px solid #999999;

}



.embed_code > iframe {

    width: 100%;

    height: auto;

}



#twitter_update_list li a{

	padding:0;

	margin:0;

	border-bottom:none;

}

#twitter_update_list li{

	display:block;

	padding-bottom: 10px !important;

	margin-bottom:10px;

	border-bottom:1px dotted #dedede;

}

#twitter_update_list li:last-child{

	border-bottom:none;

	padding:0;

	margin:0;

}



#flickr_tab{

	

}



#flickr_tab a{

	display:block;

	width:60px;

	height:60px;

	float:left;

	margin-right:11px;

	margin-bottom:11px;

}



#flickr_tab a img{

	width:60px;

	height:60px;

	border:0px solid #efefef;

	transition: opacity 0.4s ease;

    -moz-transition: opacity 0.4s ease;    /* FF3.7+ */

    -o-transition: opacity 0.4s ease;      /* Opera 10.5 */

    -webkit-transition: opacity 0.4s ease; /* Saf3.2+, Chrome */	

}

#flickr_tab a:hover img{

	opacity: 0.6;

}



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

/* Content Styles */

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





.hr{

	background: url(framework/images/dotted.png) repeat-x bottom left;

	height:1px;

	margin:35px 0px 40px 0px;

}



.hr2{

	border-bottom:1px solid #dedede;

	height:0px;

	margin:30px 0 30px 0;

}

.hr3{

	border-bottom:1px solid #dedede;

	height:0px;

	margin:15px -30px 15px -30px;

}





.shadow-top{

	height:6px;

	width:100%;

	background: url(framework/images/shadow-top.png) repeat-x top center;

	position: absolute;

	top:0;

	left:0;

	z-index: 500;

	opacity: 0.2;

}



.col-4, .col-4-last{

	float:left;

	width:215px;

	margin-right:20px;

}

.col-4-last{

	margin-right:0;

}



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

/* Standard Tags										*/



.sticky, .gallery-caption, .bypostauthor {}



strong, b{

	font-weight:bold;

}



em{

	font-style:italic;

}

del{

	text-decoration: line-through;

}



address{

	font-style:italic;

}



code, pre {

	display: block;

	font: 11px Consolas, "Andale Mono", Courier, "Courier New", monospace; 

	background: #f5f5f5 url(framework/images/pre.png) repeat;

	border: 1px solid #ccc;

	padding: 18px 20px 18px 20px;

	margin: 0 0 18px;

	line-height: 19.2px;

	overflow: auto;

	overflow-Y: hidden;

	white-space: pre;

	white-space: pre-wrap;

	word-wrap: break-word;

}



blockquote{

	font-family: Georgia, "Times New Roman", Times, serif;

	color:#999999;

	font-style: italic;

	background: #ffffff url(framework/images/blockquote.png) no-repeat 10px 6px;

	font-size:15px !important;

	padding:10px 10px 10px 50px;

}

blockquote p{

	font-size:15px !important;

	line-height:24px;

	margin:0 0 20px 0 !important;

	padding:0 !important;

}





table {

	margin: 0 0 20px 0;

	text-align: left;

	padding: 0 5px;

}



tr:nth-child(even) { background: #f7f7f7 }

tr:nth-child(odd) { background: #ffffff }



tr { border-bottom: 1px solid #e4e4e4; }



th,

td {

	padding: 5px;

	vertical-align: middle;

	text-align: center;

	

}



thead th{

	font-size:14px;

	font-weight:700;

	color:#777777;

	border:none;

	border-bottom:1px solid #cccccc;

	border-top:1px solid #cccccc;

	padding:10px 5px;

}





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

/* Footer */

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



#breadcrumb{

	border-top:1px solid #dedede;

	border-bottom:5px solid #ebebeb;

	padding:5px 30px;

	color:#636363;

	font-size:11px;

	height:auto;

}

#breadcrumb a{

	color:#636363;

	text-decoration: none;

	background: url(framework/images/arrow.png) no-repeat center right;

	padding:0 13px 0px 0;

	margin:0 10px 0 0;

}

#breadcrumb a:hover{

	color:#ec7100;

}



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

/* Last Tweets */



#lasttweet{

	background: #ec7100 url(framework/images/twitter.png) no-repeat 30px 11px;

	padding:10px 65px;

	font-size:11px;

	color:#ffffff;

	min-height:20px

}

#lasttweet a{

	color:#ffffff;

	text-decoration: none;

	border-bottom:1px solid rgba(255, 255, 255, 0.2);

}

#lasttweet a:hover{

	border-bottom:1px solid rgba(255, 255, 255, 1);

}



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

/* Footer */



#footer{

	background: #636363;

	padding:20px 0px 10px 30px;

	color:#ffffff;

	font-size:11px;

}



#footer a{

	color:#c1c1c1;

	text-decoration: none;

}

#footer a:hover{

	color:#ffffff;

}



#footerlogo{

	color:#c1c1c1;

	font-size:11px;

}



#footerlogo h4{

	font-size:24px;

	font-weight:600;

	color:#ffffff;

	margin-bottom:15px;

}

#footerlogo h4 a{

	color:#ffffff;

	text-decoration: none;

}



#footer .widget h2{

	font-size:11px;

	color:#ffffff;

	text-transform: uppercase;

	font-weight:700;

	padding-bottom:10px;

	margin-bottom:0px;

	margin-top:-5px;

}

#footer .widget li{

	border-bottom:1px dotted #777777;

	padding:5px 0;

	font-size:11px;

}

#footer .widget ul{

	border-top:1px solid #777777;

}



#footer #searchform input{

	padding:6px 4px 6px 26px;

	border:1px solid #777777;

	color:#999999;

	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial;

	font-weight:400;

	font-size:11px;

	width:185px;

	background: #636363 url(framework/images/search.png) no-repeat 8px 8px;

}

#footer #searchform input:focus{

	border:1px solid #ffffff;

	color:#ffffff;

}



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

/* Copyright */



#copyright{

	background: #464646;

	padding:10px 30px;

	color:#b5b5b5;

	font-size:11px;

	position: relative;

}

#copyright a{

	text-decoration: none;

	color:#b5b5b5;

	border-bottom:1px solid #666666;

}

#copyright a:hover{

	color:#ffffff;

	border-bottom:1px solid #999999;

}



#back-to-top{

	position: absolute;

	top:12px;

	right:20px;

}

#back-to-top a{

	border: none;

	opacity: 0.6;

	transition: opacity 0.4s ease;

    -moz-transition: opacity 0.4s ease;    /* FF3.7+ */

    -o-transition: opacity 0.4s ease;      /* Opera 10.5 */

    -webkit-transition: opacity 0.4s ease; /* Saf3.2+, Chrome */

}

#back-to-top a:hover{

	opacity: 1;

	border: none;

}

.home .post h1 { display: block; float: left;}
.home .post .last { margin-top:-30px !important;}

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

/* EOF */

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