/*
Theme Name: pppuk
Theme URI: http://www.pppuk.com
Description: pppuk
Version: 1
Author: pppuk
*/


/* -------------------------------------------------------------------------------------------[ RESETS ]------ */

* {
  list-style: none;
  margin: 0;
  padding: 0;
  outline: none;
  text-decoration: none;
}

html { font-size:100.1%; }

/* -------------------------------------------------------------------------------------------[ GENERALS ]---- */
body {
	color:#3c3f36;
	background:#FFF url(../images/background.png) repeat-x left top;
	font: 75%/170% Arial, Helvetica, Verdana, sans-serif;
	font-weight:normal;
	margin: 0; padding: 0;
	text-align: center;
}

.content{ font-size:1em; text-align:left;}

input, textarea{ font-size:100%; }

img{ border:0 none; }

hr{ clear: both; visibility: hidden; }

.inv{ display:none;}

.clear{ clear:both; height:1px;}


a{ color:#3c3f36; text-decoration:none;}
a:hover{ color:#9fb03e; text-decoration:none;}
a:active{ text-decoration:none;}

/* -------------------------------------------------------------------------------------------[ HEADINGS ]---- */

h1, h2, h3, h5, h6 {
	font-family:"Myriad Pro", "Frutiger Roman", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	line-height:100%;
}

.bottomstuffbar {
font-family:"Myriad Pro", "Frutiger Roman", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	line-height:100%;
font-size:14pt;
}

h4{
	font-family:Times New Roman,Times,Georgia,serif;
	font-weight:normal;
	line-height:100%;
}

h1 { font-size:   4em; }
h2 { font-size: 3.5em; }
h3 { font-size: 2.5em; font-weight:normal; }
h4 { font-size: 0.5em; margin:10px 0 0 0; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }



/* -------------------------------------------------------------------------------------------[ HEADER ]---- */

#header{ background:url(../images/head_bg.png) repeat-x left top;}
#header .content{
	margin:0 auto;
	width:960px; height:150px;
	}

#header #logo a{
	background:url(../images/logo_top.png);
	display:block;
	float:left;
	margin:5px 0 0 0;
	width:620px; height:104px;
	}
#header #logo a:hover{
	background:url(../images/logo_top.png);
	}


/* RSS Top Rollover */
#header #feedrss{
	float:right;
	margin:5px 0 0 0;
	width:227px; height:104px;
	}
#header #feedrss a{
	background:url(../images/feedrss_a.png) no-repeat left top;
	display:block;
	width:227px; height:104px;
	}
#header #feedrss a:hover{
	background:url(../images/feedrss_ahover.png) no-repeat left top;
	}


/* Navigation top List */
#header #nav_bar{
	clear:both;
	}
#header #nav_bar ul{
	float:left;
	margin:0 0 0 20px;
	width:750px; height:41px;
	}
#header #nav_bar ul li{
	display:inline;
	float:left;
	font-size:1.5em;
	height:41px;
	line-height:41px;
	padding:0 15px;
	background:url(../images/nav_bg.png) no-repeat right top;
	}
#header #nav_bar ul li.end{
	background:none;
	}
	
#header #nav_bar ul a{ color:#ebe9dc;}
#header #nav_bar ul a:hover{ color:#9fb03e;}



/* Search engine */
#header #search_engine{
	float:left;
	height:41px;
	}

#header #search_engine input{border:none;}
#header #search_engine form{ margin:0; padding:0;}
#header #search_engine .field{
	background:url(../images/search_field.png) no-repeat left 50%;
	margin:0 8px 0 0; padding:5px;
	width:135px;
	}

#header #search_engine .button{
	background:url(../images/search_button.png) no-repeat left 50%;
	width:25px; height:41px;
	}




/* -------------------------------------------------------------------------------------------[ TEASER HOME ]---- */

