/*
Theme Name: Mosaic
Theme URI: http://codethief.eu
Description: My own theme
Version: 1.0
Author: codethief
Author URI: http://codethief.eu
Tags: simple, fixed width, mosaic
*/


:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }
:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; }
:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }
:lang(en)    { quotes:"\201C" "\201D" "\2018" "\2019"; }
:lang(fr)    { quotes:"\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"; }


* {
	margin: 0;
	padding: 0;
}

html {
	background-color: #FFFFFF;
	height: 100%;
}

body {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
	font-size: 13px;
	height: 100%;
}

a {
	color: inherit;
	text-decoration: none;
}

/*
a[href^="http://"] {
	background: url('images/link.png') right center no-repeat;
	border-bottom-width: 0;
	margin-right: 2px;
	padding-right: 13px;
}
*/

img {
	border: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.35em;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.25em; /* previously 1.25 */
	letter-spacing: 1px;
}

h3 {
	font-size: 1.1em; /* previously 1.0 */
}

h4 {
	font-size: 1.0em;
	font-style: italic;
	letter-spacing: 1px;
}

ul {
	list-style-type: none;
}

ul.invisible, ol.invisible {
	margin: 0 !important;
	padding: 0 !important;
}

	ul.invisible li, ol.invisible li {
		list-style-type: none !important;
	}


input, textarea {
	color: #545446;
	
	border: 1px solid #BABA9B;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	padding: 3px;
}

input[type="submit"] {
	background-color: #F4EFE7;
}




blockquote {
	font-family: Georgia, sans-serif;
	letter-spacing: 1px;
	margin: 0 auto;
	width: 80%;
}
	blockquote p {
		margin-top: 10px;
	}
	
	blockquote p:first {
		margin-top: 0;
	}
	/*
	blockquote p:before {
		content: open-quote;
	}

	blockquote p:after {
		content: close-quote;
	}
	*/

address {
	font-style: normal;
}



.alignleft {
	float: left;
}

.alignright {
	float: right;
}





