/*!
 * http://www.robin-wolff.de
 * Copyright 2016 Robin Wolff
 * All rights reserved.
 */

.pagewrap {
	max-width: 1400px;
	margin: 0 auto;
}
.navbar { margin-bottom: 15px; }
.navbar li a { color: #666666; }
.navbar-toggle .icon-bar { background-color: #666666; }
.navbar-header, .navbar-collapse { background-color: #ffffff; border: 1px solid #e0e0e0;}

.panel-body {
	background-color: #ffffff;
	margin-bottom: 10px;
    border-radius: 5px;
	padding: 40px 50px;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}
.panel-title {
	color: #999999;
	font-size: 16px;
	margin-top: -20px;
	/*margin-left: -27px;*/
	margin-bottom: 20px;
	text-align: left;
}

.bg_page { background-color: #f0f0f0; }
.bg-grey { background-color: #f6f6f6; }

.btn-default { color: #808080; }
.logo { box-shadow: 1px 0px 7px rgba(0,0,0, .5); }
.logo-small { font-size: 38px; }
.glyphicon { color: #808080; }

skill {
	float: left;
	border-radius: 5px;
	background-color: #f0f0f0;
	color: #000000;
	padding: 6px 8px;
	margin: 2px;
}

table { width: 100%; }
tr { vertical-align: text-top; }
th { padding-top: 15px; }

.large { font-size: 115%; }
.larger { font-size: 125%; }
.glyph-list ul { padding-left: 15px; }
.glyph-list li { display: block; }
.glyph-list li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e072";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #808080;
}
.pub_list_header { padding: 6px 4px; border: 1px solid #efefef; }
.pub_list_wrap a { color: #000000;  text-decoration: none; }
.pub_list_header:hover { background-color: #fafafa; color: #999999; }
.close_lnk { text-decoration: none; color: #999999; }

.carousel-inner img {
    width: 100%;
    margin: auto;
	overflow: hidden;
	border-radius: 8px;
    /*box-shadow: 1px 0px 7px rgba(0,0,0, .5);*/
	margin: 5px;
}
#projectsCarousel .carousel-control { width: 10%; opacity: 0.9; }
#projectsCarousel a:hover.carousel-control { opacity: 0.5; }
#projectsCarousel .carousel-control.right,
#projectsCarousel .carousel-control.left { background-image: none; }
#projectsCarousel .carousel-control .glyphicon-chevron-right, 
#projectsCarousel .carousel-control .icon-next {
	right: 0;
	margin-right: -35px;
	color: #ababab;
	font-weight: 200;
}
#projectsCarousel .carousel-control .glyphicon-chevron-left, 
#projectsCarousel .carousel-control .icon-prev {
	left: 0;
	margin-left: -35px;
	color: #ababab;
	font-weight: 200;
}
#projectsCarousel .carousel-indicators { bottom: 0; top: 102%; }
#projectsCarousel .carousel-indicators li { border: 1px solid #808080; }
#projectsCarousel .carousel-indicators .active { background-color: #808080; }
.social a { color: #808080; }	
.social a:hover { color: #999999; }