/* 
Theme Name: RHODESIGN 2
Theme URI: 
Description:
Author: 
Author URI: http://www.rhodesign.ch
Version: 1.2	
*/

html, body { 
padding:0px;
margin:0px;
height:100%;
}


body {
margin:0px; padding:0px;
background-color:#ddba75;
background-image: url(images/bg_body.jpg);
background-repeat: repeat-x;
font-family: 'Droid Sans', Verdana, Arial, sans-serif;
color:#7f7d78;
font-size:13px;
line-height:19px;
height:100%;
}








#main {
background-image: url(images/bg_main.jpg);
background-repeat: no-repeat;
width:800px;
margin:0 auto;
position: relative;
min-height: 100%;
height: auto !important;
height:100%;
margin-bottom: -230px;
}





.container {
width:800px;
margin:0 auto;
padding-bottom: 230px;
}





#header {
margin-bottom: 30px;
}







#logo h1, #logo small {
margin:0px;
display:block;
text-indent:-9999px;
}
#logo {
background-image:url(images/logo.png);
background-repeat:no-repeat;
width: 310px;
height:160px;
margin-left: 30px;
}









/* MENU ZUR ZEIT NICHT BENUTZT 
ul#menu {
margin:0px; padding:0px;
float: right;
padding-top:15px;  
}
ul#menu li {
display:inline;
margin-left:1px; 
}
ul#menu li a {
text-decoration:none;
color:#553616;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
padding: 12px 8px;
}
ul#menu li a.active, ul#menu li a:hover {
color:#553616;
background-color: #cca047; 
background-image: url(images/nav_spitz.png);
background-repeat: no-repeat;
background-position: top center;
border-bottom: 1px solid #764f28;
}

ul#menu li a.active, ul#menu li.current_page_item a {
color:#553616;
background-color: #cca047; 
background-image: url(images/nav_spitz.png);
background-repeat: no-repeat;
background-position: top center;
border-bottom: 1px solid #764f28;
}
*/











/* ######################################## START NAVIGATION ######################################## */
li.current_page_item a {
color:#553616;
background-color: #cca047; 
background-image: url(images/nav_spitz.png) !important;
background-repeat: no-repeat;
background-position: top center;
border-bottom: 2px solid #764f28;
}

li.current_page_parent a {
color:#553616;
background-color: #cca047; 
background-image: url(images/nav_spitz.png) !important;
background-repeat: no-repeat;
background-position: top center;
border-bottom: 2px solid #764f28;
}




/* Styles for the entire LavaLamp menu */
.lavaLamp {
position: relative;
overflow: hidden;
margin:0px; padding:0px;
float: right;
padding-top:8px; 
}


/* Force the list to flow horizontally */
.lavaLamp li {
float: left;
list-style: none;
}

/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
color:#553616;
background-color: #cca047; 
background-image: url(images/nav_spitz.png);
background-repeat: no-repeat;
background-position: top center;
border-bottom: 2px solid #764f28;
z-index: 8;
position: absolute;
}


.lavaLamp li.back .left {
background-color: #cca047; 
background-image: url(images/nav_spitz.png);
background-repeat: no-repeat;
background-position: top center;
border-bottom:2px solid #764f28;
height: 36px;
}




/* Styles for each menu-item. */
.lavaLamp li a {
position: relative;
overflow: hidden;
outline: none;
text-align: center;
top: 0px;
z-index: 10;
float: left;
display: block;
text-decoration:none;
color:#553616;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
padding: 10px 15px 7px 15px;
margin-right: 1px; margin-left: 1px;
}


/* ######################################## START NAVIGATION ######################################## */





































.image_block {
border:1px solid #b5b5b5;
background-color:#d2d2d2;
padding:5px;
float:left;
}
.image_block img {
border:1px solid #fff;
}




.text_block {
float:left;
width:280px;
margin-left:30px;
color: #333;
}

.text_block h2{
margin:0px 0px 15px 0px;
font-size:20px;
font-family:Georgia, serif;
color:#533616;
line-height: 24px;
font-variant: small-caps;
letter-spacing: 0.02em;
}










