/*
 * kob 5 aka mha2
 *
 * clean, simple design. bright colours 
 *
 *  |-   700         -|
 *  |- 380 -|-  320  -|
 *
 *
 *
 *
 */



/*
 * links 
 */
.cleft  a, .cleft  a:visited {
	color:               white;
	text-decoration:     underline;
}
.cright a, .cright a:visited {
	color:               #207aaa;
	text-decoration:     underline;
}
.cright a:focus, .cright a:hover {
	background-color:    #207aaa;
	color:               #ffffff;
	text-decoration:     underline;
}

.logo a, .title a , .caltop a,
.logo a:visited, .title a:visited , .caltop a:visited,
.logo a:hover {
	color:               #ffffff;
	text-decoration:     none;
}
.subtitle a , .subtitle a:visited {
	color:               #ffffff;
	text-decoration:     underline;
}
.title a:hover, .caltop a:hover, .subtitle a:hover {
	background-color:    #ffffff;
	color:               #207aaa;
	
}


.navigation a,        .navigation a:hover,
.navigation a:active, .navigation a:visited {
	color: white;
}

/*
 * Text Elemets
 *
 	text-justify:        newspaper;
 */
div, p, .smalltext, a {
	font-family:         "Vera", Sans, Arial;
	text-align:          justify;
}
div, p {
	font-family:         "Vera", Sans, Arial;
	font-size:           15px; 
}
p {
	text-indent:         1em; 
}
.text p, .title div,
.comment p, .content p {
	color:               #ffffff;
}

/*
 * Structure elements
 *
 */
body {
	background-color:    #7ac;
}
.container {
	border-top:          solid black 1px;
	border-left:         solid black 1px;
	border-right:        solid black 2px;
	border-bottom:       solid black 2px;
	background-color:    #207aaa;
	margin-right:        auto;
	margin-left:         auto;
	width:               740px;
}
.cleft {
	margin-left:         15px;
	width:               380px;
	float:               left;
}
.cright {
	margin-right:        15px;
	width:               250px;
	float:               right;
}

.content, .title, .text, .subtitle, .comment {
	width:               376px; }
.content, .text {
	padding-left:        2px;
	padding-right:       2px;
}
.text {
	border-bottom:       dashed #ffffff 2px;
	word-wrap:           break-word;
}
.title {
	border-bottom:       solid  #ffffff 2px;
	padding-left:        2px;
	padding-right:       2px;
	background-color:    #025483;
	background-image:    url(../images/fuzzleright.gif);
	background-repeat:   no-repeat;
	background-position: right bottom;
}
.subtitle {
	padding:             3px;
	padding-right:       5px;
	font-family:         "Vera", Sans, Arial;
	font-size:           12px; 
	text-align:          right;
}
.logo a {
	margin-left:         20px;
	font-size:           50px;
	font-family:         "Vera", Sans, Arial;
	font-weight:         bold;
	color:               white;
	text-decoration:     none;
}
.logo {
	height:              100px;
	padding:             12px 12px 12px 12px;
	text-align:          left;
	background-image:    url(../images/schoolbook.gif);
	border-bottom:       solid black 1px;
	margin-bottom:       20px;
}
.navigation {
	color:               white;
	width:               190px;
	margin-bottom:       35px;
	background-color:    #025483;
	border:              solid black 1px;
	padding:             4px 4px 18px 12px ;
}
.footer {
	padding-top:          20px;
	padding-right:        20px;
	text-align:          right;
}
.break {
	margin-bottom:       35px;
}

.comment {
	border-bottom:      solid white 1px;
	margin-bottom:       22px;
}
.comment .avatar {
	border:             solid white 1px;
	float:              left;
	margin-top:         10px;
	margin-right:       10px;
	margin-bottom:      10px;
	width:              80px;
	height:             80px;
}

.commentform fieldset {
	margin-top:          22px;
	border:              solid white 1px;
	color:               white;
}
.commentform legend {
	border:              solid white 1px;
	color:               black;
	background-color:    white;
}
.commentform input ,
.commentform textarea {
	float:               right;
	border:              solid #cecece 1px;
	width:               250px;
	margin:              0px;
	color:               black;
	background-color:    white;
}
.commentform .button {
	background-color:    white;
	margin-top:          10px;
}
.searchform fieldset {
	padding:             12px;
	width:               190px;
	margin-bottom:       22px;
	border:              solid white 1px;
	color:               white;
}
.searchform legend {
	border:              solid white 1px;
	color:               white;
	background-color:    #025483;
	padding:             4px;
}
.searchform .query {
	padding:             2px;
	border:              solid black 1px;
	width:               130px;
	margin:              0px;
	color:               black;
	background-color:    white;
	float:               left;
}
.searchform .button {
	border:              solid black 1px;
	padding:             2px;
	color:               black;
	background-color:    white;
	margin:              0px;
	float:               right;
}

/*
 * Fancy boxes
 *
 */
.sticky {
	width:              200px;
	padding:             15px;
	background-color:   #ffee77;
	border-left:        solid #7f763b 1px;
	border-bottom:      solid #7f763b 1px;
}
/*  blue to yellow 
   10% 3585a5
   20% 4d91a0
   35% 6da298
   60% a6c08b
  */

