/*  
Theme Name: LaserEvent
Theme URI: http://www.lac-online.nl/wp
Description: Style sheet for LAC website
Version: 1
Author: Frank Ploegman 
Author URI:
*/

#laserevent-ad1{
position: absolute; top: 130px; left: -91px; background-color: #ccc; padding: 4px;
}

#laserevent-ad1 img{
padding: 4px;
border: solid 1px #DB231E;
background-color: white;
}

body{
font-family: Verdana, Helvetica, sans-serif;
background-color: #4c4f59;
color: white;
text-align: center;
margin: 0;
padding: 0;
}

#page{
position: relative;
margin: 0px 100px;
width: 800px;
background-color: white;
color: black;
padding: 0;
text-align: left;
}

h1, h2, h3, h4{
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
clear: both;
margin: 0;
} 

a{
font-weight: bold;
text-decoration: underline;
}

a:hover{
text-decoration: none;
}

a img{
border: none;
}

p{
margin: 0;
}

ul, ol{
margin: 0;
padding: 0;
}

ul li, ol li{
margin: 0;
}


/*----------- first-row --------------*/
#first-row{
background-color: #4c4f59;
color: white;
font-size: 70%;
padding: 3px 0 5px 0;
border-bottom: 1px solid #ccc;
}

p#site-url{
float: left;
background-color: #4c4f59;
color: white;
display: inline;
font-weight: bold;
padding: 0;
}

p#site-url #extension{
background-color: #4c4f59;
color: #fdcb05;
}


/*----------- quick-nav --------------*/
#quick-nav{
position: fixed;
top: 30px;
left: 75px;
/*display:block;*/
display: none;
}

#quick-nav a, #quick-nav a:visited {
width: 16px; 
height: 13px;
margin: 1px 0;
display: block; 
background-color: transparent;
background-repeat: no-repeat;
color: #c00;
}

#quick-nav ul{
padding: 0;
margin: 0;
}

#quick-nav ul li{
list-style: none inside;
padding: 0;
margin: 0;
}

#quick-nav a.home, #quick-nav a.home:visited{
background: url(images/icon_home.gif) left bottom; 
width: 17px; 
height: 14px;
}

#quick-nav a.contact, #quick-nav a.contact:visited{
background: url(images/icon_telephone.gif) left bottom ;
width: 16px; 
height: 14px;
}

#quick-nav a.route{
background: url(images/icon_car.gif) left bottom;
width: 17px; 
height: 15px;
}

#quick-nav a.sitemap{
background: url(images/icon_sitemap.gif) left bottom;
}

#quick-nav ul li a.home:hover, #quick-nav ul li a.contact:hover, #quick-nav ul li a.route:hover, #quick-nav ul li a.sitemap:hover{
background-position:right bottom; 
overflow:hidden; 
}

#quick-nav ul li.current a, #quick-nav ul li.current a:visited{
background-position:right bottom; 
overflow:hidden;
cursor: default;
}


/*----------- site-identity --------------*/
#site-identity{
padding: 5px 5px 0 25px;
}

img#logo_lac{
float: left;
margin: 0 15px 0 0;
padding: 0;
}

.sub-page #site-identity a #logo_lac{
width: 185px;
height: 115px;
background: url(../i/logo_lac_set.gif) top left no-repeat white;
color: black;
float: left;
}

.sub-page #site-identity a:hover #logo_lac{
background-position: bottom left;
}


/* ---------- Navigation ------------ */
#top-nav{
padding: 50px 0 0 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14pt;
}

#top-nav a{
background-color: white;
color: #777;
padding: 0;
border-bottom: 4px solid white;
text-decoration: none;
}

#top-nav a:hover{
border-bottom: 4px solid #910000;
}

#top-nav .current_page_item a, #top-nav .current_page_parent a{
border-bottom: 4px solid #910000;
cursor: default;
}

#top-nav ul{
display: inline;
}

#top-nav ul li{
display: inline;
list-style: none inside;
padding: 25px 10px 25px 6px;
border-right: 2px solid #ccc;
}

#top-nav ul li.first{
/*padding-left: 0;*/
}

#top-nav ul .last{
border-right: none;
}

/*----------- banner --------------*/
#banner img{
display: block;
margin-left: auto;
margin-right: auto;
}

/*----------- current-location --------------*/
#current-location{
display: none;
font-size: 75%;
padding: 5px 20px 5px 35px;
color: white;
background-color: #444;
margin: 0px 0 5px 0;
}

#current-location a{
background-color: transparent;
color: white;
}


/*----------- breadcrumbs --------------*/
p#breadcrumbs{
margin: 5px 15px 0px 30px;
padding: 0;
font-size: 70%;
color: #555;
}

#breadcrumbs ul{
display: inline;
}

#breadcrumbs ul li{
display: inline;
list-style: none inside;
padding: 0 4px 0 0;
}

