/*
========================================================================
BLOG :: Body
========================================================================
*/

body {
	font-family: 'Roboto Mono', 'monospace';
	background-color: #FFFFFF;
	color: #333;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: 300;
}

#container {
    margin: 0 auto;
    max-width: 900px;
}

a {
    color: #333;
}

a:hover {
	color: #33AAFF;
	text-decoration: underline;
}

strong {
	font-weight: 400;
}

/*
========================================================================
BLOG :: Head
========================================================================
*/

#head {
	background: url('img/headimage_5.jpg') no-repeat scroll center center / cover rgba(0, 0, 0, 0);
	height: 500px;
	border-bottom: 1px solid black;
}

#head	div.wrap {
    margin: 0 auto;
    max-width: 900px;
	padding: 80px 0 0 0;
}

#head span.name {
	font-size: 5.5em;
	font-weight: 500;
	color: #FFF;
	text-shadow: 4px 5px 9px #000;
	letter-spacing: 5px;
}


@media screen and (max-width: 910px) {

#head {
	height: 400px;
}

#head div.wrap {
	padding: 250px 1em 0 1em;
}

#head span.name {
	font-size: 4em;
	text-shadow: 3px 4px 7px #000;
}

}
@media screen and (max-width: 560px) {

#head {
	height: 250px;
}

#head div.wrap {
	padding: 160px 1em 0 1em;
}

#head span.name {
	font-size: 2.4em;
	letter-spacing: 1px;
	text-shadow: 2px 3px 5px #000;
}

}

/*
========================================================================
BLOG :: Main
========================================================================
*/

#main {
    margin: 2em auto 0 auto;
    overflow: auto;
    color: #333;
}
#main h1, #main h2, #main h3, #main h4 {
	font-weight: 400;
}
#main h1 {
	font-size: 3.4em;
}
span.rosa {
	background: #FE98D9;
}


@media screen and (max-width: 910px) {

#main {
	padding: 0 1em;
}

#main h1 {
	font-size: 1.8em;
}
}

@media screen and (max-width: 560px) {

#main h1 {
	font-size: 1.4em;
}

}

/*
========================================================================
BLOG :: Footer
========================================================================
*/

#foot {
	width:100%;
	text-align: right;
	font-size: 0.8em;
	margin: 30px 0;
}

#foot a {
	text-decoration: none;
	color: #333;
}
#foot a:hover {
	color: #999;
}
#foot a.adminbutton {
	color: #e7e7e7;
}


/*
========================================================================
BLOG :: Page 404
========================================================================
*/

div.page_404 {

}

/*
========================================================================
BLOG :: Pager
========================================================================
*/

#pager {
	overflow: auto;
	text-align: center;
	background: url('img/pager.png') repeat;
}

#pager	a.next-page {
	float: right;
	background: #FFFFFF;
	padding: 0 5px;
}

#pager	a.prev-page {
	float: left;
	background: #FFFFFF;
	padding: 0 5px;
}

#pager	a.home-page {
	background: #FFFFFF;
	padding: 0 5px;
}

/*
========================================================================
Nibbleblog Styles
========================================================================
*/
.nb-code {
	border-style: solid !important;
}

.nb-console {
    background: url("img/console.png") no-repeat scroll 8px 8px #F1F1F1;
    display: block;
    line-height: 24px;
    margin: 5px 0;
    overflow: auto;
    padding-left: 38px;
    white-space: nowrap;
    border: 1px solid #ccc !important;
}

.nb-align-left {
	float:left;
	margin:0 1em 1em 0;
}

.nb-align-right {
	float:right;
	margin:0 0 1em 1em;
}

.nb-align-center {
	display:block;
	margin:0 auto 1em;
}