/*


Theme Name: Synergy


Theme URI: http://www.informatik.com/themeforest/synergy


Description: Portfolio and Blog theme supporting images and video


Version: 1.0


Author: John Buchmann





*/











/*





#252e39 = default dark gray theme color


#fbfbfb = almost white


#eeeeee = 5% gray


#cfcfcf = 15% gray


#afafaf = 30% gray


#949494 = 40% gray


gray = 50% gray


#333333 = 80% gray





*/





/* 


************************************


RESET


************************************


*/


html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,  cite, code,del, dfn, em, font, img, ins, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {


margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;  background: transparent;


}


body { 


line-height: 1;}





ul { 


list-style: none;


}





blockquote, q { 


quotes: none;


}





:focus { outline: 0;}


ins { text-decoration: none;}


del { text-decoration: line-through;}


table { border-collapse: collapse; border-spacing: 0;}





/* end reset */














/* 


************************************


TYPOGRAPHY & COLORS


************************************


*/





body {


	font-size: 62.5%; /* Resets 1em to 10px */


	font-family: "Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;


	background: #fbfbfb; /*  off white  */


	color: #333;


}

@font-face {
    font-family: BubblegumSans;
    src: url(fonts/BubblegumSans-Regular.otf);
}



/* global theme color */


h1, h2, h3, h4, h5, h6, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, a:link, a:visited, a.readmore.inline:link, a.readmore.inline:visited, blockquote, .dropcap, .pullquote{


	color: #252e39;


	}





h1 {font-size: 4em;}





h2 {font-size: 3em;}





h3 {font-size: 2.5em;}





h4 {font-size: 1.8em;}





h5, h6 {font-size: 1.5em;}





h1, h2, h3, h4, h5, h6, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {


	margin-bottom: .45em;


	}





p {


	line-height: 1.8em;


	color: #666666;


}





p, pre, #breadcrumbs, #slidertext p, #content li, #sidebar .postname, .boxgrid a.readmore, cite.fn {


	font-size: 1.3em;


}





code {


	color: #333;


	font-size: 1.4em;





}





	code.block {


		background: #eee;


		padding: 5px;


		display: block;


		border: 1px solid #cfcfcf;


		margin: 20px 0;


	}





a {


	outline: none;


}








a:link, a:visited {


text-decoration: none;


}








a:hover, a:hover p {


text-decoration: none;


color: #666666;


}








cite {





}





blockquote {


	padding-left: 20px;


	border-left: 10px solid #eee;


	margin-left:20px;


	font-size: 1.1em;


}





pre {


	border: 1px solid black;


}





/* end typograpy and colors  */














/* 


************************************


STRUCTURE


************************************


*/





#header_wrapper {


	width: 100%;


	height: 154px;


	background: #252e39 url(images/headerbackgroundtile02.jpg) repeat-x top left;	


}





#header_wrapper .inner {


	background: transparent url(images/headerbackground02.jpg) no-repeat center top;


	width: 100%;


	height: 154px;


	position: relative;





}





body.ishome #header_wrapper {


	width: 100%;


	height: 517px;


	background: #252e39 url(images/headerbackgroundtile01.jpg) repeat-x top left;


}





body.ishome #header_wrapper .inner {


	background: transparent url(images/headerbackground01.jpg) no-repeat center top;


	width: 100%;


	height: 517px;


	position: relative;


	z-index: 1;





}





#header {


	height: 100px;


	margin: 0 auto;


	width: 960px;


	position: relative;


}





body.ishome #header {


	margin: 0 auto;


	width: 960px;


	height: 517px;


	position: relative;


}





.wrapper {


	width: 960px;


	margin: 0 auto;


	overflow: auto;


	padding-top: 50px;


	background: transparent url(images/columns.png) top left;


	overflow: hidden;


}





	.wrapper.threecolumns {


		padding-top: 0;


		overflow: hidden;


	}


	


#content {


width: 670px;


float: left;


}








	#content.fullwidth {


		width: 960px;


	}


	


	#content.fullwidth .inner {


		padding-right: 0;


	}





	


/* end structure */	


	








	


	


/* 


************************************


HEADER


************************************


*/





#logo {


	/* logo settings are pulled from Theme Options, so this style is in header.php  */


}





	#logo a {


		text-indent: -9999px; 


		display: block;


		width: 266px;


		height: 101px;


	}





#description {


	text-indent: -9999px;


}





