/********************************************************************
	General markup
********************************************************************/

html, body, * {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

body {
	background: #1F1A04;
	font: 12px Verdana, sans-serif;	color: #5B4B0D;
}

p {
	margin: 10px 0 7px;
}

ul {
	margin: 10px 0 7px;
	list-style: none;
}

li {
}

table {
	margin: 10px 0 7px;
}

table td {
	padding: 5px 10px;
}

a {	color: #FD7D00;
}

a img {
	border: none;
}

label {
	cursor: pointer;
}


/********************************************************************
	Page & Header
********************************************************************/

#site {
	background: #FFF8E8 url('images/bg_body.jpg') repeat-x top;
}

#page:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#page {
	height: 1%;
	width: 956px;
	margin: 0 auto;
	padding-bottom: 30px;
}

#header {
	border-top: 4px solid #FF7E00;
	padding: 24px 0;
	position: relative;
}

#header .description {
	display: none;
}

#header #topNavigation {
	position: absolute;
	right: 0;
	top: 25px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

#topNavigation span {
	padding: 9px 18px;
	float: left;
}

#header #topNavigation span a {
	padding: 1px 4px;
	text-decoration: none;
	color: #5b4b0d;
}

#header #topNavigation span.selected {
	background: url(http://www.g2f.be/images/bg_top_navigation.png);
}

#header #topNavigation span.selected a {
	color: #3c98b6;
	background: #fff;
}

#header #topNavigation span.blog a {
	color: #fe7e00;
}


/********************************************************************
	Content
********************************************************************/

#content {
    height: 400px; /* IE "min-height" trick */
    min-height: 400px; /* IE "min-height" trick */
    float: left;
	width: 640px;
	background: url(images/bg_content.gif) repeat-y;
	margin-right: 26px;
	position: relative; /* for .navigation position */
	padding-bottom: 65px; /* .navigation placeholder */
}
*>#content {
    height: auto; /* IE "min-height" trick */
}

#content h2 {
	font: normal 30px Georgia, Times, serif;
	color: #5B4B0D;
	background: url(images/bg_h2.gif) repeat-x left bottom;
	padding-bottom: 15px;
}

#content h2 a {
	color: #5B4B0D;
	text-decoration: none;
}

#content h2 a:hover {
	text-decoration: underline;
}

#content h3 {
	font: normal 18px Georgia, Times, serif;
	color: #3B97B5;
	margin: 30px 0 10px;
}

#content p {
	line-height: 1.35em;
}

#content a {
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

#content ul li {
	line-height: 1.6em;
	padding-left: 12px;
	background: url(images/bg_li.gif) no-repeat left 5px;
}

#content ol {
	margin-left: 20px;
}

#content ol li {
	line-height: 1.6em;
}

#content code {
	display: block;
	margin:  5px 0;
	background: #F4F4F4;
	padding: 5px;
}

#content .wp-caption {
	display: -moz-inline-box;
	display: inline-block;
	border: none !important;
}

#content .wp-caption-text {
	font-size: 11px;
	display: block;
	background: #E6DCB3;
	margin: 0 -6px 0 0;
	padding: 0 8px 8px 8px;
	text-align: center;
}

#content .wp-caption img {
	margin: 0 !important;
	border: 8px solid #E6DCB3;
}

#content .alignnone {
	margin: 10px 0;
	border: 8px solid #E6DCB3;
}

#content .left,
#content .alignleft {
	float: left;
	margin: 3px 15px 10px 0;
	border: 8px solid #E6DCB3;
}

#content .right,
#content .alignright {
	float: right;
	margin: 3px 0 10px 15px;
	border: 8px solid #E6DCB3;
}

#content .aligncenter {
	margin:0 auto;
	display:block;
	border: 8px solid #E6DCB3;
}

#content .more-link {
	display: -moz-inline-box;
	display: inline-block;
	padding: 2px 15px 2px 0;
	background: url(images/bg_readMore.gif) no-repeat right 4px;
	text-decoration: underline;
}


