@import "reset.css";
@import "droppy.css";

body {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	color: #888888;
	line-height: 1.3;
	background: #a2d3fc url(../gfx/global/bg.png) center top no-repeat;
}

h2 {
	font-weight: normal;
	font-size: 26px;
	margin-bottom: 10px;
}

h2 a {
	color: #1B1B1B;
}

h2 a:hover {
	text-decoration: underline;
}

h3, .header, h3 a {
	font-size: 18px;
	font-weight: normal;
	color: #484848;
	margin-bottom: 10px;
	text-transform: uppercase;
}

a {
	color:#6cb7f9;
	text-decoration: none;
}

p {
	margin: 15px 0;
}

form label { 
	display: block; 
	width: 150px; 
	margin: 15px 0 3px;
	font-weight: bold;
	color: #7d7874;
}


form input, form textarea, form select {
	width: 150px;
	background: #fff;
	padding: 4px;
	border-top: 1px solid #a8a7a6;
	border-left: 1px solid #a8a7a6;
	margin-bottom: 10px;
}

form textarea {
	width: 400px;
	height: 100px;
}

form .action {
	width: auto;
	background: #e77ea1;
	color: #fff;
	padding: 4px 10px;
	margin: 10px 0;
	border: 1px solid #aa5e77;
}

form .inline {
	display: inline;
	margin-right: 40px;
}

form .checkbox, form .radio {
	width: 20px;
}

#wrapper {
	width: 880px;
	margin: auto;

}

#header {
	height: 138px;
}
	#logo {
		float: left;
		width: 242px;
	}
	
	h1 a {
		background: url(../gfx/global/logo.png) no-repeat;
		text-indent: -999px;
		display: block;
		width: 242px;
		height: 138px;

		float: left;
	}
	
	#shoutbox {
		float: left;
		width: 59px;
		margin-left: 20px;
	}
	
	#chat {
		width: 500px;
		float: left;
		margin-left: 20px;
	}
	
	#chatwindow {

		border:0px solid #aaaaaa;
		height:auto;
		font-size: 12px;
	}
	
	.shoutbox_input {
		background: #d9edfe url(../gfx/global/enter.png) no-repeat scroll 220px 50%;
		color: #888888;
		padding: 3px 85px 3px 3px;
		border: 0;
		margin-top: 4px;
		width: 300px;
		font-size: 11px;

	}
	
	.shoutbox_submit {
		background: #F4FAFF;
		font-weight: bold;
		border: 0;
		width: 50px;
	}
	
	#largever {
		margin-left: 15px;
	}
#col1 {
	clear: both;
	width: 675px;
	float: left;
}
	
#col1_def {
	clear: both;
	width: 655px;
	float: left;
	background: #fff;
	padding: 10px;
}

	div.box {
		position: relative;
		top: -35px;
		right: 0;
		background: #fff;
		width: 335px;
		height: 395px;
		float: left;
		margin-bottom: 5px;
	}
	
	div.inner {
		padding: 15px;
		height: 175px;
	}
	
	.innera {
		background: #fff;
		padding:15px 45px;
		position:relative;
		left:0px;
		top:-40px;
		line-height: 1.4;
	}
	
	.text {
		width: 585px;
		margin-bottom: 10px;

	}
	
	.right {
		margin-left: 5px;
	}
	
	.by {
		margin: 0 25px;
		color: #9f9f9f;
	}
	
	.by img {
		float: left;
		margin-right: 10px;
		width: 30px;
		height: 30px;
	}

	#col1 h3 {
		font-weight: bold;
		text-transform: uppercase;
	}

