/* ----------------------------------------------------------------------------------------------------------

    This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
HTML
---------------------------------------------------------------------------------------------------------- */

body {background:#2f2f2f; color:#222;}

a {color:#ff9900;}
a:hover {color:#ff5500;}
h1 a, h2 a, .f-right a {color:#000}

/* ----------------------------------------------------------------------------------------------------------
Generally HTML styles (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */

ul.ul-list-02 {border-top:1px solid #EAEAEA;}
ul.ul-list-02 li {border-bottom:1px solid #EAEAEA;}

ul#ul-rss li a {color:#000;}
ul#ul-rss li a:hover {color:#F60;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

.main.bg {background-color:#FFF;}

#header {background-color:#fff277;}

#logo {color:#000;}
#logo span {color:#DAA10B;}
#logo a {color:#000;}

#search-input input {background-color:#FFF;}

#nav {background:#000;}
#nav ul li a {border-right:1px solid #303030; color:#FFF;}
#nav ul li#nav-active a {color:#FD4;}

#aside a {color:#998500;}
#aside a:hover {color:#000;}

#aside .title {border-bottom:1px solid #CACACA;}

#footer {background:#000; color:#AFAFAF;}
#footer a {color:#AFAFAF;}
#footer a:hover {color:#FFF;}

.low {color:#808080;}

/* ----------------------------------------------------------------------------------------------------------
Page: Home
---------------------------------------------------------------------------------------------------------- */

.topstory {background:#F6ECBD;}
.topstory p.date {background-color:#FD4;}
.topstory p.date span {color:#000;}

.article {background:#FFF; border-bottom:1px solid #EAEAEA;}
.article p.date {background-color:#505050;}
.article p.date span {color:#FFF;}


/* -----------------------------------*/
/* --------->>> RESPONSES <<<---------*/
/* -----------------------------------*/
#watertownStrip {
	padding: 0 0 10px 0;
	margin: 30px auto 0 auto;
	width: 540px;
}
.responses {
	margin: 0 0 50px 0;
}
.responses dl {
	margin: 0 95px;
	padding: 0 0px;
}
.responses dt {
	color: rgb(0, 0, 0);
	
}
.responses dt span {font-weight:normal !important;font-size:0.9em}
.responses dt a, .responses dt a:visited {
	font-weight: bold;
	}
.responses dt a:hover {
	border-bottom: 1px dotted rgb(51, 51, 51);
}
.responses dd {
	margin: 0px 0 20px 0;
}
.responses dd p {
	line-height: 160%;
	margin: 0;
	padding: 5px 0;
}

.responses dd p a:hover {
	border-bottom: 1px dotted rgb(51, 51, 51);
}
.response-info, .cislovani {
	color: #2f2f2f;
	float: left;
	font: 4.8em 'Georgia', 'Times New Roman', Sans-Serif;
	padding: 5px 0 0 0;
	position: absolute;

	text-align: center;
	
	width: 85px;
}
.cislovani{margin-left:-85px; font: 4.8em 'Georgia', 'Times New Roman', Sans-Serif !important;}
.cislovani acronym {border:none}
.response-info acronym {
	border: none;
	cursor: help;
}
.response-info a, .response-info a:visited {
	color: #ffdd44;
	font: 1.1em 'Georgia', 'Times New Roman', Sans-Serif;
	
}
.response-info a:hover {
	border-bottom: 1px dotted rgb(163, 178, 180);
}
.addResponse p {
	margin: 0 95px;
}


/* -----------------------------------*/
/* ------->>> RESPONSE FORM <<<-------*/
/* -----------------------------------*/
.addResponse form, .contactform form{
	border: none;
	margin: 0 95px;
	padding: 25px 0 0 0;
}
.addResponse form p {
	
	font: 1.2em 'Verdana', 'Arial', Sans-Serif;
	line-height: 160%;
	margin: 0;
	padding: 5px 0;
}
.inputinfo {
	background: url("images/response-postinfo.jpg") center no-repeat;
	padding: 5px 0;
	position: relative;
	text-align: left;
}
.inputinfo p {
	
	float: right;
	font: 1.2em 'Verdana', 'Arial', Sans-Serif;
	line-height: 160%;
	width: 240px;
}
label {
	
	cursor: pointer;
	font: 1em 'Verdana', 'Arial', Sans-Serif;
	text-transform: none;
	}

.addResponse input, .contactform input {
	background: rgb(255, 255, 255);
	border: 1px solid #2f2f2f;
	color: rgb(102, 102, 102);
	font-family: 'Verdana', 'Arial', Sans-Serif;
	font-size: 0.9em;
	margin: 4px 0px 10px 0;
	padding: 4px;
	width: 360px;
	}

.contactform p{font-size:0.9em}
.addResponse textarea, .contactform textarea {
	background: rgb(255, 255, 255) url("images/textarea-back.jpg") center no-repeat;
	border: 1px solid #2f2f2f;
	font-family: 'Verdana', 'Arial', Sans-Serif;
	font-size: 1.2em;
	height: 150px;
	line-height: 140%;
	margin-top: 4px;
	padding: 3px 5px 3px 5px;
	width: 360px;
	}
.addResponse input#submit, .contactform input#contactsubmit {
	background:#eaeaea;
        color:#000;
	border: 1px solid #2f2f2f; 
	cursor: pointer;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 2px 3px 2px 3px;
	width: 140px;
	}
p.submit { text-align: center; }
.addResponse #submit:hover {color:#333}
.addResponse #submit:active {}

