/*
Theme Name: Katarina Miljkovic
Theme URI: http://www.robador.com/
Version: 1.0
Description: Theme for Katarina Miljkovic.
Author: <a href="http://www.robador.com">Dave Flaherty, Robador Web Services</a>
Tags: white, black, one-column, fixed-width, light

WP 3.0+
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

html, body {
	font: normal 85% Arial, Helvetica, sans-serif;
	line-height: 18px;
	min-width: 844px;
}
.bold, .bold p {
	font-weight: bold;
}
h3 {
	font-size: 2.1em;
	color: #658099;
	font-weight: normal;
	margin: 0;
	padding: 0;
	background: transparent url(/wp-content/themes/miljkovictheme/images/blue_line.gif) bottom center no-repeat;
}
div#wrapper h3 a:hover, div#wrapper h3 a:active, div#wrapper h3 a:link, div#wrapper h3 a:visited {
	text-decoration: none;
	color: #658099;
}
.top_box_holder {
	width: 804px;
	margin: 0 auto 10px auto;
	background: none;
	height: 37px;
}

* html body .top_box_holder {
	width: 814px;
	margin: 0 auto;
}

.second {
	position: relative;
	float: right;
	background: transparent left no-repeat;
	width: 500px;
	height: 60px;
	padding: 0;
	margin: 0;
}

* html body .second {
	width: 490px;
}

#main {
	background: transparent url(/wp-content/themes/miljkovictheme/images/top_front_gray.jpg) top center no-repeat;
	width: 814px;
	height: 163px;
	margin: 13px auto 0 auto;
	position: relative;
}

#front_main {
	background: transparent url(/wp-content/themes/miljkovictheme/images/top_front.jpg) top center no-repeat;
	width: 814px;
	height: 274px;
	margin: 13px auto 0 auto;
	position: relative;
}

* html body #main, * html body #front_main {
	margin: 0 auto -2em auto;	
}

#content {
	width: 814px;
	margin: 15px auto 20px auto;
	line-height: 18pt;
}

.third_column {
	width: 244px;
	float: right;
	padding: 0 24px 0 0;
	display: inline;
    margin-top: 10px;
}

.second_column {
	width: 244px;
	float: right;
	padding: 0 18px 0 0;
	display: inline;
    margin-top: 10px;
}

.second_column img, .first_column img, .third_column img { margin-left: auto; margin-right: auto; }

div.second_column div.content_list div p {
	margin: 0;
	padding: 0;
}

.first_column {
	width: 244px;
	float: right;
	padding: 0 18px 0 14px;
	display: inline;
    margin-top: 10px;
}

.news #content img {
	width: 245px;
	border: solid 1px transparent;
	border-radius: 10px;
	margin-left: -1px;
	margin-top: 1em;
}

#video_col_one {
	width: 375px;
	padding-right: 16px;
	float: right;
}

#video_col_two {
	width: 375px;
	padding-left: 16px;
}

.flash_player, .movie_player, #video_col_two, #video_col_one {
	text-align: center;
}

div.flash_player { width: 313px; height: 48px; padding: 12px 10px 0 10px; margin-left: 43px; background: transparent url(/wp-content/themes/miljkovictheme/images/player_back.gif) 0 0 no-repeat; }

#audioplayer_1 {
	margin-top: 1.5em;
}

h3.video_header {
	background: transparent url(/wp-content/themes/miljkovictheme/images/blue_line.gif) bottom center no-repeat;
}

div.video_blurb p {
	margin: 0 auto;
    width: 90%;
}

h2.video_header_bigger {
	font-size: 24px;
	color: #658099;
	text-align: center;
	padding-top: 12px;
	margin: 12px 0 12px 0;
}

.first_column, .second_column, .third_column, #video_col_two, #video_col_one {
	margin-bottom: 0px;
}

/* Cellular automata compositions list for news page */

#cell-list {
	list-style: none;
	padding: 1em 0 .5em 2em;
}

#cell-list li {
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 13px;
}

#main img {
	padding-left: 18px;
}

ul.nav_bar {
	display: inline;
	position: relative;
	float: right;
	padding-right: 20px;
	padding-top: .8em;
	list-style-type: upper-alpha;
}

ul.nav_bar li {
	font-size: 1.4em;
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial, Verdana, sans-serif;
}

ul.nav_bar li.last {
	padding-right: 0;
}

ul.nav_bar li a:active, a:link, a:visited {
	color: #000;
	text-decoration: none;
}

ul.nav_bar li a:hover {
	color: #a38b90;
	text-decoration: none;
}

