/*
Theme Name: Camelot
Theme URI: http://www.camelot.hr
Description: Wordpress theme for www.camelot.hr
Version: 1.0
Author: Filip Herceg

*/

/******************************************* basics ***********************************************/

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

body { background: #ffffff url(../images/back.gif) repeat-y; font: 1em "Tahoma", Helvetica, sans-serif; color: #000; text-align: left; font-size:80% }

li { list-style: none; }

.clear { clear: both; }

h1 { color: #F7931E; padding-bottom: 0.5em; font: 200% "Tahoma", Helvetica, sans-serif; }
h2 { color: #904098; padding-bottom: 0.1em; font: 130% "Trebuchet MS", Helvetica, sans-serif; }
h3 { color: #0071BC; padding-bottom: 0.5em; font: 90% "Trebuchet MS", Helvetica, sans-serif; }

a { color: #F78608; }
a:hover { text-decoration: none; }

/******************************************* skeleton *****************************************/

#container { margin: left; width: 100%; text-align: left; }

#header { height: 95px; width: 100%; background: #000000; overflow: hidden; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; margin-top: 25px; margin-bottom: 30px; font: 1em "Trebuchet MS", Helvetica, sans-serif; }
#content { width: 980px; }
#footer { height: 40px; width: 100%; background: #000000; overflow: hidden; border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; margin-top: 30px; margin-bottom: 25px; font: 1em "Trebuchet MS", Helvetica, sans-serif; }


/***************************************** header *********************************************/

#header #logo { float: left; width: 270px; height: 75px; margin-top: 6px; margin-left: 30px; background: url(../images/logo.png) no-repeat left center; }
#header #menu { float: left; width: 675px; height: 55px; text-align: right; padding-right: 5px; padding-top: 40px; font-size: 120%; background: url(../images/lines/line-white.gif) no-repeat right bottom; }

#header #menu ul { list-style: none; }
#header #menu ul li { list-style: none; float: right; border-right: 1px solid #00B9F2; }
#header #menu ul li a { color: #00B9F2; text-decoration: none; padding-left: 10px; padding-right: 10px; font-size: 85%; }
#header #menu ul li a:hover { color: #ffffff; text-decoration: underline; }

#header #menu ul li.right { list-style: none; float: right; border-right: none; }
#header #menu ul li.rss { list-style: none; float: right; background: url(../images/rss.gif) no-repeat left center; padding-left: 20px; }


/***************************************** content *********************************************/

#content #left { float: left; width: 250px; padding-right: 0px; }
#content #right { float: left; width: 520px; padding-left: 20px; padding-right: 20px; }
#content #right-big { float: left; width: 690px; padding-left: 20px; padding-right: 20px; }
#content #banner { float: left; width: 160px; height: 600px; background: #000; padding-left: 10px; padding-right: 0px; }
#content #right p { margin-bottom: 10px; line-height: 150%; text-align: justify; color: #000000; }
#content #right-big p { margin-bottom: 10px; line-height: 150%; text-align: justify; color: #000000; }

#content #right-start { float: left; width: 690px; padding-left: 20px; padding-right: 20px; height: 200px; padding-top: 100px; }
#content #right-start a { line-height: 40px; color: #F7931E; font-size: 100%;  }
#content #right-start a:hover { margin-bottom: 10px; color: #F7931E; text-decoration: none; }

#content img.border { margin-right: 10px; margin-bottom: 5px; float: left; border-bottom: 15px solid #dedede; border-left: 5px solid #dedede; border-right: 5px solid #dedede; border-top: 5px solid #dedede; }
#content img { margin-right: 10px; margin-bottom: 5px; float: left; border: none; padding: 5px; border: 1px solid #d8d8d8; }
#content img.no-border { margin-right: 10px; margin-bottom: 5px; float: left; border: none; }

#content div.separator { clear: both; height: 1px;	overflow: hidden;	background-color: #d8d8d8;	margin: 15px 0px 15px 0px; }

/***************************************** menu ***********************************************/

#content #left ul.menu { font: 120% Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif; list-style: none; text-align: right; margin: 0 auto;	}
#content #left ul.menu li { line-height: 200%; color: #A7A9AC; display: block; padding-right: 50px;  }

#content #left ul.menu li#orange { background: url(../images/lines/line-orange.gif) right top no-repeat;  }
#content #left ul.menu li#blue { background: url(../images/lines/line-blue.gif) right top no-repeat;  }
#content #left ul.menu li#green { background: url(../images/lines/line-green.gif) right top no-repeat;  }
#content #left ul.menu li#purple { background: url(../images/lines/line-purple.gif) right top no-repeat;  }
#content #left ul.menu li#yellow { background: url(../images/lines/line-yellow.gif) right top no-repeat;  }
#content #left ul.menu li#blue2 { background: url(../images/lines/line-blue2.gif) right top no-repeat;  }
#content #left ul.menu li#purple2 { background: url(../images/lines/line-purple2.gif) right top no-repeat;  }
#content #left ul.menu li#red { background: url(../images/lines/line-red.gif) right top no-repeat;  }
#content #left ul.menu li#brown { background: url(../images/lines/line-brown.gif) right top no-repeat;  }

#content #left ul.menu li#orange div#orange-active a { color: #F7931E; }
#content #left ul.menu li#orange div#orange-active a:hover { color: #00B9F2; }
#content #left ul.menu li#brown div#brown-active a { color: #893A03; }
#content #left ul.menu li#brown div#brown-active a:hover { color: #00B9F2; }
#content #left ul.menu li#red div#red-active a { color: #ED1C24; }
#content #left ul.menu li#red div#red-active a:hover { color: #00B9F2; }
#content #left ul.menu li#purple2 div#purple2-active a { color: #904098; }
#content #left ul.menu li#purple2 div#purple2-active a:hover { color: #00B9F2; }
#content #left ul.menu li#blue2 div#blue2-active a { color: #0071BC; }
#content #left ul.menu li#blue2 div#blue2-active a:hover { color: #00B9F2; }
#content #left ul.menu li#blue div#blue-active a { color: #00B9F2; }
#content #left ul.menu li#blue div#blue-active a:hover { color: #00B9F2; }
#content #left ul.menu li#green div#green-active a { color: #0DB14B; }
#content #left ul.menu li#green div#green-active a:hover { color: #00B9F2; }
#content #left ul.menu li#purple div#purple-active a { color: #EC008C; }
#content #left ul.menu li#purple div#purple-active a:hover { color: #00B9F2; }
#content #left ul.menu li#blue div#blue-active a:hover { color: #00B9F2; }
#content #left ul.menu li#yellow div#yellow-active a { color: #FFF200; }
#content #left ul.menu li#yellow div#yellow-active a:hover { color: #00B9F2; }

#content #left ul.menu li a { color: #939697; display: block; text-decoration: none; }
#content #left ul.menu li a:hover { color: #00B9F2; }

/*
#content #left ul.menu li a.yellow { color: #FFF200; }
#content #left ul.menu li a.blue2 { color: #0071BC; }
#content #left ul.menu li a.purple2 { color: #904098; }
*/

#content #left ul.menu li.menu ul.info li { padding-right: 0px; }
#content #left ul.menu li.menu ul.info li a { color: #ffffff; padding-right: 0px; }
#content #left ul.menu li.menu ul.info li a:hover { color: #F7931E; }

/*
#content #left ul.menu li.menu ul.info li a.orange2 { color: #F7931E; }
*/


/*************************************** center *********************************************/



/***************************************** footer *********************************************/

#footer #address { float: left; width: 260px; color: #D1D3D4; margin-left: 40px; padding-top: 10px; }
#footer #copyright { float: left; width: 665px; text-align: right; color: #A7A9AC; padding-right: 15px; font-size: 83%; padding-top: 12px; background: url(../images/lines/line-white.gif) no-repeat top right; height: 30px; }