/* Post *************************************************************/

#content .post:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#content .post {
	height: 1%;
	padding: 15px 20px 20px 70px;
	position: relative;
}

#content .post .date {
	position: absolute;
	left: 0;
	top: 12px;
	margin: 0;
	width: 40px;
	background: url(images/bg_date.gif);
	padding: 6px;
}

#content .post .date span {
	display: block;
	background: #F2FAFF;
	color: #5B4B0D;
	text-align: center;
}

#content .post .date span.month {
	font: normal 14px Georgia, Times, serif;
	padding: 6px 0 0;
}

#content .post .date span.day {
	font: normal 24px Georgia, Times, serif;
	padding: 2px 0;
}

#content .post .date span.year {
	font: normal 11px Georgia, Times, serif;
	padding:  0 0 6px;
}

#content .post .authorAndComments:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#content .post .authorAndComments {
	padding: 15px 0 10px;
	height: 1%;
}

#content .post .authorAndComments .author {
	font-family: Georgia, Times, serif;
	font-size: 13px;
	float: left;
	margin: 0;
}

#content .post .authorAndComments .author em {
	color: #5B4B0D;
}

#content .post .authorAndComments .author strong {
	font-weight: normal;
	color: #3B97B5;
}

#content .post .authorAndComments .comments {
	float: right;
	margin: 0;
	font-size: 11px;
	font-style: italic;
}

#content .post .authorAndComments .comments a {
	display: block;
	color: black;
	background: url(images/bg_comment.gif) no-repeat left top;
	padding: 1px 0 4px 21px;
	text-decoration: underline;
}

/* post image, magazeen style */

#content .post-image {
	border: 8px solid #E6DCB3;
	display: -moz-inline-box;
	display: inline-block;
	position: relative;
}

#content .post-image img {
	display: block;
}

#content .post-image .badge {
	position: relative;
	left: -15px;
	top: -15px;
	height: 92px;
	width: 92px;
	margin-bottom:  -92px;
}

#content .post-image .badge.Technology {
	background: url(images/bandeau-technology.png) no-repeat left top;
}

#content .post-image .badge.Fun {
	background: url(images/bandeau-fun.png) no-repeat left top;
}

#content .post-image .badge.Projects {
	background: url(images/bandeau-projects.png) no-repeat left top;
}

#content .post-image .badge.Events {
	background: url(images/bandeau-events.png) no-repeat left top;
}

#content .navigation:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#content .navigation {
	height: 1%;
	padding-top: 10px;
	background: #FFF8E8;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

#content .navigation .olderEntries {
	float: left;
	margin-left: 50px;
	border: none;
}

#content .navigation .olderEntries a {
	width: 162px;
	height: 22px;
	display: block;
	background: url(images/button_previous.gif);
}

#content .navigation .newerEntries {
	float: right;
	border: none;
}

#content .navigation .newerEntries a {
	width: 174px;
	height: 22px;
	display: block;
	background: url(images/button_next.gif);
}

#content .navigation .olderEntries a span,
#content .navigation .newerEntries a span {
	display: none;
}

#content .navigation .alignleft,
#content .navigation .alignright {
	border: none;
}


/* Detail **********************************************************/

.sociable {
	margin-top: 800px;
}

.sociable .sociable_tagline {
	float: left;
	font-size: 11px;
	margin-right: 10px;
	padding-top: 1px;
}

.sociable ul {
	float: left;
}

.sociable li {
	padding-left: 0 !important;
	background: 0 !important;
}

.commentlist {
	margin-left: 90px !important;
}

.comment {
	background: url(images/bg_comment-top.gif) no-repeat 10px top;
	font-size: 11px;
	margin-top: 15px;
}

.comment .inner {
	background: url(images/bg_comment-bottom.gif) no-repeat 10px bottom;
	padding: 28px 72px 17px 80px;
	position: relative;
}

.comment .avatar {
	position: absolute;
	left: 27px;
	top: 31px;
	padding: 3px;
	border: 1px solid #E7E8E6;
	float: left;
	margin-right: 15px;
}