.stickyshaddow35 {
	width:              231px;
	border-left:        solid #595329 1px;
	border-bottom:      solid #595329 1px;
}

.stickyshaddow0 {
	width:              232px;
	border-left:        solid #000000 1px;
	border-bottom:      solid #000000 1px;
	margin-bottom:       35px;
}
.stickyshaddow20 {
	width:              232px;
	border-left:        solid #332f17 1px;
	border-bottom:      solid #332f17 1px;
}

.about, .abouttop {
	width:              190px;
	padding:             15px;
	margin-left:         25px;
}
.about {
	margin-bottom:       35px;
	background-color:   #ffffff;
}
.about img {
	float:              left;
	margin:             6px;
}
.abouttop {
	background-color:   #025483;
}

.categories {
	margin-left:        auto;
	margin-right:       auto;
	padding:            20px;
	width:              180px;
	background-color:   #bea;
	margin-bottom:       35px;
}
.category {
	border-bottom:      solid #fff 1px;
}
table.cal {
	margin-bottom:       35px;
	width:               200px;
	background-color:    #dadada;
	background-color:    #9ab;
	border:              solid white 1px;
}
td.caltop {
	text-align:          center;
	background-color:    #025483;
	color:               white;
	font-weight:         bold;
}
td.cal {
	margin:              4px;
	width:               19px;
	text-align:          center;
}


.abouttop p {
	font-family:         "Vera", Sans, Arial;
	font-size:           19px;
	color:               white;
}
.sticky p, .about p {
	color:               #000000;
	font-family:         "Vera", Sans, Arial;
	font-size:           12px;
}
.switcher {
	padding:             0px 0px 0px 0px; 
	margin:              10px 10px 10px 10px;
	float:               left;
}

.switcher a,        .switcher a:hover,
.switcher a:active, .switcher a:visited {
	font-size:           16px; 
	font-family:         "Vera", Sans, Arial;
	color:               white;
	text-decoration:     none;
	padding:             0px;
	margin-left:         16px;
	margin-right:        16px;
	line-height:         22px;
	padding-left:        12px;
}

.switcher a {
	display:            block;
	height:             22px;
	width:              130px;
}
.switcher a:hover {
	background-color:   #207aaa;
}
.switcher a:hover {
}
.imageattributes {
	background-color:    #fff;
	width:               160px;
	padding:             15px;
	margin-bottom:       35px;
	margin-left:         20px;
}

.gal {
	width:               375px;
	height:              690px;
}
.gal img {
	border:              solid #000 1px;
}

.gal a img {
	border:              solid #fff 1px;
}
.galhdl {
	width:               375px;
	margin-bottom:       10px;
}
.gal_small {
	width:               142px;
	height:              202px;
	padding:             5px;
	float:               left;
}
.gal_medium {
	width:               350px;
	height:              315px;
	padding:             5px;
	float:               left;
}
.gal_large {
	color:               #ffffff;
	width:               370px;
	margin-top:          10px;
	text-align:          center;
	margin-left:         auto;
	margin-right:        auto;

}
.galtags {
	margin-left:        auto;
	margin-right:       auto;
	padding:            20px;
	width:              180px;
	background-color:   #bea;
	margin-bottom:      35px;
}
.galtag {
	border-bottom:      solid #fff 1px;
}

.galsizes {
	padding:            15px;
	background-color:   #fff;
	margin-bottom:      35px;
	width:              130px;
	margin-left:        30px;

}
.galsize {
	padding:             2px;
}

.content h1 {
	margin:              0px 10px 20px 10px;
	font-size:           20px;
	font-family:         "Vera", Sans, Arial;
	font-weight:         bold;
	color:               white;
}
.navigation h2 {
	margin:              10px 20px 10px 10px;
	font-family:         "Vera", Sans, Arial;
	font-size:           19px;
	font-weight:         bold;
}

/*
 * useful stuff, that does what it says
 */

.stdtext {
	color: #fff;
	text-align: left;
	font-size: 16px;
	font-family:         "Vera", Sans, Arial;
}

.smalltext {
	font-family:         "Vera", Sans, Arial;
	font-size:           9px; }
.smallpad {
	padding:             3px; }

.bold {
	font-weight:         bold;
}
.white {
	color:               white;
}
.bgwhite {
	background-color:    white;
}
.notopmargin {
	margin-top:          0px; 
}
.nobottommargin {
	margin-bottom:       0px; 
}

.bottommargin {
	margin-bottom:       20px; 
}

.nomargin {
	margin:              0 0 0 0; 
}
.rfloat {
	float:               right;}
.lfloat {
	float:               left;}
.clrboth {
	clear:               both;}
.bottom {
	vertical-align:      bottom;
}




/*
 *
 *
 */
.math input {
	width: 40px;
	height: 20px;
	margin:  4px 4px 4px 4px;
	padding: 1px 1px 1px 1px;
	border: solid white 1px;
	background-color: #7ac;
}
.math input.b {
	width: 100px;
}