p a:active, p a:link, p a:visited, #content ul a:active, #content ul a:link, #content ul a:visited {
	color: #658099;
	text-decoration: none;
}

p a:hover, #content ul a:hover {
	color: #a38b90;
	text-decoration: underline;
}

.top_name {
	padding-left: 22px;
	padding-top: 12px;
}

.title {
	font-style: italic;
}

.date {
	font-weight: bold;
}

.image_holder img {
	display: inline;
	height: 75px;
}

.left {
	float: left;
	padding: 0 12px 12px 0;
}

.right {
	float: right;
	padding: 0 0 12px 12px;
}

.image_holder {
	position: relative;
	margin: 12px auto 0 auto;
	display: block;
	text-align: center;
}

.image {
	margin-top: 12px;
}
span.small_or {
	font-size: 60%;
	margin: 0 6px 0 3px;
}

div#wrapper a:link,  div.video_wrapper a:visited {
	text-decoration: underline;
}

div#wrapper a:active {
	text-decoration: none;
}

div#wrapper a:hover {
	color: #a38b90;
}

p {
	font: normal 10pt Arial;
	line-height: 15px;
	margin: .5em 0 0 0;
}

#back {
	width: 814px;
	background: transparent url(/wp-content/themes/miljkovictheme/images/mid_gray.gif) top center repeat-y;
	margin-top: -18px;
}

* html body #content #back {
	margin-top: 0px;
}

#clearer {
	width: 814px;
	clear: left;
	clear: right;
	background: transparent url(/wp-content/themes/miljkovictheme/images/bottom_gray.gif) bottom no-repeat;
	margin-top: -1em;
}

#wrapper {
	width: 814px;
	margin: 0 auto;
	padding: 0;
	min-height: 140px;
}

* html body #content #back #wrapper {
	width: 800px;
}

#clearer_thin {
	width: 814px;
	clear: left;
	clear: right;
	height: 1em;
}

.lower_content {
	margin-top: 10px;
	margin-left: 0px;
	padding-left: 0px;
}

div.content_list div {
	font-size: 10pt;
	line-height: 15px;
	margin: .5em 0 0 0;
}


div.old_events p { margin: 0; padding: 0; }
div.old_events { margin: .5em 0; }
div.old_events p.old_event_date { margin-bottom: .5em; font-style: italic !important; }

#flash_player {
	margin: 20px auto 0 auto;
	text-align: center;
}

div#copyright p { text-align: center; font-size: 10px; color: #aaaaaa; margin: -12px 0 2em 0; }

div#main div#front_header div.current a { background-position: top center; }

/* bio page */

div#bio_text { text-align: center; padding-top: .25em; }
div#bio_text p img { float: right; border: solid 1px #aaa; margin: 1em 4px .75em 1.25em; }
div#bio_text p { text-align: left; margin: 0 auto; padding-bottom: 1em; width: 95%; }


div#header ul { list-style: none; }
div#header ul li { position: absolute; left: 0; }
div#header ul li a { position: absolute; top: 31px; text-decoration: none; text-indent: -9999px;}
div#header ul li a:visited, div#header ul li a:link { background: url("/wp-content/themes/miljkovictheme/images/news.gif") bottom center no-repeat; left: 428px; height: 24px; width: 74px; }
div#header ul li a:hover, div#header ul li a:active { background-position: top center; }
div#header ul li.compositions_nav a:visited, div#header ul li.compositions_nav a:link { background: url("/wp-content/themes/miljkovictheme/images/compositions.gif") bottom center no-repeat; left: 508px; height: 24px; width: 150px; }
div#header ul li.compositions_nav a:hover, div#header ul li.news_nav a:active { background-position: top center; }
div#header ul li.video_nav a:visited, div#header ul li.video_nav a:link { background: url("/wp-content/themes/miljkovictheme/images/video.gif") bottom center no-repeat; left: 656px; height: 24px; width: 92px; }
div#header ul li.video_nav a:hover, div#header ul li.video_nav a:active { background-position: top center; }
div#header ul li.bio_nav a:visited, div#header ul li.bio_nav a:link { background: url("/wp-content/themes/miljkovictheme/images/bio.gif") bottom center no-repeat; left: 747px; height: 24px; width: 50px; }
div#header ul li.bio_nav a:hover, div#header ul li.bio_nav a:active, div#header ul li.home_nav a:active { background-position: top center; }

/* Front page */

.front #main { background: transparent url(/wp-content/themes/miljkovictheme/images/top_front2.jpg) top center no-repeat; height: 328px; }
.front #clearer { display: none; }