.comment-meta {
	margin-top: 4px;
}

.comment-meta a {
	color: #3C98B6;
	font-family: Georgia, Helvetica, sans-serif;
	text-decoration: none;
}

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

.comment-author {
	color: #5B4B0D;
	font-weight: bold;
}

.comment-author a {
	color: #5B4B0D;
	text-decoration: none;
}

.comment-author a:hover {
	text-decoration: underline;
}

.comment-body p {
	line-height: 1.45em;
}

#commentform {
	margin: 15px 0 0 0;
}

#contactFormSent {
	display: none;
	margin: 16px 0 0 0;
	height: 472px;
}

#commentform p {
	position: relative;
	height: 50px;
}

#commentform p.big {
	height: 166px;
}

#commentform label {
	position: absolute;
	left: 0;
	top: 0;
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 14px;
	color: #3c98b6;
}

#commentform label.error {
	left: 378px;
	width: auto;
	text-align: left;
	color: #fe7e00;
	font-style: italic;
}

#commentform p.big label.error {
	left: 658px;
}

#commentform input,
#commentform select,
#commentform textarea {
	position: absolute;
	left: 0;
	top: 20px;
	border: 3px solid #e6dcb3;
	width: 260px;
	color: #5b4b0d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 4px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


#commentform select {
	width: 274px;
}

#commentform textarea {
	width: 540px;
	height: 125px;
}

#commentform p.submit {
	text-align: right;
	right: 312px;
	margin-top: 8px;
}

p#contactFormError {
	display: none;	
	position: absolute;
	top: -43px;
	left: 92px;
	width: 400px;
	font-weight: bold;
}

#commentform #submitButton {
	float: right;
	background: url(images/bg_submit.gif) no-repeat right 1px;
	padding-right: 15px;
	margin-right: 17px;
}


/* Search results *************************************************/

.searchpage #searchform {
	position: relative;
	margin-top: 25px;
}

.searchpage #searchform label {
	float: left;
	margin-right: 10px;
	padding-top: 12px;
}

.searchpage #searchform input#s {
	float: left;
	border: 3px solid #e6dcb3;
	color: #5b4b0d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	padding: 2px 3px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 10px;
}

.searchpage #searchform input#searchsubmit {
	float: left;
}



/* Fullpage *******************************************************/

#content.fullpage {
	background: white;
	padding: 18px 20px 0;
	width: 600px;
}

#content.fullpage .post {
	padding: 0px;
	position: relative;
}

#content.fullpage .post h3 a {
	color: #5B4B0D;
}


/* 404 *************************************************************/

#postList404 li {
	background: url(images/bg_li.gif) no-repeat left 3px;
	padding: 0 0 7px 15px;
}

#postList404 li a {
	color: #5B4B0D;
	text-decoration: none;
}

#postList404 li a:hover {
	text-decoration: underline;
}

.buttonBack {
	margin-top: 25px;
}

.illustration404 {
	margin: 50px 0 40px;
	text-align: right;
}



/********************************************************************
	Sidebar
********************************************************************/

#sidebar {
	float: left;
	width: 290px;
}

#sidebar h2 {
	font: normal 18px Georgia, Times, serif;
	color: #5B4B0D;
	margin: 30px 0 10px;
}

/* Search ***********************************************************/

#sidebar .widget_search {
	border-bottom: 1px solid #5B4B0D;
	padding-bottom: 13px;
	background: url(images/bg_search.gif) no-repeat left top;
	height: 36px;
	position: relative;
	margin-bottom: -15px;
}

#sidebar .widget_search label {
	display: none;
}

#sidebar .widget_search #s {
	position: absolute;
	left: 3px;
	top: 3px;
	border: none;
	background: none;
	font-size: 21px;
	padding: 3px 35px 3px 3px;
	width: 161px;
}

#sidebar .widget_search #searchsubmit {
	position: absolute;
	right: 0;
	top: 0;
}

