body {
	background-color: #f6f6f6;
}

h1 {
	background-color: #54a526;
	font-family: 'PT Sans', Tahoma, Arial, Helvetica, sans-serif;
	height: 1.2em;
	margin: 0;
	overflow: hidden;
	padding: 5px 2%;
	position: fixed;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 96%;
	z-index: 100;
}
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:focus, h1 a:active {
	color: #fff;
	text-decoration: none;
}
h1 a.back {
	margin-right: 1em;
}

.content-wrapper {
	padding: 50px 15px;
}
.list-wrapper {
	padding: 43px 0 50px;
}

/***** FORM *****/

form {
	margin: 0;
	padding: 30px 20px 30px;
}
form input,
form select,
form textarea {
	box-sizing: border-box;
}

/***** CALENDAR *****/

.cal {
	margin: 10px auto;
	width: 300px;
}
.cal form {
	padding: 1em 0;
}
.cal select {
	width: 100%;
}
.cal p {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0.7em;
	text-align: center;
}
.cal p a {
	padding: 0 0.5em;
	text-decoration: none;
}
.cal table {
	font-size: 120%;
	width: 100%;
}
.cal table td {
	text-align: center;
}
.cal table thead td {
	border-bottom: 1px solid #d7d7d7;
	font-weight: bold;
}
.cal table td.today {
	background-color: #d7d7d7;
}
.cal table td.active {
	background-color: #5ba100;
	position: relative;
}
.cal table td.active a {
	color: #fff;
	text-decoration: none;
}
.cal table td.active:after {
	color: #fff;
	content: '';
	display: inline;
	font-size: 10px;
	height: 15px;
	line-height: 15px;
	position: absolute;
	right: -3px;
	text-align: center;
	top: -3px;
	background: no-repeat -161px -32px url(/images/icons.png);
	width: 15px;
}

/***** MESSAGES *****/

dl {
	border: 1px solid #d7d7d7;
	margin: 0;
}
dt {
	background-color: #f6f6f6;
	border-top: 1px dotted #d7d7d7;
	cursor: pointer;
	padding: 10px 20px;
}
dd {
	display: none;
	padding: 20px 20px;	
}
dd p:first-child {
	margin-top: 0;
}

dt.unread {
	background-color: #ebede8;
	font-weight: bold;
}
dt.unread .text {
	font-weight: normal;
}

/***** COMMENTS *****/

.comments blockquote {
	border-top: 1px dotted #d7d7d7;
	padding-bottom: 1em;
}
.comments blockquote:first-child {
	border-top: none;
}
.comments address {
	font-weight: bold;
	font-style: italic;
}
.comments time {
	font-style: italic;
	font-size: 80%;
}
.comments .answer {
	border-left: 2px solid #d7d7d7;
	margin-left: 1em;
	padding-left: 1em;
	opacity: 0.7;
}
/*********************** BUTTONS ************************/

button,
.button,
a.button {
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 19px;
	margin-bottom: 5px;
	max-width: inherit;
	min-width: inherit;
	padding: 6px 0;
	text-align: center;
	text-decoration: none;
	width: 190px;
}
button:active,
.button:active,
a.button:active {
	left: 1px;
	position: relative;
	top: 1px;
}
button.disabled:active,
.button.disabled:active,
a.button.disabled:active {
	left: 0;
	top: 0;
}
button.green-button,
.green-button,
a.green-button {
	background-color: #5ba100;
}
button.grey-button,
.grey-button,
a.grey-button {
	background-color: #9f9f9f;
}
button.button.disabled,
.button.disabled,
a.button.disabled {
	background-color: #9f9f9f;
	color: #555;
}

.add-img-button {
	font-size: 17px;
	width: 250px;
}
.add-img-button:before {
	background: -160px 0 no-repeat url(/images/icons.png);
	content: '';
	display: inline-block;
	height: 27px;
	margin-right: 15px;
	vertical-align: middle;
	width: 27px;
}
.save-button {
	clear: both;
	float: right;
	margin-top: 62px;
}

.browse {
	position: relative;
	overflow: hidden;
}
.browse input {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 50px;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}
html {
	-webkit-text-size-adjust: none;
}

/***** TABLETS (LANDSCAPE) - 801-1000 *****/
@media only screen and (min-width: 801px) and (max-width: 1000px) { /* 980 */
	@-ms-viewport {
		width: 1000px; /* 980 */
	}
}
/***** TABLETS (PORTRAIT), PHONES (LANDSCAPE) - 321-800  *****/
@media only screen and (min-width: 321px) and (max-width: 800px) {
	@-ms-viewport {
		width: device-width;
	}
}
/***** PHONES (PORTRAIT) - 320  *****/
@media only screen and (max-width: 320px) {
	@-ms-viewport {
		width: 320px;
	}
}

/***** TABLETS (PORTRAIT), PHONES (LANDSCAPE+PORTRAIT) - 0-800  *****/
@media only screen and (max-width: 800px) {
	img
	{
		max-width: 100%;
		height: auto !important;
		width: auto\9; /* ie8 */
	}
	iframe,  
	object,  
	embed
	{
		max-width: 100%;
	}
	/*
	.video
	{
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	}
	.video iframe,  
	.video object,  
	.video embed
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%; auto?
	}
	*/
	body
	{
		min-width: 100%;
		word-wrap: break-word;
	}

	form label
	{
		float: none;
		width: 100%;
	}
	form input,
	form select,
	form textarea
	{
		width: 100%;
	}
	form span.group
	{
		float: none;
	}
	form input[type="submit"]
	{
		margin-left: 0;
	}

}

/***** PHONES (PORTRAIT) - 0-479  *****/
@media only screen and (max-width: 479px) {


}

@media only screen and (max-width: 379px) {
	form {
		padding: 20px 0;
	}
}
@media only screen and (max-width: 336px) {
	form input.small,
	form select.small,
	form textarea.small
	{
		width: 249px;
	}
	form input.small-third,
	form select.small-third,
	form textarea.small-third
	{
		width: 80px;
	}
	form #captcha {
		width: 90px;
	}
}