/* @override http://iaian7.com/css.php?n=base */

/* Page Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, a img, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-weight: inherit;
	font-style: inherit;
	text-decoration: none;
	font-size: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

/* Page Elements */

#accessibility {
	position: absolute;
	top: -1000px;
}

/* Repeating background */

body {
	color: #CCC;
	text-align: left;
	background-color: #000;
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

/*	background: #D0D8B8 url(http://iaian7.com/images/pagetop-repeat.jpg) repeat-x;*/

/* NonRepeating background */

#pageTop {
	width: auto;
	background-attachment: fixed;
	background-image: url(images/ozadje.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#navigation {
	height: 220px;
	width: 720px;
	margin: 0 auto;
	position: relative;
}

#sidebar {
	position: absolute;
	width: 90px;
	top: 0px;
	right: 15px;
	padding: 10px;
	font-size: 14px;
	text-align: right;
}

#content {
	width: 720px;
	margin: auto 0px;
	padding: 0 120px;
	position: relative;
}

/* Repeating background */

#pageBottom {
	width: auto;
}

/*	background: url(http://iaian7.com/images/pagebottom-repeat.jpg) repeat-x 0 bottom;*/

/* NonRepeating background */

#footer {
	height: 120px;
	width: auto;
	margin: 0 auto;
	background: url(http://iaian7.com/images/clouds/footer.jpg) no-repeat center bottom;
	text-align: center;
	padding-top: 40px;
	position: relative;
}

/* Navigation Menu */

ul {
	list-style: none;
	list-style-type: none;
	display: inline;
}

ul#navMenu {
	position: absolute;
	left: 80px;
	bottom: -2px;
	font-size: 18px;
	line-height: 16px;
}

ul#navMenu li {
	display: inline;
	position: relative;
}

ul#navMenu li a {
	margin-right: 36px;
	padding: 0 3px 2px;
}

ul#navMenu li ul {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 18px;
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 6px;
}

ul#navMenu li ul li {
	display: block;
	position: relative;
	left: 0px;
	bottom: 0px;
}

ul#navMenu li ul li a {
	margin-right: 0px;
}

ul#navTitle {
	position: absolute;
	right: 0px;
	bottom: -5px;
	font: 38px/36px Georgia, "Times New Roman", Times, serif;
	width: 120px;
}

ul#navTitle li {
	position: relative;
	display: inline;
}

ul#navTitle li a {
	color: #000;
}

ul#navTitle li ul {
	display: inline;
	position: absolute;
	left: 0px;
	top: 40px;
	font-size: 20px;
	line-height: 20px;
}

ul#navTitle li ul li {
	position: relative;
	display: inline;
}

/* Headers and Paragraphs */

h1, h2, h3, h4 {
	text-transform: none;
	color: #373F4D;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 24px;
}

h5, h6 {
	text-transform: none;
	color: #373F4D;
}