/* 
Tutorial button with jQuery  
http://www.tutorial9.net/web-tutorials/creative-button-animations-with-sprites-and-jquery-part-2/ 
*/
.button {
	clear: both;
	position:relative;
	display:block;
	height: 34px;
	width: 131px;
	background: url(images/website-besuchen2.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.button span.hover {
	position: absolute;
	display: block;
	height: 34px;
	width: 131px;
	background: url(images/website-besuchen2.png) no-repeat;
	background-position: bottom;
}






.more_images{
display: block;
width: 412px;
text-align: right;
clear: both;
margin-top: 0px;
font-size: 11px;
text-transform: uppercase;
color: #888;
padding-top: 3px;
}
.more_images a{
margin-left: 5px;
}



#logos{
float: left;
}
#logos img{
width: 200px !important;
padding: 1px;
border: 1px solid #D2D2D2;
margin-right: 15px;
}





























/* ############################ START FOOTER ##############################   */
#footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #FFF;
height:230px;
background: url(images/footer_bg.png) repeat-x bottom;
clear: both;
margin: 0 auto !important;
position: relative;
bottom: 0 !important;
bottom: -1px; /* For Certain IE widths */
display: block;
}
#footer a {
color: #FFF;
}
#footer a:hover {
color: #CCA047;
text-decoration: none;
}

#footercontainer{
width:800px;
margin:0 auto;  
padding-top: 60px;  
}

.footer_column {
float:left;
width:140px;
margin-right:40px;
}
.long {
width:400px;
}
#footer h3 {
color:#e2dddc;
text-transform:uppercase;
font-size:10px;
}
.footer_column ul li, .footer_column ul {
list-style:none;
margin:0px;
padding:0px;
}
/* ############################ ENDE FOOTER ##############################   */












/* ############################ START VERSCHIEDENES ##############################   */

a {color:#888;text-decoration:none;}
a:hover { text-decoration:underline; }
a img {border: none;}

p { margin: 0px 0px 15px 0px; }



.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
 display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

/* ############################ ENDE VERSCHIEDENES ##############################   */

































/* ############################################ START SIDEBAR ############################################ */

#sidebar {
float:right;
width:200px;
position:relative;
left:-1px;
background-color:#e2dddc;
border:1px solid #a3a09e;
}
#sidebar .block_inside {
background-color:#fff; 
background-image: url(images/bg_miniportfolio.jpg);
background-repeat: repeat-x;
background-position: top;
padding: 10px !important;
color: #333;
}

#sidebar h3{
margin:15px 0px 10px 0px;
font-size:16px;
font-family:Georgia, serif;
color:#533616;
font-variant: small-caps;
letter-spacing: 0.01em;
}

#sidebar ul { 
margin:10px 0px 30px 0px; 
padding:0px; 
}
#sidebar ul li { 
list-style:none; 
margin:0px 0px 5px 0px; 
padding:0px; 
}
#sidebar ul li.current { 
background-color: #e2e2e2 !important;
}


#sidebar ul li a.current-term { 
background-color: #e2e2e2 !important;
}

#sidebar ul li a { 
color: #333;
display: block;
padding: 0 0 0 5px;
}
#sidebar ul li a:hover { 
color:#666; 
text-decoration:none; 
background-color: #e2e2e2;
}

#sidebar a { 
color:#7f7d78; 
padding: 0px;
}
#sidebar a:hover { 
color:#666; 
text-decoration:none; 
}
#sidebar p { 
color:#333; 
padding: 0 0 0 5px;
font-size: 12px;
}




/* Sidebar Startseite ohne Hintergrund */
#sidebar_home {
float:right;
width:200px;
position:relative;
left:-1px;
color: #333;
}
#sidebar_home h2{
margin:0px 0px 10px 0px;
font-size:20px;
font-family:Georgia, serif;
color:#533616;
line-height: 22px;
font-variant: small-caps;
letter-spacing: 0.02em;
}
#sidebar_home a{
color: #333 !important;
}
#sidebar_home a:hover{
color: #888  !important;
text-decoration: none;
}

/* ############################################ ENDE SIDEBAR ############################################ */















