/* @override http://localhost:8888/codedifferent-de/wp-content/themes/codedifferent-de/style.css */

/*  
Theme Name: codedifferent-de Theme
Theme URI: http://www.codedifferent.de
Description: Thema für die Webseiten codedifferent.de
Version: 2.00
Author: Christian Lupp
Author URI: http://www.codedifferent.de
*/

/* @group Misc */

body { padding: 0px; margin: 0px; color: #6d3803;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: white;
}

html { padding: 0; margin: 0;}

a:link { text-decoration: none; color: #ec5912; border: 0px; }
a:active { text-decoration: underline; color: #ec5912; border: 0px; }
a:visited { text-decoration: none; color:#ec5912; border: 0px; }
a:hover	{ text-decoration: underline; color:#ec5912; border: 0px; } 
a:focus { outline: none;}

h1, h2, h3, h4 { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
p, li, ol { font-size: 12px; line-height: 18px;
	color: #6d3803;
}
img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

/* @end */

/* @group Container */

#BackgroundContainer { 
	width: 900px; margin: 0 auto; padding: 0px; position: relative; 
	}
.BodyContainer { 
	background: #fff url(images/codedifferent-body-container-bg.gif) repeat-y center; 
	width: 900px; float: left; position: relative; padding: 0px;
	}
/* @end */

/* @group MainMenu */
#MainMenu {
	font-size: 14px;
	position: fixed;
	z-index: 1;
}
#MainMenu1 { 
	width: 210px; padding: 0px; position: relative; 
	}
#MainMenu1Square { 
	width: 15px; margin: 0 auto; padding: 0px; position: relative;
	height: 15px;
	background-color: #6d3803;
	float: left;
}
.ActualMenuSquare {
	width:  189px; height:  189px;
}
#MainMenu1Text { 
	margin: 0 auto; padding: 0px 0px 0px 5px; position: relative;
	float: left;
}
#MainMenu1Text a:link, 
#MainMenu1Text a:visited { 
	text-decoration: none; color: #6d3803; border: 0px; 
	}
#MainSubMenu1,
#MainSubMenu2,
#MainSubMenu3,
#MainSubMenu4 {
	list-style-type: none;
	text-align: right;
		font-size: 12px;
	overflow: visible;
	position: relative;
	left: 15px;
}
#MainSubMenu1 li,
#MainSubMenu2 li,
#MainSubMenu3 li,
#MainSubMenu4 li{
	margin-bottom: 20px;
	padding-right: 25px;
}

#MainSubMenu1 a:link, 
#MainSubMenu1 a:visited,
#MainSubMenu2 a:link, 
#MainSubMenu2 a:visited,
#MainSubMenu3 a:link, 
#MainSubMenu3 a:visited,
#MainSubMenu4 a:link, 
#MainSubMenu4 a:visited {
	text-decoration: none; color: #ffffff; border: 0px; 
}

#MainMenu2 { 
	width: 210px; padding: 5px 0px 0px; position: relative;
	clear: left;
}
#MainMenu2Square { 
	width: 15px; margin: 0 auto; padding: 0px; position: relative;
	height: 15px;
	background-color: #b50067;
	float: left;
}
#MainMenu2Text { 
	margin: 0 auto; padding: 0px 0px 0px 5px; position: relative;
	float: left;
}
#MainMenu2Text a:link, 
#MainMenu2Text a:visited { 
	text-decoration: none; color: #b50067; border: 0px; 
	}
#MainMenu3 { 
	width: 210px; padding: 5px 0px 0px; position: relative;
	clear: left;
}
#MainMenu3Square { 
	width: 15px; margin: 0 auto; padding: 0px; position: relative;
	height: 15px;
	background-color: #64830e;
	float: left;
}
#MainMenu3Text { 
	margin: 0 auto; padding: 0px 0px 0px 5px; position: relative;
	float: left;
}
#MainMenu3Text a:link, 
#MainMenu3Text a:visited { 
	text-decoration: none; color: #64830e; border: 0px; 
	}