#wrapper {
	position: relative;
	top: 433px;
	width: 672px;
}

	.box {
		padding: 15px;
	}

	.small-box {
		position: absolute;
		height: 170px;
		width: 170px;
	}
		
		.small-box h1 {
			margin-bottom: 15px;
		}

	
	#box-iam {
		background-color: #101010;
		color: white;
		
		border-bottom-right-radius: 25px;
		-moz-border-radius-bottomright: 25px;
		-webkit-border-bottom-right-radius: 25px;
		
		right: 430px;
		top: -433px;
		height: 100px;
		width: 200px;
	}
	
		#box-iam a {
			color: #A9C117;
		}
		
		#box-iam a:visited {
			color: #D8CC0F;
		}
	
	#box-ithinkabout {
		background-color: #A9C117;
		color: white;
		
		border-bottom-left-radius: 25px;
		border-top-right-radius: 25px;
		-moz-border-radius-bottomleft: 25px;
		-moz-border-radius-topright: 25px;
		-webkit-border-bottom-left-radius: 25px;
		-webkit-border-top-right-radius: 25px;
		
		right: 0;
		top: -215px;
	}
	
	#box-iworkon {
		background-color: #D8CC0F;
		color: white;
		
		border-bottom-right-radius: 25px;
		border-top-left-radius: 25px;
		-moz-border-radius-bottomright: 25px;
		-moz-border-radius-topleft: 25px;
		-webkit-border-bottom-right-radius: 25px;
		-webkit-border-top-left-radius: 25px;
		
		right: -215px;
		top: -215px;
	}

	#box-ilove {
		background-color: #F23300;
		color: white;
		
		right: -215px;
		top: 0;
	}
	
	#box-ineedhelp {
		background-color: #BABA9B;
		color: white;
		
		border-bottom-right-radius: 25px;
		border-top-left-radius: 25px;
		-moz-border-radius-bottomright: 25px;
		-moz-border-radius-topleft: 25px;
		-webkit-border-bottom-right-radius: 25px;
		-webkit-border-top-left-radius: 25px;
		
		right: -430px;
		top: 170px;		
	}
	
	#box-itagged {
		background-color: #6D6D5B;
		color: white;
		
		border-bottom-left-radius: 25px;
		border-top-right-radius: 25px;
		-moz-border-radius-bottomleft: 25px;
		-moz-border-radius-topright: 25px;
		-webkit-border-bottom-left-radius: 25px;
		-webkit-border-top-right-radius: 25px;
		
		right: -320px;
		top: 570px;
		height: 200px;
		width: 250px;
	}
	
	
		.ctc-tag-cloud {
			
		}
		
		.ctc-tag-cloud li {
			display: inline;
			/*text-transform: lowercase;*/
		}
	
	
	
	
	#box-content {
		background-color: white;
		color: #545446;
		
		border: 5px solid #BABA9B;
		border-bottom-right-radius: 25px;
		border-top-left-radius: 25px;
		-moz-border-radius-bottomright: 25px;
		-moz-border-radius-topleft: 25px;
		-webkit-border-bottom-right-radius: 25px;
		-webkit-border-top-left-radius: 25px;
		
		padding: 25px;
	}
		
		#box-content img {
			/* border: 5px solid #BABA9B;
			clip: rect(0, auto, 50px, 0); 
			overflow: hidden;
			position: absolute;*/
		}
		
		#box-content h1, h2, h3, h4, h5, h6 {
			margin-bottom: 0.4em;
		}
		
		#box-content h2, h3, h4, h5, h6 {
			margin-top: 1em;
		}
		
		
		#box-content p + h1, #box-content ul + h1, #box-content ol + h1,
		#box-content p + h2, #box-content ul + h2, #box-content ol + h2,
		#box-content p + h3, #box-content ul + h3, #box-content ol + h3,
		#box-content p + h4, #box-content ul + h4, #box-content ol + h4,
		#box-content p + h5, #box-content ul + h5, #box-content ol + h5,
		#box-content p + h6, #box-content ul + h6, #box-content ol + h6 {
			margin-top: 1.5em;
			
		}
		
		/*
		Obiges erstetzen durch:
		
		Für p, ul, ol, address, blockquote etc.
		
		.text > * {
			margin-bottom: 10px;
		}
		
		#box-content h1, 
		#box-content h2,
		#box-content h3,
		#box-content h4,
		#box-content h5,
		#box-content h6 {
			margin-top: 1.5em;
			margin-bottom: 0.4em;
		}
		
		.text:first-child {
			margin-top: 0;
		}
		
		#box-content h1 + h2, 
		#box-content h2 + h3,
		#box-content h3 + h4,
		#box-content h4 + h5,
		#box-content h5 + h6 {
			margin-top: 1em;
		}
		
		
		
		
		
		
		
		
		*/
		
		.text > p, .text > address, .text > blockquote {
			margin-bottom: 10px;
		}
		
			.text p a, .text ul a, .text ol a {
				color: #A9C117;
				/*border-bottom: 1px solid #BABA9B;*/
			}
			
			.text p a:visited, .text ul a:visited, .text ol a:visited {
				color: #D8CC0F;
			}
			
			.text ul.invisible a:visited, .text ol.invisible a:visited {
				color: inherit;
			}
			
		#box-content ul, #box-content ol {
			margin-left: 20px;
			margin-bottom: 10px;
		}
		
		#box-content ul {
			list-style-type: disc;
		}
		
			#box-content ul ul {
				list-style-type: circle;
			}
			
				#box-content ul ul ul {
					list-style-type: square;
				}
			
		#box-content ol {
			list-style-type: decimal;
		}
		
		/* bar below text */
		.text + div {
			color: #BABA9B;
			margin-bottom: 1em;
			margin-top: 0.4em;
			min-height: 1em;
		}
		
		/* blog specific */
			
		
		
		
		
		.tags {
			color: #545446;
			font-size: 0.8em;
			
			margin-top: 10px;
		}
		
			.tags li {
				/*dark background-color: #6D6D5B;*/
				border: 1px solid #BABA9B;
				color: #000000;
				
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				
				display: inline-block;
				margin-right: 4px;
				padding: 4px;
			}
			
			.tags li:hover {
				background-color: #A9C117;
				border-color: #A9C117;
				color: white;
			}
		
		
		.post-info {
			color: #BABA9B;
			float: right;
		}
		
		.post-info img {
			display: none; /* hide the speech bubble icon */
		}	
		
		
		.comments, .comment-form {
			border-top: 2px solid #A9C117;
			
			margin-top: 15px;
			padding-top: 15px;
		}
		
		.comments {}
		
			.comments > ol {}
			
				.comments > ol > li {
					margin-bottom: 10px;
				}
			
			.comments-footer {}
			
				.comments-subscribe {
					text-align: center;
				}
		
		.comment-form {}
			
			.comment-form div, .comment-form p {
				margin-bottom: 5px;
			}
			
			.comment-form input[type="text"] {
				width: 25%;
			}
			
			.comment-form textarea {
				height: 100px;
				width: 75%;
			}
			
		/* blog specific end */
	
		#footer {
			margin-top: 40px;
		}