* {
	margin:0;
	padding:0;
	}

body {
	font: 100% Arial, Helvetica;
	background: url(/images/n2.gif) repeat-x;
	color: #333;
	}

p {
   text-align:left; margin:10px 0 0 0;
	}

div.bri {
   text-align:right; margin:10px 0 0 0;
   font-weight: bold;
   color:#3F819C;
   padding-right:00px;

	}

div.bri:hover {
   text-align:right; margin:10px 0 0 0;
   font-weight: bold;
   color:#000;
   padding-right:00px;

	}

a:link, a:visited {
	color: #3F819C;
	text-decoration:none
	}

a:hover, a:active {
	color: #000;
	text-decoration:underline;
	}

a.black, a.black:link, a.black:visited{
  color: #000;
  line-height: 1.4em;
}


a img {
	border:0;
	}



select {
	width: 130px;
	}	



/* Structure */


#head {
	width:960px;
	margin:0px auto;
	margin-top:20px;
	padding:0px;
	font-size:0.7em;
	}


#page {
	width:940px;
	margin:0px auto;
	padding:10px;
    background-image: url(/images/n1.gif);
    background-color:#D1D6D9;
    /*
     */
	font-size:0.7em;
	}

.left {
	float:left;
	}

.right {

	float:right;
	}

.rightt {
  font:1.1em Arial;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 0px;
  text-align: center;
  width: 160px;
     background:#E4EDF1;
	float:right;
	}

.rightt h3 {
  padding-top: 5px;
 	font:1.1em Arial;
	font-weight:bold;
	background:#3F819C;
	color:#fff;
    text-align: center;
	margin:0 0px 0px 0px;
	padding:0px 10px;
	}

.rightt h3 a{
 	font:1.1em Arial;
	font-weight:bold;;
	color:#fff;
	}
.rightt h3 a:visited{
 	font:1.1em Arial;
	font-weight:bold;;
	color:#fff;
	}
/* Text*/

h1 {
	font:3.5em Arial;
	font-weight:bold;
	letter-spacing:-0.08em;
	}

h2 {
	font:2.3em Arial;
	}

h3 {

	font:1.3em Arial;
	margin-bottom:3px;
	color:#3c57a7;
	font-weight:bold;
	}

h4 {
	font:1.0em Arial;
	}



/* Index Page*/

#logo {
  padding-bottom: 10px;
	width:750px;
	}
#logo .slog{
  padding-top: 10px;
  color:#3F819C;
  font-style: italic;
  font-size: 1.2em;
  
}


#tagline {
	margin-top:5px;
	font-size:1em;
	color:#333;
	}

#top {
	padding:0;
	}

#headline {
	width:590px;
	float:left;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.5em;
	margin:0;
	}

#headline  div.title {
	font-weight:bold;
	font:2.4em Georgia;
	letter-spacing:-0.05em;
	display:block;
	padding-bottom:5px;
	}

#headline div.meta {
	display:block;
	padding-bottom:2px;
	}
#headline p {
	padding-bottom:15px;
	}

#featured {
	width:300px;
	background:#fff;
	float:right;
	padding:0 10px 6px 10px;
	}

#featured .clearfloat {
	margin-top:7px;
	margin-bottom:9px;
	}

#calendar{
  border: 1px solid #ccc;
}
#calendar td{
  border: 1px solid #ccc;
  text-align: center;
}
#featured .info {
	margin-top:5px;
	padding-top:5px;
	float:right;
	width:185px;
	}
#featured .title {
	font-weight:bold;
	}

#featured .divider {
	margin-left:85px;
	}

#headline a img, #featured a img {
	border:1px solid #bbb;
	margin-top:5px;
	margin-right:10px;
	}

#middle {
	width: 920px;
	background:#fff;
	float:right;
	padding:10px;
	margin:0 0 10px 0;
	}


#bottom {
	width: 940px;
	}
#leftcol {

	width:270px;
	float:left;

	}

.left-list {
	width:250px;
	background:#fff;
	padding:10px;
    margin: 0 0 10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	}
.left-list h3 {
	font:1.1em Arial;
	font-weight:bold;
	background:#3F819C url(images/mini1.gif) no-repeat right;
	color:#fff;
	margin:0 0px 10px 0px;
	padding:3px 10px;
	}
