/*
      Created by Keith Donegan of Code-Sucks.com
      Modified by Kevin Rooke @ NeoTech Media for City Parking S.A.
      This is the CSS File for CPV2.0 Template 2.
	  
	
	  
*/

* { padding: 0; margin: 0; }

body {
 	font-family: Trebuchet ms, sans-serif;
 	font-size: 12px;
 	background-image: url(../gfx/cinta3.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


#wrapper
{
	margin: 10px auto 0 auto;
	width: 1002px;
	height: auto;
	/* border: 1px solid red; */
}

#header
{
	color: #333;
	width: 1000px;
	float: left;
	padding: 0px;
	height: 200px;
	margin: 0px;
	border-color: #AAA;
	border-width: 1px 1px 0 1px;
	border-style: solid solid none solid;
	background-color: #0CF;
}

#menu { float: right; 
		padding: 2px 0 0 0;
		}
#menu li
{
	float: left;
	list-style-type: none;
}
	#menu li a
	{
		margin: 0 8px 0 8px;
		color: #333;
		text-decoration: none;
		font-weight: normal;
	}
	
	#menu li a:hover { text-decoration: underline; }
	
#navigation
{
	clear: both;
	float: left;
	width: 1000px;
	height: 29px;
	color: #333;
	padding: 0px;
	margin: 0px;
	border-color: #AAA #AAA transparent #AAA;
	border-width: 0 1px 0 1px;
	border-style: none solid none solid;
	background-color: #0CF;
}
#leftcolumn
{
	color: #333;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	/* height: 370px; */
	width: 450px;
	float: left;
	border-left: 1px solid #AAA;
	background-color: #FFF;
	
}




#crumbs
{
	height: 15px;
	padding: 5px;
	border-color: #AAA transparent #AAA transparent;
	border-width: 1px 0 1px 0;
	border-style: solid none solid none;
	background-color: #0CF;
	background-image: url(../gfx/blueline2.gif);
	background-repeat: no-repeat;
	background-position: top right;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
	


#crumbs a
{
	color: #06C;
	text-decoration: none;
}

#crumbs a:hover
{
	color: #EEE;
	text-decoration: underline;
}

/* #crumbs a:visited
{
	color: #FC0;
	text-decoration: none;
} */


#news
{
	width: 440px;
	float: left;
	padding: 4px;
	border-color: transparent transparent #AAA transparent;
	border-width: 0 0 1px 0;
	border-style: none none dashed none;
	background-color: #FFC;
	background-image: url(../gfx/diaglines.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
}


#news h3
{
	color: #39F;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;

}

#news p
{
	color: #39F;
	font-size: 12px;
	line-height: 14px;
	font-style: normal font-weight: normal;
	text-align: left;
	text-transform: inherit;
}
	
	#news img
	{
	
	border: 1px solid black;
	margin-right: 6px;
	}
	
	#news a
{
	color: #03F;
	text-decoration: none;
}
	
	

#main
{
	float: left;
	width: 440px;
	padding: 0px 5px 0px 5px;
	/* background-color: #FFF; */
	background-image: url(../gfx/cinta5.gif);
	background-repeat: repeat-x;
	background-position: left top;
	/* border: 1px solid red; */
}

#main strong
{
	color: #069;
	font-style: oblique;
	font-weight: normal;
}

#main a
{
	color: #00F;
	text-decoration: none;
}

#main a:hover
{
	color: #69F;
	text-decoration: underline;
}

#main h2
{
	
	clear: left;
	color: #0CF;
	font-size: 22px;
	font-weight: normal;
	margin-top: 18px;
	margin-bottom: 12px;
}

#main h2 a
{
	color: #0CF;
	text-decoration: none;
}


#main h2 a:hover
{
	color: #69F;
	text-decoration: underline;
}

#main img
 {
 	border: 1px solid black;
 	margin-right: 3px;
 }
 
 #main h5
 {
 	color: #666;
 	font-size: 14px;
 	font-style: normal;
 }
 

 
 #main p
 {
 	color: #666;
 	font-size: 13px;
 	font-style: normal;
 	font-weight: normal;
 	text-align: left;
 	line-height: 14px;
 }


#main ul, li
{

	color: #666;
 	font-size: 13px;
 	font-style: normal;
 	font-weight: normal;
 	text-align: left;
 	line-height: 14px;


}

#main em, i { color: #069; }



#main li
	{
		list-style-type: disc;
		list-style-position: inside;
	}
	
	/* styles only the more info link: By KEV!*/
	
	#main .date a
	{
		color: #2d7cff;
		font-size: 12px;
		font-weight: bold;
	}


/* removes border around contact form and comments form ikonz: By KEV!*/	
#main .commentsbox img { border-style: none; }
#main .otherpanels img { border-style: none; }

/* Styles the paginator links when available */	
 .paginator
 {
 	width: 425px;
 	float: right;
 	border-top: 1px solid silver;
 	margin: 6px auto 6px auto;
 	padding: 4px 2px 4px 2px;
 	text-align: right !important;
 	font-family: arial, helvetica, sans-serif;
 	font-size: 10px;
 	font-weight: bold;
 	color: #333;
 }
 
 .paginator a
 {
 	color: #C06;
 	text-decoration: none;
 }
 
 .paginator a:hover{text-decoration: underline;}
 
 
#content
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0 10px 0px 10px;
	/* height: 350px; */
	width: 250px;
	display: inline;
	border-color: #AAA;
	border-width: 1px 1px 0 1px;
	border-style: solid dashed none dashed;
	background-color: #FFF;
	background-image: url(../gfx/cinta3.gif);
	background-repeat: repeat-x;
	background-position: left top;
	
}

#content h3
{
	color: #09F;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin: 8px 0 8px 0;
}

#content h4
{
	color: #777;
	font-size: 15px;
	margin-bottom: 5px;
	letter-spacing: 1px;
	font-variant: normal;
}

#content p
{
	font-size: 11px;
	line-height: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333;
}

#content img
{
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	margin-right: 3px;
}


#content a
{
	color: #03F;
	text-decoration: none;
	font-size: 12px;
}
	
#content a:hover
{
	text-decoration: underline;
	color: #69F;
}
	
#content li
	
	{
		list-style-type: none;
	}



/* the following is to style boxes with drop shadows */

#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}

    #shadow-container .shadow1 {
        background: #F1F0F1;
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
    }

    #shadow-container .shadow3 {
        background: #B8B6B8;
    }

    #shadow-container .container
    {
    	border: 1px solid #848284;
    	padding: 10px;
    	background-color: #FFF;
    	background-image: url(../gfx/cinta3.gif);
    	background-repeat: repeat-x;
    	background-position: left top;
    }