#col2 {
	width: 200px;
	float: left;
	margin-left: 5px;
}
	#col2 p {
		margin: 10px 0;
	}
	
	.rute {
		background: #fff;
		margin-bottom: 5px;
		padding: 10px;
	}
	
	.menu {
		font-size: 16px;
		color: #fff;
		text-transform: uppercase;
		padding: 5px;
		margin-bottom: 5px;
		float: left;
		clear: left;
	}
	
	.blue {
		background: #74BFFD;
	}
	
	.pink {
		background: #e77ea1;
	}
	
	h3.ics {
		margin-top: 0px;
	}
	
	h3.pinkh {
		color: #e77ea1;
	}
	
	img.ics {
		float: left;
		margin-right: 10px;
	}
	
	#bibelvers  {
		clear: both;
		padding: 5px 10px;
	}


#footer {
	position: relative;
	top: 50px;
	left: 0;
	padding-bottom: 30px;
}

.fright {
	float: right;
}

.clear {
	clear: both;
}

.icons {
	vertical-align: middle;
}

.header {
	padding-bottom: 10px;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.w400 {
	height: 50px;
}

.pointer {
	cursor: pointer;
}

.rowtd {
	background: #f7f7f7;
	color: #666666;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}

.rowtdpad {
	padding: 5px;
	background: #EFEFEF;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #FFFFFF;
}

td.inner {
	color: #000000;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}

td.td_bg {
	background: #f7f7f7 url("../gfx/global/td_bg.gif") no-repeat 0 0;
	height: 35px;
	color: #5e5e5e; 
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	margin: 0px;
	padding: 0px 0px 0px 30px;
}

div#bbcode {
	background: #f1f1f1;
	border: 1px solid #dedcdc;
	text-align: left;
	padding: 3px;
}

td.smilies {
	padding: 3px;
	margin: 2px;
}

.margicos .icons {
	margin-right: 20px;
}

#unglive img {
	max-width: 651px;
}


.sep {
	padding: 2px;
	background: #A2D3FC;
	width: 671px;
	position: relative;
	left: -10px;
	margin-bottom: 15px;
}

.infopic {
	padding: 0 0 10px 10px;
}

.galleries td {
	width: 105px;
}

.galleripic {
	background:white none repeat scroll 0%;
	border:1px solid #CCCCCC;
	padding:6px;
}

.gallerylink {
	font-size: 13px;
	display: block;
	margin: 5px 0;
}

.subinfo {
	color: #666666;
	font-size: 9px;
}

.type {
	margin-right: 15px;
	font-size: 11px;
	text-transform: uppercase;
	color: #666666;
}

.comment {
	color: #666;
	margin: 20px 0;
}

	.number {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 15px;
	}
	
	.name {
		font-size: 14px;
		font-weight: bold;
		color: #363636;
		margin-left: 5px;
	}
	
	.comment_top {
		background: url(../gfx/global/comment_top_bg.png) no-repeat;
		height: 19px;
	}
	
	.commenttext {
		width: 435px;
		background: #d4d5d6;
		color: #504d4d;
		padding: 0 10px 10px 10px;
	}
	
	.sharelinks {
		padding: 3px;
		color: #fff;
		background: #a2d3fc;
	}



/* SLIDER */

.container { width:675px; height:375px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
.slides li { position:absolute; top:0; width:675px; display:none; padding:0; margin:0; }

#loopedSlider,#newsSlider { margin:0 auto; width:675px; position:relative; clear:both; }
.slides li {  }
ul.pagination { list-style:none; padding:0; margin:0; clear: both; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:4px 6px; background: #fff; color: #888888; margin: 0 4px; }
ul.pagination li#selected span { background: #E77EA1; color:white; padding:4px 6px; margin: 0 4px; }

a.previous {
	width:30px;
	height:77px;
	background:url(../gfx/btn_prev.gif) no-repeat 0 0;
	position:absolute;
	top:330px;
	left:0px;
	text-indent: -2000px;
}	
a.next{ 
	width:30px;
	height:77px;
	background:url(../gfx/btn_next.gif) no-repeat 0 0;	
	position:absolute;
	top:330px;
	right:-5px;
	text-indent: -2000px;
}	

#loopedSlider .title{
	font-size: 28px;
	color: #fff;
	text-transform: uppercase;
	background: #202020;
	padding: 5px 20px;
	position:relative;
	left:0px;
	bottom:41px;
	width: 400px;
}

#loopedSlider .title a {
	color: #fff;
}


/* TABS */

#tabmenu {
	color: #000;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	z-index: 1;
	padding-left: 10px
}

#tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
}


#tabmenu a, a.active {
	color: #fff;
	background: #74BFFD;
	font: bold 1em "Trebuchet MS", Arial, sans-serif;

	padding: 2px 5px 0px 5px;
	text-decoration: none;
}

#tabmenu a.active {
	background: #e77ea1;
}

#tabmenu a:hover {
	color: #fff;
	background: #e77ea1;
}

#tabmenu a:visited {
	color: #fff;
}

#tabmenu a.active:hover {
	background: #e77ea1;
	color: #fff;
}

#content {
	text-align: justify;
	background: #DAEDFE;
	padding: 20px;
	padding-right: -20px;
	z-index: 2;
}

/* START PAGINATION */

.pagenum {
	font-family: Trebuchet MS, Verdana, Tahoma, Arial;
	font-size: 10px;
	color: #FFFFFF;
	float:left;
	width: 20px;
	height: 20px;
	border-top: 1px solid #222222;
	border-left: 1px solid #222222;
	margin: 1px 3px 0px 1px;
	text-align: center;
	background-color: #131312;
	padding-top: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

.pagenum_selected {
	font-family: Trebuchet MS, Verdana, Tahoma, Arial;
	font-size: 10px;
	color: #000000;
	float:left;
	width: 20px;
	height: 20px;
	border-top: 1px solid #323131;
	border-left: 1px solid #323131;
	margin: 1px 3px 0px 1px;
	text-align: center;
	background-color: #EFEFEF;
	padding-top: 5px;
	padding-left: 3px;
}

.pagenum_next, .pagenum_prev {
	font-family: Trebuchet MS, Verdana, Tahoma, Arial;
	font-size: 10px;
	color: #FFFFFF;
	float:left;
	width: 45px;
	height: 20px;
	border-top: 1px solid #222222;
	border-left: 1px solid #222222;
	margin: 1px 3px 0px 1px;
	text-align: center;
	background-color: #131312;
	padding-top: 5px;
	padding-left: 3px;
}

a.pagelink, a.pagelink:link, a.pagelink:active, a.pagelink:visited, a.pagelink:hover {
	text-decoration: none; 
	font-family: Trebuchet MS, Verdana, Tahoma, Arial;
	font-size: 10px;
	color: #FFFFFF;
}

/* END PAGINATION */

/* ALERT MESSAGES */

.messages {
    font-family: "Trebuchet MS", Arial, Sans-serif;
    font-size: 13px;
    text-align: left;
    padding: 5px 20px 5px 45px;
}

.success {
    background: #6bca81 url(../gfx/icons/success.png) center no-repeat;
    background-position: 15px 50%;
    color: #FFFFFF;
    border-top: 1px solid #609c43;
    border-bottom: 1px solid #609c43;
}

.error {
    background: #fff6bf url(../gfx/icons/error.png) center no-repeat;
    background-position: 15px 50%;
    color: #333333;
    border-top: 1px solid #ffd324;
    border-bottom: 1px solid #ffd324;
}

.failed {
    background: #eb4e4e url(../gfx/icons/delete.png) center no-repeat;
    background-position: 15px 50%;
    color: #FFFFFF;
    border-top: 1px solid #b03b3b;
    border-bottom: 1px solid #b03b3b;
}

.info {
    background: #F8FAFC url(../gfx/icons/information.png) center no-repeat;
    background-position: 15px 50%;
    color: #333333;
    border-top: 1px solid #B5D4FE;
    border-bottom: 1px solid #B5D4FE;
}