#search {


	height: 22px;


	position: absolute;


	right: 40px;


	top: 120px;


	padding: 2px 5px 0 5px;


	background: white;


}





	.ishome #search {


		top: 66px;


	}





	#search input {


		border: 0 solid transparent;


		position: relative;


		top: -2px;


		


	}


	


	#search input#go {


		margin-top: 3px;


	}








#menu_wrapper {


	width: 100%;


	height: 30px;


	position: relative;


	top: -12px;


}





#breadcrumbs {


	position: absolute;


	top: 120px;


	font-size: 1.1em;


	color: #333;


}





	#breadcrumbs a:link, #breadcrumbs a:visited {


		color: #666;


	}


	


	#breadcrumbs a:hover {


		color: #333;


	}





/* end header */














/* 


***************************


SLIDER


******************************


*/





#slider {


	position: relative;


	top: 110px;


	z-index: 1;


	


}





.slidertext {


	width: 410px;


	height: 365px;


	background: transparent url(images/trans_white_50.png) top left;


	float: left;


	position: relative;


	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.1);


	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.1);


	box-shadow: 0px 0px 20px rgba(0,0,0,.1);


}





	.slidertext .slidertext_inner {


		padding: 50px 30px 20px 30px;


		position: absolute;


		top: 0;


		left: 0;


	}


	


	.slidertext .slidertext_inner h2 {


		text-shadow: 1px 1px 3px rgba(0,0,0,.4);


	}


	


	.slidertext .slidertext_inner p {


		margin-bottom: 30px;


		font-size: 1.5em;


	}


	


	





	


	


#slidertext {


	width: 410px;


	height: 365px;


	background: transparent url(images/trans_white_50.png) top left;


	float: left;


	position: relative;


	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.1);


	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.1);


	box-shadow: 0px 0px 20px rgba(0,0,0,.1);


}





	#slidertext .slidertext_inner {


		padding: 50px 30px 20px 30px;


		position: absolute;


		top: 0;


		left: 0;


	}


	


	#slidertext .slidertext_inner h2 {


		text-shadow: 1px 1px 3px rgba(0,0,0,.4);


	}


	


	#slidertext .slidertext_inner p {


		margin-bottom: 30px;


		font-size: 1.5em;


	}	


	


	


	


.sliderimage {


	width: 550px;


	height: 365px;


	/* position: absolute; */


	/* float: right; */


	/* left:410px; */


	margin-left: 410px;


}





#sliderimage {


	width: 550px;


	height: 365px;


	position: absolute;


	left:410px;


	top: 0;


}





.transparentborder {


	position: absolute;


	top: 0;


	left: 410px;


	z-index: 15;


}





/*  end slider  */

















/*


******************************************


READ MORE BUTTON


******************************************


*/





a.button:link, a.button:visited, button, input[type="submit"] {


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


	color: white;


	padding: 5px 10px;


	text-transform: uppercase;


	border: none;


	-moz-border-radius: 3px;


	-webkit-border-radius: 3px;


	border-radius: 3px;


}	








	a.button:hover, button:hover, input[type="submit"]:hover {


		background-position: left -50px;


	}


	


	


	


a.readmore.inline {


	color: black;


	padding: 0;


	background: none;


	border: none;


	padding-left: 10px;


	font-size: 1.1em;


	margin-left: 0;


	font-weight: bold;


	white-space: nowrap;


	





}





	a.readmore.inline:link, a.readmore.inline:visited {


		/* text color at top of stylesheet */


	}


	


	a.readmore.inline:hover {


		color: black;


	}





/* end read more button */











/*


******************************************


TWITTER BAR


******************************************


*/





#twitterbar {


	width: 100%;


	height: 104px;


	background: gray url(images/twitterbar.png) repeat-x top left;


clear: both;





}





#twitterbar .wrapper {


	padding-top: 0px;  /* override normal wrapper class */


	position: relative;


}








#twitterbar a#followme {


position: absolute;


top: 1px;


left: 50px;


}





#twitterbar img {


	margin-top: 11px;


	vertical-align: middle;


	-moz-box-shadow: none;


	-webkit-box-shadow: none;


	box-shadow: none;


	


}








#twitterbar table {


height: 104px;


width: 960px;


}





#twitterbar .twitEntry span {


	padding-right: 100px;


	padding-left: 150px;


	background: none;


	font-size: 1.8em;


	line-height: 30px;


	overflow: hidden;


}

