#teaser{ background:url(../images/teaser_bg.png) repeat-x left top;}
#teaser .content{
	margin:0 auto;
	width:960px; height:347px;
	}

#teaser #sliding{
	overflow:hidden;
	width:960px; height:340px;
	}
#teaser #sliding div{
	background:url(../images/teaser_bg.png) repeat-x left top;
	}
#teaser #sliding .teasing_1{
	width:960px; height:340px;
	}
#teaser #sliding .teasing_2{
	width:960px; height:340px;
	}
#teaser #sliding .teasing_3{
	width:960px; height:340px;
	}



/* -------------------------------------------------------------------------------------------[ TEASER PAGES ]---- */

#teaser_pages{ background:url(../images/teaserpages_bg.png) repeat-x left top;}
#teaser_pages .content{
	margin:0 auto;
	width:960px; height:60px;
	}


/* -------------------------------------------------------------------------------------------[ MAIN ]---- */

#main{ background:url(../images/main_bg.png) repeat-x left top;}
#main .content{
	margin:0 auto; padding:6px 0 20px 0;
	width:960px;
	}


/* -------------------------------------------------------------------------------------------[ MAIN : Home ]---- */

#main #ticker{
	color:#9fb03e;
	font-size:2.8em;
	font-weight:bold;
	height:140px;
	line-height:normal;
	padding:10px 0 0 0;
	overflow:hidden;
	text-align:center;
	z-index:2;
	}
#main #ticker div{
	background:url(../images/ticker_bg.png) no-repeat left 50%;
	width:960px; height:140px;
	}
#main #ticker p{
	padding:25px 0 0 60px;
	height:140px;
	}


#main #fastnews{
	/* -background:url(../images/beige_bg.png) no-repeat 50% top;*/
	color:#3c3f36;
	text-align:center;
	margin:0 0 0 15px;
	width:930px; 
	}
#main .fastnews_bloc{
	background:url(../images/separator_beige_bg.png) no-repeat right top;
	float:left;
	margin:0 0 0 20px;
	text-align:center;
	width:290px;
	}
#main .fastnews_end{
	background:none;
	}
#main .fastnews_bloc h4{
	color:#9fb03e;
	font-weight:bold;
	padding:5px 0;
	text-transform:uppercase;
	width:268px;
	}
#main .fastnews_bloc p{
	line-height:18px;
	font-size:11px;
	text-align:justify;
	width:268px;
	}
#main .fastnews_bloc div{
	width:268px;
	}
#main .fastnews_bloc a{
	color:#3c3f36;
	font-weight:bold;
	padding:3px 4px;
	}
#main .fastnews_bloc a:hover{
	color:#9fb03e;
	}


/* -------------------------------------------------------------------------------------------[ MAIN : About ]---- */

.frame{
	background:url(../images/inside_bg.png) repeat-y left top;
	width:930px;
	margin:30px auto;
	}
.frame .bottom{
	background:url(../images/inside_bottom.png) no-repeat left top;
	clear:both;
	height:19px;
	}
.frame h1{
	color:#3c3f36;
	font-size:40px;
	font-weight:bold;
	height:52px;
	line-height:50%;
	padding:10px 0 0 0;
	}
.frame h1 span{
	display:block;
	font-size:0.35em;
	font-weight:normal;
	line-height:150%;
	}
	
.frame .inside{
	background:url(../images/inside_top.png) no-repeat left top;
	padding:15px 0 15px 30px;
	}


