@charset "ISO-8859-1";
/*
Theme Name: beamBot
Theme URI: http://www.beambot.eu
Description: A child theme for Modularity
Author: Piksel
Author URI: http://www.piksel.be
Template: modularity
Version: 1.0.0
License:  All Rights Reserved
*/
	
@import url("../modularity/style.css");
body {
	color:#FFF;
	background: #000
}
.container-inner {
	width:950px;
	margin:0 auto;
	padding:0
}
.container {
	margin:0px auto;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p, li a {
	color:#FFF
}
a {
	color:#428ce7;
	text-decoration:none;
}
a:hover, a:focus {
	color:#00AEEF;
}
/* Masthead */
#masthead {
	border-top:5px solid #000;
	float:none;
	padding: 7px 0;
}
#masthead h4, #masthead span {
	margin: 0;
	padding:0;
	line-height:2em
}
#masthead h4 {
	font-weight: bold;
	text-transform: uppercase;
	float: left;
}
#masthead h4 a {
	color: #000;
	text-decoration: none;
}
#masthead span.description {
	font-weight: normal;
	color: #000;
	text-transform: lowercase;
	font-size: 11px;
	top:3px;
	padding: 0 3em;
	position:relative
}
.contact {
	border-left:5px solid #000
}
.phone {
	text-align:right;
	font-size:11px
}
.email {
	text-align:right;
	font-size:11px
}
.subscribe {
	text-align:right;
	font-size:11px
}
.postmetadata {
	background:#111;
	border-top:1px solid #444;
	border-bottom:1px solid #444;
	padding:1em;
	color:#999;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.postmetadata a {
	color:#fff;
}
.postmetadata a:hover {
	color:#fff;
	text-decoration:underline
}
.nav a {
	background:#000;
	color:#444;
	font:bold 12px/1 helvetica, arial, sans-serif;
	padding:6px 10px 3px;
}
.nav a:hover {
	background:#222;
	color:#fff
}
.prev {
	float:left
}
.next {
	float:right
}
.prev a, .next a {
	background: #222;
	color:#eee;
	text-decoration:none;
	padding:4px 10px 6px 10px;
	font-size:14px;
	display:block;
	margin-bottom: 10px
}
.prev a:hover, .next a:hover {
	background: #555;
	color:#555
}
.byline {
	font-size:11px;
	margin:0;
	color:#444
}
.byline a {
	color:#0073AE	
}
.byline a:hover {
	color:#00AEEF;
	text-decoration:underline;
}
hr {
	background:#444
}
div.colborder {
	border-right:1px solid #000;
}
h3.sub, h2.sub {
	border-bottom:1px solid #999;
	color:#999
}
#sidebar h6 {
	margin-top:10px
}
#sidebar ul li a, ul.txt li {
	border-bottom:1px solid #000;
	background:#111;
}
#sidebar ul li a:hover, ul.txt li:hover {
	color:#000;
	background: #FFF;
}
#sidebar ul li a, ul.txt li {
	color:#999;
}
#sidebar a:hover {
	color:#00AEEF;
	}
#footer a:hover {
	color:#fff
}
#footer-wrap {
	background:#000;
}
#footer ul {
	list-style:none;
	margin:0;
	padding:0;
	border-top:1px solid #444
}
#footer ul li a {
	color:#999;
	height:1%;
	background: #111 url(images/li.png) no-repeat 0;
	line-height:1.2em;
	border-bottom:1px solid #000;
	display:block;
	padding:6px 0 6px 8px;
}
#footer ul li a:hover {
	color:#000;
	background-position:1px 0.8em;
	background: #FFF url(images/li-white.png) no-repeat 3px 10px;
}
#footer ul li a span {
	color:#696455;
}
#footer ul li.active a {
	cursor:default;
	color:white;
}
#inside-wrap {
	margin:0 auto;
	padding:0;
}
.pusher {
	text-align:right;
	background:#000 url(images/pusher.png) no-repeat bottom right;
	padding:4px 10px 0px 0px;
	font-size:11px
}
.pusher a {
	color:#ccc;
	text-decoration:none
}
.pusher a:hover {
	color:#fff;
	text-decoration:underline;
	cursor:pointer
}
.mover {
	color:#000;
	display:none;
}
.mover a .more {
	color:#000;
	text-decoration:none;
}
.move a:hover {
	color:#ffffff;
}
.feed {
	margin-left: 3px;
	padding: 0 0 0 19px;
	background: url(images/rss.png) no-repeat 0 50%;
	color:#eee;
}