/*


*************************************************


THREE COLUMNS


*************************************************


*/


#threecolumns {


	width: 960px;


	margin: 0 auto;


	overflow: auto;


	clear: both;


	background: transparent  url(images/horizontalline.gif) repeat-x 0 57px;


}





	#threecolumns h3 {


		margin-bottom: 40px;


	}


	


	


	#threecolumns .column {


		float: left;


		width: 320px;


	}


	


	#threecolumns .inner {


		padding: 20px 40px 0 0;


	}


	


	img#aboutme {


		float: left;


		margin: 0 15px 10px 0;


	}





.postlist {


	clear: both;


	margin-bottom: 15px;


}





	.postlist:last-child {


		background: none;


	}





.postname {


		font-size: 1.4em;


		line-height: 1.2em;


		margin-bottom: .4em;


	}


	


.posttime {


	text-transform: uppercase;


	font-size: .9em;


	color: gray;


}





#threecolumns h3 {


	font-size: 2em;


}





/* end threecolumns  */	

















/*


*************************************


CONTENT


*************************************


*/








p.postmeta {


	background: transparent url(images/line_overlight.png) repeat-x 100% 100%;


	padding-bottom:5px;


	


}





	div.postmetawrapper {


		padding-top: 5px;


		background: transparent url(images/line_overlight.png) repeat-x 0 0;


	}





#content p {


	margin-bottom: 15px;


}





#content .inner {


	padding: 20px;


	padding-left: 0;


	padding-right: 20px;


}





#content ul li, #sidebar ul li {


	background: url(images/bullet.png) no-repeat left 10px;


	padding-left: 20px;


}





#content h3 {


	clear: left;


}





#content ul li li, #sidebar ul li li {


	background: url(images/bullet-small.png) no-repeat left 10px;


}





	#content li, #sidebar li {


		line-height: 2em;


	}





	#content li li {


		font-size: 1.0em;





	}


	


	#content ul, #content ol {


		margin-bottom: 25px;


	}


	


		#content ul ul, #content ol ol {


			margin-bottom: 0;


		}


	


	#content ol {


		margin-left: 20px;


	}


	


#posts_navigation {


	margin-top: 30px;


	clear: both;


}


	


	#nextlink, #previouslink {


		font-size: 1.3em;


	}


	


		#previouslink {


			float: right;


		}








#largeportfolioimage, img.blogimage {


	float: left;


	margin: 0 20px 20px 5px;


	border: 1px solid #cfcfcf;


	padding: 3px;


	background: white;


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


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


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


}





	img.blogimage.blogthumbnail {


		margin-bottom: 30px;


	}





.post {


	margin-bottom: 40px;


}





.metacomment {


	background: transparent url(images/twitterbubble.png) no-repeat top left;


	padding-left: 20px;


}





#title {


	background: #252e39 url(images/pagetitlebar.jpg) repeat-x scroll center center;


	position: absolute;


	top:142px;


	line-height: .5em;


	padding: 8px 20px 10px 10px;


	color: white;


	font-size: 2.5em;


	


}





div#pagetitlebar_pointer {


	position: absolute;


	width: 22px;


	height: 15px;


	bottom: -13px;


	left: 25px;


	background: transparent url(images/pagetitlebar_pointer.png) no-repeat scroll left top;


}





.follow-responses-rss {


clear: both;


}





/* end content */











/*


****************************************


SIDEBAR


****************************************


*/





#sidebar {


	float: right;


	width: 290px;


	background: transparent url(images/sidebar.png) no-repeat top left;


	font-size: 1.1em;


	color: gray;


}





#sidebar p {


	font-size: 1em;


}





#sidebar h4 {


	font-size: 1.5em;


	margin-bottom: 1em;


}





#sidebar h5 {


	font-size: 1.5em;


	margin-bottom: 0.5em;


}





#sidebar .sidebarwidget{


	padding-bottom: 20px;


}





#sidebar .inner {


	padding: 20px;


}





#sidebar .sidebarportfolioimage {


	margin: 5px 15px 20px 0;


}





#sidebar #contact p {


	margin: 0 0 20px 5px;


}





#sidebar #contact img {


	margin-bottom: 30px;


}





/* end sidebar */











/*


**********************************************


TWITTER IN SIDEBAR


**********************************************


*/





.twit {


 padding: 0px;


}


.twitHeader {


  background-color: white;


  margin: 0;


  padding: 7px 7px 0 7px;


}