/* -------------------------------------------------------------------------------------------[ MAIN : News ]---- */
.post{
	border:1px solid #b2b2b2; border-width:0 0 3px 0;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	}
.post a{
	color:#3c3f36;
	}
.post a:hover{
	color:#72918c;
	}
	
.post h4{
	font-size:3em;
	font-weight:bold;
	letter-spacing:-1px;
	margin:5px 0 0 0; padding:0 0 10px 0;
	}

.post .date{
	text-transform:uppercase;
	}

.post .infos{
	text-align:right;
	padding:4px 6px;
	}

.link_comments{
	background:url(../images/link_comments.png) no-repeat right 50%;
	padding:0 18px 0 0;
	}
.link_rss{
	background:url(../images/icon_about.html) no-repeat left 50%;
	padding:0 10px 0 25px;
	}
.link_read{
	background:url(../images/icon_about.html) no-repeat left 50%;
	padding:0 10px 0 25px;
	}

/* Comments */
#comments{
	background:#eaeaea;
	padding:20px;
	}
#comments .nb_comments{
	font-size:1.8em;
	text-align:right;
	margin:0 0 20px 0;
	}
#comments .com{
	background:#FFF;
	border:1px solid #b2b2b2;
	height:100%;
	padding:5px;
	margin:0 0 30px 0;
	}
#comments .green{
	background:#f3f8dd;
	}
#comments .com .user{
	float:left;
	font-size:0.9em;
	margin:0 20px 0 0;
	text-align:center;
	width:100px;
	}
#comments .com .user_name{
	font-size:1.1em;
	margin:0 0 5px 0;
	}
#comments .com .user a{
	color:#3c3f36;
	}
#comments .com .user a:hover{
	color:#9fb03e;
	}

#comments .com.user_post{
	float:left;
	width:500px;
	}

/* Reply form */
#commentform label{
	display:block;
	clear:both;
	font-size:1.2em;
	}
#commentform input{
	border:1px solid #b2b2b2;
	display:block;
	clear:both;
	margin:0 0 10px 0; padding:5px;
	width:500px;
	}
#commentform textarea{
	border:1px solid #b2b2b2;
	display:block;
	clear:both;
	margin:0 0 10px 0; padding:5px;
	width:500px; height:100px;
	}
#commentform #submit{
	border:1px solid #b2b2b2;
	display:block;
	clear:both;
	margin:0 0 10px 0; padding:5px;
	width:150px;
	}

#paginate{
	padding:20px 0 0 0;
	text-align:right;
	}
#pagination-list {float:right;}
#pagination-list li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ display:inline; }
#pagination-list a           { border:solid 1px #b2b2b2; margin-right:2px; float:left; }
#pagination-list .previous-off,
#pagination-list .next-off   { color:#b2b2b2; display:block; float:left; font-weight:bold; padding:3px 5px; }
#pagination-list .next a,
#pagination-list .previous a { font-weight:bold; border:solid 1px #FFFFFF; }	
#pagination-list .active     { color:#b2b2b2; font-weight:bold; display:block; float:left; padding:4px 8px; }
#pagination-list a:link, 
#pagination-list a:visited   { color:#72918c; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pagination-list a:hover     { border:solid 1px #666666; }

/* -------------------------------------------------------------------------------------------[ MAIN : Artists & Authors ]---- */

#artists_list{
	background:#eaeaea;
	height:100%;
	padding:20px 10px;
		}

#artists_list .item{
	border:1px solid #b2b2b2; border-width:0 0 3px 0;
	float:left;
	margin: 0 20px 10px 20px; padding:0 0 10px 0;
	text-align:center;
	width:180px;
	}
#artists_list .item .authors_name{ font-size:1.2em; font-weight:bold; }


/* -------------------------------------------------------------------------------------------[ MAIN : Events ]---- */

#event_list{
	height:100%;
	padding:10px 0;
	}

#event_list .event_bloc{
	background:#fafafa;
	border:1px solid #b2b2b2; border-width:0 1px 1px 1px;
	height:100%;
	padding:5px 0;
	}
#event_list .event_bloc p{
	float:left;
	padding:0 5px;
	}
	