/* BOXES */
.error, .notice, .success. .box {
padding:.8em;
margin-bottom:1em;
border:1px solid #444;
background:#000;
color:#eee;
border-bolor:#444
}
.error a, .notice a, .success a, .box a {
	color:#fff;
}
.welcomebox {
	padding:1.5em;
	margin-bottom:1.5em;
	background:#000;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.welcomebox h2 {
	color:#fff
}
.welcomebox h3.sub {
	color:#bbb;
	border-bottom:1px solid #bbb;
}
/* PORTFOLIO THUMBNAILS */
.portfolio-image-wrapper {
	position: relative;
	margin: 0 0 6px 0;
	padding:0;
	display: block;
	height:150px
}
.portfolio-image-wrapper h6.title-overlay {
	text-transform:uppercase;
	background: #000;
	padding:4px;
	top: 127px;
	left: 0;
	bottom: 0;
	height: 15px;
	width:302px;
	overflow:hidden;
	position: absolute;
	max-width: 302px;
	z-index: 101; /* opacity - move to sep. stylesheet */
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity:.80;
}
.portfolio-image-wrapper h6.title-overlay a {
	color: #ccc;
	text-decoration: none;
}
.portfolio-image-wrapper h6.title-overlay a:hover {
	color:#fff;
}
.portfolio-image-wrapper .category-overlay {
	font-size:.8em;
	background: #000;
	color:#515151;
	padding:2px;
	text-align:right;
	top: 0;
	right: 0;
	display: block;
	height: 16px;
	width:auto;
	overflow:hidden;
	position: absolute;
	max-width: 302px;
	z-index: 101; /* opacity - move to sep. stylesheet */
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity:.50;
}
.portfolio-image-wrapper .category-overlay a {
	color:#515151
}
.portfolio-image-wrapper .category-overlay a:hover {
	color:#fff
}
.thumbnail, .attachment-thumbnail {
	max-width:310px;
	margin:0 1.5em 1.5em 0;
	float:left
}
.gallery-caption {
	font-style:italic;
	text-align:center
}
/* CATEGORY SECTION */
#category-stack {
	margin:0 0 2em 0
}
.byline {
	font-size:.9em;
	margin:0;
	color:#444
}
.byline a {
	color:#0073AE
}
.more {
	margin:0 0 1em 0;
	background:#000
}
.more ul {
	list-style:none;
	margin:0;
	padding:0;
}
.more ul li a {
	color:#eee;
	height:1%;
	line-height:1.2em;
	border-bottom:1px solid #444;
	display:block;
	padding:6px 0 6px 8px;
}
.more ul li a:hover {
	color:#fff;
	background-position:1px 0.8em;
	background: #111
}
.more ul li a span {
	color:#696455;
}
.more ul li.active a {
	cursor:default;
	color:white;
}
/* NAVIGATION - Basic code - don't modify */ 
div.wrapper {
	position: relative;
	margin: 0;
	width: 100%;
	display: block;
	background-color: #444;
	height: 37px;
	margin-bottom: 10px;
	z-index: 102;
}
div.nav-wrapper {
	display: block;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width:950px;
}
#nav-drop {
	float:left;
}
#nav-drop {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	z-index:999;
}
#nav-drop .wrapper {
	position: relative;
	margin: 0 auto;
	width: 950px;
}
#nav-drop li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
#nav-drop a {
	display: block;
}
#nav-drop ul {
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
}
* html #nav-drop ul {
	line-height: 0;
} /* IE6 "fix" */
#nav-drop ul a {
	zoom: 1;
} /* IE6/7 fix */
#nav-drop ul li {
	float: none;
}
#nav-drop ul ul {
	top: 0;
}
/* NAVIGATION _ Essentials - configure this */
#nav-drop ul {
	width: 170px;
}
#nav-drop ul ul {
	left: 170px;
}
/* NAVIGATION - Everything else is theming */
#nav-drop {
	height: 37px;
}
#nav-drop *:hover {
	background-color: #FFF;
	color: #000;
}
#nav-drop a {
	color: #000;
	font-size: 11px;
	padding: 8px 60px 18px 8px;
	line-height: 1;
	border-right:1px solid #000;
}
#nav-drop li.hover a {
	background-color: #FFF;
}
#nav-drop ul {
	top: 37px;
}
#nav-drop ul li a {
	background-color: #141414;
}
#nav-drop ul a.hover {
	background-color: #FFF;
}
#nav-drop ul a {
	border-top: 1px solid #333;
	border-right: none;
}
/* #nav-drop ul a { border-bottom: none; } - I also needed this for IE6/7 */
#nav-drop ul li a.children {
	background-image: url(images/arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
}
/* NAVIGATION - Search for something */
div.nav-wrapper #search {
	position: relative;
	float: right;
	top: 8px;
	right:8px;
	height:22px;
	width:150px;
	background: #222 url(images/search.jpg) no-repeat left top
}
div.nav-wrapper #search:hover {
	background: #fff url(images/search-hover.jpg) no-repeat left top
}
div.nav-wrapper #search #s {
	background: transparent;
	float: left;
	display: block;
	margin:0;
	padding-left: 5px;
	width: 130px;
	border: none;
	font-size: 11px;
	color: #00AEEF;
	vertical-align: bottom;
}
#search #s:hover {
	color: #000;
	background: transparent
}
div.nav-wrapper #search #s:hover {
	color: #000;
	background: transparent;
}