/*
Theme Name: ClickClackTheme
Theme URI: http://www.clickclackgorilla.com
Description: Marauding, plunder and gorilla conspiracy
Version: 1.1
Author: uhu!
Author URI: http://www.clickclackgorilla.com/ 
*/

body {
	position: relative;
	background: #555;
	height: 100%;
	font-family: Arial;
	text-align:left;
	color:#000;
	font-size: 8.5pt;
	margin:  0px;
	padding: 0;
	text-align: center;
	background-repeat: no-repeat;
	background-attachment: fixed;*/
}

#wrapper {
	position: relative;
	height: 100%;
	width: 750px;
	margin: 0 auto;
	background-color: #E9F3F4;
} 

#insideWrapper {
	position: relative;
	top: 0px;
	height: 100%;
	width: 750px;
	margin: 0px;
	background-color: #E9F3F4;
	text-align: left;
}

#insideWrapper:after{
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;}

#content {
	width: 470px;
	margin-left: 230px;
	background-color: #E9F3F4;
	text-align: left;
}

.post {
	position: relative;
	top: 0px;
	left: 0px;
	width: 470px;
	margin: 0px;
	background-color: #E9F3F4;
	text-align: left;
}

.cite { position: relative;
	width: 470px;
	margin: 0px;
	background-color: #E9F3F4;
	text-align: center;
	font-size: 8pt;
	color:#666;
}

#sidebar {
	position: relative;
	float: left;
	width: 200px;
	margin: 0px;
	background-color: #E9F3F4;
	text-align: left;
	font-family: Arial;
	color: #000;
	font-size: 8.5pt;
	line-height: 11pt;
	/*text-transform: uppercase;*/
} 

#widgetpanel {
	position: relative;
	margin: 10px;
	width: 180px;
	background-color: #E9F3F4;
	text-align: left;
	font-family: Arial;
	color: #000;
	font-size: 8.5pt;
	line-height: 11pt;
}

.textwidget {
	position: relative;
	width: 180px;
	background-color: #E9F3F4;
	text-align: left;
	font-family: Arial;
	color: #000;
	font-size: 8.5pt;
	line-height: 9pt;
}

.left {
	float: left;
	margin: 20px 20px 0px 20px;
}

.right {
	float: right;
	margin: 20px 200px 0px 20px;
}

#masthead {
	position: relative;
	top: 0px;
	background: url('images/clickclackheader.jpg');
 	width: 750px;
 	height: 352px;
	border-bottom: 8px solid #E9F3F4;
	margin: 0px;
	margin-top: 0px;
}

.centeredImage {
    text-align:center;
    margin-top:10px;
    margin-bottom:0px;
    padding:0px;
}

#footer {
	font-size: 8pt;
	position: relative;
	color: #000;
	top: 0px;
	left: 75px;
	width: 600px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: center;
}

#footer a {
	color: #5F9DB2;
}

#footer a:visited {
	color: #5F9DB2;
}

#footer a:hover {
	color: #000;
}
 

.sep {
	position: relative;
	background: url('images/sep.jpg');
 	width: 162px;
	height: 14px;
	margin: 0px;
	padding: 0px;
	left: 195px;
	text-align: center;
}

#sidebar a {
	color: #000;
}

#sidebar a:visited {
	color: #000;
}

#sidebar a:hover {
	color: #5F9DB2;
}

.commentBox {
	position: relative;
	margin: 0 auto;
	width: 90%; 
	background-color: #f5f5f5; 
	text-align: left; 
	border: 1px solid #999; 
	padding: 5px;
}

code {
	font-family: Courier New, Verdana;
	text-align:left;
	color:#666;
	font-size: 8pt;
}

input {
	border: 1px solid #333333;
	background-color: #E9F3F4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #000000;
	padding: 0px;
}

h2 {
	color: #666;
	font-size: 14px;
	text-align: left;
}

ul {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
}

li {
	list-style-type: none;
	margin-left: 0px;
}

blockquote, blockquote p {
	text-indent: 0px;
	margin-bottom: 7px;
	color: #666;
}

.title {
	font-family: 'Arial Black';
	color: #333;
	font-size: 10pt;
}

a.title {
	color: #000;
}

a.title:visited {
	color: #000;
}

a.title:hover {
	color: #5F9DB2;
	border: 0px;
}

#blogTitle {
	position: relative;
	top: 20px;
	left: 35px;
	font-family: 'Arial Black';
	color: #ff3333;
	font-size: 12pt;
	text-transform: uppercase;
	text-align: left;
}

#blogTitle a {
	color: #333;
}

#blogTitle a:visited {
	color: #333;
}

#blogTitle a:hover {
	color: #5F9DB2;
	border: 0px;
}

.commentPos {
	font-family: 'Arial Black';
	font-size: 8pt;
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align: center;
	text-transform: uppercase;
}

a.commentPos {
	font-family: 'Arial Black';
	color: #5F9DB2;
}

a.commentPos:visited {
	color: #5F9DB2;
}

a.commentPos:hover {
	color: #000;
	border: 0px;
}

a {
	color: #5F9DB2;
	text-decoration: none;
}

a:visited {
	color: #5F9DB2;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}