/*
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; }

img.right {float:right;}
#right-big img.right {float:right;}

textarea { width: 95%; padding: 10px; border: 1px solid #cccccc; background: #ffffff; }
input { width: 95%; padding: 10px; border: 1px solid #cccccc; background: #ffffff; }
input:focus { background: #ededed; border: 1px #3a535e solid; }
textarea:focus { background: #ededed; border: 1px #3a535e solid; }

p.submit input { width: 20%; float: left; }
p.submit input:hover { background: #ededed; border: 1px #3a535e solid; cursor: pointer; }

input.radio { width: 10px; margin-right: 20px; height: 10px; }

.wpcf7-form p { color: #ff0000; font: 130% "Trebuchet MS", Helvetica, sans-serif; }

/******************************************* 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: 100px; font: 1em "Trebuchet MS", Helvetica, sans-serif; }


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

#logo { float: left; width: 270px; height: 75px; margin-top: 6px; margin-left: 30px; background: url(images/logo.gif) no-repeat left center; }
#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; }

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

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


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

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

#right-start { float: left; width: 690px; padding-left: 20px; padding-right: 20px; height: 200px; padding-top: 100px; }
#right-start a { line-height: 40px; color: #F7931E; font-size: 100%;  }
#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; }
#right-big img.no-border { margin-right: 10px; margin-bottom: 5px; float: left; border: none; }

#right-big img { margin-right: 10px; margin-bottom: 5px; float: left; border: none; padding: 5px; border: 1px solid #d8d8d8; }

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

#right-novost { float: left; width: 500px; padding-left: 20px; padding-right: 20px; }
#right-arhiva { float: left; width: 180px; height: 600px; padding-left: 10px; padding-right: 0px; }
#right-arhiva ul { margin-top: 50px; border-top: 1px solid #ddd; }
#right-arhiva li a { line-height: 275%; display: block; background: #eeeeee; border-bottom: 1px solid #ddd; padding-left: 10px; padding-right: 0px; font-weight: bold; color: #904098; text-decoration: none; }
#right-arhiva li a:hover { background: #ffffff; }


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

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

#left ul.invisible { display: none;	}

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

#left ul.menu li#orangeCopy { background: url(images/lines/line-orange.gif) right top no-repeat;  }
#left ul.menu li#blueCopy { background: url(images/lines/line-blue.gif) right top no-repeat;  }
#left ul.menu li#greenCopy { background: url(images/lines/line-green.gif) right top no-repeat;  }
#left ul.menu li#purpleCopy { background: url(images/lines/line-purple.gif) right top no-repeat;  }
#left ul.menu li#yellowCopy { background: url(images/lines/line-yellow.gif) right top no-repeat;  }

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

#left ul.menu li#orangeCopy div#orangeCopy-active a { color: #F7931E; }
#left ul.menu li#orangeCopy div#orangeCopy-active a:hover { color: #ffffff; }
#left ul.menu li#blueCopy div#blueCopy-active a { color: #00B9F2; }
#left ul.menu li#blueCopy div#blueCopy-active a:hover { color: #ffffff; }
#left ul.menu li#greenCopy div#greenCopy-active a { color: #0DB14B; }
#left ul.menu li#greenCopy div#greenCopy-active a:hover { color: #ffffff; }
#left ul.menu li#purpleCopy div#purpleCopy-active a { color: #EC008C; }
#left ul.menu li#purpleCopy div#purpleCopy-active a:hover { color: #ffffff; }
#left ul.menu li#yellowCopy div#yellowCopy-active a { color: #FFF200; }
#left ul.menu li#yellowCopy div#yellowCopy-active a:hover { color: #ffffff; }

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

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

/*************************************** screenshot *********************************************/

#screenshot { position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; }

span.wpcf7-not-valid-tip-no-ajax { padding-top:0px; margin:0px; color: #ff0000; }

div.wpcf7-response-output {
	clear: both; color: #F7931E; padding: 0px; margin: 0px; text-indent: 0px;
}

.lightbox {}

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

#address { float: left; width: 260px; color: #D1D3D4; margin-left: 40px; padding-top: 10px; }
#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; }