.twitBody {


  margin: 0;


  list-style: none;


  


}


#sidebar ul li.twitEntry {


  padding: 6px 0;


  margin: 0;


  height: auto !important;


  background: transparent url(images/line_overlight.png) repeat-x scroll 100% 100%;


}








.twitEntry span {


	display: block;


	line-height: 2em;


	padding-left: 25px;


	background: transparent url(images/twitterbubble.png) no-repeat scroll left 5px;


}





.twitNavi {


	display: none;


  clear: both;


  text-align: center;


  margin-top: 0;


  padding: 5px;


}





.twitHeader, .twitUser {display:none;}





#sidebartweets {


	margin-top: -25px;


}





#sidebartweetheading {


	position: relative;


	padding:20px 0;


}





#followmesidebar {


width: 50px;


height: 50px;


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


text-indent: -9999px;


margin: 0 auto;


display: block;


position: absolute;


top: 5px;


left: 137px;





}








/* end twitter in sidebar */





/*


**************************************************


PORTFOLIO BOXES


**************************************************


*/





#gridboxes {


	margin-top: 25px;


}


	


.boxgrid{ 


	width: 296px; 


	height: 199px; 


	background:black; 


	border: solid 2px white; 


	overflow: hidden; 


	position: relative; 


	margin-bottom: 15px;


}





	


.boxgrid_wrapper {


	float: left;


	width: 290px;


	margin-left: 5px;


	margin-right: 30px;


	margin-bottom: 50px;


}


	


	.boxgrid img{ 


		position: absolute; 


		top: 0; 


		left: 0; 


		border: 0; 


		padding: 3px;


	}


	.boxgrid p{ 


		padding: 0 10px; 


		color:#afafaf; 


		font-weight:bold; 


		font:10pt "Lucida Grande", Arial, sans-serif; 


	}





.boxgrid a.readmore {


font-weight: bold;


background: transparent;


padding: 3px;


margin: 0 15px 0 15px;


position: relative;


top:10px;


color: white;


border: none;


}





	.boxgrid a:hover.readmore {


		color: white;


	}





.boxgrid a.showfullsize {


display: block;


width: 30px;


height: 25px;


float: left;


text-indent: -9999px;


background: transparent url(images/mag.png) no-repeat top left;


}





	.boxgrid a:hover.showfullsize {


		background-position: bottom left;


	}


				


.boxcaption{ 


	padding: 15px;


	float: left; 


	position: absolute; 


	background: black; 


	height: 100px; 


	width: 270px;


	opacity: .7; 


	/* For IE 5-7 */


	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);


	/* For IE 8 */


	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";


}


	.captionfull .boxcaption {


		top: 260px;


		left: 0;


	}


	.caption .boxcaption {


		top: 220px;


		left: 0;


	}





.boxcaption h3 {


font-size: 1.5em;


margin-bottom: 10px;


color: white;


line-height: 1.2em;


}











/* end sliding boxes  */














/*


******************************************


HOMEPAGE SLIDER


******************************************


*/





.images {


	position:relative;	


	height:365px;


	width:960px;


	float:left;	


	z-index: 2000; /* ??? */


	/* cursor:pointer; */


}





/* single slide */


.images div.slide {


	display:none;


	position:absolute;


	top:0;


	left:0;		


	/* height:365px;


	width: 960px; */


}





/* header */


.images h3 {


	font-size:22px;


	font-weight:normal;


	margin:0 0 20px 0;


}





/* tabs (those little circles below slides) */


.slidertabs {


	clear:both;


	position: relative;


	bottom: 35px;


	width: 410px;


	overflow: auto;


	z-index: 2000;


	display: block;


}





.style2 + .slidertabs_wrapper .slidertabs {


	width: 960px;


	bottom: 11px;


}





.tabs .inner {


	text-align: center;


}





/* single tab */


.slidertabs a {


	text-indent: -9999px;


	width:12px;


	height:12px;


	float:left;


	margin:3px;


	background: url(images/sliderbullet.jpg) no-repeat;


	display:block;


	font-size:1px;


	opacity: .4;


	filter:alpha(opacity=40);


	-moz-border-radius: 2px;


	-webkit-border-radius: 2px;


	border-radius: 2px;





}





/* mouseover state */


.slidertabs a:hover {


	opacity: 1;


	filter:alpha(opacity=100);


}





/* active state (current page state) */


