/**
 * Stylesheets for Gynaika
 * 
 * author	Stijn Van Minnebruggen
 * website	www.donotfold.be
 * 
 * company	Studio Bolster
 * website	www.studiobolster.be
 * 
 */


/* RESET */
	
	* { margin: 0; padding: 0; }
	img { border: none; }
	p { margin-bottom: 16px; }
	.l { float: left; }
	.r { float: right; }
	.tr { text-align: right; }
	#pageInfo { position:absolute; left:-10000px; }
	#pageInfo.active{ position: relative; left: 0px; padding: 3px 3px 3px 20px; }
	#pageInfo.active a{ color: #fff; }

/* GENERAL STYLES */
	
	body { font-family: "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; background-color: #333; color: #000; line-height: 16px; }
	.inner { min-width: 960px; width: 960px; }
	#content { padding: 30px 0 30px 20px; background-color: #fff; }
	
	h1 { font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: bold; margin-bottom: 5px; line-height: 30px; }
	h2 { font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; margin-bottom: 5px; line-height: 24px; }
	h3 { font-family: Helvetica, Arial, sans-serif; font-size: 17px; font-weight: bold; margin-bottom: 5px; line-height: 17px; }
	h4 { font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 5px; line-height: 16px; }
	
	h3 em { font-weight: normal; font-size: 14px; }
	em.imagecaption { color: #666; }
	img.imagecaption { margin-bottom: 10px; }
	
	a { color: #000; text-decoration: underline; }
	a:hover { color: #ff6666; text-decoration: underline; }
	a.btn { background-color: #ff6666; padding: 3px 10px; display: inline-block; color: #fff; text-decoration: none; }
	a.btn:hover { background-color: #666; }
	a.btn2 { background-color: #666; padding: 3px 10px; display: inline-block; color: #fff; text-decoration: none; }
	a.btn2:hover { background-color: #000; }
	a.pdf_big { background: url(../img/icons/pdf_big.gif) no-repeat center left; padding: 5px 0 5px 35px; display: block; text-decoration: none; color: #000; }
	a.pdf_big:hover { color: #ff6666; }
	a.back { font-weight: bold; text-decoration: none; color: #ff6666; }
	a.back:hover { text-decoration: none; color: #000; }
	a.fat { font-weight: bold; text-decoration: none; color: #ff6666; }
	a.fat:hover { text-decoration: none; color: #000; }
	a.grey { color: #666; text-decoration: none; }
	a.archLink { width: 160px; float: right; }
	a.archLink2 { width: 220px; float: right; }
	
	.col1 { width: 140px; float: left; }
	.col2 { width: 300px; float: left; }
	.col3 { width: 460px; float: left; }
	.col4 { width: 620px; float: left; }
	.col5 { width: 780px; float: left; }
	.col6 { width: 940px; float: left; }
	.col7 { width: 960px; float: left; }
	
	.col1p { padding: 20px; width: 100px; float: left; }
	.col2p { padding: 20px; width: 260px; float: left; }
	.col3p { padding: 20px; width: 420px; float: left; }
	.col4p { padding: 20px; width: 580px; float: left; }
	.col5p { padding: 20px; width: 740px; float: left; }
	.col6p { padding: 20px; width: 900px; float: left; }
	
	.col1h { width: 250px; float: left; }
	.col1hp { width: 230px; float: left; padding: 15px 10px; }
	.col2h { width: 350px; margin-right: 20px; float: left; }
	
	.ptop { padding-top: 20px; }
	.ptop2 { padding-top: 10px; }
	.ptop3 { padding-top: 15px; }
	
	.mtop { margin-top: 20px; }
	.mtop2 { margin-top: 10px; }
	.mtop3 { margin-top: 15px; }
	
	.mbtm { margin-bottom: 20px; }
	.mbtm2 { margin-bottom: 10px; }
	.mbtm3 { margin-bottom: 15px; }
	
	.colh { background-color: #f3f3f3; }
	.colm { margin: 0 20px 20px 0; }
	.rm { margin-right: 20px; }
	
	.meta { margin-bottom: 15px; font-size: 11px; }
	.meta .r { color: #666; }
	.meta .r a { color: #666 !important; }
	.meta .r a:hover { color: #ff6666 !important; }
	
	.small { font-size: 10px; }
	.topBorder { padding-top: 20px; border-top: 1px solid #ccc; }
	
	h1.btmSpace { margin-bottom: 30px; }
	div.btmSpace { padding-top: 60px; }



/* HEADER */
	
	#header { background-color: #000; color: #fff; height: 153px; }
	#header h1 { margin: 35px 0 0 20px; float: left; }
	#header h1 a { display: block; width: 130px; height: 103px; background: url(../img/logos/gynaika_logo.gif) no-repeat center; }
	#header h1 span { display: none; }
	#header ul { float: right; margin-top: 35px; margin-right: -17px; list-style: none; }
	#header ul li { float: left; margin-left: 20px; font-size: 11px; }
	#header ul li a { color: #999; text-decoration: none; }
	#header ul li a strong { color: #fff; }
	#header ul li a:hover, #header ul li a:hover strong { color: #ff6666; }



/* BAR */
	
	#bar { background-color: #fff; }
	#bar .bar_inner { padding: 20px; border-top: 20px solid #000; }
	#bar .col1, #bar .col2, #bar .col3, #bar .col4, #bar .col5, #bar .col1h, #bar .col2h, #bar .col1hp { margin-bottom: 0; }
	
	#bar label { width: 140px; margin-right: 20px; float: left; text-align: right; display:inline; }
	#bar label.small { width: 80px; margin-right: 20px; float: left; text-align: right; }
	#bar .noLabel { margin-left: 160px; }
	
	#bar .fld { width: 175px; padding: 2px; border-color: #999; }
	#bar .flds { width: 135px; padding: 2px; border-color: #999; }
	#bar .captcha { margin: 4px 0 0 100px; border: 1px solid #999; }
	#bar .cbx { margin-left: 65px; margin-right: 20px; float: left; }
	#bar .label_cbx { float: left; margin: 0 !important; text-align: left; width: 135px; line-height: 13px; }
	#bar .topm { margin-top: 55px; }
	
	#bar h4 a { font-weight: bold; text-decoration: none; color: #ff6666; }
	#bar h4 a:hover { text-decoration: none; color: #000; }



/* NAVIGATION */
	
	#navigation { background-color: #000; color: #fff; padding: 20px 0; }
	#navigation ul { list-style: none; margin: 0 20px; height: 12px; border-left: 1px solid #999; }
	#navigation ul li { float: left; width: 140px; text-align: center; border-right: 1px solid #999; padding: 0 9px 0 10px; position: relative; }
	#navigation ul li.first { padding-left: 0; }
	#navigation ul li.last { }
	
	#navigation ul li ul { position: absolute; left: 0px; top: 30px; background-color: #000; border: none; z-index: 9999; }
	#navigation ul li ul li { text-align: left; float: none !important; border: none !important; padding: 0; margin: 0; }
	#navigation ul li ul li a { color: #fff; text-decoration: none; display: block; padding: 0 10px 5px 10px !important; background-color: #000; margin: 0 !important;  }
	#navigation ul li ul li a:hover { color: #ff6666; }
	
	#navigation strong a { background: url(../img/nav/nl.gif) no-repeat top left; width: 140px; height: 12px; display: block; overflow: hidden; text-indent: -1000px; padding: 0 !important; margin: 0 !important; }
	#navigation strong a:hover, #navigation li.selected strong a { background-position: 0 -12px; }
	
	#navigation a.kunstenaars { background-position: -140px 0; }
	#navigation a.tentoonstellingen { background-position: -280px 0; }
	#navigation a.projecten { background-position: -420px 0; }
	#navigation a.publicaties { background-position: -560px 0; }
	#navigation a.actualiteit { background-position: -700px 0; }
	
	#navigation a.kunstenaars:hover, #navigation li.selected a.kunstenaars {  background-position: -140px -12px; }
	#navigation a.tentoonstellingen:hover, #navigation li.selected a.tentoonstellingen {  background-position: -280px -12px; }
	#navigation a.projecten:hover, #navigation li.selected a.projecten {  background-position: -420px -12px; }
	#navigation a.publicaties:hover, #navigation li.selected a.publicaties {  background-position: -560px -12px; }
	#navigation a.actualiteit:hover, #navigation li.selected a.actualiteit {  background-position: -700px -12px; }
	
	a.dropdown { display: block; border: 1px solid #000; background: url(../img/layout/dropdown.gif) no-repeat 200px 200px; padding: 0 25px 0 5px; max-width: 200px; width: auto !important; width: 200px; outline: none; }
	a.dropdown_active, a:hover.dropdown { border: 1px solid #979797; background-position: top right; } 
	a:active.dropdown { border: 1px solid #fff; background-position: bottom right; }
	
	#user_dropdown { position: absolute; margin: 1px 0 0 0 !important; z-index: 999999; }
	#user_dropdown li { float: none !important; margin-bottom: 1px; width: 130px; margin: 0 !important; }
	#user_dropdown li a { color: #000 !important; background-color: #979797; text-decoration: none; font-weight: bold; display: block; padding: 2px 5px; }
	#user_dropdown li a:hover { color: #fff !important; background-color: #333; }



/* ERROR */
	
	#page-error404 { background-color: #fff; }
	#page-error404 .error { margin: 100px auto; width: 331px; height: 171px; background: url(../img/layout/bg_error.gif) no-repeat top left; padding: 135px 70px 0 60px; color: #fff; }
	#page-error404 h1 { font-size: 30px; margin-bottom: 20px; }
	#page-error404 p { font-size: 16px; line-height: 22px; }
	#page-error404 a { color: #ff6666; text-decoration: none; }
	#page-error404 a:hover { color: #fff; text-decoration: none; }



/* HOME */
	
	.homeTop { font-size: 11px; }
	.homeImg { margin-right: 20px; float: left; }
	.logo { margin-bottom: 15px; }
	
	#page-home #content { background-color: #000; color: #fff; }
	#page-home #content a { font-weight: bold; color: #ff6666; text-decoration: none; }
	#page-home #content a:hover { text-decoration: none; color: #fff; }
	
	#page-home .topBorder { border-color: #666; }
	#page-home h1 a, #page-home h2 a  { color: #fff !important; }
	#page-home h1 a:hover, #page-home h2 a:hover { color: #ff6666 !important; }
	#page-home h3 { color: #666; }
	#page-home h4 { margin-bottom: 0; }
	#page-home .cal_icon { background-image: url(../img/icons/calendar_page_onblack.gif) !important; }
	
	blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; line-height: 30px; margin-bottom: 15px; }
	#page-home blockquote a { font-weight: normal !important; color: #fff !important; text-decoration: none !important; }
	#page-home blockquote a:hover { color: #ff6666 !important; }
	
	.publication img { float: left; margin-right: 20px; }
	.publication p { font-size: 11px; }
	
	#calendar { margin-top: 10px; }
	#calendar table { width: 100%; border-collapse: collapse; }
	#calendar table caption { font-size: 12px; text-align: center; padding-bottom: 10px; text-transform: lowercase; font-weight: bold; }
	#calendar table thead th { text-transform: uppercase; color: #666; font-weight: bold; text-align: right; }
	#calendar table td { text-align: right; padding-bottom: 3px; }
	#calendar table .today { text-decoration: underline; }
	#calendar table span.left { float: left; display: inline; text-align: left !important; margin-top: 3px; }
	#calendar table span.right { float: right; display: inline; text-align: right !important; margin-top: 3px; }
	#calendar table a { text-decoration: none; font-weight: bold; color: #ff6666; }
	#calendar table a:hover { color: #000; }
	
	#calendar tablet body div a{ color: #fff !important; }
	
	#calendar table tbody div { background: url(../img/layout/calendar_hook.gif) no-repeat top left; padding-top: 15px; position: absolute; width: 200px; margin: 10px 0 0 20px; }
	#calendar table ul { background: #979797; padding: 15px; list-style: none; text-align: left; }
	#calendar table ul li { font-size: 11px; color: #000; padding-bottom: 5px; }
	#calendar table ul li h3 { color: #000; font-size: 14px; font-weight: bold; border-bottom: 1px solid #000; margin-bottom: 5px; }
	#calendar table ul li h4 { color: #fff; font-size: 12px; font-weight: bold; margin: 0; }
	#calendar table ul li em { color: #fff; }
	#calendar table ul li a { color: #fff !important;  }
	#calendar table ul li div.calblock { display: block; border-bottom: 1px solid #fff; color: #000 !important; padding: 0 0 10px 0; background: none; margin: 0; position: relative; width: auto; }
	#calendar table ul li a:hover h3 { color: #000 !important; }
	
	.cal { list-style: none; }
	.cal li { margin-bottom: 15px; }
	.cal_icon { float: left; background: transparent url(../img/icons/calendar_page.gif) no-repeat center center; width: 36px; height: 39px; padding-top: 3px; color: #000; text-align: center; font-weight: bold; line-height: 15px; margin-right: 10px; }
	.cal_icon span { display: block; font-size: 14px; }
	.cal_data { line-height: 15px; float: right; width: 250px; }



/* CONTACT PAGE */
	
	ul.links { list-style: none; }
	ul.links ul { list-style: none; }
	ul.links li { margin-bottom: 15px; }
	ul.links li li { margin-bottom: 0px; }
	ul.links a { text-decoration: none; color: #000; }
	ul.links a:hover { text-decoration: underline; color: #000; }
	
	.logos img { float: left; margin: 0 10px 16px 0; }
	.logos ul { float: left; list-style: none; }
	.logos a { text-decoration: none; }
	.logos .logo { clear: both; }



/* ARTISTS */
	
	.thumb { width: 185px; height: 160px; float: left; margin: 0 20px 20px 0; font-weight: bold; line-height: 12px; }
	.thumb img { margin-bottom: 8px; }
	.thumb small { font-weight: normal; font-size: 9px; }
	.thumb a { text-decoration: none; }
	
	.abc { margin: 10px 0 20px; font-weight: bold; font-size: 10px; }
	.abc a { text-decoration: none; margin-right: 1px; }
	
	.pageNav a { text-decoration: none; font-weight: bold; }
	.pageNav span { color: #ff6666; }
	
	.topMargin { margin-top: 30px; }
	
	.searchbox { background-color: #f3f3f3; padding: 10px; margin-bottom: 30px; }
	.searchbox a { font-weight: bold; text-decoration: none; }
	.searchbox .fld { width: 195px; margin-right: 5px; }
	.searchbox .slct { width: 278px; margin-bottom: 10px; }
	
	.searchbox label{ font-size: 12px; }
	.searchbox label.catlbl{ display: inline; padding-right: 10px;  }
	
	.projecten { padding-top: 10px; }
	
	.project { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; }
	.project a, .search a { text-decoration: none; font-weight: bold; }
	.project h3 a , .search h3 a { font-size: 13px; color: #ff6666; }
	
	.project_data_col1 { width: 100px; float: left; margin-right: 14px; line-height: 14px; font-size: 10px; }
	.project_data_col2 { width: 460px; float: left; }
	.project_data_col2 img { float: right; margin-left: 10px; width: 100px; }
	
	.archiveHead { margin-bottom: 10px; }
	.archiveHead a { color: #ff6666; text-decoration: none; font-weight: bold; }
	.archiveHead a:hover { color: #000; }
	
	.archive li { background-color: #f3f3f3; padding: 2px 8px; margin-bottom: 4px; list-style: none; font-size: 10px; }
	.archive li a { margin-left: 10px; text-decoration: none; font-weight: bold; }
	
	ul.work { list-style: none; }
	ul.work li { margin-bottom: 10px; line-height: 14px; }
	ul.work img { float: left; margin-right: 10px; }
	ul.work div,	ul.work span { float: left; width: 240px; }
	ul.work h4 { margin-bottom: 2px; }
	
	ul.workExhibitions { list-style: none; float: left; margin-bottom: 20px; }
	ul.workExhibitions ul { list-style: none; margin: -16px 0 0 35px; }
	
	.projectDetail { padding-top: 10px; }
	.projectDetail .head { margin-bottom: 10px; }
	.projectDetail h2 a { text-decoration: none; }
	
	.projectThumbs { margin-bottom: 20px; }
	.projectThumbs a { float: left; margin: 0 1px 1px 0; cursor: pointer; text-decoration: none; border: none; width: 45px; text-align: center; }
	
	.projectThumb { margin-bottom: 5px; width: 59px; height: 59px; background-position: center center; background-repeat: no-repeat; }
	.projectThumb img { }
	
	#projectPhotos { border: 1px solid #ccc; background-color: #f9f9f9; }
	#projectPhotos .projectThumbs { padding: 10px; }
	
	#projectdata .fld { width: 500px; padding: 4px; font-size: 16px; }
	#projectdata textarea { width: 500px; height: 200px; }
	
	.projectOthers { list-style: none; margin: 10px 0; }
	.projectOthers li { border-bottom: 1px solid #ccc; padding-bottom: 4px; margin-bottom: 4px; }
	.projectOthers li.disabled { font-weight: bold; }
	.projectOthers a { text-decoration: none; color: #666; font-weight: bold; }
	.projectOthers a:hover { text-decoration: none; color: #000; }
	
	.pattern { min-height: 200px; height: auto !important; height: 200px; background: url(../img/layout/pattern.gif); }
	.pattern ul { margin: 10px 10px 10px 30px; }
	.pattern ul li { color: #ccc; font-size: 16px; line-height: 30px; }
	.pattern ul li a { color: #fff; font-weight: bold; text-decoration: none; border-bottom: 1px solid #ccc; }
	.pattern ul li a:hover { color: #ccc; }
	
	.projects { width: 650px; border: 1px solid #999; padding: 30px 30px 15px 30px; font-weight: bold; }
	.projects ul.thumbs li { width: 200px; float: left; margin: 0 15px 15px 0; }
	



/* PROJECTS */
	
	.projects-meta { margin-bottom: 20px; }
	.projects-images { clear: both; }
	.projects-images p { color: #666; }
	.projects-images img { margin-bottom: 5px; }



/* OPINIE */
	
	.opinie { margin: 20px 0 40px; }
	.opinie blockquote { margin-top: 15px; padding-right: 100px; }
	.opinie blockquote a { color: #000; text-decoration: none; font-size:26px; line-height:30px; }
	.opinie blockquote a:hover { color: #ff6666; }
	.opinie a { color: #ff6666; font-size: 10px; text-decoration: none; }
	.opinie a:hover { color: #000; }
	
	.opinieHead { border-bottom: 1px solid #ccc; margin-bottom: 2px; }
	.opinieHead h3 { margin-bottom: 2px; }



/* USER */
	
	.page-user #content { padding: 0 0 0 20px; }
	
	.tabNav { position: absolute; left: 750px; width: 270px; padding: 30px 0; }
	.tabNav ul { list-style: none; border-bottom: 1px solid #ccc; width: 124px; }
	.tabNav ul li a { display: block; padding: 6px; width: 110px; text-decoration: none; color: #fff; background-color: #999; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; outline: none; }
	.tabNav ul li a:hover, .tabNav ul li.active a { background-color: #fff; border-left: 1px solid #fff; color: #ff6666; }
	
	.tabCol { width: 730px; border-right: 1px solid #ccc; padding: 30px 0 30px 0; min-height: 400px; height: auto !important; height: 400px; }
	
	#userdata label { width: 100px; float: left; text-align: right; margin-right: 10px; }
	#userdata .fld { padding: 2px; border-color: #ccc; width: 175px; }
	#userdata .fld2 { width: 50px; }
	
	#userdata .indent { margin-top: -30px; margin-left: 180px; }
	#userdata .indent label { width: 50px; }
	#userdata .indent .fld { width: 50px; }
	#userdata textarea { width: 342px; height: 350px; background-color: #f9f9f9; border-top-color: #999; border-left-color: #999; border-right-color: #e5e5e5; border-bottom-color: #e5e5e5; margin-top: 5px; }
	
	#exhibitions { margin-bottom: 20px; }
	#exhibitions select.l { float: left; width: 60px; margin-right: 20px; }
	#exhibitions table label { width: 90px; text-align: right; float: left; margin-right: 10px; }
	#exhibitions table .rad { margin-right: 5px; float: left; }
	#exhibitions table .fld { width: 180px; float: left; }
	#exhibitions table .btn { margin-left: 100px; }
	#exhibitions table td { padding-bottom: 2px; }
	#exhibitions table td.smaller { width: 250px; }
	#exhibitions table td.smaller label { width: 50px; }
	#exhibitions table td.options { padding-left: 0px; }
	#exhibitions table td.options input { vertical-align: middle; }



/* FIELDS AND FORMS */

	form ul, ul.form { list-style: none; }
	form ul li, ul.form li { margin-bottom: 10px; }
	
	input, select, textarea { font-family: "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; }
	label { display: block; margin-bottom: 2px; font-size: 10px; }
	textarea { width: 230px; padding: 4px; border: 1px solid #ccc; height: 150px; }
	
	.fld { width: 230px; padding: 4px; border: 1px solid #ccc; }
	.flds { width: 148px; padding: 4px; border: 1px solid #ccc; }
	.slct { width: 240px; padding: 2px; border: 1px solid #ccc; }
	.sbm { background-color: #ff6666; padding: 3px 10px; display: inline-block; color: #fff; text-decoration: none; border: none; }
	.sbm:hover { background-color: #666; }
	
	input.error, textarea.error, select.error { border-color: red !important; }
	label.error { color: red; font-weight: bold; }
	span.e{ color: red !important;  display: none; padding: 0; margin: 1px 0 0 159px; font-size: 10px; position: absolute; font-weight: normal; }
	label.error span.e{ display: block;  }
	
	input.error, textarea.error, label.error{ margin-bottom: 10px; }
	span.enm{ margin: -14px0 0 0 100px; clear: none;  }
	li.checkspn span.e{ float: right; /* display: none; */ }


	li.checkspn span.e{ margin: 5px 0 0 0 !important; padding-top: 5px; float: none;  width: 200px; }

	
	.col2p span.e{ margin: 20px 0 0 0; }
	.col2p label.error{ margin-bottom: 0; }
	.col2p input.error, .col2p textarea.error, { margin-bottom: 15px; }
	.col2p textarea{ height: 150px; }
	#add-comment textarea{ height: 150px; }
	
	#add-comment span.e{ margin:  -5px 0 0 90px; }	
	#add-comment input.error, #add-comment textarea.error, #add-comment label.error{ margin-bottom: 17px; }
	
	
	#add-comment .texta span.e{ margin-top: 135px; }
	.col2p .texta span.e{ margin-top: 160px; }
	
	
	#comments-text{ height: 150px; }
	
/* COMMENTS */
	
	.comments { list-style: none; margin-bottom: 20px; }
	.comments li { margin-bottom: 20px; }
	.comments .meta { margin-bottom: 6px; }
	.comments .comment-from { font-weight: bold; }
	
	#add-comment ul { list-style: none; }
	#add-comment li { margin-bottom: 4px; }
	#add-comment label { text-align: right; width: 80px; float: left; margin-right: 10px; line-height: 24px; }
	#add-comment .noLabel { padding: 10px 0 0 90px; color: #666; }
	#add-comment textarea { width: 300px; }
	#add-comment .flds { margin-right: 5px; vertical-align: top; }
	#add-comment .captcha { border: 1px solid #ccc; }
	#add-comment .sbm { margin-left: 90px; }



/* FOOTER */
	
	#footer { background-color: #333; color: #999; font-size: 11px; padding: 20px; }
	#footer p { font-size: 10px; }
	
	#footer ul.sitemap { margin-bottom: 50px; }
	#footer ul.sitemap li { width: 140px; float: left; margin-right: 20px; list-style: none; }
	#footer ul.sitemap li ul li { margin: 0 !important; }
	#footer ul.sitemap li h4 { font-size: 11px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #999; font-weight: normal; font-family: "Lucida Sans", "Lucida Grande", Helvetica, Arial, sans-serif; }
	
	#footer ul.address { margin-bottom: 15px; }
	#footer ul.address li { float: left; margin-right: 15px; list-style: none; font-size: 10px; }
	#footer ul.address li address { font-style: normal; }
	#footer a { color: #999; text-decoration: none; }
	#footer a:hover, #footer .selected { color: #ff6666; }



/* BETA */
	
	#beta { background: #ccc; padding: 10px 20px; }



/* CLEARFIX */
	
	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }


/* CSS RM */

#scroller{ overflow: hidden; width: 620px; height: 470px;  }
#scroller ul{ margin: 0; list-style: none; padding: 0; width: 12000px; }
#scroller li{ height: 470px; width: 620px; float: left; }

#slider_navigation ul { margin: 15px 0 0 0; display: inline; padding: 0; list-style: none;  float: left;  margin-right: 10px; }
#slider_navigation ul.slide_navi li { display: inline; }
#slider_navigation ul.slide_navi li a {  background-repeat: no-repeat;  background-image: url('../img/icons/circle_off.gif'); width: 10px; height: 15px; display: block; float: left; margin-right: 5px; }
#slider_navigation ul.slide_navi li.active a {  background-image: url('../img/icons/circle_on.gif'); }

#slider_navigation ul.slide_controls li{ display: inline; }
#slider_navigation ul.slide_controls li a{ background-repeat: no-repeat; width: 10px; height: 15px; display: block; float: left; margin-right: 5px; }
#slider_navigation ul.slide_controls li.play a{ background-image: url('../img/icons/pause.gif'); }
#slider_navigation ul.slide_controls li.pause a{ background-image: url('../img/icons/play.gif'); }

#slider_navigation a{ outline: none; }
.clear{ clear: both; }

div.prevnext{ float: right !important;  }
div.prevnext a{ margin-left: 10px; text-decoration: none; font-weight: bold; } 

span.restxt{ font-size: 11px; font-weight: normal; }

p.url{ margin: 0; }
p.url a{ color: #666666; }
.search{ margin-top: 10px; }
.search p{ margin-bottom: 5px; }
.search hr{ color: #ccc; height: 1px; border-style: none; border-bottom: 1px solid #ccc;  margin: 10px 0 10px 0; }

ul.paging{ list-style: none; float: right; }
ul.paging li{ display: inline; padding-left: 5px; }
ul.paging li.active a{ color: #FF6666; }

#searchbox{ /*margin: 70px 0 0 766px;  clear: both; position: absolute; */ line-height: 100%;  /*margin: -2px 0 0 10px;*/ display: inline;  border: 1px solid red;  }
#searchbox input{ vertical-align: middle; border-style: none; border: 0; padding: 0; height: 22px;  font-size: 11px; width: 147px; padding: 0 2px 0 2px; background-image: url('../img/searchbg.gif'); background-color: none; background-repeat: repeat-x; background-position: top; }
#searchbox input.searchbtn{ color: #fff; padding: 0; width: 60px; height: 22px;  background-image: url('../img/searchbtn.gif');  }


.lisearchbox{ /*margin: 70px 0 0 766px;  clear: both; position: absolute; */ line-height: 100%;  /*margin: -2px 0 0 10px;*/ display: inline;  }
.lisearchbox label{ left:-10000px; position:absolute; }
.lisearchbox input{ vertical-align: middle; border-style: none; border: 0; padding: 0; height: 22px;  font-size: 11px; width: 147px; padding: 0 2px 0 2px; background-image: url('../img/searchbg.gif'); background-color: none; background-repeat: repeat-x; background-position: top; }
.lisearchbox input.searchbtn{ color: #fff; padding: 0; width: 60px; height: 22px;  background-image: url('../img/searchbtn.gif');  }


#links h4{ font-size: 13px; color: #ff6666;  }
.linkscol{ margin-top: 10px;  width: 320px; float: left; }
.linkscol a{ padding: 0 10px 5px 0; text-decoration: none;  }  


#navigation ul li ul{ background: #000; top: -10000px; }
#navigation ul li ul li{ 1px solid #fff !important;  }

.avleft{ float:left; }
.delav{ margin: 98px 0 0 10px; float: left; }


/* ANYSURFER TWEAKS */

#content a:focus{ color: #FF6666!important; background-color: #F1F1F1 !important; }
#navigation a:focus, #header a:focus{ color: #FF6666 !important; background-color: #333333 !important; }
#footer p.nobg a:focus{ background-color: transparent !important; }
#footer a:focus{ color: #FF6666 !important; background-color: #666 !important; }


.calendar h2 { font-size: 17px; font-weight: bold; margin-bottom: 5px; line-height: 17px; color: #666; }
.calendarw h2 { font-size: 17px; font-weight: bold; margin-bottom: 5px; line-height: 17px; color: #000; }
#scroller h2 { font-size: 22px; font-weight: bold; margin-bottom: 5px; line-height: 30px; }

#calendar td a:focus{ background-color: transparent !important; }
#calendar td div a:focus{ background-color: #979797 !important; }

#searchbox label{ left:-10000px; position:absolute; }
.topBorder h3, .opinie h3{ font-size: 14px; line-height: 16px; }


.bar_inner em{ font-size: 9px; }
.bar_inner .col1{ width: 165px; }

#header li.fb{ margin: -5px -3px 0 15px; }

.breadc{ font-size: 14px; margin-bottom: 10px; }
.breadc a{ color: #000; text-decoration: underline;  font-weight: bold !important; }


ul.work li span{ display: block; }
ul.work li a{ text-decoration: none; }

#anysurfer{ position: absolute; margin: 99px 0 0 928px; text-align: right;  }