/*
Theme Name: Mr. Bright Sky
Theme URI: http://www.mrbrightsky.com
Description: Eigen theme !
Version: 1.0
Author: Davy Delbeke
Author URI: http://binarybonsai.com/
*/

*{
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #bbdad5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:100%;
}

a {
	text-decoration: none;
	color: #3d3b4a;
}

p { 
        margin-bottom: 10px;
}

a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-weight: normal;
}

h1 {
	margin-bottom: 35px;
        font-size: 24px;        
}

h2 {
	margin-bottom: 30px;
        font-size: 20px;        
}

h3 {
	margin-bottom: 25px;
        font-size: 18px;        
}

h4 {
	margin-bottom: 20px;
        font-size: 16px;        
}

h5 {
	margin-bottom: 20px;
        font-size: 14px;        
}

h6 {
	margin-bottom: 20px;
        font-size: 12px;        
}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	width: 520px;
	color: #656565;
	margin-left: 20px;
	margin-bottom: 20px;
}

#container {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 80px;
}
#header {
	margin-left: 35px;
}
#header404 {
        margin-top: 10px;
	margin-left: -55px;
}

#menu ul li {
	float: left;
	list-style-type: none;
	width: 140px;
	height: 60px;
	padding: 5px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(images/line.png);
	background-position: right;
	background-repeat: no-repeat;
        margin: 0px;
        display: block;
}
#menu ul {
	margin-top: 10px;
	height: 70px;
	background-image: url(images/line.png);
	background-repeat: no-repeat;
	background-position: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-transform: uppercase;
}
#container #menu ul li .menuItem {
	height: 20px;
	display: block;
	margin-bottom: -10px;
}
#menu ul li #portfolio {
	background-image: url(images/menu/portfolio.png);
	background-repeat: no-repeat;
}
#menu ul li #brightsky {
	background-image: url(images/menu/brightsky.png);
	background-repeat: no-repeat;
}
#container #menu ul li #contact {
	background-image: url(images/menu/contact.png);
	background-repeat: no-repeat;
}
#container #menu ul li a {
	color: #181818;
        display: block;
        width: 140px;
	height: 60px;
}

#container #menu ul li a:hover {
	text-decoration: underline;
        cursor: pointer;
}

.invisble {
	display:none;
}

.menuItem:hover  {
	text-decoration: none;
}

#menu ul li #menuHome {
	background-image: url(images/menu/home.png);
	background-repeat: no-repeat;
}
#container #content form .box {
	width: 135px;
	height: 15px;
	padding: 3px;
	background-color: #d0e5e2;
	border: 1px solid #aecbc6;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 10px;
	margin-right: -20px;
	margin-top: 2px; !important;
}

#container #content form .box:focus {
	border: 1px solid #9eb8b4;
}
#container #content form table tr td .searchBtn {
	border: none;
	border-width: 0px;
	background-color: #bbdad5;
	background-image: url(images/searchCloud.png);
	background-repeat: no-repeat;
	height: 80px;
	width: 95px;
	cursor: pointer;
}


#container #content #search {
	float: right;
	margin-top: -25px;
	margin-right: -48px;
	margin-bottom: -24px;
}

#container #content .post {
	clear: both;
	padding: 35px;
	background-color: #ebf4f2;
	position: relative;
	margin-bottom: 20px;
}

#container #content .post .entry div {
	margin-bottom: 20px;
}

#container #content .post .entry img {
	background-color: #e6efed;
	border: 1px solid #c0c7c6;
	padding: 5px;
	margin-bottom: 10px;
	margin-right: 15px;
}

#container #content .post .entry img.wp-smiley, #commentsDiv img.wp-smiley {
       padding: 0px;
       margin: 0px;
       border: none;
       background-color: none;
}

#container #content .post .entry div img {
	background-color: none;
	border: none;
        margin-bottom: -6px;
}
#container #content .post .info {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 10px;
	text-align: right;
	width: 80px;
	position: absolute;
	left: -90px;
	line-height: 90%;
	top: 40px;
}
#footer {
	position:fixed;
    bottom:0;
	background-color: #3d3b4a;
	height: 25px;
	width: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFF;
	padding-top: 10px;
}
#footer #back {
	clear: both;
	float: right;
	margin-top: -13px;
	margin-right: 20px;
	
}
#footer #info #tunes span {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #85838d;
}
#footer #info {
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 35px;
	padding-right: 35px;
}
#footer #info #rss {
	float: right;
	margin-top: -13px;
}


#container #content .post .entry p {
	line-height: 150%;
	text-align: justify;
        margin-top: 5px;
	margin-bottom: 20px;
}
.more-link {
	float: right;
}