.slidertabs a.activeSlide {


	opacity: 1;


	filter:alpha(opacity=100);


} 	





/* centering the tab buttons */





#centeredmenu {


   float:left;


   width:100%;


   overflow:hidden;


   position:relative;


}


#centeredmenu div {


   clear:left;


   float:left;


   margin:0;


   padding:0;


   position:relative;


   left:50%;


   text-align:center;


}


#centeredmenu div a {


   display:block;


   float:left;


   list-style:none;


   margin:0;


   padding-left: 10px;


   position:relative;


   right:50%;


}








/* prev and next buttons */


.next, .prev {


	float:left;


	background:white url(images/socialicons.png) no-repeat;


	display:block;


	width:30px;


	height:30px;


	cursor:pointer;


	font-size:1px;


	text-indent:-9999em;	


}





/* next */


.next 				{ background-position: 0 -30px; clear:right; }


.next:hover 		{ background-position:-30px -30px; }


.next:active 	 	{ background-position:-60px -30px; } 








/* prev */


.prev:hover  		{ background-position:-30px 0; }


.prev:active  	{ background-position:-60px 0; }





/* disabled navigational button. is not needed when tabs are configured with rotate: true */


.disabled {


	visibility:hidden !important;		


}





/*  end homepage slider   */














/*


*****************************************


TABS


*****************************************





/* root element for tabs  */


ul.css-tabs {  


	margin:0 !important; 


	padding:0;


	height:24px;


	border-bottom:1px solid #eee;


	line-height: 3em;	 	


}





/* single tab */


#sidebar ul.css-tabs li {  


	float:left;	 


	padding:0; 


	margin:0;  


	list-style-type:none;	


	line-height: 1em;


}





/* link inside the tab. uses a background image */


ul.css-tabs a { 


	float:left;


	font-size:1em;


	display:block;


	padding:5px 10px;	


	text-decoration:none;


	border:1px solid #cfcfcf;	


	border-bottom:0px;


	height:12px;


	background-color:white;


	color:gray;


	margin-right:10px;


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


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


	-webkit-border-top-left-radius: 0px;


	-webkit-border-top-right-radius: 0px;


	border-top-right-radius: 0px;


	border-top-left-radius: 0px;


	


	position:relative;


	top:1px;	


}





ul.css-tabs a:hover {


	background-color:#fbfbfb;


	color:#333;


}


	


/* selected tab */


ul.css-tabs a.current {


	background-color:#eee;


	border-bottom:2px solid #eee;	


	color:black;	


	cursor:default;


	font-weight: bold;


	border-color: #cfcfcf #cfcfcf #eeeeee #cfcfcf;


}





	


/* tab pane */


div.css-panes div {


	/* display:none; */


	/* border:1px solid gray; */


	/* border-width:0 1px 1px 1px; */


	/* min-height:50px; */


	padding:5px 10px;


	background-color:#eeeeee;	


}





	div.css-panes {


		border: 1px solid #cfcfcf;


	}





	div.css-panes div.clearboth {


		margin: -10px;


	}








#sidebar .panes h4 {


	font-size: 1.4em;


	margin-top: 95px;


}





/*  end tabs */

















	


	


/*    


******************************************


FOOTER


******************************************


*/


	


#footer_wrapper {


width: 100%;


clear: both;


overflow: auto;


background: #0c0f12 url(images/footerbackgroundtile.jpg) repeat-x top left;


margin-top: 20px;


}





#footer_wrapper .inner {


	background: transparent url(images/footerbackground.jpg) no-repeat center top;


	width: 100%;


}





	#footer_wrapper .inner .inner {


		background: none;


	}





#footer {


padding: 20px 0 0 20px;


width: 960px;


margin: 0 auto;


overflow: auto;


color: white;


font-size: 1.1em;


}





#footer .column {


float: left;


width: 240px;


margin-bottom: 20px;


}





#footer p {


	color: white;


}





#footer #footercolumn4 {


float: right;


}





#footer li a {


	display: block;


	margin-right: 50px;


	background: transparent url(images/line_overdark.png) repeat-x scroll 0 0;


	padding-top: 10px;


	padding-bottom: 10px;


}





#footer li a:hover {


	background: transparent url(images/trans_white_02.png) repeat top left;


}








/* footer typography */





#footer h4 {


font-size: 1.5em;


color: white;


