/****************************************************************
 * mikro splash screen style
 * Author: Nikola Topalovic @ http://www.mikroe.com/
 * $Date: 2005/07/06 11:54$
 ****************************************************************/

/** Clear browser defaults **/
* {margin:0; padding:0;}


/** Page structure **/

body {
	background:#f0f0f0 url(../images/bg_body.gif);
	color:#222;
	font:76%/1.5 "Arial",sans-serif;
	text-align:center;
}

body#splash {padding:20px 0;}
body#book {padding:0; font:76%/1.6 "Verdana","Arial",sans-serif;}

#wrap {
	width:755px;
	/*min-width:750px;
	max-width:920px;*/
	margin:0 auto;
	text-align:left;
}

#book #wrap {
	border:1px solid #ccc;
	border-width:0 1px;
	background:#fff;
}


/** Custom corners and borders **/

.rbox {
	background:url(../images/round_lt.gif) top left no-repeat;
}
.rhead {
	padding:15px;
	background:url(../images/round_rt.gif) top right no-repeat;
}
.rbody {
	background:url(../images/round_body.gif) top right repeat-y;
}
.rfoot {
	background:url(../images/round_lb.gif) bottom left no-repeat;
}
.rfoot1 {
	margin:0;
	padding:15px;
	background:url(../images/round_rb.gif) bottom right no-repeat;
}


/** Basic elements **/

p {
	margin:0 0 1.4em 0;
}

ul,ol {
	margin:0 0 1.4em 0;
	padding-left:2.4em;
}

ul {list-style-type:square;}

b, strong {font-weight:bold;}
i, em {font-style:italic;}

hr {
	height:1px;
	line-height:1px;
	border:1px dashed #ccc;
	border-width:1px 0 0 0;
}

acronym {
	border-bottom:1px dashed #ddd;
	cursor:help;
}

kbd {
	/* white-space:nowrap; */
	padding:0 0.2em;
	border-top:1px double #cfcfcf;
	border-left:2px solid #bababa;
	border-right:3px solid #aaa;
	border-bottom:4px solid #909090;
	background-color:#efefef;
	color:#222;
	font-family:"Verdana","Tahoma",sans-serif;
	font-size:80%;
	text-align:center;
}

address {
	margin:1.2em;
	font-style:normal;
	font-weight:normal;
}

pre, code {
	color:#050;
	font:100%/1.5 "Courier New","Monaco","Andale Mono","Courier",monospace;
}

pre {
	margin-top:1.4em;
	margin-bottom:1.4em;
	padding:.8em;
	border:1px solid #cdd;
	background:#f0f0f3;
}


/** Headings **/

h1,h2,h3,h4 {
	margin:0 0 1em 0;
	color:brown;
	font-family:"Verdana","Arial","Helvetica",sans-serif;
	font-weight:normal;
}
#book h1 {font-family:"Georgia","Times New Roman",serif; margin:0;}
h1 {font-size:220%;}
h2 {font-size:160%;}
h3 {font-size:130%; color:maroon;}
h4 {font-size:110%; color:maroon;}

.subhead {
	margin:0;
	font-size:110%
}


/** Links **/

a, a:link {
	color:#03a; /* #03a */
	/*text-decoration:none; */
}

a:hover {
	color:#a00;
	text-decoration:underline;
}

a:visited {
}

a img {border:0;text-decoration:none;}


/** Header **/

#book #header div {
	padding:15px;
}

#header {
	background:transparent url(../images/bg_header.jpg) no-repeat 95%;
	border-bottom:1px dashed #ddd;
}

#logo {
	margin-top:5px;
}

/*#header h1 {
	width:266px;
	height:67px;
	margin:0;
	padding:0;
	background:transparent url(../images/mikro_logo_header.gif) no-repeat left;
	text-indent:-500em;
}

#header a {
	display:block;
	width:266px;
	height:54px;
	border:0;
	background:transparent;
	text-decoration:none;
}*/


/** Footer **/

#footer {
	clear:both;
	padding:0;
	border-top:1px dashed #ddd;
	color:#666;
	font-family:"Arial",sans-serif;
	font-size:92%;
	text-align:center;
}

#footer p {
	margin:0;
	padding:15px;
}


/** Content **/

#content {
	padding-top:20px;
}

#splash #content {
	position:relative;
	float:left;
	width:100%;
}

#main {
	margin:0 2%;
}

#splash #main {
	display:inline;
	width:54%;
	float:left;
	padding:0;
}

#book .toc {
	overflow:hidden; /* simple clearing */
	margin-top:1.4em;
	margin-bottom:1.4em;
	padding:1em .4em;
	border:1px solid #cdd;
	background:#f0f0f3;
}

* html #book .toc  {height:1%;} /* iefix */

#book .toc ul {
	margin-top:0;
	margin-bottom:0;
}
#book .toc ul.left {
	width:45%;
	float:left;
}

#bookoverview {
	overflow:hidden; /* simple clearing */
	margin-top:1.8em;
}
* html #bookoverview {height:1%;} /* IE hax, simple clearing */

img#bookcover {
	float:left;
	margin-right:1em;
	padding:0;
	border:0;
}

#bookoverview p {
	margin-top:0;
}

.booknav {
	margin-top:0;
	color:#555;
	font-size:92%;
	text-align:right;
}
.booknav a {padding:0 6px;}


/** Tables **/

table {
	margin:1.8em 0;
	border:0;
	border-collapse:collapse;
}

td, th, caption {
	padding:.5em .8em;
	border:1px solid #c6dae7;
}

th, caption {
	background:#f0f0f3;
	font-weight:bold;
	text-align:left;
}

td p, td pre {margin:0 0 1.2em 0;}


/* Showcase */
.showcase {margin:1.8em 0; overflow:hidden;} /* simple clearing */
* html .showcase {height:1%;} /* IE hax, simple clearing */
.showcase img {float:left;} /* padding:2px; border:0px solid #ddd; background:transparent url(../images/bg_img_100.gif) no-repeat;} /* !!! */
.showcase h4 {line-height:normal;}
.showcase h4 a {color:maroon; font-weight:bold; text-decoration:none;}
.showcase p, .showcase h4 {margin:0 0 0 160px;} /* mesta za sliku */


/** Sidestuff **/

#side {
	display:inline;
	width:37%;
	float:left;
	margin:0 2%;
	font-size:92%;
}

#side ul {
	margin:0;
	padding:0;
	margin-left:1px; /* hax: misterija nestajuceg bordera ispod kugle ? :-/ */
	text-align:right;
	background:transparent url(../images/bg_globe.jpg) no-repeat center left;
}

#side li {
	overflow:hidden; /* simple clearing */
	list-style-type:none;
	padding-right:5px;
	padding-bottom:4px;
}

#side li a {
	float:right;
	width:100px;
	padding-left:5px;
	border:#bbb 1px solid;
	background:#f6f6f6;
	color:#039;
	text-decoration:none;
	text-align:left;
}

#side li a:hover {
	background:#424242;
	color:#fff;
}

#side .rbox {
	margin-bottom:15px;
	border:0px solid;
}


/* Partners */

#partners img {float:left;}
#partners p {margin-left:105px;}


/** Reusables **/

.hide {display:none;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.flleft {float:left; margin-right:10px;}
.flright {float:right; margin-left:10px;}
.simpleclear {overflow:hidden;}
* html .simpleclear {height:1%;}
.clear,.cl {clear:both;}

.underline {text-decoration:underline;}
.overline {text-decoration:overline;}

.small {font-size:92%;}

.stretch {width:100%;}