/*
Theme Name: This Or That
Theme URI: http://bldng.nl/
Description: Nice and tidy, just for blog.bldng.
Version: 1.0
Author: Sebas van den Brink
Author URI: http://bldng.nl/
Tags: bldng, bldng, bldng
*/

/* RESET */
html {
    color: #000;
    background: #e8e8e8;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}

body {
    margin-bottom: 20px;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

fieldset,img {
    border:0;
}

address,caption,cite,code,dfn,strong,th,var {
    font-style:normal;
    font-weight:normal;
}

li {
    list-style:none;
}

caption,th {
    text-align:left;
}

h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}

q:before,q:after {
    content:'';
}

abbr,acronym {
    border:0;
    font-variant:normal;
}

/* to preserve line-height and selector appearance */
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input,textarea,select { font-family:inherit;font-size:inherit;font-weight:inherit; }

/*to enable resizing for IE*/
input,textarea,select{ *font-size:100%; }

/*because legend doesn't inherit in IE */
legend { color:#000; }

/* PRESET */

@font-face {
  font-family: LeagueGothic;
  src: url(http://blog.bldng.nl/wp-content/themes/thisorthat/fonts/League_Gothic.otf);
}

@font-face {
  font-family: Chunk;
  src: url('http://blog.bldng.nl/wp-content/themes/thisorthat/fonts/Chunkfive.otf');
}

@font-face {
  font-family: Chunkie;
  src: url('http://blog.bldng.nl/wp-content/themes/thisorthat/fonts/Chunkfive.eot');
}

/* ************************************************************************************** */
body {
    font-family: "Trebuchet MS", Trebuchet, "Times New Roman", Times, serif;
    background-image: url("images/blog_bg.jpg");
    background-repeat: repeat-x;
    background-position: top;
}

strong { font-weight: bold; }

.clr { clear: both; }

code {
    overflow: scroll;
    width: 400px;
}

pre {
    overflow: scroll;
    width: 400px;
    background-color: #111;
    padding: 10px;
}

/* *** TEXT *** */
h1 { 
	font-family: LeagueGothic, 'League Gothic', DIN, sans-serif;
	font-size: 3em;
	letter-spacing: -1px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
}

#ieloser p {
	font-size: 0.8em;
	color: #c00;
}

#ieloser p a:link, #ieloser p a:visited { color: #00c; text-decoration: underline; }
#ieloser p a:hover { color: #3380bb; text-decoration: underline; }
#ieloser p a:active { color: #ffcc00; text-decoration: none; }

.news_post h1 { color: #000 !important; text-decoration: none; }
.news_post h1.the-or { color: #c00 !important; text-decoration: none; }

a:link, a:visited { color: #000; text-decoration: none; }
a:hover { color: #3380bb; text-decoration: none; }
a:active { color: #ffcc00; text-decoration: none; }

#sidebar_who h2 { 
	font-family: Chunk, Chunkie, Romeral, "BPDiet UltraBlack", "Arial Black", Arial, sans-serif;
	font-size: 2.5em;
	letter-spacing: -1px;
	font-weight: normal;
	text-transform: lowercase;
	color: #fff;
}

#sidebar_who h2 a:link, #sidebar_who h2 a:visited { color: #fff; text-decoration: none; }
#sidebar_who h2 a:hover { color: #fc0; text-decoration: none; }
#sidebar_who h2 a:active { color: #fc0; text-decoration: none; }

#sidebar_twit h2 { 
	font-family: Chunk, Chunkie, Romeral, "BPDiet UltraBlack", "Arial Black", Arial, sans-serif;
	font-size: 2.5em;
	letter-spacing: -1px;
	font-weight: normal;
	text-transform: lowercase;
	color: #3380bb;
}

#sidebar_twit h2 a:link, #sidebar_twit h2 a:visited { color: #3380bb; text-decoration: none; }
#sidebar_twit h2 a:hover { color: #c00; text-decoration: none; }
#sidebar_twit h2 a:active { color: #ffcc00; text-decoration: none; }

#sidebar_rss h2 { 
	font-family: LeagueGothic, 'League Gothic', DIN, sans-serif;
	font-size: 2.5em;
	letter-spacing: -1px;
	font-weight: normal;
	text-transform: uppercase;
	color: #f90;
}

#sidebar_rss h2 a:link, #sidebar_rss h2 a:visited { color: #f90; text-decoration: none; }
#sidebar_rss h2 a:hover { color: #3380bb; text-decoration: none; }
#sidebar_rss h2 a:active { color: #ffcc00; text-decoration: none; }

#sidebar_search h2 { 
	font-family: LeagueGothic, 'League Gothic', DIN, sans-serif;
	font-size: 2.5em;
	letter-spacing: -1px;
	font-weight: normal;
	text-transform: uppercase;
	color: #c00;
	float: left;
	margin-right: 10px;
}

#ieloser h2 { 
	font-family: LeagueGothic, 'League Gothic', DIN, sans-serif;
	font-size: 2.5em;
	letter-spacing: -1px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
}

#sidebar_lists h3 { 
	font-family: Chunk, Chunkie, Romeral, "BPDiet UltraBlack", "Arial Black", sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-transform: lowercase;
	color: #ccc;
}

.sub_head p {
	font-family: "Times New Roman", Times, Georgia, serif;
	color: #ccc;
	font-size: 0.8em;
	font-style: oblique;
	text-align: center;
	text-transform: lowercase;
	margin: 5px 0 0 0;
} 

.content_keep .entry p {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #333;
	margin: 10px 0 15px 0;
}

.content_keep .news_post blockquote p {
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	line-height: 1.8em;
	text-align: justify;
	color: #666;
	padding: 10px 20px 10px 20px;
	font-family: Georgia, Times, serif;
	font-weight: bold;
}

.content_keep p.wp-caption-text {
	font-size: 0.65em;
	color: #999;
}

.entry  a:link, .entry  a:visited { color: #3380bb; text-decoration: underline; }
.entry  a:hover { color: #c00; text-decoration: underline; }
.entry  a:active { color: #b2b2b2; text-decoration: none; }

.postmetadata { 
	font-family: Georgia, Times, serif;
	color: #ccc;
	font-size: 0.75em;
	font-style: oblique;
	text-align: center;
	margin: 5px 0 0 0;
}

.postmetadata  a:link, .postmetadata  a:visited { color: #ccc; text-decoration: underline; }
.postmetadata  a:hover { color: #c00; text-decoration: none; }
.postmetadata  a:active { color: #b2b2b2; text-decoration: none; }

.postmetadata  a.comment_link:link, .postmetadata  a.comment_link:visited { color: #3380bb; text-decoration: none; }
.postmetadata  a.comment_link:hover { color: #c00; text-decoration: none; }
.postmetadata  a.comment_link:active { color: #b2b2b2; text-decoration: none; }

.comment_post .postmetadata {
	color: #cc9 !important;
	text-align: left;
}

.comment_post .postmetadata  a:link, .comment_post .postmetadata  a:visited { color: #cc9; text-decoration: underline; }
.comment_post .postmetadata  a:hover { color: #c00; text-decoration: none; }
.comment_post .postmetadata  a:active { color: #b2b2b2; text-decoration: none; }

.comment_post  h2 { 
	font-family: Chunk, Chunkie, Romeral, "BPDiet UltraBlack", "Arial Black", Arial, sans-serif;
	font-size: 2em;
	letter-spacing: -1px;
	font-weight: normal;
	color: #cc9;
}

.comment_post  h2 a:link, .comment_post  h2 a:visited { color: #cc9; text-decoration: none; }
.comment_post  h2 a:hover { color: #c00; text-decoration: none; }
.comment_post  h2 a:active { color: #ffcc00; text-decoration: none; }

.comment_post .single_entry p {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #333;
	margin: 10px 0 15px 0;
}

.authcomment .postmetadata {
	color: #fff !important;
	text-align: left;
}

.authcomment .postmetadata var {
	color: #fc0;
	text-align: left;
}

.authcomment .postmetadata  a:link, .authcomment .postmetadata  a:visited { color: #2a6899; text-decoration: underline; }
.authcomment .postmetadata  a:hover { color: #c00; text-decoration: none; }
.authcomment .postmetadata  a:active { color: #b2b2b2; text-decoration: none; }

.authcomment  h2 { 
	font-family: Chunk, Chunkie, Romeral, "BPDiet UltraBlack", "Arial Black", Arial, sans-serif;
	font-size: 2em;
	letter-spacing: -1px;
	font-weight: normal;
	color: #fff;
}

.authcomment  h2 a:link, .authcomment  h2 a:visited { color: #fff; text-decoration: none; }
.authcomment  h2 a:hover { color: #fc0; text-decoration: none; }
.authcomment  h2 a:active { color: #fc0; text-decoration: none; }

.authcomment .single_entry p {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #fff;
	margin: 10px 0 15px 0;
}

.tags_list p { 
	font-family: Georgia, Times, serif;
	color: #ccc;
	font-size: 0.75em;
	font-style: oblique;
	text-align: center;
	margin: 5px 0 0 0;
}

.tags_list  a:link, .tags_list  a:visited { color: #ccc; text-decoration: underline; }
.tags_list  a:hover { color: #c00; text-decoration: none; }
.tags_list  a:active { color: #b2b2b2; text-decoration: none; }

.navigation p { 
	color: #3380bb;
	font-size: 0.7em;
	margin: 0;
}

.navigation  a:link, .navigation  a:visited { color: #c00; text-decoration: none; }
.navigation  a:hover { color: #3380bb; text-decoration: none; }
.navigation  a:active { color: #b2b2b2; text-decoration: none; }

.form_box h2 { 
	font-family: LeagueGothic, 'League Gothic', DIN, sans-serif;
	font-size: 2.5em;
	letter-spacing: -1px;
	font-weight: normal;
	text-transform: uppercase;
	color: #c00;
	margin-right: 10px;
}

.page_entry h1{
	font-family: LeagueGothic, 'League Gothic', DIN, sans-serif;
	font-size: 3em;
	letter-spacing: -1px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
	margin-right: 10px;
	text-align: left;
}

.content_keep .page_entry p {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #333;
	margin: 10px 0 15px 0;
}

.content_keep .page_entry blockquote p {
	border-bottom: 1px solid #ececec;
	line-height: 1.8em;
	text-align: justify;
	color: #666;
	padding-bottom: 10px;
	font-family: Georgia, Times, serif;
	font-weight: bold;
}

.page_entry p a:link, .page_entry p a:visited { color: #3380bb; text-decoration: underline; }
.page_entry p a:hover { color: #c00; text-decoration: underline; }
.page_entry p a:active { color: #b2b2b2; text-decoration: none; }

.page_entry a.post-edit-link:link, .page_entry a.post-edit-link:visited { color: #c00; text-decoration: none; }
.page_entry a.post-edit-link:hover { color: #3380bb; text-decoration: none; }
.page_entry a.post-edit-link:active { color: #b2b2b2; text-decoration: none; }

#sidebar_who p {
	color: #fff;
	font-size: 0.7em;
	line-height: 1.8em;
	width: 260px;
	text-align: justify;
}

#sidebar_who a {
	font-weight: bold;
}

#sidebar_who a:link, #sidebar_who a:visited { color: #fc0; text-decoration: none; }
#sidebar_who a:hover { color: #c00; text-decoration: none; }
#sidebar_who a:active { color: #fff; text-decoration: none; }

.page_entry ul {
	margin: 0;
	padding: 0 0 0 10px;
}

.page_entry li {
	list-style-type: disc;
	list-style-position: inside;
	color: #999;
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 0.8em;
}

.page_entry a:link, .page_entry a:visited { color: #3380bb; text-decoration: none; }
.page_entry a:hover { color: #c00; text-decoration: none; }
.page_entry a:active { color: #ffcc00; text-decoration: none; }

#header_left ul {
	margin: 0;
	line-height: 1em;
	padding: 11px 0 0 10px;
}

#header_left li {
	display: inline;
	margin: 0 30px 0 0;
	padding: 0;
	font-size: 0.7em;
}

#header_left a:link, #header_left a:visited { color: #b2b2b2; text-decoration: none; }
#header_left a:hover { color: #3380bb; text-decoration: none; }
#header_left a:active { color: #ffcc00; text-decoration: none; }

#header_right ul {
	padding: 11px 10px 0 0;
}

#header_right li {
	display: inline;
	margin-left: 30px;
	font-size: 0.7em;
	font-weight: bold;
}

#header_right a:link, #header_right a:visited { color: #b2b2b2; text-decoration: none; }
#header_right a:hover { color: #3380bb; text-decoration: none; }
#header_right a:active { color: #ffcc00; text-decoration: none; }

#twitter_update_list {
	font-size: 0.75em;
}

#twitter_update_list li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ececec;
}

#twitter_update_list span a:link, #twitter_update_list span a:visited { color: #3380bb; text-decoration: underline; }
#twitter_update_list span a:hover { color: #c00; text-decoration: underline; }
#twitter_update_list span a:active { color: #ffcc00; text-decoration: none; }

#twitter_update_list a:link, #twitter_update_list a:visited { color: #ccc; text-decoration: none; }
#twitter_update_list a:hover { color: #c00; text-decoration: none; }
#twitter_update_list a:active { color: #ffcc00; text-decoration: none; }

#sidebar_lists ul {
	margin-left: 15px;
	margin-bottom: 15px;
}

#sidebar_lists li {
	color: #ccc;
	font-size: 0.75em
}

#sidebar_lists li a:link, #sidebar_lists li a:visited { color: #3380bb; text-decoration: none; }
#sidebar_lists li a:hover { color: #c00; text-decoration: none; }
#sidebar_lists li a:active { color: #ffcc00; text-decoration: none; }


/* *** DIVS *** */
#header {
    background-image: url("images/hdr_bg.gif");
    background-repeat: repeat-x;
    background-position: top;
    height: 100px;
}

	#header_keep {
		width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	
		#header_top {
			width: 900px;
			height: 60px;
			clear: both;
		}
    
        #header_left {
            clear: both;
            float: left;
            width: 430px;
			height: 40px;
        }
        
        #header_right {
            float: right;
            clear: right;
            width: 470px;
			height: 40px;
            text-align: right;
        }

#bigbabycontainer {
	background-color: #fff;		
}
	
#page {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}
    
    #content {
        width: 900px;
    }
    
        #content_left {
            float: left;
			clear: both;
			width: 590px;
        }
		
			.comment_post {
				border: 5px solid #cc9;
				background-color: #ffc;
				padding: 10px;
				margin-bottom: 10px;
			}	
		
			.authcomment {
				background-color: #3380bb;
				border: 5px solid #2a6899;
				padding: 10px;
				margin-bottom: 10px;
			}				
		
			.content_keep {
				padding: 0 10px 20px 10px;
				border-top: 5px solid #ececec;
			}
			
			#content_keep_title {
				padding: 0 10px 0 10px;
				border-top: 5px solid #ececec;
			}
		
			.navigation {
				background-color: #fff;
				border: 5px solid #ececec;
				padding: 10px 10px 5px 10px;
				margin-bottom: 10px;
			}
			
				.navigation .alignleft {
					float: left;
					clear: both;
					width: 250px;
				}
				
				.navigation .alignright {
					float: right;
					clear: right;
					width: 250px;
					text-align: right;
				}
		
			.form_box {
				background-color: #ececec;
				border: 5px solid #ddd;
				padding: 10px;
				margin-bottom: 10px;
			}				
			
			.page_entry {
				padding-top: 10px;
			}
				
		
		#content_right {
			float: right;
			clear: right;
			width: 300px;
		}

			#ieloser {
				background-color: #ff0;
				border: 5px solid #fc0;
				padding: 10px;
				margin-bottom: 10px;
			}
		
			#sidebar_who {
				background-color: #3380bb;
				border: 5px solid #2a6899;
				padding: 10px;
				margin-bottom: 10px;
			}
		
			#sidebar_rss {
				border: 5px solid #f90;
				padding: 4px 0 3px 10px;
				margin-bottom: 10px;
				background-image: url("images/rss_bg.gif");
				background-repeat: no-repeat;
				background-position: center right;
				background-color: #fff;
			}
			
			#sidebar_twit {
				border: 5px solid #ececec;
				padding: 10px;
				margin-bottom: 10px;
			}
			
			#sidebar_search {
				background-color: #ececec;
				border: 5px solid #ddd;
				padding: 10px;
				margin-bottom: 10px;
			}
			
			#sidebar_lists {
				border: 5px solid #ececec;
				padding: 10px 10px 0 10px;
				margin-bottom: 10px;
			}
			
			.vimeoBadge {
				border: 5px solid #ececec;
				padding: 10px 0 10px 11px; 
				margin: 0 0 10px 0;
			}
			.vimeoBadge img { border: 0; }
			.vimeoBadge a, .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active { color: #3A75C4; text-decoration: none; cursor: pointer; }
			.vimeoBadge a:hover { color:#00CCFF; }
			.vimeoBadge #vimeo_badge_logo { margin-top:10px; width: 57px; height: 16px; }
			.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
			.vimeoBadge .clip { padding:0; float:left; margin: 0 13px 10px 0; width:80px; line-height:0; }
			.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:80px; height: 30px; }
			.vimeoBadge .clear { display: block; clear: both; visibility: hidden; } 

    #footer {
		background-image: url("images/ftr_bg.gif");
		background-repeat: repeat-x;
		background-position: top;
		background-color: #ececec;
    }
	
		#foot_keep {
			width: 900px;
			min-height: 45px;
			margin-left: auto;
			margin-right: auto;
		}
			
			#foot_left {
				float: left;
				clear: both;
				width: 600px;
			}
			
				#foot_left {
					color: #aaa;
					font-size: 0.7em;
					padding: 15px 0 10px 10px;
				}
				
				#foot_left a:link, #foot_left a:hover, #foot_left a:active, #foot_left a:visited { color: #999; text-decoration: underline; }

			#foot_right {
				float: right;
				clear: right;
				width: 200px;
				text-align: right;
			}
			
				#foot_right {
					color: #aaa;
					font-size: 0.7em;
					padding: 15px 10px 10px 0;
				}

				#foot_right a:link, #foot_right a:hover, #foot_right a:active, #foot_right a:visited { color: #999; text-decoration: underline; }

    #theofficialblog {
        text-align: right;
        width: 890px;
        padding-right: 10px;
    }

/* *** FORMS *** */
form {
    margin: 0;
    padding: 0;
}

#content_right #searchform, #content_middle #searchform {
    padding: 10px 0 12px 0;
    margin-left: 15px;
}

    input {
        font-family: Georgia, Times, "Times New Roman", serif;
        width: 60px;
        background-color: #fc0;
        color: #3380bb;
        font-style: oblique;
        text-transform: lowercase;
        font-size: 0.7em;
    }
    
    #searchform #s {
        font-family: "Trebuchet MS", Trebuchet, "Times New Roman", Times, serif;
        width: 100px;
        background-color: #fc0;
        color: #3380bb;
        text-transform: none;
        font-style: normal;
        font-size: 0.7em;
    }
    
    #content_left #searchform {
        padding-top: 15px;
    }
    
    #content_left #searchform label {
        color: #ababab;
        font-size: 0.75em;
        margin-bottom: 5px;
    }
    
#commentform {
    width: 460px;
}

    #commentform #comment {
        font-family: "Trebuchet MS", Trebuchet, "Times New Roman", Times, serif;
        background-color: #fc0;
        color: #3380bb;
        text-transform: none;
        font-style: normal;
        font-size: 0.7em;
        padding: 5px;
        width: 450px;
        margin-bottom: 5px;
    }
    
    #commentform #url, #commentform #author, #commentform #email {
        font-family: "Trebuchet MS", Trebuchet, "Times New Roman", Times, serif;
        background-color: #fc0;
        color: #3380bb;
        text-transform: none;
        font-style: normal;
        font-size: 0.7em;
        padding: 3px;
        width: 194px;
        margin-bottom: 5px;
    }
    
    #commentform label {
        color: #999;
        margin-bottom: 5px;
    }
    
    #commentform p {
        color: #999;
        font-size: 0.75em;
        margin-bottom: 5px;
    }

    #commentform a:link, #commentform a:visited { color: #666; text-decoration: none; }
    #commentform a:hover { color: #c00; text-decoration: underline; }
    #commentform a:active { color: #fc4; text-decoration: none; }

    #commentform #submit {
        font-family: Georgia, Times, "Times New Roman", serif;
        width: 150px;
        background-color: #fc0;
        padding: 5px;
        color: #3380bb;
        font-style: oblique;
        text-transform: lowercase;
        font-size: 0.7em;
    }
    
/*** IMAGES ***/
img.alignright {
	position: relative;
	float: right;
	margin: 5px 0 5px 5px;
}