/**
 * Clearing
 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td
	{
	margin: 0;
	padding: 0;
}

img,body,html,a {
	border: 0;
	outline: 0;
	border: none;	
}

ol,ul {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

q:before,q:after {
	content: '';
}

/**
 * Globals
 */
html {
	background: url(../images/bg.png) repeat;	
	background-attachment: fixed;
}
body {
	font-size: 11px;
	color: #444;
	font-family: Georgia;
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 17px;
}
a {
	color: #e24e08;
	position: relative;
	text-decoration: none;
}
a:hover {
	color: #de2525;
	text-decoration: underline;
}
a:active {
	top: 1px;
	color: #ff0000;
	text-decoration: none;
}

/**/
#width {
	width: 782px;
	margin: 10px auto;
	background: url(../images/trans-bg.png);
	padding: 10px;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 7px;	
}

.gallery {
	background: url(../images/trans-bg.png) !important;
}
.content {		
	color: #777;
	padding: 10px;
	background: url(../images/trans-bg.png);
}
.content #langs {
	float: right;
	margin-top: 1px;
}
.content #menu {
	font-size: 14px;
}

.content #footer {
	text-align: center;
	padding: 5px;
}
.content a {
	color: #aaa;	
	position: relative;
	text-decoration: none;
}
.content a:hover {
	color: #ccc;
	text-decoration: underline;
}
.content a:active {
	top: 1px;
	color: #eee;
	text-decoration: none;
}

.layout {
	overflow: hidden;	
}
.layout .leftCol {
	margin-right: 240px;
}
.layout .rightCol {
	float: right;
	width: 240px;
}

#doc {
	background: #fff url(../images/line-bg.png) repeat-x;	
	border: solid 1px #111;
}

#bg {
	padding: 20px;
	padding-bottom: 20px;	
}
.block {	
	padding: 10px;
}
.block h1 {
	border-bottom: dotted 1px #aaa;
	margin-bottom: 8px;
	padding-bottom: 5px;
}
.block li {
	list-style: disc;
	list-style-position: inside;
}
.block .anons {
	margin-bottom: 10px;
	text-align: justify;
}
.block .anons .date {
	font-size: 10px;
	color: #666;
	text-align: right;
	margin-bottom: 2px;
}

.text:first-letter {
	float: left;
	font-size: 51px;
	display: block;
	margin: 5px 5px 0 0;
} 


form fieldset {
	margin: 0 0 5px 0;
	border: dotted 1px #aaa;
	padding: 10px;
	background: #fefefe url(../images/grad-bg.png) repeat-x;
}
form dt {
	margin: 0 0 2px 0;	
}
form dd {
	margin: 0 0 8px 0;	
}
form dd img {
	border: solid 1px #bbb;
	margin-bottom: 3px;
}
form input, form textarea {
	padding: 2px;
	border: 1px solid #e3e3eb;
	border-top: 1px solid #acadb2;
}
form dt label {
	font-weight: bold;
}
.errors {
	margin-top: 3px;
	font-size: 10px;
	color: #ff0000;	
}
.errors li {
	list-style: inside;
}
form .button {
	border: 1px solid #de2525;
	background-color: #e24e08;
	padding: 1px;
	font-size: 11px;
	color: #fff;
	cursor: pointer;
}
.messagesBox {
	border: dotted 1px #999;
	background: #ddd;
	padding: 5px;
	color: #555;
	font-weight: bold;
	margin: 5px 0 5px 0;
}
.messagesBox li {
	list-style-position: inside;
}

.lightbox img, .item img {
	border: dotted 1px #bbb;
	padding: 4px; 
}
.lightbox:hover img, .item:hover img {
	border: dotted 1px #555;
}
.activeField {
	border: dotted 1px #e24e08;
}
.portfolio {
	overflow: hidden;
}
.portfolio .item {
	display: block;
	float: left;
	margin: 2px 15px 15px 15px;	
}
.portfolio .item div {
	text-align: center;
	margin-top: 3px;
}
#paginationControl {
	border-top: dotted 1px #aaa;
	padding-top: 5px;	
}
.panel-overlay {
	height: 43px !important;
}