#breadcrumbs a, #breadcrumbs a:visited{
color: #555;
}


/*----------- page-nav --------------*/
#page-nav{
float: right;
}

#page-nav p{
display: inline;
padding: 0;
}
#page-nav a{
margin-left: 2px;
}

/* ---- ----- */
/*#page-cell-1col #main-col{
	padding: 20px 30px 0 30px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}*/


#page-cell-2col{
position: relative;
padding: 20px 0 25px 0;
}

#page-cell-2col #main-col{
position: relative;
float: left;
width: 480px;
padding: 0 15px 0 30px;
border-right: 2px solid #ccc;
}


/*----------- main-col --------------*/
#main-col{
background-color: white; 
color: black;
font-size: 85%; /* size of paragraph, table, ul, etc. = 100% */
}

#main-col h2{
padding: 0.5em 0 .4em 0;
font-size: 175%;
line-height: 1em;
background-color: white;
color: #777;
background-color: white;
}

#main-col h3{
padding: 10px 0 2px 0;
font-size: 140%;
background-color: white;
color: #900;
}

#main-col h3 a:link, #main-col h3 a:visited{
color: #900;
}

#main-col h4{
padding: 5px 0 2px 0;
font-size: 105%;
background-color: white;
color: #333;
}

#main-col a{
background-color: white;
color: #900;
}

#main-col p{
line-height: 150%;
padding: 0 0 0.4em 0;
}

#main-col blockquote{
margin:0;
padding: 0.5em 25px 0.1em 25px;
font-style:italic;
}

#main-col p.wp-caption-text{
font-size: 80%;
color: #444;
padding-bottom: 1em;
}

#main-col ul{
margin: 0;
padding: 0 0 0.5em 2em;
list-style: disc outside;
line-height: 160%;
}

#main-col li{
margin: -2px 0 0 0;
padding: 0 0 2px 0;
}

#main-col ul ul{
padding: 0 0 0 35px;
margin: 0;
list-style: circle outside;
} 

#main-col li li{
margin: -2px 0 0 0;
padding: 0;
}

#main-col ol{
margin: 0;
padding: 0 0 0.5em 3em;
list-style: decimal outside;
line-height: 160%;
}

#main-col ol ol{
padding: 0 0 0 35px;
margin: 0;
list-style: lower-alpha outside;
}

#main-col h2:first-child, #main-col h3:first-child, #main-col p:first-child, #main-col ul:first-child, #main-col ol:first-child{
margin-top: 0;
padding-top: 0;
}

#main-col .lacred{
background-color: white;
color: #900;
}

#main-col img{
margin: 0 8px 3px 0px;
padding: 2px;
}

#main-col img.centered{
display: block;
margin-left: auto;
margin-right: auto;
}

#main-col img.alignright{
margin: 0 0 3px 8px;
padding: 2px;
display: inline;
}

#main-col img.alignleft{
margin: 0 8px 3px 0px;
padding: 2px;
display: inline;
}

.alignright{
float: right;
}

.alignleft{
float: left;
}

#main-col a:link img, #main-col a:visited img{
border: 1px solid;
border-color: #900;
}

#main-col a:hover img{
border-color: #aaa;
}


/**************** tables ***************/
table{
background-color:#aaa;
color: black;
margin: 5px 0;
line-height: 150%;
}

#main-col table tr{
padding-bottom: 5px;
}

table.left{
float: left;
margin:  5px 5px 5px 0;
}

table.right{
float: right;
margin:  5px 0px 5px 5px;
}

.tableFooter1, #main-col .tableHeader, th{
font-weight: bold;
text-align: left;
background-color: white;
color: black;
}

/*.tableStyle1 .tableFooter1 td{
border-top:  1px solid #999;
}*/

td, th{
background-color: white;
color: black;
padding: 3px;
}

.altRow1 td{
background-color: #dedede;
color: black;
}

.altRow2 td{
background-color: white;
color: black;
}

td ul{
margin: 0 0 0 1.2em;
padding: 0;
}

.smaller{
font-size: smaller;
}

#main-col p.caption{
font-style: italic;
margin-top: 0;
font-size: smaller;
}

#main-col table p{
margin-top: 0;
}


/* ---------- post ------------ */
.post{
margin: 0 0 25px;
clear: both;
}

/* ---------- mini-post ------------ */
.mini-post{
border-bottom: 1px solid #999;
padding: 10px 0;
clear: both;
}

.clear{
clear: both;
}

/* ---------- postmetadata ------------ */
p.postmetadata {
font-size: 0.9em;
line-height: 1.5em;
color: #777;
background-color: white;
}

#main-col p.postmetadata a:link, #main-col p.postmetadata a:visited{
color: #777;
background-color: white;
}


/* ---------- edit_post ------------ */
p.edit_post{
font-size: smaller;
clear: both;
}

