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

	Theme Name: Bookcase
	Theme URI: http://www.designcirc.us
	Description: Bookcase is a uniquely interactive portfolio theme perfect for freelancers, web designers, photographers and videographers alike. Its user interactive interface delightfully enhances your most loved portfolio pieces.
	Author: Andre Gagnon
	Author URI: http://www.designcirc.us
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.2
	
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-----------------------------------------------------------------------------------*/
@font-face {
  font-family: 'Open Sans';
  font-display: auto;
  src: url('/Css/Fonts/OpenSans-Regular.ttf') format("truetype");
}
img {
  height: auto;
  width: auto;
  max-width: 100%;
}
.clearfix {
  clear: both;
}
.a12-left {
  text-align: left;
}
/*-----------------------------------------------------------------------------------*/
/*  Preloader Styles
/*-----------------------------------------------------------------------------------*/
.attachment-portfoliosmall,
.largeport {
  visibility: hidden;
}
div#preloaded-images {
  position: absolute;
  overflow: hidden;
  left: -9999px;
  top: -9999px;
  height: 1px;
  width: 1px;
}
.portfoliopreload,
.videocontainer {
  display: block;
}
.largeport {
  visibility: hidden;
}
/*-----------------------------------------------------------------------------------*/
/*  General Site Styles
/*-----------------------------------------------------------------------------------*/
.alert {
  /* For Non-Javascript Enabled Browsers */
  background: #ffffff;
  text-align: center;
  padding: 5px 0px;
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 9999;
}
html,
body {
  height: 100%;
  /*min-height:1000px;*/
}
body {
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  /*overflow-x: hidden;*/
  font-size: 14px;
  position: relative;
}
#wrapper {
  position: relative;
  width: 98%;
  min-height: 550px;
}
#container {
  /* Main Content Container */
  margin-left: 210px;
  /* Match to Sidebar Width */
  padding-top: 40px;
  margin-right: 80px;
  margin-bottom: 60px;
  z-index: 1;
  position: absolute;
  top: 0px;
  min-width: 920px;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}