ul.post-meta{
margin: 0px !important;
padding: 0px !important;
}
ul.post-meta li{
margin: 0px !important;
padding: 0px !important;
padding-bottom: 0px !important;
margin-bottom: 0px !important;
list-style-type: none;
}
.post-meta-key{
visibility: hidden;
display: none;
}
















.alignleft{
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.alignright{
float: right;
margin-left: 20px;
margin-bottom: 20px;
}



#partner a img{
border: 4px solid #E2E2E2;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);	
opacity: .5;
}
#partner a img:hover{

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);	
opacity: .8;
}















/* ############################################ START CONTENT ############################################ */

#content {
width:568px;
min-height:380px;
float:left;
border:1px solid #a3a09e;
background-color:#ffffff;
margin-bottom:20px;
}
#content ul{
list-style-type: none;
padding-left: 5px;
}
#content ul li{
padding: 2px 0 2px 15px;
background-image: url(images/li.gif);
background-repeat: no-repeat;
background-position: center left;
}
#content h2{
margin:0px 0px 15px 0px;
font-size:20px;
font-family:Georgia, serif;

color:#533616;
line-height: 24px;
font-variant: small-caps;
letter-spacing: 0.02em;
}

#content h3{
margin:15px 0px 10px 0px;
font-size:16px;
font-family:Georgia, serif;
color:#533616;
font-variant: small-caps;
letter-spacing: 0.01em;
}
#content h4{
margin:50px 0px 10px 0px;
font-size:16px;
font-family:Georgia, serif;
color:#533616;
font-variant: small-caps;
letter-spacing: 0.01em;
}





#content_portfolio {
width:568px;
margin-right:25px;
float:left;
padding-top: 1px;
}





/* innerer Block mit weissem Rand und grauem Verlauf */
.block_inside { 
display:block; 
border:1px solid #ffffff;
background: #ffffff url(images/bg_block_featured.gif) repeat-x;	
padding:30px;
overflow:auto;
color: #333;
font-family: 'Droid Sans', Verdana, Arial, sans-serif;
}






.block {
border:1px solid #a3a09e;
background-color:#ffffff;
margin-bottom:20px;
position:relative;
}
.ribbon {
position:absolute;
top:-3px;
right:-3px;
}









.mini_portfolio_item {
border:1px solid #a3a09e;
margin-bottom:10px;
position:relative;
color: #333;
}
.mini_portfolio_item .block_inside { 
background:none; 
background-color:#fff; 
background-image: url(images/bg_miniportfolio.jpg);
background-repeat: repeat-x;
background-position: top;
padding:25px 30px 20px 30px !important; 
}
.mini_portfolio_item .thumbnail { 
float:left; margin-right:20px; 
border:1px solid #979390; 
}

.mini_portfolio_item h2{
margin-top: 0px !important;
margin:0px 0px 10px 0px;
font-size:20px;
font-family:Georgia, serif;
color:#533616;
font-variant: small-caps;
letter-spacing: 0.01em;
}
.mini_portfolio_item h3{
margin-top: 0px !important;
margin:0px 0px 10px 0px;
font-size:16px;
font-family:Georgia, serif;
color:#533616;
font-variant: small-caps;
letter-spacing: 0.01em;
}
.mini_portfolio_item h3 a{
color:#533616;
}



/* ############################################ ENDE CONTENT ############################################ */




#navigation a{
font-size:12px;
font-family:Georgia, serif;
color:#764F28;
font-variant: small-caps;
letter-spacing: 0.01em;
}
#navigation a:hover{
text-decoration: none;
color: #553616;
}







#twitter {
position:fixed;
right:0px; 
top:191px; 
}

#twitter a{
display: block;
background-image: url(images/twitter6.png);
display:block;
text-indent:-9999px;
width:30px; 
height:64px;
background-position: right;
}

#twitter a:hover{
background-position: left;
display: block;
text-decoration: none;
width:30px; 
}


#facebook {
position:fixed;
right:0px; 
top:260px; 
}

#facebook a{
display: block;
background-image: url(images/facebook.png);
display:block;
text-indent:-9999px;
width:30px; 
height:75px;
background-position: right;
}

#facebook a:hover{
background-position: left;
display: block;
text-decoration: none;
width:30px; 
}