#MainMenu4 { 
	width: 210px; padding: 5px 0px 0px; position: relative;
	clear: left;
}
#MainMenu4Square { 
	width: 15px; margin: 0 auto; padding: 0px; position: relative;
	height: 15px;
	background-color: #ec5912;
	float: left;
}
#MainMenu4Text { 
	margin: 0 auto; padding: 0px 0px 0px 5px; position: relative;
	float: left;
}
#MainMenu4Text a:link, 
#MainMenu4Text a:visited { 
	text-decoration: none; color: #ec5912; border: 0px; 
	}
#MainMenu a:hover, 
#MainMenu a:active,  
#MainMenu a:focus { 
	text-decoration: underline; color: #ec5912; border: 0px; 
	}	
#MainSubMenu1 a:hover, 
#MainSubMenu1 a:active,  
#MainSubMenu1 a:focus,
#MainSubMenu2 a:hover, 
#MainSubMenu2 a:active,  
#MainSubMenu2 a:focus,
#MainSubMenu3 a:hover, 
#MainSubMenu3 a:active,  
#MainSubMenu3 a:focus { 
	text-decoration: underline; color: #ec5912; border: 0px; 
}	
#MainSubMenu4 a:hover, 
#MainSubMenu4 a:active,  
#MainSubMenu4 a:focus { 
	text-decoration: underline; color: #6d3803; border: 0px; 
}	
#MainSubMenu1 .current_page_item {
	background: url("images/ActualSubMenu1.gif") no-repeat right;
	font-weight: bold;
}
#MainSubMenu2 .current_page_item  {
	background: url("images/ActualSubMenu2.gif") no-repeat right;
	font-weight: bold;
}
#MainSubMenu3 .current_page_item {
	background: url("images/ActualSubMenu3.gif") no-repeat right;
	font-weight: bold;
}
#MainSubMenu4 .current_page_item  {
	background: url("images/ActualSubMenu4.gif") no-repeat right;
	font-weight: bold;
}
.page_item, 
.cat-item {
	list-style-type: none;
	text-align: left;
	font-size: 12px;
	left: 0;
	margin-top: 20px;
	padding-left: 0px;
	color: #c6b9aa;
}

ul.page_item li {
	list-style-type: none;
	text-align: left;
	font-size: 12px;
	left: 0;
	margin-top: 20px;
	padding-left: 0px;
	color: #c6b9aa;
}
.ColumnMiddle ul.children li  {
	list-style-image: url(images/child-bulletpoint.gif);
	list-style-position: inside;
}

.ColumnMiddle ul{
	list-style-type: none;
	text-align: left;
	left: 0;
	padding-left: 0;
}
.ColumnMiddle ul li.current_page_item a,
.ColumnMiddle ul li.current-cat a {
	color:#cdc6b3;
}

/* @end */


/* @group Header */
#Header { 
	width: 900px; position: relative; clear: left; padding: 0px; min-height: 105px;
	background: white url("images/codedifferent-header-bg.gif") no-repeat left 80px;
}
#HeaderPicture {
	position: fixed;
	top: 0;
	z-index: 1;
}
#Header h1 {
	font: 30px/30px Georgia, "Times New Roman", Times, serif; color: #b50067; 
	position: absolute; visibility: visible; right: 3300px;top: 7px;
	}
#Header .Description { 
	letter-spacing: 0px; padding: 0px; margin: 0px 0px 0px 60px;
	font: 16px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	position: absolute; top: 40px; right: 3000px;
	}
/* @end */

/* @group Menu */