#main-col p.edit_post a:link, #main-col p.edit_post a:visited{
color: #777;
background-color: white;
}


/* ---------- post-navigation ------------ */
#main-col div.navigation{
border-top: 2px solid #ccc;
padding-top: 20px;
clear: both;
}

#main-col p.post-navigation{
font-size: smaller;
}

#main-col p.post-navigation a:link, #main-col p.post-navigation a:visited{
color: #777;
background-color: white;
}


/* ---------- morenews ------------ */
#main-col p.morenews{
border-top: 2px solid #ccc;
padding-top: 20px;
width: 75%;
}

/* ---------- notice ------------ */
#main-col .notice{
margin: 10px 0;
padding: 15px;
border: 1px solid #888;
font-style: italic;
}

#main-col .notice span{
font-style: normal;
font-weight: bold;
}

/* ---------- source ------------ */
.source, p.source{
font-size: small;
color: #999;
/*margin-top: 0;*/
font-style: italic;
}

/* ---------- side-col1 ------------ */
#side-col1{
float: left;
width: 230px;
padding: 0 20px;
line-height: 1.05em;
}

#side-col1 .search-form{
padding: 8px 0 12px 0;
}

#side-col1 .box-copy{
padding: 14px 0;
}

* html #main-col, #side-col1{
display: inline;
}

#side-col1 h3{
background-color: white;
color: #888;
margin: 0;
padding: 2px 0;
border-bottom: 2px solid #990000;
font-size: 100%;
}

#side-col1 h3 .first{ /* first word */
background-color: white;
color: #900;
}

#side-col1 p{
font-size: 80%;
padding: 2px 0px;
}

#side-col1 .navigation p{
margin: 0;
padding: 5px 0;
font-size: 75%;
}

#side-col1 a:link, #side-col1 a:visited{
background-color: white;
color: #555;
text-decoration: none;
}

#side-col1 a:hover{
text-decoration:underline;
}

#side-col1 a:link img, #side-col1 a:visited img, #side-col1 a:link div.button, #side-col1 a:visited div.button{
border: 1px solid #900;
}

#side-col1 a:hover img, #side-col1 a:hover div.button{
border-color: #aaa;
}

#side-col1 img, #side-col1 div.button{
margin: 4px 0px;
padding: 2px;
}

#side-col1 ul{
list-style: none outside;
margin: 0;
padding: 0;
}

#side-col1 li{
font-size: 80%;
}

/* ---------- search-form ------------ */
#side-col1 .search-form #s{
padding: 2px;
border: 1px solid #999;
width: 150px;
}

#side-col1 .search-form #s:focus{
border: 1px solid #900;
}


/* ---------- linklist ------------ */
#side-col1 .linklist a:link, #side-col1 .linklist a:visited{
display: block;
text-decoration: none;
padding: 0px 4px 0px 10px;
background: url(images/raquo_set.gif) no-repeat;
background-position: 0px 5px;
}

#side-col1 .linklist a:hover{
padding-right: 0px;
border-right: 4px solid #900;
}

#side-col1 .linklist .current_page_item a{
cursor: default;
border-right: 4px solid #900;
}

#side-col1 .linklist li{
padding: 2px 0 3px;
border-bottom: 1px solid #ccc;
}


/* ---------- side-nav ------------ */
#side-nav .linklist a:visited, #side-col1 .linklist .current_page_item a:visited{
background-position: 0px -58px;
}

#side-nav .current_page_item a{
/*background-position: 0 5px;*/
}

/* ---------- agenda ------------ */
#side-col1 .agenda li{
padding: 3px 0 3px 0;
border-bottom: 1px solid #ccc;
}

/* ---------- contact ------------ */
#side-col1 .contact p{
border-bottom-color: white;
}

/*#side-col1 img.mail-img{
padding-top: 4px;
}*/

/* ---------- to-top ------------ */
a.to-top{
position: absolute;
/*bottom: -10px;
right: -4px;*/
bottom: 20px;
right: 270px;
width: 11px;
height: 12px;
background: url(images/to_top_set.gif) left top no-repeat;
}

a.to-top:hover{
background-position: right top;
}


/* ---------- footer ------------ */
#footer{
padding: 3px 10px 5px 10px;
background-color: #4c4f59;
color: #ccc;
text-align: center;
font-size: 60%;
}
	
#footer ul{
display: inline;
}

#footer ul li{
display: inline;
list-style: none inside;
padding: 0 4px 0 0;
border-right: 1px solid #aaa;
}

#footer a:link, #footer a:visited{
text-decoration: none;
background-color: #4c4f59;
color: #ccc;
}

#footer a:hover{
text-decoration: underline;
}

#footer p{
line-height: 180%;
padding: 0;
margin: 0;
}

#anti-spam{
display: none;
}