.left-list h3 a{color:#fff; }
.left-list h3 a:visited{color:#fff; font: #fff}
.left-list h2 {
	font:1.2em Arial;
    font-weight:bold;
    margin-bottom: 10px;
	}
.left-list p {
	font:1em Arial;
    margin-bottom: 10px;
	}
.left-list hr {
  border: none;
  border-top: 3px dotted #D4D0C8;
  margin: 10px 58px 10px 58px;
}

#front-list {
	width:330px;
	font-size:1.05em;
    margin-left: 10px;
	line-height:1.75em;
	float:left;
}
#front-list-big {
	width:660px;
	font-size:1.05em;
    margin-left: 10px;
	line-height:1.75em;
	float:left;
}
#front-list blockquote {
	padding: 0px 10px 0 10px;
	}

#front-list .title {
	font-weight:bold;
	font:2.0em Georgia;
	letter-spacing:-0.05em;
	}

#front-list .divider {
	margin-left:216px;
	margin-top:15px;
	margin-bottom:15px;
	}
.centerpart {
  background-color: #FFFFFF;
  margin-bottom:10px;
  padding:10px 10px 10px 10px;
}

.centerpart img.tb {
    padding:4px;
    border:1px solid #ccc;
    width: 140px;
    height: 135px;
    background:#ccc;
  margin: 5px 0px 0 0px
}

.centerpart img.tb2 {
    padding:4px;
    border:1px solid #ccc;
    width: 135px;
    height: 135px;
    background:#ccc;
  margin: 0px 0px 0 0px
}

.centerpart h4.tb2 {
  width: 145px;
  height: 65px;
  float:left;
	font:0.7em Arial;
	font-weight:lighter;
	background:#D7D8E3;
	color:#000;
	margin:0px 0px 10px 0px;
	padding:5px 3px 5px 15px;
	}

.centerpart h4.tb2 a {
	font:1em Arial;
	font-weight:lighter;

	}
.centerpart h4.tb {
  width: 140px;
  height: 60px;
  float:left;
	font:1em Arial;
	font-weight:bold;
	background:#D7D8E3;
	color:#000;
	margin:0px 0px 20px 0px;
	padding:5px 3px 5px 5px;
	}
.centerpart h3 {

	font:1.1em Arial;
	font-weight:bold;
	background:#3F819C url(images/mini1.gif) no-repeat right;
	color:#fff;
	margin:0 0px 10px 0px;
	padding:3px 10px;
	}


.centerpart h3.red {
	font:1.1em Arial;
	font-weight:bold;
	background:#9D4845 url(images/mini2.gif) no-repeat right;
	color:#fff;
	margin:0 0px 10px 0px;
	padding:3px 10px;
	}
.centerpart h3 a{color:#fff;}
.centerpart h3 a:visited{color:#fff; font: #fff}
.centerpart h2.name {
    font:1.6em Arial;
    font-weight:bold;

	}

.centerpart h2 {
    font:1.6em Arial;
    font-weight:bold;

	}
.centerpart hr {
  border: none;
  border-top: 3px dotted #DFDFDF;
  margin: 0px 80px 0px 80px;
	}


#sidebar {
    font-size:1.05em;
	width:320px;
	float:right;
	margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
	}
#sidebar h3 {
  
	font:1.1em Arial;
	font-weight:bold;
	background:#3F819C url(images/mini1.gif) no-repeat right;
	color:#fff;
	margin:0 0px 5px 0px;
	padding:3px 10px;
	}

#sidebar h3 a {
	color:#fff;
}
#sidebar h3.red {
	font:1.1em Arial;
	font-weight:bold;
	background:#9D4845 url(images/mini2.gif) no-repeat right;
	color:#fff;
	margin:0 0px 5px 0px;
	padding:3px 10px;

}
#sidebar h4 {
	font:1.1em Arial;
	font-weight:bold;
	padding:3px 0 5px;;
	}

#sidebar h2 {
	font:1.8em Arial;
	font-weight:bold;
	padding:3px 0px 10px;
	}
#sidebar-top, #sidebar-bottom {
	width:300px;
	float:right;
	padding:10px 10px 10px 10px;
	background:#fff;
	}
#sidebar-bottom, #sidebar-middle {
	margin-top:0px;
    margin-bottom: 10px;
	}