.more-link, .meta a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #3d3b4a;
	text-transform: none;
	font-size: 12px;
}

.meta a:hover {
	text-decoration: underline;
}

.post img, #container #content .post #port img, #commentsDiv img {
	background-color: #e6efed;
	border: 1px solid #c0c7c6;
	padding: 5px;
	margin-bottom: 10px;
	margin-right: 15px;
}

#port img {
	background-color: #e6efed;
	border: 1px solid #c0c7c6;
	padding: 5px;
}

.left {
	float: left;
}

#container #content .post #comments {
	border-right-width: 1px;
	border-right-style: solid;
	border-left-style: none;
	border-right-color: #000;
	padding-right: 10px;
	text-align: right;
	float:right;
}
#container #content .post #metaInfo {
	clear: both;
	padding-top: 30px;
	padding-bottom: 10px;
}

#container #content .post #tags {
	clear: both;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000;
	padding-left: 10px;
	float: left;
        margin-bottom: 45px;
}

#container #content .post .meta {
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	height: 25px;
	padding-top: -5px;
	line-height: 120%;
}


body:last-child #content form .searchBtn { 
	*margin-top : 5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#container #content form .box { /* Safari */
		margin-top: 4px; !important;
                outline: 0;
	}
	
}

#container #content .post h1 a {
	color: #000;
}

#container #content .post #commentsDiv {
	clear: both;
	margin-bottom: 15px;
}
#reageerForm form fieldset label {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #4d4d4d;
}
form fieldset input {
	background-color: #FFF;
	border: 1px solid #bdc4c3;
	width: 174px;
	height: 17px;
        padding: 3px;
	margin-top: 5px;
	margin-bottom: 10px;
}

input:focus , textarea:focus {
	border: 1px solid #9eb8b4;
}
#reageerForm form #submit {
	clear:both;
	background-color: #F0F6F5;
	background-image: url(images/btnSubmit.jpg);
	background-repeat: no-repeat;
	height: 59px;
	width: 129px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	
}
.post #reageerForm {
	padding-bottom: 200px;
}

#submit:hover {
	margin-top: 7px;
}

form fieldset textarea {
	font-family: Arial,Helvetica,sans-serif;
        font-size: 11px;
        background-color: #FFF;
	border: 1px solid #bdc4c3;
	width: 359px;
	height: 124px;
        padding: 3px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.reply a {
	font-family: Georgia, "Times New Roman", Times, serif;
	float: right;
	font-size: 12px;
	font-style: italic;
	color: #181818;
}
#comment span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}
#infoComment {
	font-size: 10px;
	color: #4d4d4d;
        margin-bottom: 10px;
}
.commentlist li {
        list-style-type: none;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bcc3c2;
}
.post .children li #comment img {
	height: 30px;
	width: 30px;
	margin-bottom: 10px;
	margin-right: 10px;
}
.post #commentsDiv .commentlist li .children li {
	border-bottom-style: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #bcc3c2;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-left: 90px;
	margin-top: 20px;
margin-right: -35px;
}
.commentlist .authorcomment {
	background-color: #FFF;
	padding-left: 35px;
	padding-right: 35px;
	margin-left: -35px;
	margin-right: -35px;
	border-bottom: none;
	background-image: url(images/authorLine.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.children .authorcomment {
	background-image: none;
	min-height: 100px;
}

.children #commentText {
        width: 350px;
}

.children .authorcomment  div{
	padding-top: 10px;
}

.children {
	padding-top: 10px;
	clear: both;
}

fieldset {
	border: none;
	width: 200px;
	float: left;
}
#footer a {
	color: #FFF;
}
#footer #info a:hover #rss{
	text-decoration: underline;
}
#container #content .navigation .right {
	float: right;
}
.navigation {
	margin-right: 35px;
	margin-left: 35px;
	font-weight: bold;
        clear: both;
}
.navigation p a {
	color: #3d3b4a;
}

#commentsDiv, #reageerForm {
	clear: both
}

.avatar {
	float: left;
}

ol li span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
}

ol li span a {
	color: #000;
}

#commentText {
       float: right;
       margin-right: 75px;
       margin-left: 75px;
       margin-top: -35px;
       width: 420px;
}

.reply {
       clear: both;
}

#info p {
       margin-bottom: 0px;
}

#container #content  .post #reageerForm h1 a {
       color: #3d3b4a;
       font-style: italic; 
}

.right {
       float: right;
}

.entry {
       margin-bottom: 15px;
}

#commentsDiv h1, #reageerForm h1 {
       margin-bottom: 5px;
}