.Menu a { 
color: gray;
background: white url("images/left-tab.gif") left top no-repeat; 
text-decoration: none; 
padding-left: 20px 
} 
.Menu a span { 
background: url("images/right-tab.gif") right top no-repeat; 
padding-right: 30px 
} 
.Menu a, .Menu a span,  .Menu li.current_page_ancestor a, .Menu li.current_page_ancestor a span, .Menu li.current_page_item a, .Menu li.current_page_item a span { 
display: block; 
float: right;
line-height: 22px;
} 
.Menu a:hover { 
color: #b50067;
text-decoration: none; 
} 
.Menu li.current_page_ancestor a, .Menu li.current_page_item a{ 
color: #b50067;
background: white url("images/left-tab-hover.gif") left top no-repeat; 
text-decoration: none; 
padding-left: 20px 
} 
.Menu li.current_page_ancestor a span, .Menu li.current_page_item a span { 
background: url("images/right-tab-hover.gif") right top no-repeat; 
padding-right: 30px 
} 
.Menu { 
font-size: 12px;
background: url(images/codedifferent-de-menu-bg.gif) no-repeat left top; width: 934px; height: 35px;
list-style: none; 
padding: 0; 
margin: 0 
} 
.Menu li { 
float: right; 
display: block; 
height: 22px;
margin: 0; 
padding: 0;
}
.Menu ul { 
	margin: 0px;
	padding: 0px 66px 15px 246px;
}
/* @end */

/* @group Side Central Single SCS */

.SCS { width: 507px; float: left; padding: 10px 81px 15px 0;}
.SCS h1 { font-size: 18px; font-weight: normal;  padding-bottom: 10px; ;
	color: #b8152f;
}
.SCS h2 { font-size: 18px; font-weight: normal; }
.SCS h3 { font-size: 14px; font-weight: bold; }

