/* 
Theme Name: Chameleon
Theme URI: http://webgazette.co.uk/
Description: Chemeleon theme for WordPress by Ainslie Johnson
Version: 1.0
Author: Ainslie Johnson
Author URI: http://webgazette.co.uk
*/

/* PAGEBAR----------------------- */

.pagebar 
	{ 
		font: 11px Arial, Helvetica, sans-serif; 
		padding-top: 20px; 
		padding-bottom: 10px; 
		margin: 0px; 
	}

.pagebar a, .pageList .this-page 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar a:visited 
	{
		padding: 2px 6px; 
		border: solid 1px #ddd; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .break 
	{
		padding: 2px 6px; 
		border: none; 
		background: #fff; 
		text-decoration: none;
	}

.pagebar .this-page 
	{
		padding: 2px 6px; 
		border-color: #999; 
		font-weight: bold; 
		font-size: 13px; 
		vertical-align: top; 
		background: #fff;
	}

.pagebar a:hover 
	{
		color: #fff; 
		background: #0063DC; 
		border-color: #036; 
		text-decoration: none;
	}
	

/* ------------------------------- */
html {
background: #300000 url("http://www.celebritysnap.com/bo/cb/hintergrund.gif") repeat-x;
	}
body {
	text-align:center;
	font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif; 
margin: 0px;
padding: 0px;
background-image: url("http://www.celebritysnap.com/bo/cb/star.png") repeat fixed;
}

/* Wrapper */

#wrap {
	max-width:900px;
	min-width: 900px;
width: 900px;
	margin: 6px auto;
	border: 2px solid #322;
	background: #fff;
}

/* 	This is for IE 6.0 as it does not implement the min and max width above 
		this code is not valid css so if this wories you you can delete it
		but the theme will then be fully flexible in IE 6.0 and below	*/
/*
* html div#wrap {
width: 900px /* fallback value */;
width:expression(((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) 
> 918 ? "900px" : (((document.compatMode && 
document.compatMode=='CSS1Compat') ? 
document.documentElement.clientWidth : 
document.body.clientWidth) < 888 ? "890px" : "99%"));
}

*/

/* Header */

#header {
background: #222222;
	height: 100px;
	margin: 0;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#header h1 {
	margin: 0px;
	padding: 40px 0 5px 0;
	font-size: 2.0em;
	letter-spacing: 3px;
}

#header h1 a {
	text-decoration: none;
}

#header h1 a:hover {
	color: #ffff00;
}

#header h2 {
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	letter-spacing: 1px;
}

/* Horizontal Menu */

#navigation {
	height: 18px;
	border-top: 2px solid #665555;
        background: #fff;
        border-bottom: 1px dotted #cdcdcd;
        text-aling: left;
        padding-top: 3px;

}

#navigation ul {
	margin: 0 0 0 5px;
	padding: 0px;
}

#navigation li {
	float: left;
	margin: 0 2px 0 2px;
	padding: 2px 7px 2px 7px;
	list-style: none;
	font-size: 1em;
}

#navigation li a {
	font-weight: normal;
	text-decoration: none;
	// text-transform: uppercase;
color: #fff;
}

#navigation a {

	margin: 4px 2px 0 2px;
	padding: 4px 7px 0px 7px;
	font-weight: normal;
	text-decoration: none;
	// text-transform: uppercase;

}
#navigation li.current_page_item a {
	text-decoration: underline;
}

/* Sub-page menu */

#subpage {
	clear: both;
	margin: 0;
	padding: 0;
}

#subpage ul {
	text-align: left;
	margin: 0px;
	padding: 0;
	border-top: 0px solid #fff;
	border-bottom: 1px solid #333333;
}

#subpage ul li {
	display: inline;
	list-style: none;
	line-height: 25px;
	padding: 0px 0 0px 0;
	margin: 5px;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: none;
}

#subpage ul li a {
	margin-top: 10px;
	text-transform: uppercase;
	text-decoration: none;
}

#subpage ul li a:hover {
	text-decoration: none;
}

#subpage ul li ul li {
	display: none;
}

/* Content wrapper */

#container {
	background: #fff;
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
}

/* Content */

#content {
        width: 810px;
float: left;
	/* margin: 0 310px 0 15px; */
	padding: 10px 10px 10px 15px;
}

.post {
	margin: 0px;
	padding: 0 0 20px 10px;
border-bottom: 1px #cc dashed;
background: #fff;
}

#content p {
	color: #000;
}

#content p.category {
text-align:right;
padding: 0px;
margin: 0px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 2px;
padding-right: 5px;
color: #666;
background-color: #fff;
font-weight: normal;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #000;
border-right: 1px solid #777;
}

#content p.category a {
	text-decoration: none;
	font-weight: normal;
}

#content h2 {
	font-size: 1.5em;
margin-bottom: 2px;
}

#content h3 {
	font-size: 1.2em;
}

.post {
padding-top: 10px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 0px;
     border-bottom: 2px #777 solid;
}
.post h2, .page h2  {
	padding: 0px 0 0px 0;
	border-left: 0px solid #ccc;
}

.post h2 a, .page h2 a {
	text-decoration: none;
	font-weight: normal;
font-size: 1.2em;
}

.post h2 a:hover, .page h2 a:hover {

}

.page h3 {
	color: #333;
}

.page {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px; 
}

.entry p, .entrytext p {
	line-height: 14px;
margin: 0px;
padding: 0px;
padding-left: 15px;
padding-top: 5px;
}

.entry a, .entrytext a, .page a {
	text-decoration: none;
	font-weight: normal;
        /*border-left: #ccf 7px dotted;
        padding-left: 5px;
        */
        padding-bottom: 0px;
}