/* music page */

h5 {
	font-size: 150%;
	font-weight: bold;
	display: inline;
}

h6 {
	display: inline;
	font-size: 12px;
	line-height: 6px;
	font-weight: normal;
}

div#go_back {
	position: absolute;
	top: -44px;
	left: -180px;
}

table#composition_list tr td span.comp_time {
	font-size: 100%;
	color: #262626;
	font-style: normal;
}

div.composition_wrapper {
	text-align: center;
	position: relative;
}

div.composition_wrapper table#composition_list {
	margin: 0 auto;
	width: 814px;
	text-align: left;
	line-height: 14px;
    border-collapse: collapse;
}

div.composition_wrapper table#event_list {
	margin: 0 19px 0 15px;
	width: 780px;
	text-align: left;
	line-height: 14px;
    border-collapse: collapse;
}

div.composition_wrapper table#event_list thead tr td { font: bold 14px Helvetica, sans-serif; color: #000000; background: transparent; padding: 6px 0; width: 195px; padding: 10px; }
div.composition_wrapper table#event_list thead tr td a { text-decoration: underline; }

div.composition_wrapper table#event_list tr td { width: 195px; padding: 0 8px 8px 8px; vertical-align: top; }
div.composition_wrapper table#event_list tr td.description { width: 195px; }
div.composition_wrapper table#event_list tr td.date { width: 195px; background: transparent; }
div.composition_wrapper table#event_list td.text h5 { font-size: 16px; line-height: 8px; }
div.composition_wrapper table#event_list tr td.date { width: 195px; }
div.composition_wrapper table#event_list tr td ul { list-style: none; padding-top: .5em;}
div.composition_wrapper table#event_list tr td h3 {
	font-style: normal;
	background: transparent;
	margin-bottom: 8px;
	padding-top: 3px;
}

div.composition_wrapper table#event_list tr.even td.description, div.composition_wrapper table#event_list tr.even td.date, div.composition_wrapper table#event_list tr.even td.title, div.composition_wrapper table#event_list tr.even td.location {
   background-color: #dddddd;
}

div.composition_wrapper table#event_list tr.odd td.description, div.composition_wrapper table#event_list tr.odd td.date, div.composition_wrapper table#event_list tr.odd td.title, div.composition_wrapper table#event_list tr.odd td.location {
   background-color: #cccccc;
}

div.composition_wrapper table#composition_list tr td.image, div.composition_wrapper table#composition_list tr td.event-date {
	width: 62px;
	height: 47px;
	vertical-align: middle;
	padding-left: 24px;
	padding-right: 18px;
}

div.composition_wrapper table#composition_list tr td.image img {
	width: 62px;
	height: 47px;
	border: solid 1px transparent;
	border-radius: 10px;
}

div.composition_wrapper table#composition_list thead td { font: bold 14px Helvetica, sans-serif; color: #000000; background: transparent; padding-bottom: 6px; }
div.composition_wrapper table#composition_list thead td a { text-decoration: underline; }
div.composition_wrapper table#composition_list thead td#header { background: transparent; padding-bottom: 6px; }
div.composition_wrapper h1 { padding: 1em 0 .75em 0; }
div.composition_wrapper table#composition_list tr td { padding-top: 9px; }
div.composition_wrapper table#composition_list tr td.text { vertical-align: middle; width: 231px; line-height: 20px; padding-left: 22px; padding-right: 12px; background: transparent url(/wp-content/themes/miljkovictheme/images/light_gray_vertical_line.gif) no-repeat center right; }
div.composition_wrapper table#composition_list tr td.title { width: 170px; line-height: 24px; padding-right: 12px; vertical-align: middle; background: transparent url(/wp-content/themes/miljkovictheme/images/light_gray_vertical_line.gif) no-repeat center right; }
div.composition_wrapper table#composition_list tr td.links { text-align: left; vertical-align: middle; padding-top: 4px;}
div.composition_wrapper table#composition_list td.text h5 { font-size: 16px; line-height: 8px; }
div.composition_wrapper table#composition_list tr td.date { padding-left: 22px; width: 202px; padding-right: 18px; }
div.composition_wrapper table#composition_list tr td h3 {
	font-style: normal;
	background: transparent;
	padding-top: 3px;
}