strong {
  font-weight: bold;
}
.button,
a.button,
a.more-link {
  background-color: #222;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 1;
  padding: 8px 10px 9px;
  position: relative;
  text-decoration: none;
  font-size: 10px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  border: none;
}
.button:hover,
a.button:hover,
a.more-link:hover {
  color: #fff;
}
.button.custom:hover,
a.button.custom:hover {
  background: #222 !important;
}
a.more-link,
a.button,
.button {
  margin-top: 10px;
}
/*************** Button Sizes ********************/
.button.small {
  font-size: 10px;
}
.button.medium {
  font-size: 12px;
  padding: 10px 12px 11px;
}
.button.large {
  font-size: 14px;
  padding: 12px 14px 13px;
}
.button.huge {
  font-size: 18px;
  padding: 14px 16px 15px;
}
/********************* Button Colors **************************/
.button.red {
  background: #900;
}
.button.orange {
  background: #C30;
}
.button.yellow {
  background: #C90;
}
.button.green {
  background: #360;
}
.button.blue {
  background: #039;
}
.button.purple {
  background: #306;
}
.button.purple:hover,
.button.blue:hover,
.button.green:hover,
.button.yellow:hover,
.button.orange:hover,
.button.red:hover {
  background: #222;
}
.buttonleft {
  display: inline-block;
  padding: 5px 10px 6px;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  position: relative;
  cursor: pointer;
  font-style: normal;
  letter-spacing: normal;
  border-style: solid;
  border-width: 1px;
}
.buttonright {
  display: inline-block;
  padding: 5px 10px 6px;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  position: relative;
  cursor: pointer;
  font-style: normal;
  letter-spacing: normal;
  border-style: solid;
  border-width: 1px;
}
#footer .button,
#footer a.button,
#footer a.more-link {
  background: #f2f2f2;
  color: #222;
}
.hover {
  background: #222 url(../Images/expand.png) center no-repeat;
}
.nomargin {
  margin: 0;
}
input[type=text],
textarea {
  padding: 10px;
  margin: 0 0 20px 0;
  border-style: solid;
  border-width: 1px;
  font-size: 15px;
  width: 90%;
}
#footer input[type=text],
#footer textarea {
  background: #333;
  color: #fff;
  border-color: #444;
}
/***************** Search Box **********************/
input#s {
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  font-size: 10px;
  width: 90%;
  max-width: 300px;
  margin: 0;
}
#footer input#s {
  background: #333;
  color: #fff;
  border-color: #444;
}
/*-----------------------------------------------------------------------------------*/
/*  Dropdown Navigation
/*-----------------------------------------------------------------------------------*/
/*** ESSENTIAL STYLES ***/
.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
}
.sf-menu {
  line-height: 1;
}
.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 10em;
  /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
  width: 100%;
}
.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float: left;
  position: relative;
}
.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: 0;
  top: 2.5em;
  /* match top ul list item height */
  z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 10.8em;
  top: -10px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 10em;
  /* match ul width */
  top: 0;
}
.sub-menu {
  z-index: 3;
}
/*** Skinning the Menu ***/
.sf-menu {
  float: left;
  margin-bottom: 30px;
}
.sf-menu a {
  /* border-top:		1px solid #CFDEFF; */
  padding: 0.75em 1em;
  text-decoration: none;
  padding-left: 0;
}
.sf-menu a,
.sf-menu a:visited {
  /* visited pseudo selector so IE6 applies text colour*/
  color: #777;
}
.sf-menu li {
  /*	background:		#BDD2FF; */
}
.sf-menu li ul,
.sf-menu li li ul {
  border-style: solid;
  border-width: 1px;
  padding: 0.75em;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  /*background:rgba(255,255,255,.98); */
}
.sf-menu li li a,
.sf-menu li li a:visited {
  padding-left: 1.25em;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
  outline: 0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
  padding-right: 2.25em;
  min-width: 1px;
  /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
  position: absolute;
  display: block;
  right: 0.75em;
  top: 1.05em;
  /* IE6 only */
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
}
a > .sf-sub-indicator {
  /* give all except IE6 the correct values */
  top: 0.8em;
  background-position: 0 -100px;
  /* use translucent arrow for modern browsers*/
}
.nav-mobile {
  display: none;
}
.sf-menu li li a .sf-sub-indicator {
  top: 1em;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px;
  /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
  background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
  background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0;
  /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul.sf-shadow-off {
  background: transparent;
}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical,
.sf-vertical li {
  width: 100%;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 100%;
  /* match ul width */
  top: 0;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {
  background-position: -10px 0;
}
/* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator {
  background-position: 0 0;
}
/* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0;
  /* arrow hovers for modern browsers*/
}
/*-----------------------------------------------------------------------------------*/
/*  Typography
/*-----------------------------------------------------------------------------------*/
p,
ul {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
}
p a,
a {
  color: #555555;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}
a:visited {
  color: #555555;
}
h1 {
  margin: 0;
  padding: 0;
  font-size: 32px;
  font-weight: bold;
  line-height: 32px;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}
h2 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}
h3 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}
h4 {
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 16px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}
h5 {
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-weight: bold;
  line-height: 12px;
  margin-bottom: 12px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
}
/*-----------------------------------------------------------------------------------*/
/*  Header, Logo and Navigation
/*-----------------------------------------------------------------------------------*/
.logonav {
  /* Container */
  /*position:fixed;*/
  left: 0;
  top: 0;
  margin: 0;
  padding: 40px 30px 30px 30px;
  height: 100%;
  width: 160px;
  z-index: 3;
  position: absolute;
}
@media all and (min-height: 560px) {
  .logonav {
    /*position:fixed;*/
  }
}
.iphone .logonav {
  position: static;
  float: left;
  height: auto;
}
.logo {
  float: left;
  min-height: 20px;
  margin: 0;
  line-height: 0;
  margin-bottom: 30px;
  /*border-bottom:1px #dcdcdc solid; */
}
.description {
  float: left;
  margin-bottom: 20px;
  font-style: italic;
}
.description h4 {
  margin-bottom: 5px;
}
.logo h1,
.logo h1 a {
  margin: 0;
  /*In case of no logo image */
  text-decoration: none;
}
/***************** Navigation **********************/
#nav {
  list-style-type: none;
}
#nav li {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}
/*-----------------------------------------------------------------------------------*/
/*  Portfolio Items
/*-----------------------------------------------------------------------------------*/
/***************** Containers **********************/
.pics {
  /* Portfolio Slideshow Container */
  width: 500px;
  top: 0;
  z-index: 1;
  cursor: pointer;
}
.blogpost .pics {
  margin-left: -35px;
  width: 500px;
}
.blogpost .zoom {
  width: 500px;
}
.videocontainer {
  position: relative;
}
.video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 65px;
  height: 60px;
  margin-top: -30px;
  margin-left: -32px;
  background: #222 url(../Images/play.png) center no-repeat;
  /* CSS3 standard */
  opacity: 0.9;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
  z-index: 20;
  text-indent: -9999px;
}
.video:hover {
  /* for IE */
  filter: alpha(opacity=1);
  opacity: 1;
}
.item {
  /* Portfolio Item Container */
  width: 240px;
  margin: 0 10px 20px 10px;
  float: left;
  border-radius: 5px;
  position: relative;
}
.posttext {
  /* Portfolio Details and Slideshow Container */
  float: left;
  margin-top: -155px;
  width: 500px;
}
.postphoto {
  /* Portfolio Featured Photo Container */
  height: 155px;
  width: 240px;
  float: left;
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 0;
  background: #000 url(../Images/expand.png) center no-repeat;
}
.portfoliocontent {
  /* Portfolio Text Content */
  padding: 0 0 10px 0;
  width: 500px;
}
.portfoliocontent h2 a,
.portfoliocontent p {
  width: 500px;
}
.sortcontainer {
  float: left;
  padding-left: 20px;
  margin-bottom: 20px;
}
a.pp_expand {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -moz-transition: none;
}
/***************** Slide Navigation **********************/
.navtoggle {
  margin: 15px 0 20px 0;
  height: 8px;
}
.navtoggle a {
  width: 22px;
  height: 18px;
  text-align: left;
  display: block;
  float: left;
  text-indent: -9999px;
}
/***************** Project Info Hovers **********************/
.iphone .item .icons {
  display: none;
}
.icons a {
  position: relative;
  text-decoration: none;
}
.item .icons {
  float: right;
  margin-top: -40px;
}
.icons img {
  margin: 10px 0 0 10px;
}
.blogpost .icons img {
  margin: 0 0 0 10px;
}
/***************** Box Close Icon **********************/
.xout a {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  margin: 0px;
  width: 19px;
  height: 19px;
  text-indent: -9999px;
  background: url(../Images/xout.gif);
  background-position: 0 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -moz-transition: none;
}
.xout a:hover {
  background-position: 0 -19px;
}
/*-----------------------------------------------------------------------------------*/
/*  Masonry CSS3 Transitions
/*-----------------------------------------------------------------------------------*/
.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}
.masonry {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
  -moz-transition-property: left, right, top;
  -o-transition-property: left, right, top;
  transition-property: left, right, top;
}
/*-----------------------------------------------------------------------------------*/
/*  Tooltips
/*-----------------------------------------------------------------------------------*/
.tooltip img {
  border: none;
}
.tooltip a:link,
.tooltip a:visited {
  position: relative;
  text-decoration: none;
}
.tooltip {
  font-size: 10px;
  width: 150px;
  position: absolute;
  bottom: 100%;
  margin: 0 0 18px 0;
  /*25px for ie */
  padding: 15px;
  cursor: default;
  display: block;
  visibility: hidden;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  line-height: 1.5;
  opacity: 0;
  z-index: 999;
  transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
}
.tooltip:after {
  content: "";
  position: absolute !important;
  bottom: -14px;
  z-index: 100;
  border: 0 solid #000;
  border-bottom: 14px solid transparent;
  width: 100%;
}
.tooltip:before {
  content: "";
  position: absolute !important;
  border: 0 solid #000;
  bottom: -14px;
  z-index: 100;
}
.tooltip.left:after {
  border-left-width: 14px;
  left: 0;
}
.tooltip.right {
  left: -155px;
}
.videocontainer .tooltip.right {
  left: -168px;
}
.tooltip.right:after {
  border-right-width: 14px;
  right: 0;
}
.tooltip.center {
  border-radius: 5px;
}
.tooltip.center:after {
  border-left-width: 10px;
  width: 50%;
  left: 50%;
}
.tooltip.center:before {
  border-right-width: 10px;
  border-bottom: 14px solid transparent;
  width: 50%;
  right: 50%;
}
/***************** Tooltip Hover CSS3 effects (with fallback) **********************/
a:hover .tooltip {
  text-decoration: none;
  visibility: visible;
  opacity: 1;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.tooltip.black {
  color: #fff;
  background: #000;
}
/*-----------------------------------------------------------------------------------*/
/*  Page Styling
/*-----------------------------------------------------------------------------------*/
.subsection {
  width: 100%;
  padding-top: 40px;
  /*position:relative;*/
  padding-bottom: 50px;
}
.subsection.col1 {
  max-width: 1230px;
}
.subsection .subsection-innerwrap {
  margin-left: 230px;
}
body.webdesign .subsection .subsection-innerwrap {
  text-align: center;
}
.pagename {
  width: 100%;
  background: #222;
  padding-top: 15px;
  padding-bottom: 0px;
}
.fullwidth .pagename {
  width: 1000px;
}
.pagename h1,
.pagename h2,
.pagename h3,
.pagename h4 {
  padding: 0 0 0px 5%;
  margin-right: 5%;
  color: #fff;
  font-weight: lighter;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
}
.pagename span {
  font-style: italic;
  display: inline-block;
  color: #dcdcdc;
  line-height: 24px;
  padding-left: 20px;
  margin-left: 10px;
  font-size: 12px;
  letter-spacing: normal;
  text-transform: none;
  border-left: 1px solid #dcdcdc;
}
.subheading {
  left: 0;
  top: 0;
  text-align: left;
  margin-bottom: 75px;
}
.subheading.blog {
  padding-bottom: 0;
  margin-bottom: 25px;
}
.subcontainer {
  width: 90%;
  height: 100%;
  float: left;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 20px;
  padding-top: 30px;
  z-index: 2;
}
.bottom_space {
  height: 125px;
  clear: both;
}
.subheading.blog .subcontainer {
  padding-bottom: 0;
  padding-top: 0;
}
.sidebar {
  width: 96%;
  float: left;
  height: 100%;
  padding-top: 30px;
  padding-left: 2%;
  padding-right: 2%;
  margin-top: -1px;
  border-width: 1px;
  border-style: solid;
  margin-right: -2px;
}
/*-----------------------------------------------------------------------------------*/
/*  Blog Styling
/*-----------------------------------------------------------------------------------*/
.flush {
  margin-left: -35px;
  margin-bottom: 30px;
  display: block;
  width: 500px;
}
h5.tags {
  margin-bottom: 20px;
  font-weight: normal;
  color: #666;
}
.blogpost {
  margin-top: 30px;
}
.blogpost .blogfooter {
  clear: both;
  display: block;
  margin-left: -35px;
  padding-bottom: 8px;
  padding-left: 40px;
  border-bottom: 1px solid #dcdcdc;
  margin-top: 20px;
}
.blogpost .blogfooter li {
  float: left;
  height: 30px;
  margin-bottom: 10px;
  padding: 5px 5% 0px 0;
  line-height: 1.4em;
  font-size: 0.75em;
  list-style-type: none;
}
.edit-post {
  float: right;
}
.blogpost h2,
.blogpost h2 a {
  margin: 0 0 25px;
  text-decoration: none;
  line-height: 30px;
  font-style: italic;
}
.blogpost .featuredimage {
  margin: 10px 0;
}
.postdate,
.postauthor,
.postcomments {
  border-right-style: solid;
  border-right-width: 1px;
}
.postdate {
  margin-left: 0;
}
.blogpost .blogfooter li.postcategory {
  max-width: 150px;
  height: auto;
}
.postauthor,
.postcomments,
.postcategory {
  margin: 0 0 0 20px;
}
.postinfo {
  margin: 0 0 0 20px;
}
.postdate h5,
.postauthor h5,
.postcomments h5,
.postcategory h5 {
  color: #999999;
  font-weight: normal;
}
.postdate h5 span,
.postauthor h5 span a,
.postcomments h5 span a,
.postcategory h5 span a,
.postcategory h5 span {
  text-decoration: none;
  font-weight: bold;
}
/*-----------------------------------------------------------------------------------*/
/*	Blog Comments
/*-----------------------------------------------------------------------------------*/
/* Comments */
.commentsheader {
  width: 535px;
}
.comment {
  width: 535px;
}
.singlecomment {
  padding: 30px;
}
.listcomments {
  margin: 0;
  padding: 0 0 20px 0;
  list-style: none;
  width: 800px;
}
.commentsform {
  width: 535px;
}
.commentsmetadata {
  font-size: 10px;
  font-style: italic;
}
.name {
  font-size: 18px;
  margin: 0 0 15px;
  padding: 0 0 12px 0;
  border-bottom: 1px solid #dcdcdc;
}
.name a,
.name {
  font-weight: bold;
}
.name a:hover {
  text-decoration: none;
}
.name strong {
  font-weight: normal;
}
.listcomments .children .name {
  font-weight: bold;
}
.listcomments .children {
  margin-left: 30px;
  margin-bottom: 30px;
}
.listcomments li {
  list-style-type: none;
}
.listcomments .children .comment {
  margin: 30px 0 0 0px;
  padding: 0;
  background: none;
}
#commentsubmit span {
  color: #c85849;
}
#commentsubmit label {
  margin: 0 0 6px;
  display: block;
  font-size: 12px;
  text-transform: uppercase;
}
#commentsubmit input[type=text],
#commentsubmit textarea {
  padding: 10px;
  margin: 0 0 20px 0;
  border-width: 1px;
  border-style: solid;
  font-size: 12px;
}
#commentsubmit input[type=text] {
  width: 275px;
}
#commentsubmit input[type=text]#url {
  width: 95%;
}
#commentsubmit input[type=submit] {
  border: none;
}
#commentsubmit textarea {
  width: 95%;
}
#commentsubmit #submit {
  padding: 10px;
  margin: 0 0 20px 0;
  border: inherit;
  width: inherit;
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
}
.reply a {
  font-size: 12px;
  line-height: 11px;
  margin: 2px 6px 0 0;
  padding: 0 0 0 15px;
  float: right;
}
#commentsubmit input:focus,
#commentsubmit textarea:focus {
  border-style: solid;
  border-width: 1px;
  outline: 0;
}
.gallery-title {
  font-size: 1.08em;
  text-transform: uppercase;
}
.cancel-reply p a,
.navigation-comments p a {
  padding: 5px 12px;
  background: #555;
  color: #fff;
}
.cancel-reply p a {
  padding: 2px 6px;
  float: right;
  font-size: 10px;
}
/*-----------------------------------------------------------------------------------*/
/*	Contact Forms
/*-----------------------------------------------------------------------------------*/
textarea {
  overflow: hidden;
  font-family: 'Arial', sans-serif;
}
.contactsubmit span {
  color: #c85849;
}
.contactsubmit select {
  font-family: Arial, Helvetica, sans-serif;
}
.contactsubmit .formrow {
  height: 90px;
}
.contactsubmit .messagerow {
  padding-bottom: 15px;
}
.contactsubmit label {
  margin: 0 0 6px;
  display: block;
  font-size: 12px;
  text-transform: uppercase;
}
.contactsubmit input[type=text],
.contactsubmit textarea,
.contactsubmit select {
  padding: 10px;
  margin: 0;
  border-width: 1px;
  border-style: solid;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
}
.contactsubmit input[type=text] {
  width: 90%;
}
.contactsubmit select {
  width: 100%;
}
.contactsubmit input[type=submit] {
  border: none;
}
.contactsubmit textarea {
  width: 95%;
}
.contactsubmit #submit {
  padding: 10px;
  margin: 0 0 20px 0;
  border: inherit;
  width: inherit;
  font-family: inherit;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
}
.contactsubmit input:focus,
.contactsubmit textarea:focus {
  border-width: 1px;
  border-style: solid;
  outline: 0;
}
.contactsubmit .radiobutton {
  margin-left: 10px;
  display: block;
  margin-right: 0;
  width: 100px;
  float: left;
  line-height: 30px;
  height: 45px;
  font-size: 12px;
  text-transform: none;
}
.contactsubmit input[type="radio"] {
  font-size: 12px;
  display: inline;
  float: left;
  width: 15px;
  margin: 0;
  margin-top: 8px;
  margin-right: 5px;
}
.contactsubmit label.error {
  font-size: 10px;
  color: #c85849;
  text-transform: none;
}
p.loading {
  display: none;
}
/*-----------------------------------------------------------------------------------*/
/*  Pagination
/*-----------------------------------------------------------------------------------*/
.older {
  float: left;
}
.newer {
  float: right;
  margin-right: 275px;
}
#pagination {
  height: 20px;
}
#pagination li {
  border: 0 none;
  font-size: 11px;
  list-style: none outside none;
  margin: 0 2px 0 0;
  padding: 0;
}
#pagination a {
  margin-right: 5px;
  font-size: 10px;
}
#pagination .previous-off,
#pagination .next-off {
  display: none;
}
#pagination .next a,
#pagination .previous a {
  font-weight: bold;
}
#pagination .active {
  display: block;
  float: left;
  font-weight: bold;
  margin-right: 5px;
  padding: 6px 10px 7px 10px;
}
#pagination a:link,
#pagination a:visited {
  display: block;
  float: left;
  padding: 6px 10px 7px 10px;
  text-decoration: none;
}
#pagination a:hover {
  border: 0 none;
  display: block;
  float: left;
  font-weight: bold;
  padding: 6px 10px 7px 10px;
}
/*-----------------------------------------------------------------------------------*/
/*  Widget Styling
/*-----------------------------------------------------------------------------------*/
.widget {
  margin-bottom: 50px;
}
.widget.ag_recentprojects_widget {
  margin-bottom: 40px;
}
#twitter_div {
  margin: 0 0 10px 0;
  font-size: 12px;
  line-height: 24px;
}
#twitter_div ul li a {
  padding: 0;
}
#footer #twitter_div ul li a {
  color: #fff;
}
#twitter_div ul li:hover {
  background: none;
}
#twitter_div span {
  display: block;
}
#footer #twitter_div span {
  color: #999;
}
ul#twitter_update_list {
  padding: 0;
}
ul#twitter_update_list li {
  padding: 10px 0 10px 0;
  list-style: none;
  overflow: hidden;
}
#footer ul#twitter_update_list li {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: #444;
}
#footer ul#twitter_update_list {
  border-top-style: solid;
  border-top-width: 1px;
  border-color: #444;
}
.widget h3,
.widget h2,
.widget h4 {
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 16px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.widget h4.posttitle {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: normal;
  text-transform: none;
}
.widget ul.children {
  margin: 0;
  margin-left: 20px;
}
.widget_pages ul.children {
  margin-left: 0;
  margin-top: 10px;
}
.widget_pages ul.children li {
  padding-bottom: 0;
  border-bottom: none;
}
.widget li.recentcomments {
  margin: 10px 0 0 0;
  padding: 0 0 10px 30px;
  background: url(../Images/speech-dark-small.png) 0 5px no-repeat;
}
#footer .widget_rss li,
#footer .widget_recent_entries li,
#footer .widget_recent_comments li {
  border-bottom: 1px solid #333;
}
#footer .widget_rss ul,
#footer .widget_recent_entries ul,
#footer .widget_recent_comments ul {
  border-top: 1px solid #333;
}
/*************************Calendar**************************************/
#wp-calendar caption {
  width: 200px;
  text-align: center;
  background: #222;
  color: #fff;
  padding: 7px 2px;
  margin-bottom: 7px;
  font-size: 10px;
}
#footer #wp-calendar caption {
  background: #333;
  color: #ccc;
}
#wp-calendar {
  border-collapse: collapse;
  width: 199px;
  text-align: center;
  color: #555;
}
#footer #wp-calendar {
  color: #ccc;
}
#wp-calendar thead th {
  font-weight: bold;
}
#wp-calendar tbody td {
  padding: 5px 0;
}
#wp-calendar #today {
  color: #000;
  font-weight: bold;
}
#footer #wp-calendar #today {
  color: #fff;
}
#wp-calendar a {
  padding: 2px 0;
  font-weight: bold;
}
#wp-calendar tfoot td {
  padding: 3px 0;
}
#wp-calendar #next {
  text-align: right;
  padding-right: 10px;
}
#footer #wp-calendar #prev a {
  color: #ccc;
}
#calendar_wrap {
  display: block;
  width: 200px;
  padding: 0 1px 1px 0;
}
/*************************News Widget**************************************/
.news-widget-item {
  margin-bottom: 40px;
}
/*************************RSS Widget**************************************/
ul li a.rsswidget {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
}
a.rsswidget img {
  vertical-align: middle;
  margin-right: 10px;
}
span.rss-date {
  display: block;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: bold;
}
.rssSummary {
  margin-bottom: 10px;
}
/*************************Projects Widget**************************************/
.ag_projects_widget .hover {
  margin-bottom: 10px;
}
.ag_projects_widget h3 a,
.ag_projects_widget h3 {
  font-size: 13px;
  font-weight: bold;
  text-transform: none;
  letter-spacing: normal;
  margin-bottom: 10px;
}
/*************************Recent Projects Widget**************************************/
.recent-project {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  border-style: solid;
  border-width: 3px;
}
.recent-project a.hover {
  background: none;
}
#footer .recent-project {
  border-color: #555;
}
/*-----------------------------------------------------------------------------------*/
/*  Sidebar Styling
/*-----------------------------------------------------------------------------------*/
.sidebar .widget_nav_menu ul,
.widget_rss ul,
.widget_recent_entries ul,
.widget_recent_comments ul {
  border-top-width: 1px;
  border-top-style: solid;
  list-style-type: none;
  margin: 20px 0 30px;
  padding: 0;
  width: 100%;
}
.sidebar .widget_nav_menu ul ul,
.widget_rss ul ul,
.widget_recent_entries ul ul,
.widget_recent_comments ul ul {
  border-top-width: 1px;
  border-top-style: solid;
  list-style-type: none;
  margin: 10px 0 30px;
  padding: 0;
  width: 100%;
}
.sidebar .widget_nav_menu ul li,
.widget_rss ul li,
.widget_recent_entries ul li,
.widget_recent_comments ul li {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 10px 0;
  width: auto;
}
.sidebar .widget_nav_menu ul li a,
.widget_rss ul li a,
.widget_recent_entries ul li a,
.widget_recent_comments ul li a {
  padding: 0;
}
.sidebar .widget ul li a {
  padding: 0;
}
/*-----------------------------------------------------------------------------------*/
/*  Top Scroll Button
/*-----------------------------------------------------------------------------------*/
.top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  cursor: pointer;
  z-index: 20;
}
.top a {
  text-decoration: none;
}
.top .scroll {
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.top a:hover .scroll p,
.top a:hover .scroll,
.top:hover .scroll {
  display: block;
  float: left;
  text-align: center;
  text-decoration: none;
  visibility: visible;
  opacity: 0.95;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.iphone #footer {
  /* Mobile Footer */
  bottom: 0;
  position: static;
}
.iphone #footer #toggle_button {
  display: none;
  bottom: -20px;
  right: 30px;
}
.iphone #footer #footer_content {
  display: block;
}
.iphone #footer #toggle_button.uparrow {
  background: #222 url(../Images/downarrow.png) 10px 25px no-repeat;
  padding-top: 10px;
}
.iphone #footer #toggle_button.downarrow {
  background: #222 url(../Images/uparrow.png) 10px 25px no-repeat;
  padding-top: 10px;
}
/*-----------------------------------------------------------------------------------*/
/*  Footer
/*-----------------------------------------------------------------------------------*/
#footer {
  background: #222;
  /*background-color: #14CCCC;*/
  width: 100%;
  font-size: 10px;
  color: #BCBCBC;
  bottom: 0;
  z-index: 9999;
  padding-bottom: 10px;
  position: fixed;
  text-align: center;
}
#footer a {
  color: #999;
}
#footer_button {
  width: 100%;
  padding-top: 10px;
  height: 10px;
}
#toggle_button {
  float: left;
  margin-top: -40px;
  width: 30px;
  height: 30px;
  margin-left: 30px;
  background: #222;
}
#toggle_button.uparrow {
  background: #222 url(../Images/uparrow.png) 10px 10px no-repeat;
  margin-top: -30px;
  padding-top: 10px;
}
#toggle_button.downarrow {
  background: #222 url(../Images/downarrow.png) 10px 10px no-repeat;
  margin-top: -30px;
  padding-top: 10px;
}
#footer #footer_content {
  margin: 0 auto;
  display: inline-block;
}
#footer #footer_content .footbox {
  /* Footer Open Tab */
  width: 200px;
  margin: 20px 20px 20px 20px;
  float: left;
}
#footer h3,
#footer h3 a,
#footer h4,
#footer h4 a,
#footer h2,
#footer h2 a,
#footer h1,
#footer h1 a {
  color: #f2f2f2;
}
#footer h5,
#footer h5 a {
  color: #777;
}
#footer p,
#footer ul,
#footer li a {
  color: #999;
}
#neunreiter,
#fcontact,
#exali,
#vgsd {
  float: left;
}
#fcontact {
  text-align: center;
  padding: 10px 60px;
}
#fcontact .poweredtypo3 {
  padding-top: 12px;
  display: block;
  font-size: 0.7rem;
  color: #999;
}
#exali {
  padding-top: 10px;
}
#vgsd {
  width: 65px;
  margin-left: 12px;
  padding-top: 10px;
}
/*-----------------------------------------------------------------------------------*/
/*  Shortcode Styles
/*-----------------------------------------------------------------------------------*/
/* Columns */
.one_half {
  width: 48%;
}
.one_third {
  width: 30.66%;
}
.two_third {
  width: 65.33%;
}
.one_fourth {
  width: 22%;
}
.three_fourth {
  width: 74%;
}
.one_fifth {
  width: 16.8%;
}
.two_fifth {
  width: 37.6%;
}
.three_fifth {
  width: 58.4%;
}
.four_fifth {
  width: 67.2%;
}
.one_sixth {
  width: 13.33%;
}
.five_sixth {
  width: 82.67%;
}
.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
  margin-right: 4%;
  margin-bottom: 25px;
  float: left;
}
.column-last {
  margin-right: 0!important;
  clear: right;
}
.frame-type-div.contact {
  height: 12px;
  margin-top: 0;
}
.lightboxhover h1,
.lightboxhover h2,
.lightboxhover h3,
.lightboxhover h4,
.lightboxhover p {
  padding-top: 15px;
  font-style: italic;
}
/*-----------------------------------------------------------------------------------*/
/*	Divider Styling
/*-----------------------------------------------------------------------------------*/
.frame-type-div {
  margin: 10px 0 40px 0;
  text-align: center;
  height: 6px;
}
.frame-type-div hr {
  border: none;
  border-top: 1px dotted;
}
/*-----------------------------------------------------------------------------------*/
/*	Lists, Etc.
/*-----------------------------------------------------------------------------------*/
ul li {
  list-style-type: square;
  margin-left: 20px;
}
.widget ul li {
  list-style-type: none;
  margin-left: auto;
}
/*-----------------------------------------------------------------------------------*/
/*	Featured Tabs Styling
/*-----------------------------------------------------------------------------------*/
#tabs {
  padding-bottom: 30px;
}
.nobreak br {
  display: none;
}
.nobreak .text br {
  display: inline;
}
.tablink br {
  display: inline;
}
#tabs .tabimage {
  width: 16px;
  height: 16px;
}
.ui-tabs {
  position: relative;
  zoom: 1;
}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
  margin: 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 1px;
  border-bottom: 0 !important;
  padding: 0;
}
.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  background: none;
}
.ui-tabs .ui-tabs-hide {
  display: none !important;
}
.ui-tabs-vertical .ui-tabs-nav li {
  clear: left;
  width: 100%;
  border-bottom-width: 1px !important;
  border-right-width: 0 !important;
  background: none;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 10px;
}
.ui-tabs-vertical .ui-tabs-nav li a {
  display: block;
  padding: 15px;
  cursor: pointer;
}
.ui-tabs-vertical .ui-tabs-nav li a img {
  float: left;
  background: none;
  padding: 0;
  border: none;
}
.ui-tabs-vertical .ui-tabs-nav li a span.text {
  margin-left: 30px;
  display: block;
}
.ui-tabs-vertical .ui-tabs-nav li a strong {
  page-break-after: always;
}
.ui-tabs-vertical .ui-tabs-panel {
  padding: 0;
}
.ui-tabs-vertical .ui-tabs-nav li a span.text:first-line {
  font-weight: bold !important;
  font-size: 14px;
}
.ui-tabs-vertical .ui-tabs-nav li a span.text {
  font-weight: normal;
  font-size: 11px;
  line-height: 18px;
  color: #555;
}
#tabs .one_third,
#tabs .two_third {
  margin-bottom: 0;
}
/*-----------------------------------------------------------------------------------*/
/*  General Wordpress Styles
/*-----------------------------------------------------------------------------------*/
.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.aligncenter {
  display: block;
  text-align: center;
  margin: 5px auto 5px auto;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 15px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
em {
  font-style: italic;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption p.wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 5px 4px 0;
}
blockquote {
  quotes: "\201c" "\201d" "\2018" "\2019";
  padding-left: 20px;
  border-left: 1px solid #dcdcdc;
  font-style: italic;
  margin: 0px 0 20px 10px;
  line-height: 18px;
  color: #555;
  font-size: 12px;
}
.sticky {
  /*This theme doesn't use sticky posts */
}
.clearfix {
  clear: both;
  z-index: 9999;
}
/* CSS Styled Content Regeln überschreiben */
.ce-border img,
.ce-border iframe {
  border: none;
}
.csc-textpic-intext-right .csc-textpic-imagewrap,
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
.csc-textpic-intext-left .csc-textpic-imagewrap,
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
  max-width: 50%;
}
a {
  cursor: pointer;
}
.ceb-cookie-consent {
  display: none;
  font-weight: normal;
  position: fixed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 320px;
  top: 0;
  left: 50%;
  background: #f9f9f9;
  padding: 12px;
  margin: 0 auto;
  margin-left: -160px;
  z-index: 99999;
  text-align: center;
}
.ceb-cookie-consent .ceb-consent {
  line-height: 1.3rem;
  display: block;
  opacity: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ceb-cookie-consent .ceb-consent a {
  color: inherit;
  text-decoration: underline;
}
.ceb-cookie-consent .ceb-consent ul {
  margin: 12px 0;
  background: #fff;
  text-align: left;
  overflow: hidden;
  list-style: none;
}
.ceb-cookie-consent .ceb-consent ul input {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}
.ceb-cookie-consent .ceb-consent ul li {
  list-style: none;
}
.ceb-cookie-consent .ceb-consent ul li label {
  display: inline-block;
  padding: 12px;
  cursor: pointer;
}
.ceb-cookie-consent .ceb-consent ul li:first-child {
  border-bottom: 1px solid #f2f2f2;
}
.ceb-cookie-consent .ceb-consent .ceb-cookie-consent-success {
  display: none;
  margin: 12px 0;
  color: #5eb930;
}
/*# sourceMappingURL=screen.css.map */