body {background-color:#F3F2E8; font-family: Georgia; }
h4 {font-weight: bold; width: 80%; padding-bottom:10px; border-bottom: 1px solid black;}
.container{background-color:#F8F7F3; padding:0;}
#header{background-color: #4F4F4F; height: 140px; text-align: center;}

#inner_header {margin: 0 auto;   /* align for good browsers */
		 text-align: left; /* counter the body center */
		 height: 140px;	
		 width: 950px;
}
a{color: #7F0F0F; font-weight:bold;}

/*menu:*/

#inner_header img, #menu img {margin:0; padding:0; border:0;float:left;}
img#orange {border-top: 4px solid #DC8D25; }
img#orange:hover {border-top: 4px solid #ffb95f;}

img#green {border-top: 4px solid #8EA121;}
img#green:hover {border-top: 4px solid #BCCF4D;}

img#yellow {border-top: 4px solid #EEd11C;}
img#yellow:hover {border-top: 4px solid #FFF29F;}

img#grey {border-top: 4px solid #BEBDB9;}
img#grey:hover {border-top: 4px solid #3F3F3F;}



#footer {background-color: #4F4F4F; text-align:center;}
#footer a {color: #fff;}


.about{line-height: 2;}
.box {background-color:#FFFEFF; border: 1px solid #BFBFBD;margin-bottom:25px; padding: 15px; }
.image img{width: 150px; display: inline; margin-bottom: 10px;}
.image{ width: 200px;text-align:center; float: right; margin-left: 15px;}



img#logo {float:right; margin-right: 30px;}

#search_form {display: inline; float:right; margin-top: 6px;}
#search_form input[type=text]{width: 279px; height: 30px;margin: 0; border: 1px solid #bbb; border-right: 0;float:left; padding:0; font-size: large;}
#search_form input[type=submit]{background-image: url('/miodjul/szarada/images/zoom.png'); background-repeat:no-repeat; width: 30px;height:32px;   background-color: #fff; border-right:1px solid #bbb; border-bottom:1px solid #bbb; border-top:1px solid #bbb; border-left:0;float:left;margin:0; padding: 0;}



#search_form input[type=submit]:hover{cursor: pointer;}


#menu{height:40px; background-color: #F8F7F3; margin-bottom: 20px; padding:0;}
#content {height: 100%;margin:0;}
#sidebar {height: 100%;margin:0; float:right; }

.puzzle_box{border-left: 12px solid #DC8D25;}
.category_box{border-left: 12px solid #8EA121; padding-left: 10px;}
.context_box{border-left: 12px solid #EEd11C; padding-left: 10px;}

#recently_added_contexts{border-right: 12px solid #EEd11C; padding-right: 10px;}
#recently_added_contexts p { font-size: smaller;}
#recently_added_contexts  a {font-size: larger;}
#random_puzzle {border-right: 12px solid #DC8D25; padding-right: 10px;}
#random_puzzle p, h5, a{text-align:center;}
#random_puzzle h4 span{border-left: 12px solid #DC8D25; padding-left: 10px;}
#random_puzzle img{vertical-align: middle; margin: 1px 10px;}

.example h5{text-align: left; }
.example{border-left: 12px solid #BEBDB9; padding-left: 10px; margin-bottom: 25px;}