margin-bottom: 1em;


}





	#footer p {


		font-size: 1em;


		line-height: 1.5em;


		margin-bottom: 10px;


	}





	#footer a:link {


		color: white;


	}


	


	#footer a:visited {


		color: white;


		}


	


	#footer a:hover {


		color: #fbfbfb;


	}




















#belowfooter {


	clear: left;


	width: 960px;


	margin: 0 auto 20px auto;


	overflow: auto;


	font-size: 1.1em;


	padding-bottom: 10px;


}





#belowfooter p {


	font-size: 1.0em;


	line-height: 2.0em





}





#belowfooter .inner {


	padding: 10px;


}





#belowfooter #copyright {


	float: left;


}





#belowfooter #footermenu{


	list-style-type: none;


	float: right;


}





#belowfooter #footermenu a {


display: block;


float: left;


padding-left: 0;


}





#belowfooter ul li {


float: left;





}








/* end footer  */








.fadeimage, .fadevideo {


width: 296px; 


height: 199px; 


position: absolute; 


top: 0; 


left:0;


background: white url(images/crossfade.png); 


}





.fadevideo {


	background: white url(images/crossfade-video.png); 


}











/* 


******************************************************


FOOTER SOCIAL ICONS


******************************************************


*/





#footer ul#footersocial {


padding-top: 20px;


}





#footer ul#footersocial li {


float: left;


padding-right: 5px;


padding-bottom: 5px;


}





#footer ul#footersocial a{


	background: transparent url(images/socialicons-small.png) no-repeat top left;


	display: block;


	float: left;


	width: 20px;


	height:20px;


	margin-right: 5px;


	padding: 0;


	border-bottom: none;


	text-indent: -9999px;


}





#footer ul#footersocial a.twitter {


background-position: 0 0;


}


	#footer ul#footersocial a:hover.twitter { background-position:0 -24px; }








#footer ul#footersocial a.stumbleupon{


background-position: -127px 0;


}


		#footer ul#footersocial a:hover.stumbleupon { background-position:-127px -24px; }





#footer ul#footersocial a.reddit{


background-position: -152px 0;


}


	#footer ul#footersocial a:hover.reddit { background-position:-152px -24px; }





#footer ul#footersocial a.digg{


background-position: -76px 0;


}


	#footer ul#footersocial a:hover.digg { background-position:-76px -24px; }





#footer ul#footersocial a.delicious{


background-position: -101px 0;


}


	#footer ul#footersocial a:hover.delicious { background-position:-101px -24px; }





#footer ul#footersocial a.facebook{


background-position: -25px 0;


}


	#footer ul#footersocial a:hover.facebook { background-position:-25px -24px; }





	


	


/* end footer social icons */




















/*


****************************************


COMMENTS


****************************************


*/





.commentlist {


	margin-left: 75px;


}





.commentlist .depth-1 {


	/* border: 1px solid black; */


	margin-left: 40px;


}





.commentlist .depth-2 {


	/* border: 1px solid black; */


	margin-left: 30px;


}





.commentlist .depth-3 {


	/* border: 1px solid red; */


	margin-left: 30px;


}








.commentlist .comment-body {


	margin-bottom: 30px;


	position: relative;


	background: #fbfbfb url(images/commentbackground.jpg) no-repeat top left;


	min-height: 150px;


	padding: 20px;


}





.commentlist img {


	position: absolute;


	top: 0px;


	left:-115px;


}





.comment_pointer {


	position: absolute;


	width: 28px;


	height: 31px;


	top: 25px;


	left: -14px;


	background: transparent url(images/commentpointer.png) no-repeat top left;


}





.comment-meta {


	width: 100px;


	position: absolute;


	left: 1px;


	top: 90px;


	left: -115px;


	font-size: .8em;


	line-height: 13px;


	}


	


	.comment-meta a:link {


		color: gray;


	}


	


	.comment-meta a:hover {


		color: black;


	}


	


.commentlist p {


	font-size: 1.0em;


}


	


cite.fn {


	font-weight: bold;


}





#content .commentlist li {


	background: none;


}








/*  end comments  */


























/*


*****************************************


CONTACT FORM


*****************************************


*/








/* These styles override the styles.css file for the Contact 7 plugin */


/* The plugin css style is located in the Contact 7 folder */


/* Rather than editing that file directly, these styles will override them */





.contactform input[type='text'] {


	width: 300px;


}








.contactform textarea {


	width: 500px;


}