#sidebar-middle {
	width:320px;
	float:right;
	}
#sidebar-left {
	width:135px;
	padding:10px 10px 10px 10px;
	float:left;
	background:#fff;
	}
#sidebar-right {
	width:135px;
    margin-top:0px;
	padding:10px 10px 10px 10px;
	float:right;
	background:#fff;
	}

#sidebar li {
	list-style:none;
	border-bottom:1px dotted #bbb;
	display:block;
	padding:2px 0px 2px 13px;
	background:url(images/sub.png) no-repeat 0 0px;
	}
#video {
  padding-top: 0px;
	width:300px;
	float:right;
	margin-bottom:10px;
	padding:10px;
	background:#fff;
	}
#foto {
  padding-top: 0px;
	width:300px;
	float:right;
	margin-bottom:10px;
	padding:10px;
	background:#fff;
	}

/* Form Elements */

#videobottom {
	font-size:0.7em;

	width: 940px;
    background:#555555;
	margin: 0 auto;
	padding:10px;
	}

#vplay {
  float: left;
  	width:270px;
    height: 222px;
	background:#888;
}

#vlist {
  float: left;
  margin-left:10px;
  	width:190px;
    height: 212px;
    overflow:hidden;
	background:#fff;
    padding:10px 0 0 10px
    }
#photo {
  float: left;
  margin:0 0 0 10px;
    width:440px;
    height: 212px;

  background:#888;
  padding-left: 10px;
  padding-right: 0px;
  padding-top: 10px;
}

#scrollme {
width:180px;
height:200px;
overflow:hidden;

margin-bottom:5px;
}

#scrollme a{
  font-weight: bolder;
  font-size: 1.05em;
}

#scrollme img {
  float:left;
    padding:0px;
    border:0px solid #ccc;
    width: 45px;
    height: 45px;
    background:#ccc;
  margin: 0 8px 10px 0
}

#up {
position: absolute;

width:180px;
height:20px;
margin-bottom:5px;
}


#down {
position: relative;
bottom: 20px;
width:180px;
height:0px;
}

.cont {width:200px;height:180px;position:relative;}
.cont a.up, .cont a.down {background:grey;position:absolute;right:3px;}
.cont a.up:hover, .cont a.down:hover {background:red;}
.cont a.down {bottom:3px;}

#random {
    float:left;
    width:440px;
}

#random img {
    padding:4px;
    border:1px solid #ccc;
    width: 89px;
    height: 89px;
    background:#ccc;
  margin: 0 8px 0px 0
}
#random img:hover {
    padding:0px;
    border:1px solid #000;
    width: 97px;
    height: 97px;
    background:#ccc;

}

#photo .fotodiv {
    width:90px;
    height:140px;

    margin-right: 10px;
    margin-left: 0px;
    margin-top: 10px;
    float: right;
	}
.fotodiv img {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.fotodiv h4 {
	font:1em Arial;
	font-weight:bold;
	background:#D7D8E3;
	color:#000;
	margin:0px 0px 0px 0px;
	padding:5px 3px 5px 5px;
	}
/* Footer*/

#front-popular {
	font-size:0.7em;
	color:#fff;
	width: 940px;
	background:#2c2c2c url(images/bottombar.png) bottom no-repeat;
	margin: 0 auto;
	padding:10px;
	}

#recentpost, #mostcommented {
	width:280px;
	float:left;
	padding:10px;
	border:1px solid #fff;
	}

#mostcommented {
	margin-left:17px;
	}

#recent_comments {
	width:280px;
	float:right;
	padding:10px;
	border:1px solid #fff;
	}

#recentpost a, #mostcommented a, #recent_comments a {
	color:#fff;
	}

#recentpost ul, #mostcommented ul, #recent_comments ul {
	margin-top:5px;
	}

#recentpost ul li, #mostcommented ul li, #recent_comments ul li {
	list-style:none;
	border-top:1px dotted #fff;
	padding:5px;
	display:block;
	}

#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
	background:#3c57a7;
	color:#fff;
	}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
	border-top:0px dotted #fff;
	}


#footer {
	margin: 0 auto;
	width: 960px;
	font-size:0.6em;
	padding-top:10px;
	padding-bottom:10px;
	}



/* Float Properties*/

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

.clearfloat {
	display: inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}