h1, .h1 {
	font-size: 20px;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

h2, .h2 {
	margin: 20px 0px -5px -20px;
	font-size: 18px;
}

h3, .h3 {
	margin: 10px 0px 0px;
	font-size: 16px;
}

h4, .h4 {
	margin: 10px 0px 0px;
	font-size: 14px;
}

h5, .h5 {
	margin: 0px 0px 0px;
	font-size: 14px;
	line-height: 20px;
	text-align: right;
}

h6, .h6 {
	margin: 0px -10px 0px;
	font-size: 12px;
	line-height: 20px;
	text-align: right;
}

p, blockquote, table {
	margin: 10px 5px;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	clear: both;
	color: #FFF;
}

blockquote p {
	margin: 5px 30px 10px;
	padding: 0 5px;
	display: block;
}

blockquote p code {
	padding: 0 5px;
	display: block;
	text-align: left;
	overflow: hidden;
}

code {
	background-color: #8f96a3;
	padding: 0 4px 0 2px;
	font-family: "Courier New", Courier, mono;
	white-space: pre;
}

pre {
	display: block;
	margin: 5px;
}

pre code {
	padding: 0 4px;
	display: block;
	text-align: left;
	overflow: hidden;
}

small, .small, small.h1, small.h2, small.h3, small.h4, small.h5, small.h6 {
	font-size: 12px;
	color: #525A68;
}

strong, strong span.caps {
	font-weight: bold;
}

/* Tables */

table {
	width: 470px;
}

thead tr {
	background: #8f96a3;
}

th, td {
	margin: 0px;
	padding: 0px 5px;
}

th {
	padding-right: 20px;
}

/*tr:hover {
	cursor: pointer;
	background: #8f96a3;
}*/

/* SortableTables */

/*tr.altRow {
	background-color: #8f96a3;
}*/

.sortedASC {
	background: url(/images/clouds/icons/ArrowDown.png) no-repeat right center;
}

.sortedDESC {
	background: url(/images/clouds/icons/ArrowUp.png) no-repeat right center;
}

.tableHeaderOver {
	cursor: pointer;
}

tr.selected {
}

tr.over {
	background-color: #8f96a3;
	cursor: pointer;
}

tr.hide {
	display: none;
}

/* Links */

a, a:link, a:visited, a img {
	text-decoration: none;
	color: #FFC;
}

a:hover, a:active {
	text-decoration: underline;
	color: #DEFC0A;
}

.linkFade, .linkFade:link, .linkFade:visited, .linkFade:hover, .linkFade:active,
#navigation a, #navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active {
	text-decoration: none;
	color: #000;
}

p a, p a:link, p a:visited {
	text-decoration: underline;
}

/* forms */

form input {
	font-size: 12px;
	line-height: 18px;
	padding: 1px 2px;
}

/* comments */

.comments, .comments_author {
	margin: 20px 0px 0px;
}

.comments {
	color: #373F4D;
}

.comments p, .comments_author p {
	margin: 5px 20px;
}

.comments_error {
	color: #fff;
	background-color: #6D7482
}

ul.comments_error {
	display: block;
	border: 1px solid #fff;
}

#cpreview {
	color: #000;
	border: 1px solid #6D7482;
}

form#txpCommentInputForm td {
	vertical-align: top;
}

/* Corner Radius and other effects */

img, code, span.tweet_text {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

/*
#content img {
	box-shadow: -10px -10px 0px #000;
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.25);
	-moz-box-shadow: -10px -10px 0px #000;
}
*/

/* Twitter */

ul.tweet_group {
	display: block;
	margin: 20px 5px 5px;
}

li.tweet {
	display: block;
	margin: 0 0 5px;
	padding-top: 0;
}

img.tweet_icon {
	float: left;
	display: block;
	margin: 10px 5px 5px;
}

span.tweet_text {
	background-color: #8f96a3;
	padding: 5px 10px;
	display: block;
}

a.tweet_time {
	display: block;
	margin: -2px 10px 0;
	font-size: 11px;
	text-align: right;
}

p.my_twitter {
	text-align: right;
	margin: 0 15px;
}

p.my_twitter a {
	color: #000;
	text-decoration: none;
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/discuss.png) no-repeat right center;
}

/* Icons */

a.iconDown, a.iconLeft, a.iconRight, a.iconUp, a.iconBook, a.iconCancel, a.iconChat, a.iconCircle, a.iconClose, a.iconContrast, a.iconDiscuss, a.iconDot, a.iconEmail, a.iconFile, a.iconMail, a.iconMinus, a.iconPerson, a.iconPlus, a.iconRSS, a.iconSearch, a.iconStar, a.iconFilm, a.iconForward, a.iconReverse, a.iconPause, a.iconPlay, a.iconStop, a.iconVideo {
	color: #000;
}

/*
.iconContrast, .iconMail, .iconRSS, .iconSearch {
	margin: -2px;
}*/

/* Icons Directional */

a.iconDown, .iconDown a {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/arrowdown.png) no-repeat right center;
}

a.iconLeft, .iconLeft a {
	line-height: 16px;
	padding-left: 16px;
	background: url(http://iaian7.com/images/clouds/icons/arrowleft.png) no-repeat left center;
}

a.iconRight, .iconRight a {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/arrowright.png) no-repeat right center;
}

a.iconUp, .iconUp a {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/arrowup.png) no-repeat right center;
}

/* Icons Basic */

.iconBook {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/book.png) no-repeat right center;
}