.contactform span.wpcf7-not-valid-tip {


border: none !important;


top: 0px !important;


left: 310px !important;


background: transparent url(images/error.gif) no-repeat left 5px !important;


padding-left: 25px !important;


}








.contactform span.your-message span.wpcf7-not-valid-tip {


left: 510px !important;


width: 100px !important;


}





.contactform div.wpcf7-mail-sent-ok {


	border: none !important;


	background: green;


	color: white;


}





.contactform div.wpcf7-validation-errors {


	color: white;


	background: red;


	border: none !important;


}





.contactform div.wpcf7-response-output {


	padding: 10px 10px !important;


	font-size: 1.2em;


}





/*  end contact form  */

















/*


*****************************************


SHORT CODES


*****************************************


*/








.one_quarter, .two_thirds, .one_third, .one_half, .three_quarters {


	float: left;


	margin-bottom: 25px;


	margin-right: 15px;


	position: relative;


}





	.fullwidth .one_quarter, .fullwidth .two_thirds, .fullwidth .one_third, .fullwidth .one_half, .fullwidth .three_quarters {


		margin-right: 20px;


	}


 





.fullwidth .one_quarter {


	width: 223px;


}





.two_thirds {


width: 428px;


}





	.fullwidth .two_thirds {


	width: 624px;


	}








.one_third {


width: 206px;


}





	.fullwidth .one_third {


	width: 304px;


	}





.one_half {


width: 315px;


}





	.fullwidth .one_half {


	width: 467px;


	}





.fullwidth .three_quarters {


width: 715px;


}





.last {


	clear: right;


	margin-right: 0 !important;


}








.top {


	float: right;


	text-align: right;


	display: block;


	border-bottom: 1px solid #cfcfcf;


	padding-bottom: 5px;


	margin-bottom: 20px;


	height: 10px;


}





	.top:link, .top:visited {


		color: #666666;


	}


	


	.top:hover {


	background: transparent url(images/totop.png) no-repeat scroll 0 2px;


	


	padding-left: 15px;


	}


	


	


	





.dropcap {


	float: left;


	font-size: 45px;


	display: block;


	line-height: 40px;


	margin-right: 5px;


}





.pullquote {


	display: block;


	width: 200px;


	font-size: 1.8em;


	margin-top: 10px;


	margin-bottom: 10px;


}





	.pullquote.right {


		float: right;


		margin-left: 20px;


		padding-left: 20px;


		border-left: 10px solid #eeeeee;


	}


	


	.pullquote.left {


		border-right: 10px solid #eeeeee;


		float:left;


		margin-right: 20px;


		padding-right: 20px;


	}





	


.line {


	margin: 0 0 20px;


	height: 2px;


	background: transparent url(images/line_overlight.png) repeat-x;


}





/* toggle box */





h4.trigger {


	background: transparent url(images/toggle.png) no-repeat 5px 5px;


	padding: 0 0 0 30px;


	margin: 0 0 5px 0;


	height: 25px;


	line-height: 25px;


	width: 95%;


	font-size: 1.5em;


	font-weight: normal;


	/* float: left; */


}


h4.trigger a {


	text-decoration: none;


	display: block;


}


h4.trigger a:hover { color: #ccc; }


h4.active {background-position: 5px -43px;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/


.toggle_container {


	margin: 0 0 20px 15px;


	padding: 0;


	border: 1px solid #e9e9e9;


	overflow: hidden;


	clear: both;


}


.toggle_container .block {


	padding: 15px;


	background: #fbfbfb url(images/commentbackground.jpg) no-repeat top left;


}





/* end short codes */











/*


*****************************************


MISC


*****************************************


*/





.wp-caption-text {


	line-height: 1.5em;


	font-size: 1.1em;


}








.box {


	-webkit-border-radius: 3px;


	-moz-border-radius: 3px;


	border-radius: 3px;


}





.clearleft {


clear: left;


}





.clearboth {


clear: both;


}





.alignright {


	float: right;


}





.alignleft {


	float: left;


}





.alignnone {


	float: none;


}





	.post .alignnone {


		float: none;


		margin: 10px 0;


		vertical-align: baseline;


	}





	.post .alignright {


		margin: 0 0 20px 20px;


		float: right;


	}


	


	.post .alignleft {


		margin: 0 20px 20px 0;


	}


	


	.numberofcomments {


		float: right;


		margin: 0 20px 0 0;


	}





.norightmargin {


	/* added class to div via jquery */


	margin-right: 0;


}	





.ppt {


	display: none !important;


}











#home a{


	text-indent: -9999px;


	background: transparent url(images/home.png) no-repeat center center;


	padding-left: 40px;


}





#threecolumns img, #sidebar img, .commentlist img, #author-image img, #relatedposts img, .post img  {


	padding: 3px;


	border: 1px solid #cfcfcf;


	vertical-align: middle;


	margin: 0 15px 10px 0;


	float: left;


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


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


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


}





	#threecolumns div#column1 img {


		margin-left: 5px;


	}


	


	#largeportfolioimage, img.blogimage, .post img {


		margin-left: 5px;


}











