/*
	Insight / www.depechemode.sk  /  StyleSheet  (CSS)
	Programovanie: Gabriel Schwardy, Ing. / Caleydon Media / www.caleydon.com
	Nazov suboru: theme.css
*/

/* Zaciatok CSS */

.hlavicka {font-size:1.1em; color:#CCC;}
.prispevky {font-size:1.1em;}
.hlavickaOznam {font-size:1.1em; background-color:#BFBFBF; color:#000;}

.breadcrumb {padding-bottom:1em; font-size:1.3em;}
.breadcrumb a, a:active, a:visited {border-bottom:none; color:#A06D00; font-weight:normal;}
.breadcrumb a:hover {color:#CCC; text-decoration:none;}

.signature {font-size:1.1em; color:#ccc; margin:15px 10px 0 15px; padding:10px 0 4px 20px; border-color:#ccc transparent transparent; border-style: solid none none; border-width: 1px;}
.signatureTitle {font-size:1em; color:#ccc; background-color:transparent; margin:0; padding:0 4px 1px 4px;}
.signature p {color:#666; font-size:1.1em;}
fieldset {margin:0; padding:0;}

.najnovsie {padding-bottom:1em; font-size:1.3em; text-align:right; margin-right:5px;}
.themeSwitcher {text-align:center;}

.forumLightLinks {font-size:0.6em; display: none;}

.itempad {padding:2px 0;}

.formLabel {font-size:1.2em; color:#FFF;}

.codeblock {background:white; font-family:Verdana, Geneva, Tahoma, "Trebuchet MS", Arial, Sans-serif; font-size:11px; color:#38394b; margin:8px 0 10px; padding:10px 10px 10px 6px; border: solid 1px #b2b3ce; }

#breadcrumbs { padding: 10px 0 0 0;}

/*
    Formatting Buttons
------------------------------------------------------ */ 

.htmlButtonOuter, .htmlButtonOuterL {
 background-color:  #f6f6f6;  
 padding:           0;
 border-top:        #333 1px solid;
 border-right:      #333 1px solid;
 border-bottom:     #333 1px solid;
}
.htmlButtonOuterL  {
 border-left:       #333 1px solid;
}
.htmlButtonInner {
 background-color:  transparent; 
 text-align:		center;
 padding:			0 3px 0 3px;
 border-left:       #fff 1px solid;
 border-top:        #fff 1px solid;
 border-right:      #ccc 1px solid;
 border-bottom:     #ccc 1px solid;
}
.htmlButtonOff {
 font-family:       Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
 font-size:         11px;
 font-weight:       bold;
 padding:           1px 2px 2px 2px;
 white-space:       nowrap;
}
.htmlButtonOff a:link { 
 color:             #000;
 text-decoration:   none;
 white-space:       nowrap;
}
.htmlButtonOff  a:visited { 
 text-decoration:   none;
}
.htmlButtonOff a:active { 
 text-decoration:   none;
 color:             #999;
}
.htmlButtonOff a:hover { 
 text-decoration:   none;
 color:             #999;
}
.htmlButtonOn {
 font-family:       Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:       bold;
 background:        #f6f6f6;
 padding:           1px 2px 2px 2px;
 white-space:       nowrap;
}
.htmlButtonOn a:link { 
 color:             #990000;
 text-decoration:   none;
 white-space:       nowrap;
}
.htmlButtonOn  a:visited { 
 text-decoration:   none;
}
.htmlButtonOn a:active { 
 text-decoration:   none;
 color:             #999;
}
.htmlButtonOn a:hover { 
 color:             #999;
 text-decoration:   none;
}

/* LightBox */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.depechemode.sk/obrazky/schema/pradzne.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.depechemode.sk/obrazky/schema/ikona-prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.depechemode.sk/obrazky/schema/ikona-next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
/* Top Bar */

#topBar {
	color:				#fff;
	background-color:	#333;
	padding:			15px 30px;
}

ul.topBarLinks {
	float:				right;
}

ul.topBarLinks li {
	display:			block;
	float:				left;
	margin:				0 8px;
}

#topBar h1 {
	font-size:			1.6em;
	font-weight:		bold;
}


/* Subheader */

#subheader {margin: 0 0 10px 22px;}
.currentcrumb {font-weight: normal;}

#subheaderBottom {margin: 0 0 10px 22px;}
.currentcrumbBottom {font-weight: normal;}

/* Visitor Stats */

#visitorStats {padding:15px 0 10px 0; font-size:1.2em; text-align:left;	color:#999;	clear:left; line-height:1.5em;}
#visitorStats strong {color:#333;}

/* Content */

#content {margin:0 20px 25px 20px;}
#content p {margin:10px 0; line-height:1.4em; font-size:1.3em;}
#content h2 {margin:10px 0;	font-size:2em; line-height:24px;}
ul.postLinks li {display:block; float:right; margin:0 8px 5px 8px;}
li.tucnyOdkaz a, li.tucnyOdkaz a:visited {font-weight:bold; text-decoration:none;}
li.tucnyOdkaz a:hover {color:#333; font-weight:bold; text-decoration:underline;}

blockquote {
	padding:			6px 8px;
	margin:				6px 0;
	background-color:	#eee;
	border:				1px solid #bbb;
}

.quoteAuthor {
	font-weight:		bold;
	font-style:			italic;
}

.reviewHeading {
	text-align:			center;
	background-color:	#222;
	color:				#fff;
	font-weight:		bold;
	font-size:			1.6em;
	padding:			6px 8px;
	margin:				6px 0;
}

.reviewReminder {
	margin:				10px 0;
	font-size:1.2em;
}

.replyResults {
	font-size:1.1em;
	color:#666;
	padding:5px 0 10px 28px;
}
.replyResults a:link, .replyResults a:visited {
	font-size:1.2em;
	line-height:1.4em;
}

.replyResults ul {
	padding-top:5px;
	line-height:1.3em;
	padding-left:20px;
}

/* Forum Tables and Stuff */

table {
	border-bottom:		1px solid #bbb;
}

th {
	text-align:			left;
	background-color:	#222;
	color:				#fff;
}

td, th {
	padding:			8px 15px;
}

td.category {
	background-color:	#555;
	color:				#fff;
	font-weight:		bold;
}

.categoryDescription {
	font-weight:		normal;
	font-style:			italic;
}

tr.forumRow td.forum,
tr.topicRow td {
	border-left:		1px solid #bbb;
	border-top:			1px solid #bbb;
}

tr.forumRow td.recentPostInfo,
tr.topicRow td.recentPostInfo {
	border-left:		1px solid #bbb;
	border-right:		1px solid #bbb;
	border-top:			1px solid #bbb;
	background-color: #EBEBEB;
	font-size:1.1em;
}

table.threadTable {
	border-top:			10px solid #999;
	border-bottom:		2px solid #999;
	margin-bottom:		8px;
}

table.threadTable td.author {
	background-color:#DFDFDF;
	width:				125px;
	vertical-align:		top;
}

table.threadTable td.body {
	border-left:		1px solid #DFDFDF;
	border-right:		1px solid #DFDFDF;
	border-bottom:		1px solid #DFDFDF;
	vertical-align:		bottom;
}

table.threadTable td.body ul {
	list-style-position:	inside;
	margin:					8px 10px 10px 10px;
	line-height:			16px;
}

table.threadTable td.reply {
	border-top:			1px solid #DFDFDF;
}

div.pagination {float:left;}
div.pagination table {border:0;}
div.pagination td {padding:0 3px 5px 3px; font-size:1.2em;}

.forumName {font-size:1.7em; font-weight:bold; margin:3px 0 6px 0;}
.forumDescription {font-weight:bold; padding:3px 0 3px 26px; color:#797979; font-size:1.1em;}
.forumInfo {color:#666;	padding:3px 0 3px 26px;}

.topicPagination {font-size:0.7em; font-weight:normal;}

.postLinks {margin-right:5px; font-weight:bold;}

.topicMarker {float:left; margin-right:5px;}

.topicTitle, .topicAuthor {margin-left:40px;}

.topicTitle {
	font-size:1.5em;
	margin:3px 0 6px 0;
	/*line-height:20px;*/
	font-weight:bold;
}

.replyLink {margin-bottom:3px;}
.avatar img {border:1px #666 solid;}
.authorInfo {padding:7px 0 5px 0;}
.authorIP {font-style:italic;}
.authorName {font-size:1.4em; margin:5px 0 5px 0;}
.attachments {	/*background-color:	#eee;*/	padding:5px 8px; margin-bottom:8px;}
.attachTitle {font-weight:bold;	margin-bottom:4px;}
.attachments img {border:1px solid #bbb;}
h3 {margin:15px 0 10px 0; background-color:#333; color:#fff; font-weight:bold; padding:6px 8px;}
.postContent {margin:10px 0; border-top:1px solid #666;	border-bottom:1px solid #666;}

/* Forms */
.formInput label {font-weight:bold;}
.miniForm {display:inline;}
.errorHeading {color:#ca2024; font-size:1.4em;}
textarea { font-size:1.3em; line-height:1.6em;}

.alert {
	background:			#fee9b2;
	color:				#ca2024;
	padding:			6px 8px;
}

table.submissionForm {
	border:				0;
	background-color:	#DFDFDF;
}

table.submissionForm td {
	border-top:			1px solid #bbb;
	border-right:		1px solid #bbb;
	border-bottom:		1px solid #bbb;
}

table.submissionForm tr.spacer td {
	background-color:	#fff;
	border:				0;
}
table.submissionForm th {text-align:right;}
table.submissionForm th.formTopicTitle {text-align:left; font-size:1.2em;}
.highlight {font-size:1.2em;}
table.optionsTable {border:0;}
table.optionsTable td {border:0;}
input {margin:6px 0;}
label {font-weight:bold;}
.extraOptionLink {margin:6px 0;	font-size:1.2em;}
.checkbox {margin:6px 0;}
.radio {background-color:#eee; padding:6px 8px; font-size:1.2em;}
.radio input {margin:0;}
.select {margin:6px 0;}
#poll {margin:6px 0;}
.pollQuestion {
	font-size:			1.4em;
	font-weight:		bold;
	margin:				10px 0;
}

.pollInfo {
	margin:				6px 0;
	font-size:1.2em;
}

table.pollResults {
	border:				0;
	margin-bottom:		15px;
	font-size:1.2em;
}

div.submit {
	padding:			6px 8px;
	border-bottom:		6px solid #333;
}

table.searchForm {
	border:				1px solid #bbb;
	border-top:			5px solid #333;
	background-color:	#eee;
}

fieldset {
	padding:			10px 10px 8px 10px;
	margin:				6px 0;
}

legend {
	/*background-color:	#333;*/
	color: #333;
	padding:5px 0 2px 0;
	font-size:1.3em;
	font-weight:bold;
}

legend.searchBoxTitle a:link, legend.searchBoxTitle a:visited {color:#C38A0F; text-decoration:none;}
legend.searchBoxTitle a:hover {color: #333; text-decoration:underline;}
/* Footer */

#footer {
	text-align:			center;
	font-size:			1.0em;
}


/* Links */

#topBar a:link, #topBar a:visited {
	text-decoration:	none;
	color:				#63a7e7;
}

#topBar a:hover {
	text-decoration:	underline;
	color:				#7dacd8;
}

.breadcrumb a:link, .breadcrumb a:visited {
	text-decoration:	none;
	/*color:				#3768b8;*/
}

.breadcrumb a:hover {
	text-decoration:	underline;
	color:				#000;	
}

.forumName a:link, .forumName a:visited {
	text-decoration:	none;
	/*color:				#3768b8;*/	
}

.forumName a:hover {color:#000;	text-decoration:underline;}

.subscribeLink a:link, .subscribeLink a:visited {
	font-size:			0.6em;
	color:				#666;
	vertical-align:		top;
}

.subscribeLink a:hover {
	text-decoration:	none;
	color: #999;
}

.postLinks a:link, .postLinks a:visited {text-decoration:none; font-size:1.2em;}
.postLinks a:hover {text-decoration:underline;}

.topicTitle a:link, .topicTitle a:visited {text-decoration:none;}
.topicTitle a:hover {color:#000; text-decoration:underline;}

.topicAuthor a:link, .topicAuthor a:visited, .recentPostInfo a:link, .recentPostInfo a:visited {color:#333; text-decoration:none; font-weight:bold; font-size:1em; line-height:1.5em;}
.topicAuthor a:hover, .recentPostInfo a:hover {color:#666; text-decoration:underline;}

.replyLink a:link, .replyLink a:visited {
	text-decoration:	none;
	color:				#444;
	font-weight:		bold;
	font-size:			1em;
}

.replyLink a:hover {
	text-decoration:	underline;
	color:				#777;
}

.authorName a:link, .authorName a:visited {
	text-decoration:	none;
	color:				#333;
	font-weight:		bold;
}

.authorName a:hover {
	text-decoration:	underline;
	color:				#666;
}

.ignored a:link, .ignored a:visited {
	text-decoration:	none;
	color:				#333;
}

.ignored a:hover {
	text-decoration:	underline;
	color:				#666;
}

.rankAdmin a:link, .rankAdmin a:visited {
	color:				#3768b8;
}

.rankModerator a:link, .rankModerator a:visited {
	color:				#468d4b;
}

.attachments a:link, .attachments a:visited {
	text-decoration:	none;
	/*color:				#3768b8;*/
}

.attachments a:hover {
	text-decoration:	underline;
	color:				#000;
}

.pagination a:link, .pagination a:visited,
#footer a:link, #footer a:visited,
.reviewReminder a:link, .reviewReminder a:visited {
	text-decoration:	none;
	/*color:				#3768b8;*/
}

.pagination a:hover,
#footer a:hover,
.reviewReminder a:hover {
	text-decoration:	underline;
	color:				#000;
}

form a:link, form a:visited {
	text-decoration:	none;
	/*color:				#3768b8;*/
}

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

legend a:link, legend a:visited {
	color:				#fff;
	text-decoration:	underline;
}

legend a:hover {
	text-decoration:	none;
}

.banMember a:link, .banMember a:visited {
	text-decoration:	none;
	/*color:				#3768b8;*/
}

.banMember a:hover {
	text-decoration:	underline;
}

.memberPage a:link, .memberPage a:visited {
	text-decoration:	none;
	/*color:				#3768b8;*/
}

.memberPage a:hover {
	text-decoration:	underline;
}

a#extLink1,
h3.subHeaderLink a:link, h3.subHeaderLink a:visited {
	color:				#fff;
}

#topBar ul.topBarLinks li.profileLink a:link, #topBar ul.topBarLinks li.profileLink a:visited {
	color:				#fff;
	font-weight:		bold;
}

.vyhladavanieOdkaz { font-size:0.7em; margin-left:20px;}

/* Member Profile Pages */

table.profileTable {
	border:				0;
}

table.profileTable td.tableCellOne,
.memberPage table.threadTable td.tableCellOne,
.memberlistRowOne {
	background:			#DFDFDF;
}

ul.profileMenu {
	list-style:			none;
	margin-left:		6px;
	font-size:			1.4em;
}

ul.profileMenu li {
	margin:				6px 0;
}

table.avatarTable {
	border:				0;
}

table.avatarTable td {
	border:				1px solid #bbb;
		background-color:	#fff;
}

table.messageTable th {
	text-align:			right;
}

table.messageTable td {
	border-right:		1px solid #bbb;
}

table.messageTable td.message {
	border-top:			1px solid #bbb;
}

table.messageTable tr.spacer td {
	border-right:		0;
	border-top:			1px solid #bbb;
}

table.messageFolders td,
td.notepad,
table.memberSearch td {
	border-left:		1px solid #bbb;
}

.profileTitle {
	font-size:			2em;
	font-weight:		bold;
}

.rankAdmin {
	color:				#3768b8;
}

.rankModerator {
	color:				#468d4b;
}

table.profileFields {
	border:				0;
	margin-bottom:		10px;
}

.profileFields td.tableCellTwo {
	vertical-align:		middle;
	font-weight:		bold;
	color:				#fff;
	background-color:	#222;
}

.profileFields td.tableCellOne {
	background-color:	#DFDFDF;
}

tr.customFields span.alert {
	background:			transparent;
	color:				#fff;
	padding:			0;
}

/* Icky but necessary */
.spacer {clear:both; margin-bottom:5px; height:0;}

/* Koniec CSS */