/*
This is the CSS file for Linkingpark | The online bookmark storage by Igor Klajo
Created:	January 18, 2006
Updated:	October 15, 2008
Author:		Igor Klajo
Website:	Linkingpark | The online bookmark storage by Igor Klajo
URL:		http://linkingpark.withaldes.com
e-mail:		linkingpark@withaldes.com
copyright:	Igor Klajo, www.withaldes.com 
	This CSS (Cascading Style Sheet) file is copyrighted to me
	Igor Klajo). You are allowed to learn and improve your 
	knowledge from this file, but you are not allowed to use 
	it for you os someone elses purpose of any kind. You are 
	not allowed to show this CSS file or any part of it on any
	kind of media. You're not allowed to make profit (distribute 
	or sell) out of this file nor are you allowed to claim it
	as yours.
*/

* {	margin: 0; padding: 0; }

html { font-size: 62.5%; } /* Resets basic font-size to 10px with cross-browser support, Thanks to Dragan Babic http://dnevnikeklektika.com/ */

body { background : #fff url("back_main.gif") repeat-x 50% 0%; color : #575757; font-family : "Trebuchet MS", Verdana, Arial, sans-serif; font-size : 1.3em; text-align: justify; }

/*.error { text-align: center; }*/

/* MAIN LINK STYLE */
a{color: #A1C130; text-decoration: none; }
a:visited {color: #8EAF1A; border-bottom: 1px solid #8EAF1A;}
a:hover {color: #FF9000; border-bottom: 2px solid #FF9000;}
a:focus, a:active{color: #fff; background: #A1C131; border-bottom: 2px solid #A1C131;}
/* FOOTER LINK STYLE */
#footer a {color: #ADD229; text-decoration: none;}
#footer a:visited { border: none; }
#footer a:hover {color: #FF9000; border: none;}
#footer a:focus,#footer a:active {background: #ADD228; color :#fff;}


abbr { border-bottom: 1px dotted #575757; cursor: help;}

code { font-family: "Lucida Console", "Courier New", monospace, "Lucida Sans Unicode";}

p { margin: 10px;}

ul, li { list-style: none; }

img { border: none; }


/* HEADING STYLE */
h1 { font-size: 2em;}
h2 { font-size: 1.3em;}	
h3 { font-size: 0.9em;}
/* H1 */
body#home h1.home1, body#home h1.home2, body#home h1.home3, body#home h1.home4, body#bookmarks h1, body#suggestion h1, body#faq h1, body#contact h1, body#accesskeys h1, body#copyright h1, body#sitemap h1 { text-indent: -9999px; height: 53px; line-height: 53px; margin-bottom: 22px;}
body#home h1.home1 { background: url("title_home1.png") no-repeat 0px 12px; }
body#home h1.home2 { background: url("title_home2.png") no-repeat 0px 12px; }
body#home h1.home3 { background: url("title_home3.png") no-repeat 0px 12px; }
body#home h1.home4 { background: url("title_home4.png") no-repeat 0px 12px; }
body#bookmarks h1 { background: url("title_bookmarks.png") no-repeat 0px 12px;}
body#suggestion h1 { background: url("title_suggestion.png") no-repeat 0px 12px;}
body#faq h1 { background: url("title_faq.png") no-repeat 0px 12px;}
body#contact h1 { background: url("title_contact.png") no-repeat 0px 12px; }
body#accesskeys h1 { background: url("title_access.png") no-repeat 0px 12px; }
body#copyright h1 { background: url("title_copyright.png") no-repeat 0px 12px; }
body#sitemap h1 { background: url("title_sitemap.png") no-repeat 0px 12px; }
/* H2 */
body#home h2, body#accesskeys h2, body#bookmarks h2.blog, body#bookmarks h2.edu, body#bookmarks h2.flash, body#bookmarks h2.forum, body#bookmarks h2.fun, body#bookmarks h2.hardware, body#bookmarks h2.movies, body#bookmarks h2.music, body#bookmarks h2.photo, body#bookmarks h2.software, body#bookmarks h2.tutorials, body#bookmarks h2.web { text-indent: -9999px; height: 31px; line-height: 31px;}
body#home h2 {background: url("h2_home.png") no-repeat 0% 50%; margin: 50px 0 -15px 0;}
body#accesskeys h2 {background: url("h2_access.png") no-repeat 0% 50%;}
body#accesskeys h2.linkback {background: url("h2_linkback.png") no-repeat 0% 50%; margin: 22px 0 -10px 0;}
body#bookmarks h2.blog {background: url("h2_blog.png") no-repeat 8px 50%;}
body#bookmarks h2.edu {background: url("h2_edu.png") no-repeat 8px 50%;}
body#bookmarks h2.flash {background: url("h2_flash.png") no-repeat 8px 50%;}
body#bookmarks h2.forum {background: url("h2_forum.png") no-repeat 8px 50%;}
body#bookmarks h2.fun {background: url("h2_fun.png") no-repeat 8px 50%;}
body#bookmarks h2.hardware {background: url("h2_hardware.png") no-repeat 8px 50%;}
body#bookmarks h2.movies {background: url("h2_movies.png") no-repeat 8px 50%;}
body#bookmarks h2.music {background: url("h2_music.png") no-repeat 8px 50%;}
body#bookmarks h2.photo {background: url("h2_photo.png") no-repeat 8px 50%;}
body#bookmarks h2.software {background: url("h2_software.png") no-repeat 8px 50%;}
body#bookmarks h2.tutorials {background: url("h2_tutorials.png") no-repeat 8px 50%;}
body#bookmarks h2.web {background: url("h2_web.png") no-repeat 8px 50%;}
/* H3 */
body#home h3 { background: url("recent_button2.png") no-repeat 5px 0; text-indent: 25px; margin: 20px 0 -13px 0; font-size: 1em; height: 25px; line-height: 18px;}
body#faq h3 { font-weight:normal; font-style: italic; text-align:right;}


/* SITE HEADER */
#header { margin: 0 auto; height: 120px; width: 620px; }
#header #headfiller { text-indent: -9999px; height: 90px; width: 620px; background: url("linkingpark.png") no-repeat 50% 50%; }

/* SITE NAVIGATION */
#menuBar { margin: 0 85px; height: 30px; line-height: 30px; background: url("back_navi2.gif") no-repeat center bottom; clear: both; text-align: center; position: relative; width: 620px; voice-family: "\"}\""; voice-family:inherit; width: 450px; }	
html>body #menuBar { width: 450px;}
#menuBar a { background: transparent; border: none; text-indent: -9999px; overflow: hidden; }
/* link normal */
#menuBar .navi1 a{width: 90px;height: 30px; float: left; left: 0px; }
#menuBar .navi2 a{width: 90px;height: 30px; float: left; left: 180px; }
#menuBar .navi3 a{width: 90px;height: 30px; float: left; left: 270px; }
#menuBar .navi4 a{width: 90px;height: 30px; float: left; left: 390px; }
#menuBar .navi5 a{width: 90px;height: 30px; float: left; left: 450px; }
/* link hover */
#menuBar .navi1 a:hover/*, #menuBar .navi1 a:active*/ {background: url("back_navi2.gif") no-repeat -85px 0px;}
#menuBar .navi2 a:hover/*, #menuBar .navi2 a:active*/ {background: url("back_navi2.gif") no-repeat -175px 0px;}
#menuBar .navi3 a:hover/*, #menuBar .navi3 a:active*/ {background: url("back_navi2.gif") no-repeat -265px 0px;}
#menuBar .navi4 a:hover/*, #menuBar .navi4 a:active*/ {background: url("back_navi2.gif") no-repeat -355px 0px;}
#menuBar .navi5 a:hover/*, #menuBar .navi5 a:active*/ {background: url("back_navi2.gif") no-repeat -445px 0px;}
/* link active */
body#home .navi1 a {background: url("back_navi2.gif") no-repeat -85px -30px;}
body#bookmarks .navi2 a {background: url("back_navi2.gif") no-repeat -175px -30px;}
body#suggestion .navi3 a {background: url("back_navi2.gif") no-repeat -265px -30px;}
body#faq .navi4 a {background: url("back_navi2.gif") no-repeat -355px -30px;}
body#contact .navi5 a {background: url("back_navi2.gif") no-repeat -445px -30px;}


/* SITE FOOTER */
#footer { color: #d4d4d4; font-size: 0.85em; height: 210px; background: #1c1c1c url("back_footer.gif") repeat-x 0% 0%; width: 100%; padding-top: 70px; voice-family: "\"}\""; voice-family: inherit; height: 140px;  }
html>#footer {height: 140px;}
#footer #footer-content { margin: 0px auto;width: 620px; height: 140px;}
#footer #footer-content #footer-navigation { width: 180px; height: 140px; float: left; clear: right;}
#footer #footer-content #footer-online { width: 260px; height: 140px; float: left; clear: right;}
#footer #footer-content #footer-copyright { width: 180px; height: 140px; float: left; clear: right; text-align: right;}
#footer #footer-content #footer-copyright ul,#footer #footer-content #footer-copyright li { width: 180px; margin: 0; padding: 0;}


#footer .banner { width: 620px; margin: 0 auto; padding: 0; }
#footer .banner ul { list-style: none; width: 620px; margin: 13px 0 0 0; padding: 0; clear: left; }
#footer .banner ul li {	width: 124px; height: 24px; line-height: 24px; float: left; }

/* MAIN CONTAINER */
#main { height: 100%; margin: 0px auto; margin-top: 60px; line-height: 22px; width: 620px;/*background: #ccc;*/}	


/* BOOKMARKS PAGE */
body#bookmarks ul {list-style:none;margin-left:15px;width:620px;}
body#bookmarks li {list-style:none;} 
body#bookmarks li div .dinfo {padding: 10px 15px;background:#f5f5f5 url("link_slide_pointer.png") no-repeat 0 0;border:1px solid #d2dada;border-top:none;color:#575757;font-size:.85em;font-style:italic;font-family:georgia; margin:5px 0 10px 0;}

body#bookmarks li a { }
body#bookmarks li a.info {float:left;clear:right;height:22px;width:22px; background: url("link_information_button.png") no-repeat 0 0; display:block; }
body#bookmarks li a.info:hover,body#bookmarks li a.info:visited,body#bookmarks li a.info:active,body#bookmarks li a.info:focus {border: none; overflow: hidden;}

body#bookmarks .clearing:after, * html body#bookmarks .clearing {height: 30px; background: transparent;content: "."; display: block; clear: both; visibility: hidden;}
body#bookmarks .clears:after, * html body#bookmarks .clears {height: 0px; background: transparent;content: "."; display: block; clear: both; visibility: hidden;}
/**/


/* SUGGESTION AND CONTACT PAGE */
label#fmmessage { text-align: center; margin-bottom: 22px; width: 620px; display: block; }
* html label#fmmessage { margin-top: -44px;} /* IE fix, still bugy look when message was sent */
.form { width: 620px; margin-bottom: 10px; border: none; display: block; }
.forms { margin-left: 210px; text-align: left; border: none; display: block; width: 620px; voice-family: "\"}\""; voice-family:inherit;  width: 410px; }
html>body .forms { width: 410px;}	
.form label { float: left; width: 205px; padding: 0 0 0 5px; text-align: left; font-family : "Trebuchet MS", Verdana, Arial, sans-serif; }
.form input, .form textarea, .form select { width: 300px; padding: 1px; font-family : "Trebuchet MS", Verdana, Arial, sans-serif; border: 1px solid #BCBCBC; font-size: 1em; color: #575757; }
.form input:focus, .form textarea:focus, .form select:focus { border: 1px solid #DEDEDE; color: #858585; background-color: #fbfbfb; }
.form textarea { width: 400px; }
/* Submit Buttons */
input.submit, input.reset{ height: 31px; width: 81px; border: none; font-size: 0%; color: #fff; text-indent: -210px; }
input.submit { background: url("button_submit.png") no-repeat 50% 0%;}
input.submit:hover { background: url("button_submit.png") no-repeat 50% 100%;}
input.reset { background: url("button_reset.png") no-repeat 50% 0%;}
input.reset:hover { background: url("button_reset.png") no-repeat 50% 100%;}


fieldset { border: none; padding: 0; margin: 0;}
fieldset.fstop { margin-bottom: 30px; }

label#fmmessage span.error { color: #990000; display: block; width: 100%; font-weight: bold; background: #ffdddd; padding: 7px 10px; margin: 7px 0; border: 1px solid #990000;}
label#fmmessage span.ok { color: #009904; display: block; width: 100%; font-weight: bold; background: #e9fce6; padding: 7px 10px; margin: 7px 0; border: 1px solid #009904; }

img.security {border: 1px solid #BCBCBC;}


/* FAQ */
body#faq ul { list-style: none; margin-left: 10px;}
body#faq li { text-indent: -15px; padding-left: 10px;}

body#faq dl { margin-left: 8px; }
body#faq dt { font-weight: bold; padding-left: 20px; background: url("b_q.gif") no-repeat 0 5px;}
body#faq dd { margin: 0 0 20px 0; padding-left: 20px; background: url("b_a.gif") no-repeat 0 5px; }


/* ACCESSKEY and SITEMAP */
body#accesskeys ul, body#sitemap ul { list-style:none; margin-left: 0px;}
body#accesskeys li, body#sitemap li { text-indent: -15px; padding-left: 25px;}
body#accesskeys .lc { border: 1px solid #DEDEDE; color: #858585; background-color: #fbfbfb; margin: 10px; padding: 5px; text-align: left; }
body#accesskeys .lc code { font-size: 0.9em; }
body#accesskeys #footer li, body#sitemap #footer li { padding: 0;}

/* ------------------------------------------------------------------------ */

/* TRANSPARENT FLASH TEST */
#flash {position: absolute; top: 30px; left: 550px; z-index: 20; overflow: hidden;}
#flash .flashhide { text-decoration: none; text-indent: -9999px; overflow: hidden; border: none; display: block; background: url("close_button_15x15.png") no-repeat 100% 0; width: 15px; height: 15px; float: right;}