.boxgrid, .readmorebutton {


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


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


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


}





.post-edit-link {


	margin: 20px 0;


	padding: 5px;


	display: block;


	background: green;


}





a.post-edit-link:link , a.post-edit-link:visited {


color: white;


}





#rssicon {


	position: absolute;


	top: 120px;


	right: 0;


	width: 32px;


	height: 32px;


	background: transparent url(images/rss.png) no-repeat top left;


	text-indent: -9999px;


}





	.ishome #rssicon {


		top: 66px;


	}





.follow-responses-rss {


	padding-left: 20px;


	background: transparent url(images/rss-small.png) no-repeat left center;


}





.social, #author-info {


	padding: 15px;


	border: 1px solid #cfcfcf;


	background: white;


	width: 600px;


	margin-bottom: 20px; 


	margin-top: 20px;


}





.social {


	height: 30px;


}





	.social h4 {


		float: left;


		font-size: 1.8em;


		margin-right: 30px;


		line-height: 30px;


	}


	


	





#author-info {


	min-height: 90px;


}





	#author-info h4 {


		clear: none;


	}





#content #relatedposts ul li.isthumbnail {


	clear: left;


	background-image: none;


	margin-bottom: 10px;


	margin-left: -15px;


}








.social a {


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


display: block;


float: left;


width: 32px;


height:32px;


margin-right: 10px;


text-indent: -9999px;


}





.social a.twitter {


background-position: 0 0;


}


	.social a:hover.twitter { background-position:0 -39px; }





.social a.stumbleupon{


background-position: -210px 0;


}


		.social a:hover.stumbleupon { background-position:-210px -39px; }





.social a.reddit{


background-position: -252px 0;


}


	.social a:hover.reddit { background-position:-252px -39px; }





.social a.digg{


background-position: -126px 0;


}


	.social a:hover.digg { background-position:-126px -39px; }





.social a.delicious{


background-position: -168px 0;


}


	.social a:hover.delicious { background-position:-168px -39px; }





.social a.facebook{


background-position: -42px 0;


}


	.social a:hover.facebook { background-position:-42px -39px; }


	





	


	


	


	


	





.scrollable {





	/* required settings */


	position:absolute;


	top: -75px;


	overflow:hidden;


	width: 960px;


	height:75px;


	top: 290px;


	left: 0;


	





	/* custom decorations */


	border:0px solid #ccc;


	background: url(images/trans_black_20.png);


	z-index: 20;


}





/*


	root element for scrollable items. Must be absolutely positioned


	and it should have a extremely large width to accomodate scrollable items.


	it's enough that you set the width and height for the root element and


	not for this element.


*/


.scrollable .items {


	/* this cannot be too large */


	width:20000em;


	position:absolute;


	clear:both;


}





/* single scrollable item */


.scrollable img {


	float:left;


	margin:10px 0 0 10px;


	background-color:#fff;


	padding:2px;


	border:1px solid gray;


	cursor:pointer;


	width:90px;


	height:50px;


	


	/* -moz-border-radius:4px;


	-webkit-border-radius:4px; */


}





/* active item */


.scrollable .active {


	border:2px solid #252e39;


	z-index:9999;


	position:relative;


	top: -1px;


}

p.allowedtags{display:none !important;}


/*#jquery-overlay{display:none !important;}
#jquery-lightbox{display:none !important;}*/
	

#fancybox-wrap{display:none !important;}
#fancybox-overlay{display:none !important;}
.gallery .gllr_image_block{ margin:0 8%;}
.gallery_box_single .gallery.clearfix{width:100%;}
	
#aboutme{display:none !important;}

#belowfooter #footermenu{ float:left;}
#belowfooter #footermenu a{padding-right:15px; line-height:16px;}
	

.menu-mobile_menu-container {position:relative; z-index:999;}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {background-color:transparent !important;}