/* styles only the <a href> attribute in shadowed boxes: By KEV!*/


    #shadow-container .container a
{
	font-size: 11px;
}



#search_engine input[type='text']
{
	width: 135px;
	border: 1px dotted black;
	background-color: #ffd90f;
	margin: 6px;
}

#search_engine input[type='submit']
{
	width: 60px;
	border: 1px solid black;
	background-color: #0CF;
	margin: 6px;
}


	#searchbox
	{
		border-color: #0CF;
		border-width: 2px;
		border-style: dotted;
		background-color: #FFC;
		background-image: url(../gfx/diaglines.png);
		background-repeat: no-repeat;
		background-position: 100% 100%;
		margin: 8px 0 8px 0;
		padding: 5px;
	}
	
div.hr { margin: 5px 0px; border: none; border-top: 1px solid #CCC; }
div.hr hr { display: none; }




#rightcolumn
{
	float: right;
	background: #FFF;
	margin: 0px 0px 0px 0px;
	padding: 0 10px 0 10px;
	height: 800px; 
	width: 258px;
	border-width: 1px 1px 0px 0px;
	border-style: solid solid none solid;
	border-color: #AAA;
	color: #444;
	font-size: 11px;
	line-height: 14px;
	font-style: normal;
	font-weight: normal;
	background-image: url(../gfx/bigp.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#rightcolumn img
{
	border-color: black;
	border-width: 1px;
	border-style: solid;
	margin: 0 3px 0 0;
}

#rightcolumn li
{
	list-style-type: none;
}



#rightcolumn h3
{
	
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #39F;
	margin-top: 5px;
	margin-bottom: 8px;
}


#rightcolumn a
{
	color: #03F;
	text-decoration: none;
	font-size: 11px;
}
	
#rightcolumn a:hover
{
	text-decoration: underline;
	color: #69F;
}

#rightcolumn .wrap
{
/* border: 1px solid red; */
width: 253px;

}

/* style for online payments button */

.clear
{
	/* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}

a.button
{
	background: transparent url('../gfx/bg_button_a.gif') no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font: bold 12px arial, sans-serif;
	height: 24px;
	padding-right: 18px;
	/* sliding doors padding */
	text-decoration: none;

	margin: 0 6px 0 72px;
}

a.button span {
    background: transparent url('../gfx/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

/* Ends online payment buttons styling */



#cat2
{
	/* border: 1px solid red; */
	margin-top: 5px;
	margin-bottom: 5px;
	/* background-color: #9CF; */
	padding: 5px 0 5px 5px;
}

#cat2 a
{
	color: #600;
	text-decoration: none;
	letter-spacing: 2px;
	font-style: normal;
	font-size: 12px;
}
	
#cat2 a:hover
{
	text-decoration: underline;
	color: #C03;
}


#footer
{
	width: 1000px;
	height: 148px;
	clear: both;
	background-color: #FFF;
	background-image: url(../gfx/foot.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-color: transparent #AAA transparent #AAA;
	border-width: 0 1px 0 1px;
	border-style: none solid none solid;
	text-align: center;
}

#credits
{
	width: 1000px;
	height: 15px;
	color: #333;
	padding: 0px;
	border-color: #AAA;
	border-width: 0 1px 1px 1px;
	border-style: none solid solid solid;
	text-align: center;
	background-image: url(../gfx/creditsbg.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
	font-family: verdana, geneva;
	font-size: 10px;
}

#credits a
{
	color: #606;
	text-decoration: none;
}

#credits a:hover
{
	color: #F39;
	text-decoration: underline;
}


/* sNews ------------------------------------------------------------------- */


/* ------------- New, Nov.05.07 Event Block Generator ------------------------*/
.event
{
	margin-top: 8px;
	margin-bottom: 8px;
	border: 1px solid #666;
	background-color: #0CF;
}
.event h4
{
	margin-bottom: 3px;
	padding: 5px;
	font: bold 14px Trebuchet ms, sans-serif;
	text-align: center;
	color: #fff;
	background-color: #FFC;
	background-image: url(../gfx/diaglines.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	/* #E23300 */
	border-bottom: #666;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}
.event_date { font-weight: bold; text-align: center; color: #E23300; padding-bottom: .2em; }
.event_text { padding: 0 .6em .6em .6em; line-height: 1.3em; }

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

/* indents icons in sitemap, archive & rss_links_sm - this package only. */
.icon_indent { margin-left: 20px; }

.date
{
	border-top: 1px solid #c3daff;
	padding: 2px 0 2px 0;
	margin: 3px 0 3px 0;
}



/* for functions in custom_login.php only */
.sess_uname { color: #E23300; } /* logged-in username */
.clogin_panel { margin-bottom: 1em; border: 1px solid #ccc; width: 405px; padding: .3em 0 .3em 0; background: #f6f0e8; }

/* For custom admin panels mod only REVISED JAN.13.08 - validation revisions */
.centerit { text-align: center; } /* in snusers.php */
.admpanel { text-align: center; }
.admpanel, .otherpanels
{
	width: 405px;
	border: 1px solid #ccc;
	padding: 10px 8px 10px 15px;
	margin: 10px 0 0 0;
	color: #000;
	background-color: #efefef;
	background-image: url(../gfx/cplogo-grey.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}


.admintitle { font: bold 16px Arial; color: /* #E23300;*/ #000;  }
.usertitle { margin-bottom: .5em; font: bold 13px Arial; color: #E23300; text-align: center; }
.settingbutton { margin-bottom: 10px; text-align: center; }
.buttonmargin { margin-bottom: 10px; }
/* --- end of Jan.13.08 validation revisions ---------------------------- */

/* For custom admin panels mod only */
.fieldset { border: 1px solid #ccc; padding: 20px 8px 20px 15px; margin: 0 0 8px 0; background: #efefef; color: #000; }
legend { font: bold 16px arial; margin: 10px 0 0 0; }
input { padding: 3px; margin: 0; }

textarea { width: 85%; height: 20em; padding: 3px;}


/* for admin tip panel (expandable) */
.tip_panel { width: 85%; border : 1px solid #ccc; font: normal 12px arial; background : #fff; padding : 10px; }
.tip_panel b { color: maroon; padding-top:0.2em; }
.expand { border : 1px solid #ccc; background : #fafafa; padding : 0.6em; margin: 0.4em 0 0.4em 0; }
#preview { border : 1px solid #ccc; background : #fafafa; padding : 0.6em; margin: 0.4em 0 0.4em 0; }

/* span styles used in custom admin panels only */
.redtitle { font: bold 14px Arial; color: #ff0000; text-align: center; }
.bluetitle { font: bold 14px Arial; color: #0054bc; text-align: center; }

/* div classes to float images or inserted blocks with text-wrap in articles */
.floatright { position: relative; float: right; padding: 0 0 0 4px; border: none; }
.floatleft { position: relative; float: left; padding: 0 4px 0 0; border: none; }

/* Comments and comment panel styles */
.comment { color: #4e1a1a; background: #f6f0e8; padding: 10px; margin-bottom: 10px; border: 1px solid #C0C0C0; }
.commentsbox
{
	width: 405px;
	background: #f5f5f5;
	color: #808080;
	padding: 10px;
	margin: 12px 0 10px 0;
	border: 1px solid #C0C0C0;
}



/* extra box for extra 2 & extra 2 blocks, above & below the center content */
.extrabox { border : 1px solid #ccc; background : #f6f0e8; padding : 10px; }

/* Philmoz, Admin Links mod, May 23.07 */
.New_Admin_Links { font-size:85%; text-align:center; }
/* Philmoz, Expandable Categories, Oct.29.07 */
.expandacat { padding: 0px 0px; margin: 0 0 0px 0; text-decoration: none; } /* background: #fff; color: #0066B3;  */
.expandaArticles {padding: 0px 2px; margin: 0 0 10px 10px; color: #000; font-size:85%; line-height:1.3em; text-decoration:none;}

/* # mattonik's image links panel mod */
#thumb {position:relative; z-index:100; display: inline;}
#thumb a img {border:0;}
#thumb a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#thumb a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#thumb a.p1:hover .large {display:block; position:absolute; top:-35px; left:400px; width:100px; height:100px; border:1px solid #ccc;}

/* mattonik's internal links mod */
#InterneLinky { border: 1px solid #ccc; background : #fafafa; padding: 0.6em; margin: 0.4em 0 0.4em 0; }

.ILclanky {
display: block;
width: 35%;
height: 100%; /* 20em */
overflow:auto;
float: left;
}

.ILsites {
display: block;
width: 30%;
height: 100%;
overflow:auto;
padding-left: 0.3em;
float: left;
border-left: 1px solid #ccc;
}

.ILcat {
display: block;
width: 30%;
height: 100%;
overflow:auto;
padding-left: 0.3em;
border-left: 1px solid #ccc;
}