.iconCancel {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/cancel.png) no-repeat right center;
}

.iconChat {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/chat.png) no-repeat right center;
}

.iconCircle {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/circle.png) no-repeat right center;
}

.iconClose {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/close.png) no-repeat right center;
}

.iconContrast {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/contrast.png) no-repeat right center;
}

.iconDiscuss {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/discuss.png) no-repeat right center;
}

.iconDot {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/dot.png) no-repeat right center;
}

.iconEmail {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/email.png) no-repeat right center;
}

.iconFile {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/file.png) no-repeat right center;
}

.iconMail {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/mail.png) no-repeat right center;
}

.iconMinus {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/minus.png) no-repeat right center;
}

.iconPerson {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/person.png) no-repeat right center;
}

.iconPlus {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/plus.png) no-repeat right center;
}

.iconRSS {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/rss.png) no-repeat right center;
}

.iconSearch {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/search.png) no-repeat right center;
}

.iconStar {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/star.png) no-repeat right center;
}

/* Icons Media */

.iconFilm {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/film.png) no-repeat right center;
}

.iconForward {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/forward.png) no-repeat right center;
}

.iconReverse {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/reverse.png) no-repeat right center;
}

.iconPause {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/pause.png) no-repeat right center;
}

.iconPlay {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/play.png) no-repeat right center;
}

.iconStop {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/stop.png) no-repeat right center;
}

.iconVideo {
	line-height: 16px;
	padding-right: 16px;
	background: url(http://iaian7.com/images/clouds/icons/video.png) no-repeat right center;
}

/* AN7 Plugins */

.an7_imgdir, .an7_mediabox {
	display: block;
	width: 800px;
	margin-top: 0;
	margin-right: -5px;
	margin-bottom: 0;
	margin-left: -5px;
}

/*.an7_thumb, .an7_img {
	margin: 5px;
}*/

.an7_thumb {
	margin: 0;
}

img.an7_img, .an7_thumb img {
	margin: 5px 0;
}

.an7_imgdir .an7_thumb img {
	margin: 5px;
}

.an7_thumb_left {
	float: left;
	margin: 5px 10px 5px 0px;
}

.an7_thumb_right {
	float: right;
	margin: 5px 0px 5px 10px;
}

.an7_digg {
	padding: 5px;
	background-color: #fff;
}

.an7_filter {
	vertical-align: text-bottom;
}

/* Mediabox Content */

#mbImage p {
	margin: 40px;
}

#mbImage form {
	margin: 40px;
}

#mbImage form p {
	text-align: center;
}


/* MediaboxShade */

#boxwrap, .boxwrap {
	position: relative;
}

#box, .box {
	margin: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#boxtop, #boxright, #boxbottom, #boxleft, .boxtop, .boxright, .boxbottom, .boxleft {
	position: absolute;
	width: 50%;
	height: 50%;
	background: url(http://iaian7.com/images/clouds/shadow.png) no-repeat left top;
	background-repeat: no-repeat;
}

#boxtop, .boxtop {
	top: 0px;
	left: 0px;
	padding: 50px 0px 0px 50px;
	margin: -50px 0px 0px -50px;
	background-position: left top;
}

#boxright, .boxright {
	top: 0px;
	left: 50%;
	padding: 50px 0px 0px 50px;
	margin: -50px -50px 0px 0px;
	background-position: right top;
}

#boxbottom, .boxbottom {
	top: 50%;
	left: 50%;
	padding: 0px 50px 50px 0px;
	margin: 0px -50px -50px 0px;
	background-position: right bottom;
}

#boxleft, .boxleft {
	top: 50%;
	left: 0px;
	padding: 0px 0px 50px 50px;
	margin: 0px 0px -50px -50px;
	background-position: left bottom;
}

#boxcontent, .boxcontent {
	position: relative;
	color: #ffffff;
}

/* IUSETHIS.COM */

div.iutapp a img {
	width: 32px;
	height: 32px;
}

#iutfooter {
	text-align: right;
}

#iutfooter a {
	margin: 0 -5px;
}
.projekt {
	font-size: 12px;
	font-variant: normal;
	color: #FFF;
}