/* Categories ******************************************************/

#sidebar .widget_categories {}

#sidebar .widget_categories li {
	padding-bottom: 8px;
}

#sidebar .widget_categories a {
	font-weight: bold;
	color: #3B97B5;
	text-decoration: none;
}

#sidebar .widget_categories a:hover {
	text-decoration: underline;
}

/* Recent posts ****************************************************/

#sidebar .widget_recent_entries {}

#sidebar .widget_recent_entries li {
	background: url(images/bg_li.gif) no-repeat left 3px;
	padding: 0 0 7px 15px;
}

#sidebar .widget_recent_entries li a {
	color: #5B4B0D;
	text-decoration: none;
}

#sidebar .widget_recent_entries li a:hover {
	text-decoration: underline;
}

/* Twitter *********************************************************/

#sidebar .widget_WPtwitter {}

#sidebar .widget_WPtwitter img {
	display: none;
}

#sidebar .widget_WPtwitter h2 {
	margin-top: 13px;
	background: url(images/bg_twitter.gif) no-repeat 110px top;
	padding: 10px 0 0;
}

#sidebar .widget_WPtwitter li {
	padding-bottom: 8px;
}

#sidebar .widget_WPtwitter .time {
	margin: 5px 0 0;
	font-style: normal;
}

#sidebar .widget_WPtwitter .time a {
	color: #3B97B5;
}

#sidebar .widget_WPtwitter .status {
	font-style: normal;
	font-weight: bold;
	margin: 5px 0 0;
}

#sidebar .widget_WPtwitter .status a {
	color: #3B97B5;
}

/* Flickr **********************************************************/

#sidebar .widget_flickr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#sidebar .widget_flickr {
	height: 1%;
}

#sidebar .widget_flickr a {
	float: left;
	margin: 0 10px 10px 0;
}

#sidebar .widget_flickr img {
	border: 3px solid #D5C997;
}

#sidebar .widget_flickr .readMore {
	clear: left;
}

/* Archives ********************************************************/

#sidebar .widget_archive {}

#sidebar .widget_archive h2 {
	margin-top: 23px;
}

#sidebar .widget_archive a {
	font-weight: bold;
	color: #3B97B5;
	text-decoration: none;
}

#sidebar .widget_archive a:hover {
	text-decoration: underline;
}


/********************************************************************
	Footer
********************************************************************/

#footer {
	clear: both;
	background: url(http://www.g2f.be/images/bg_footer.png) repeat-x 0 0;
}

#footer a {
	color: #fe7e00;
}

#footer .inner {
	width: 955px;
	height: 263px;
	margin: 0 auto;
	position: relative;
	color: #fffcf6;
}

#footer h3 {
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #e6dcb3;
	margin: 14px 0 20px 0;
}

#footer .inner .contact {
	position: absolute;
	left: 0;
	top: 4px;
	width: 622px;
}

#footer .inner .contact p {
	margin: 8px 0 4px 0;
}

#footer .contact img.map {
	border: 7px solid #6f663d;
}

#footer .contact .info {
	position: absolute;
	left: 336px;
	top: 48px;
}

#footer .inner .follow {
	position: absolute;
	left: 638px;
	top: 4px;
	width: 170px;
}

#footer .inner .follow ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer .inner .follow ul li {
	float: left;
	padding: 0 7px 6px 0;
}

#footer .inner .decoration1 {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 108px;
	height: 140px;
	background: url(http://www.g2f.be/images/bg_footer_tree.png) no-repeat 0 0;
}

#footer .copyright {
	position: relative;
	color: #a39767;
	width: 955px;
	height: 36px;
	margin: 0 auto;
}

#footer .copyright a {
	color: #a39767;
	text-decoration: none;
}

#footer .copyright a:hover {
	text-decoration: underline;
}

#footer .copyright .navigation {
	position: absolute;
	left: 0;
	top: 12px;
}

#footer .copyright .label {
	position: absolute;
	right: 0;
	top: 12px;
}