h3.composition_header_bigger { padding-top: 12px; font-size: 225%; color: #000000; background: transparent;}
div#wrapper { position: relative; }
div#wrapper div#show_composition div { text-align: left; margin: 14px auto 0 auto; }
div#wrapper div#show_composition div img { margin: 0 14px 10px 0; max-width: 242px; }
div#wrapper div#show_composition p#comp_image { text-align: center; }
div#wrapper div#show_composition { margin: 0 auto; width: 400px; padding-left: 4px; position: relative; text-align: center; }

/* event list */

div.composition_wrapper table#event_list {
	margin: 0 19px 0 15px;
	width: 780px;
	text-align: left;
	line-height: 14px;
    border-collapse: collapse;
}

div.composition_wrapper table#event_list thead tr td { font: bold 14px Helvetica, sans-serif; color: #000000; background: transparent; padding: 6px 0; width: 195px; padding: 10px; }
div.composition_wrapper table#event_list thead tr td a { text-decoration: underline; }

div.composition_wrapper table#event_list tr td { width: 195px; padding: 0 8px 8px 8px; vertical-align: top; }
div.composition_wrapper table#event_list tr td.description { width: 195px; }
div.composition_wrapper table#event_list tr td.date { width: 198\5px; background: transparent; }
div.composition_wrapper table#event_list td.text h5 { font-size: 16px; line-height: 8px; }
div.composition_wrapper table#event_list tr td.date { width: 195px; }
div.composition_wrapper table#event_list tr td ul { list-style: none; padding-top: .5em;}
div.composition_wrapper table#event_list tr td h3 {
	font-style: normal;
	background: transparent;
	margin-bottom: 8px;
	padding-top: 3px;
}

div.composition_wrapper table#event_list tr.even td.description, div.composition_wrapper table#event_list tr.even td.date, div.composition_wrapper table#event_list tr.even td.title, div.composition_wrapper table#event_list tr.even td.location {
   background-color: #dddddd;
}

div.composition_wrapper table#event_list tr.odd td.description, div.composition_wrapper table#event_list tr.odd td.date, div.composition_wrapper table#event_list tr.odd td.title, div.composition_wrapper table#event_list tr.odd td.location {
   background-color: #cccccc;
}

/* 252 per box, 44 whitespace (/ 2 = 22) */

/* WordPress standards */

div#signup-form { text-align: right; margin-top: 0; padding-top: 1em; }
div#signup-form table { margin: 0 auto; }
div#signup-form table td { width: 310px; }
div#signup-form table td#submit-cell { text-align: center; width: 100px; }
div#signup-form table td input#email-input { width: 300px; }
div#signup-form table td input { padding: 7px; margin: .5em; background-color: #eeeeee; border: 1px #aaaaaa solid; border-radius: 4px; }
div#signup-form form table tbody tr td input#form-submit { font-weight: bold; margin: 1.5em; padding: 7px 12px; background-color: #ccc; background: #ccc url(images/button-bg.gif) top center repeat-x; }
div#signup-form form table tbody tr td input#form-submit:active { font-weight: bold; margin: 1.5em; padding: 7px 12px; background-color: #ccc; background: #ccc url(images/button-bg-down.gif) top center repeat-x; }

.tomato { color: #FF6347; }
blockquote { padding: 0 0 0 20px; color:#ffffff; border-left: solid 1px #cccccc; }
blockquote a { color: #cccccc; }
cite { font-size: inherit; font-style: normal; }
code { background: #666666; color: #ffffff; }

/* 
div.menu-main-menu-container { text-align: center; margin: 0 0 .5em 0; padding: 0; }
div.menu-main-menu-container ul { margin: 0 auto; }
div.menu-main-menu-container ul li { display: inline; }
div.menu-main-menu-container ul li a { color: #fff; text-decoration: none; }
div.menu-main-menu-container ul li a:hover { color: #ffef66; }
div.menu-main-menu-container ul li .divider { margin: 0 8px; color: #1A1A1A; }
div.menu-main-menu-container ul li.menu-item-last .divider { display: none; }
*/

/* Forms */

input, textarea, select, button { border: 1px solid #dddddd; color: #333333; padding: 2px; margin: 3px 0 5px 0;}
input:focus { border: 1px solid #555; }

/* Others */

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft, .alignleftdouble { float: left; }
.alignright, .alignrightdouble { float: right; }

.wp-caption { border: 1px solid #aaaaaa; text-align: center; padding-top: 4px; margin-bottom: 20px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-style: italic; font-size: 11px; line-height: 17px; padding: 4px; margin: 0; }

div.wp-caption.alignleft { margin: 0 20px 20px 0; }
div.wp-caption.alignright { margin: 0 20px 20px; }
div.wp-caption.alignleftdouble, div.wp-caption.alignrightdouble { margin: 0 0 1em 0; }