#event_list .event_bloc .preview		{ width:30px; height:55px; line-height:55px; }
#event_list .event_bloc .preview img	{ width:30px; height:32px; padding:10px 0 0 0; }
#event_list .event_bloc .title			{ width:390px; }
#event_list .event_bloc .name			{ width:390px; display:block; clear:both; font-weight:bold; font-size:1.4em; padding:5px 0 0 0; line-height:22px; }
#event_list .event_bloc .date			{ width:120px; height:55px; line-height:55px; text-align:center; }
#event_list .event_bloc .place			{ width:100px; height:55px; line-height:55px; text-align:center; }

#event_list .event_bloc_head p{
	float:left;
	padding:5px;
	}
#event_list .event_bloc_head .preview		{ width:30px; height:30px; line-height:30px; text-align:center; font-weight:bold; font-size:1.4em;}
#event_list .event_bloc_head .title			{ width:390px; height:30px; line-height:30px; text-align:left; font-weight:bold; font-size:1.4em;}
#event_list .event_bloc_head .date			{ width:120px; height:30px; line-height:30px; text-align:center; font-weight:bold; font-size:1.4em;}
#event_list .event_bloc_head .place			{ width:100px; height:30px; line-height:30px; text-align:center; font-weight:bold; font-size:1.4em;}


#event_list .event_bloc_head{
	background:#3c3f36;
	border:1px solid #b2b2b2; border-width:1px 0 0 0;
	color:#FFF;
	height:100%;
	}
#event_list .line2{
	background:#FFF;
	}


/* -------------------------------------------------------------------------------------------[ GALLERY ]---- */

#gallery{ background:url(../images/gallery_bg.png) repeat-x left top;}
#gallery .content{
	margin:0 auto; padding:0 0 20px 0;
	width:960px;
	}

#gallery #galleryshow{
	padding:35px 0 0 0;
	}
#gallery #galleryshow h3{
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #b2b2b2;
	margin:10px auto 0 auto;
	width:874px;
	}
	
#gallery #theshow{
	background:url(../images/theshow.png) no-repeat left top;
	margin:0 auto; padding:9px 10px 16px 10px;
	width:640px; height:339px;
	overflow:hidden;
	}
#gallery #bigshow{
	overflow:hidden;
	width:640px; height:339px;
	}

#gallery #theshow img{display: block;}

#gallery #pictures_nav{
	overflow:hidden;
	width:960px; height:95px;
	}
#gallery #pictures_nav li{
	display:inline; float:left;
	width:100px; height:50px;
	}
	
/* Boxegrid effect */
.boxgrid{ 
	width: 640px; 
	height: 339px; 
	float:left; 
	background:#161613; 
	overflow: hidden; 
	position: relative; 
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid h4{
	color:#FFF;
	padding:0 0 9px 10px;
	}
.boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}
	
.boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	width: 100%;
	opacity: 0.8;
	top: 300px;
}
.captionfull .boxcaption {
	top: 350px;
	left: 0;
}
.caption .boxcaption {
	top: 350px;
	left: 0;
}


/* -------------------------------------------------------------------------------------------[ MAIN : Contact ]---- */

#contact .form_contact p{
width: 520px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 4px solid #fafafa;
height: 1%;
}

#contact .form_contact label{
font-size:1.2em;
font-weight: bold;
float: left;
line-height:30px;
margin-left: -155px; /*width of left column*/
padding:0 10px 0 0;
text-align:right;
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#contact .form_contact .field{
border:1px solid #b2b2b2;
background:#fafafa;
padding:4px;
width: 500px; height:22px;
}

#contact .form_contact textarea{
border:1px solid #b2b2b2;
background:#fafafa;
padding:4px;
width: 500px;
height: 150px;
}
#contact .form_contact .radio{
	margin:0 0 0 15px;
	}
#contact .form_contact .box{
	margin:0 15px 0 0;
	}
/* -------------------------------------------------------------------------------------------[ DESIGN : Commons ]---- */
.left_part{
	float:left;
	margin:0 40px 0 0;
	width:685px;
	}
	