.entry a:hover, .entrytext a:hover, .page a:hover {
	/*border-left: #933 7px dotted;
	*/
        text-decoration: underline;
}

.entry, .entrytext {
	padding-top: 0px;
}

p.edit a {
	text-decoration: none;
	font-weight: bold;
}

p.edit a:hover {
	text-decoration: underline;
}

/* Postmetadata */

.postmetadata {
	font-size: 0.8em;
	border: 0px solid #ccc;
	padding: 10px;
	margin: 0px;
	margin: 20px 0 0 0;
}

.postmetadata a {
	text-decoration: none;
	font-weight: bold;
}

.postmetadata a:hover {
	text-decoration: underline;
}

/*** Comments Display ***/

.commentlist li a {
	font-weight: bold;
	text-decoration: none;
}

.commentlist li a:hover {
	text-decoration: underline;
}

ol.commentlist li {
	border: 1px solid #000;
	padding: 10px;
	margin-bottom: 10px;
}

ol.commentlist li cite {
	text-transform: capitalize;
}

ol.commentlist li p {
	padding-top: 0;
}

/* Images  */

.entry img, .entrytext img {
	background: #fff;
	border: 1px solid #559;
	margin: 5px;
	padding: 5px;
}

.entry a:hover img, .entrytext a:hover img {
	border: 1px solid #99c;
}

img.wp-smiley {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.left {
	background:#fafbfc;
	border:1px solid #333;
	float:left;
	margin: 5px 10px 6px 0px;
	padding:5px;
}

.right {
	background:#fafbfc;
	border:1px solid #000;
	float:right;
	margin: 5px 0px 6px 10px;
	padding:5px;
}

.noalign {
	background:#fafbfc;
	border:1px solid #000;
	margin: 5px 5px 5px 5px;
	padding:5px;
}


/* Sidebar */

#sidebar {
	width: 330px;
	margin: 0px;
margin-top: 20px;
	padding: 10px;
	float: right;
        border-left: 1px #ccc dashed;
border-top: 0px #666 solid;
}

#left {
	float: left;
	margin: 0px;
	width: 165px;
	padding: 5px 0 10px 0;
}

#right {
	margin: 0px;
	float: right;
	width: 160px;
padding: 5px 0px 10px 0;
}

#sidebar h2 {
	color: #000;
	font-size: 1.2em;
	margin: 0 0 10px 0;
	padding: 10px 0 2px 0;
	width: 95%;
	border-bottom: 2px solid #6a6;
}

#sidebar p {
	margin: 5px 0 5px 0;
	padding: 0px;
}

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

#sidebar ul {
	margin: 0px;
	padding: 0px;
}

#sidebar  li, #sidebar li li {
	list-style: none;
	padding-left: 6px;
	line-height: 15px;
}

#sidebar li a, #sidebartop a {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

#right ul.right-links li, #recentcomments li {
	padding: 2px 4px 2px 0px;
        border-bottom: 1px solid #ccc;
}

#sidebar a img {
	border: 0px;
	text-decoration: none;
}

#sidebar a:hover img {
	text-decoration: none;
	border: 0px;
}

/* Search Form */

#searchform {
	padding-bottom: 0px;
	margin: 0px 0px 0px 10px;
}

#searchbox {
	width: 70%;
}

.search {
	text-align: left;
	padding: 10px 0 0 0;
	margin: 0px;
}

fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px
}

/* Footer */

#footer {
	clear: both;
	height: 40px;
}

#footer p {
	margin: 0px;
	padding: 10px 0 4px 0;
	font-size: 0.8em;
}


#footer a {
	font-weight: bold;
	text-decoration: none;
}

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



/* Previous/Next Page Navigation */

.navigation {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}

.bottomnavigation {
	margin: 30px 0 0 0;
	padding: 5px 0 30px 0;
}

.navigation a, .bottomnavigation a {
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	letter-spacing: 1px;
}

.navigation a:hover, .bottomnavigation a:hover {
	text-decoration: underline;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

/*** comments Form ***/

#commentform {
	width: 97%;
}

#commentform a {
	font-weight: bold;
	text-decoration: none;
}

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

#comment {
	width: 99%;
	border: 1px solid #013300;
	background: #fff;
}

#author {
	border: 1px solid #100;
	background: #fff;
}

#email {
	border: 1px solid #100;
	background: #fff;
}

#url {
	border: 1px solid #100;
	background: #fff;
}

#submit {

}

#submit:hover {

}

/* Archives Page */

#archives ul {
	margin: 0;
	padding: 0;
}

#archives li {
	list-style: none;
	padding-left: 15px;
	line-height: 16px;
}

/* Links Page */

#links ul {
	margin: 0;
	padding: 0;
}

#links li {
	list-style: none;
	padding-left: 15px;
	line-height: 16px;
}
/* Various Classes */

.clear {
	clear: both;
}

.entry, .entrytext {
	overflow: hidden;
}

* html.entry, * html.entrytext {
	overflow: visible;
	height: 1px;
}

* html.entry p, * html.entrytext p {
	width: 99%;
	overflow: hidden;
}

blockquote p {
	padding: 3px 10px 3px 10px;
	margin: 0 0 0 10px;
	font-size: 1.1em;
}

code {
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
}

.hide {
display: none;
}

.gallery {
	border-top: 1px solid #100;
	padding-bottom: 10px;
}

div.advert {
	font-size: 0.8em;
	border: 1px solid black;
	margin: 	5px 25px 5px 0px;
	padding: 5px 10px 5px 10px;
	background-color: #fafad2;
}

.advert p {
	margin: 0px
	padding: 0px;
	text-align: justify;
}

#links li li {
padding-bottom: 10px;
}

#archives span a {
line-height: 30px;
}