.SCS p { line-height: 17px;}
.SCS p strong {}
.SCS img {}
.SCS ul { padding: 10px 0px; margin: 0px; }
.SCS li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; line-height: 15px; color:#4c4c4c; }
.SCS blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.SCS blockquote p { padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.SCS blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; line-height: 15px; color:#336699; }
.SCS blockquote a { color: #b8152f; }
.SCS blockquote a:visited { color: #b8152f; }
.SCS blockquote a:hover { color: #b8152f; }
.SCS a { text-decoration: underline;}

/* @end */


/* @group Post */

.Post {	padding: 0px; position: relative; clear: left;
	margin: 0 0 15px;
	border-bottom: 1px dotted #d3d1be;
}
.PostHead { position: relative; clear: left; padding-bottom: 0px;
	padding-top: 15px;
}
.PostHead h1 { font-size: 18px; line-height: 20px; font-weight: normal; color: #b50067;
	margin-top: 0px;
	margin-bottom: 10px;
}
.PostHead h1 a { text-decoration: none;
	color: #ec5912;
}
.PostHead h1 a:visited { color: #ec5912; text-decoration: none;}
.PostHead h1 a:hover { color: #ec5912; text-decoration: none;}

.PostAuthor { padding: 1px 0px; margin: 0px; font-size: 11px; color: #c6b9aa;
	line-height: 17px;
}
.PostDate { margin: 0px; position: absolute; top: 0px; left: -70px; text-align: center; background: url(images/PostHead.gif) repeat-x bottom; padding: 0px 10px 6px 10px;}
.PostDate small { font-size: 10px; color: #c6b9aa; }
.PostDate .month { display:block; text-transform: uppercase; font-size: 9px;}
.PostDate .day { display:block; font-size: 24px; line-height: 24px; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -1px; font-weight: normal; color:#4a5a65;}
.PostDate .year { display:block;}

.PostContent { padding: 0; font-size: 12px; line-height: 17px;
}
.PostEnd { padding: 0; font-size: 5px; line-height: 5px;
	clear: both;
}
.PostContent p { font-size: 12px; line-height: 18px;
}
.PostContent a.more-link {
	text-align: right;
}
.PostContent p strong {}
.PostContent img {}
.PostContent ul, .PostContent ol { padding: 10px 0px; margin: 0px; }
.PostContent ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top;}
.PostContent ol li { padding: 2px 0px 2px 15px; list-style-type: decimal-leading-zero;
	list-style-position: outside;
	margin-left: 25px;
}
.PostContent blockquote { padding: 2px 10px; margin: 0px; color: #6d3803;
	border-left: 10px solid #d3d1be;
}
.PostContent blockquote p { padding: 5px 0px; margin: 5px 0px; }
.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; color: #6d3803; }
.PostContent blockquote a { color: #ec5912; }
.PostContent blockquote a:visited { color: #ec5912; }
.PostContent blockquote a:hover { color: #b50067; }
.PostContent a { text-decoration: underline;}

.PostDet { padding-top: 5px;
	border-top: 1px dotted #d3d1be;
	padding-bottom: 5px;
}
.PostDet ul { padding: 0px; margin: 0px;}
.PostDet li { margin: 0px 10px 0px 0px; list-style-type: none; color: #c6b9aa; font-size: 11px; font-weight: normal;
	font-style: normal;
	padding-bottom: 2px;
	padding-top: 2px;
} 
.PostDet li a { text-decoration: underline;} 
.PostCateg { color: #ec5912;
}
.PostCom { background: url(images/PostCom.png) no-repeat left center; }

/* @end */

/* @group Note */

.Note { padding: 0px; margin: 0px;}
.Note li { padding: 2px 0px 2px 15px; margin: 0px; list-style-type: none;}
.NoteRss { background: url(images/NoteRss.png) no-repeat left top;}
.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;}
.Note li a { color:#cc6600;}

/* @end */

/* @group Navigation Plugin */

.Nav a { padding: 2px 5px 2px 3px; background: #fff; border-right: solid 1px #ccc;}
.Nav a:visited { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc;}
.Nav a:hover { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; text-decoration: none;}
.Nav span { padding: 2px 5px 2px 0px; color:#666; border-right: solid 1px #ccc; }
.Nav .on { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; color:#000;}

/* @end */

/* @group Comments */

.Comments { margin: 20px 0px 0px 0px;}

/* @end */

/* @group Comments List */

.Comments .List h3 { font-size: 14px; margin: 0px 0px 5px 0px; padding: 5px 0px; color: #6d3803;
	font-style: italic;
	font-weight: normal;
}
.Comments .List ol { padding: 0px; margin: 0px;}
.Comments .List li { position: relative; margin: 0px 0px 0; list-style-type: none;
	border-top: 1px dotted #d3d1be;
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
}	

.Comments .List .ComListLi { 
	color: #6d3803;
}
/**/ * html .Comments .List .ComListLiTop { left: -5px;} /**/ 
.Comments .List .ComListLiTop { position: absolute; height: 15px; width: 420px; left: 0px; top: 0px;}

/**/ * html .Comments .List .ListNr { left: -55px;} /**/ 
.Comments .List .ListNr { color: #c6b9aa; position: absolute; top: 15px; font-size: 24px; line-height: 24px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; letter-spacing: -1px; padding: 0px; left: -25px; }

/**/ * html .Comments .List .ListGrav { left: 10px;} /* */ 
.Comments .List .ListGrav { position: absolute; top: 15px; left: 15px;}
.Comments .List .ListGrav img { border: solid 1px #fff;}

.Comments .List big { margin: 0px; padding: 0px 0px 0px 42px; letter-spacing: -1px; color:#333; display: block;}
.Comments .List small { color:#a19a80; padding: 0px 0px 0px 42px; margin: 0px; font-size: 10px; }
.Comments .List small a { color:#a19a80; text-decoration: none;}
.Comments .List small a:visited { text-decoration: none;}

.Comments .List .ListContent { line-height: 15px; display: block;
	color: #6d3803;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

/* @end */

/* @group Comments Form */

.Comments .Form h3 { font-size: 14px; margin: 0px; padding: 5px 0px 10px 0px; color: #6d3803;
	font-weight: normal;
	font-style: normal;
}
.Comments .Form { background: #d3d1be; padding: 10px 15px 20px 15px; position: relative;}
.Comments .FormTop  { left: -15px;}

.Comments .Form form {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: underline;}
.Comments .Form p { padding: 0px; margin: 0px;color: #6d3803; }
.Comments .Form p small strong { font-weight: bold;}
.Comments .Form p small { display: block; padding: 5px 0px;}
.Comments .Form .TextField { background: #fff; border: 1px solid #c6b9aa; padding: 3px; font-size: 11px; display: block;}
.Comments .Form .TextArea { background: #fff; border: 1px solid #c6b9aa; padding: 3px; font-size: 11px;}

.Comments .Form input.SubmitComment { width: 129px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 8px;}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 8px;}
.Comments .Form input.SubmitCommentIE { width: 129px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 10px; margin-top: 8px;}

/* @end */

/* @group Side Right LEft */

.SRL { width: 240px; float: left; padding: 10px 20px 15px 80px;
}
.SRL h3 { color: #b50067; padding: 0px; margin: 0px}
.SRL li a { color: gray;}
.SRL li a:visited { color: gray; }
.SRL li a:hover { color: #b50067;}

.SRL li.current_page_item a { color:#b50067;
}
.SRL li.current_page_item a:visited { color:#b50067;
}
.SRL li.current_page_item a:hover { color:#b50067;}

/* @end */


/* @group ColumnLeft & ColumnLeftSpave */
.ColumnLeftSpace { width: 30px; float: left; position: relative; 
}
.ColumnLeft { width: 205px; float: left; padding: 0;
}
.ColumnMiddle { width: 115px; float: left; padding: 0;
	margin-left: 15px;
	margin-right: 15px;
}
.ColumnRight { width: 460px; float: left; padding: 0 60px 0 0;
}
/* @end */

/* @group Side Central */

.SC { width: 360px; float: left; padding: 0;}
.SC h2 { font-weight: normal;}
.pagetitle { font-size: 20px; font-weight: normal; padding-bottom: 10px; letter-spacing: -1px;
	color: #6d3803;
	border-bottom: 1px dotted #6d3803;
}

/* @end */


/* @group Side Right Right */

.SRR { width: 120px; float: right; padding: 10px;}
.SRR h3 { background: url(images/SRRH3.gif) repeat-x left bottom; color:#abcee1; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px }
.SRR h2 { background: url(images/SRRH3.gif) repeat-x left bottom; color:#abcee1; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px }
.SRR ul { padding: 0px; margin: 0px;}
.SRR li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; background: url(images/SRRIco.png) no-repeat left top;}
.SRR li a { color:#7a8fa4; }
.SRR li a:visited { color:#7a8fa4; }
.SRR li a:hover { color:#7a8fa4;}

/* @end */

/* @group SearchAndFollow */
#SearchAndFollow {
	position: fixed; top: 400px;
	padding-left: 30px;
	z-index: 1;
}
.Search {position: relative; top: 0px; width: 190px; left: 0px;
	clear: left;
	padding: 5px 0px 0px;
}
.SearchSquare { 
	width: 15px; margin: 0 auto; padding: 0px; position: relative;
	height: 15px;
	float: left;
}
.SearchText { 
	padding: 1px 0px 0px 5px; position: relative;
	float: left;
}

.Search a { color:#cdc6b3; }
.Search a:visited { color:#cdc6b3; }
.Search a:hover { color:#ec5912;
}

.Search  form { padding: 0;margin: 0;}
.Search  input { border: none; color: #ec5912; font-size: 11px;}
.Search  input.search { width: 15px; height: 20px; 
	background: url(./images/codedifferent-search-button.gif) no-repeat 0; float: left;}
.Search  input.keyword { padding: 1px; width: 140px;
	border-style: inset; border-width: 1px;	margin-left: 5px; float: left; color: #cdc6b3;
}
#buttonsearch { 
	top: 0px; background: none 0; margin: 0;padding: 0;
}

/* @end */

/* @group Categories */

.Categ { margin-bottom: 20px;
	padding: 10px 0; ;
}
.Categ h3 { padding-left: 0px; margin: 0px; }
.Categ ul { margin: 0px;
	padding-top: 3px;
	padding-left: 0;
	padding-right: 0;
}
.Categ li { 
	list-style-type: none;
	margin: 0;
	padding: 5px 0px 2px 5px;
	border-top-width: 1px;
	border-top-color: gray;
	border-bottom: 1px solid gray;
}

/* @end */

/* @group Latest Comments */
.LatestCom { margin-bottom: 30px;}
.LatestCom h3 { background: url(images/LatestComH3.gif) no-repeat left top; padding-left: 20px; margin: 0px; }
.LatestCom ul { background: url(images/SRLH3.gif) repeat-x top; margin: 0px; padding: 10px 0px 0px 0px;}
.LatestCom li { display: block; color:#000000; margin: 0px; padding: 2px 0px 3px 20px; list-style-type: none; font-size: 11px; background: url(images/CategLi.png) no-repeat left top; font-size: 10px; font-weight: bold; border-bottom: solid 1px #106899;}
.LatestCom li a { display: block; font-size: 11px; font-weight: normal;}
/* @end */

/* @group Syndicate */

.Syn { background: #c13b27; margin-bottom: 10px; position: relative; padding: 10px 15px; }
/**/ * html .SynTop { left: -15px;} /* */ 
.Syn ul { margin: 0px; padding: 0px;}
.Syn li { margin: 0px; padding: 3px 0px 3px 0px; list-style-type: none; font-size: 12px; color: #b8152f;
	border-bottom: 1px dotted #eb9625;
}
.Syn li a { color:#fff; font-size: 12px; }

/* @end */

/* @group Footer */

.Footer { background: url(images/codedifferent-footer-bg.gif) no-repeat left top; width: 590px; position: relative; clear: left;
	padding: 20px 60px 5px 250px;
	text-align: right;
}
.Footer p { font-size: 10px; color: silver; padding: 0px; margin: 0px; }
.Footer a { color: silver; text-decoration: underline;}

/* @end */

#topMenuBg3 {background:url(images/btnTopMenu_over_04_04.gif) left top no-repeat; text-align:center; height:20px; vertical-align:middle;color:#FFFFFF; font-family: Georgia, "Times New Roman", Times, serif;
	
}
#topMenuBg3 a {
	color: white;
}

/* @group Captions */

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 10px 0 0;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* @end */

/* @group MapPress */

.mapp-poweredby {
	display: none;
}

/* @end */



/* @group Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* @end */

/* ... to customize the look of pagebar-plugin pagebar */

/* @group PageBar plugin */
.pagebar 
	{ font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-size: 10px; 
		margin: 0px; 
		color: #462F16;
	padding: 5px 0;
}
.pagebar a,
.pagebar a:visited 
	{
		color: white; 
		margin: 1px; 
		padding: 3px 6px;
		border: 1px solid #c6b9aa; 
		background: #c6b9aa; 
		text-decoration: none;
	font-weight: bold;
}

.pagebar a:hover 
	{
		background: #ec5912; 
		border: 1px solid #ec5912; 
		text-decoration: none;
	color: white;
}
	

.pagebar .break 
	{
		margin: 1px; 
		padding: 3px 6px; 
		border: none; 
		text-decoration: none;
	}

.pagebar .this-page 
	{
		margin: 1px; 
		border: 1px solid #6d3803; 
		color: white;
		padding: 3px 6px; 
		background: #6d3803;
	}
/* @end */

/* @group Specials for wp_codebox */
.wp_codebox pre {
	font-size: 10px !important;
}
/* @end */