.left_part a{ font-weight:bold; border:1px solid #b2b2b2; border-width:0 0 1px 0; }
.left_part a:hover{ font-weight:bold; border:1px solid #9fb03e; border-width:0 0 1px 0; }

.right_part{
	float:left;
	width:170px;
	}
.right_part h3{
	background:url(../images/sidebar_heading.png) no-repeat left 50%;
	font-size:1.5em;
	font-weight:bold;
	padding:8px 0 6px 0;
	text-transform:uppercase;
	}

.text{
	margin:10px 0;
	}
	
.chapo{
	background:#fafafa;
	border:1px solid #eaeaea; border-width:3px 0 3px 0;
	font-size:1.4em;
	font-weight:bold;
	line-height:180%;
	margin:0 0 15px 0; padding:5px 10px;
	text-align:justify;
	}
.chapo img{
	background:#fafafa;
	border:1px solid #b2b2b2;
	float:left;
	margin:5px 10px 5px 0; padding:10px;
	}

.icon_about{ padding:0 250px 0 0; background:url(../images/icon_about.html) no-repeat right top;}

/* LISTS */
.checklist{
	margin:15px 0 15px 10px;
	}
.checklist li{
	background:url(../images/icon_checklist.png) no-repeat left 50%;
	font-size:1.2em;
	padding:10px 6px 10px 35px;
	}
	
.archives{
	float:left;
	width:155px;
	margin:0 0 15px 10px;
	}
 h4.showyear{
 	border:1px solid #3c3f36; border-width:0 0 3px 0;
	padding:4px;
	width:162px;
	}
.archives li{
	border:1px solid #b2b2b2; border-width:0 0 1px 0;
	font-size:1em;
	padding:6px;
	width:140px;
	}
.archives li a{ color:#3c3f36; display:block; }
.archives li a:hover{ color:#72918c; }

/* -------------------------------------------------------------------------------------------[ ACTIVITY ]---- */

#activity{ background:#3c3f36; border:1px solid #b2b2b2; border-width:5px 0;}
#activity .content{
	margin:0 auto;
	padding:10px 0 20px 0;
	width:960px;
	}
	
#activity #recents_activities{
	padding:0 15px;}
#activity #recents_activities .activities_bloc{
	float:left;
	margin:0 15px;
	width:280px;
	}

#activity #recents_activities .activities_bloc h4{
	background:url(../images/h4_line.png) repeat-x left 50%;
	color:#9fb03e;
	padding:0 0 0 10px;
	font-weight:bold;
	}
#activity #recents_activities .activities_bloc h4 span{
	background:#3c3f36;
	padding:0 6px;
	}
#activity #recents_activities .activities_bloc ul{
	border:1px solid #63655e; border-width:1px 0 0 0;
	margin:10px 0; padding:0;
	}
#activity #recents_activities .activities_bloc ul li{
	height:30px;
	line-height:30px;
	margin:0 0 1px 0;
	}
#activity #recents_activities .activities_bloc ul li a{
	color:#b2b2b2;
	border:1px solid #63655e; border-width:0 0 1px 0;
	display:block;
	padding:0 0 0 6px;
	width:274px;
	}
#activity #recents_activities .activities_bloc ul li a:hover{
	color:#ebe9dc;
	background:#33362e;
	}




/* -------------------------------------------------------------------------------------------[ FOOTER ]---- */

#footer{ background:url(../images/footer_bg.png) repeat-x left top;}
#footer .content{
	margin:0 auto;
	width:960px; height:166px;
	}

#footer .logo_bottom{
	display:block;
	width:358px; height:112px;
	margin:0 auto;
	padding:24px 0 0 0;
	}

#footer .logo_bottom a{
	background:url(../images/logo_bottom.png) no-repeat left top;
	display:block;
	width:358px; height:112px;
	}

#footer .copyright{
	text-align:center;
	height:30px;
	line-height:30px;
	}