@charset "utf-8";

/*--------------------------------- theme */
@pb:#fb340d;

/* @import "theme_default"; */

@import "theme_default.less";

/*---------------------------------  */
body 
{
	width:100%;
	height:100%;
    background:url(img/theme_default_bck_img.gif) @theme1 no-repeat center 0;
	font: 12px arial;
}
html { width:100%; height:100%; }

a:link, a:visited 
{ 
	color:@pb; 
	text-decoration:none;
	&:hover { text-decoration:none; }
}


/*--------------------------------- basic elements */

.textfield 
{
	width:258px;
	height:30px;
	font-size:26px; 
	color:@pb;
	padding:5px 10px;
	border:1px solid @theme2;
	background:url(img/bck_text.png) repeat-x #fff;
}

.button
{
		
		background-color:@theme2;
		width:40px;
		height:40px;
		display:block;
		outline:none;
		
		&:hover { background-position: 0 -40px }
		&:active { background-position: 0 -80px }

}

.tinyButton 
{
		width:15px;
		height:15px;
		display:block;
		background:url(img/admin_icon_cbuttons.png) no-repeat;
		
		&.addbutton { background-position:-15px 0 }
		&.delete    { background-position:-15px -30px; }
		&.edit      { background-position:-15px -15px; }
}

/*--------------------------------- basic blocks */

#wordsContainer 
{
	min-height:100%; 
	background:url(img/theme_default_bck_words.png) center -16px repeat-y;
	border-top:50px solid @theme2
}

#header 
{ 
	width:980px; 
	height:77px; 
	position:relative;
	z-index:100;
	left:50%; 
	margin:-36px 0 0 -490px; 
}

#contentBackground 
{
	width:100%; 
	margin-top:2px;
	background:url(img/theme_default_bck_white.png) center bottom no-repeat; 
}

#contentContainer 
{
	width:980px; 
	position:relative; 
	overflow:hidden; 
	left:50%; 
	margin-left:-490px
}

#content { width:690px; padding-bottom:27px; margin-right:10px; float:left; min-height:100px !important}
#sidebar { width:280px; padding-bottom:105px; float:left;  }

#about
{
	width:265px;
	height:35px;
	padding:5px 0 0 15px;
	position:absolute;
	right:0;
	bottom:50px;
	color:#717171;
	background:#e6e6e6;
	
	p { font-weight:bold }
	a { font-size:11px; &:hover { text-decoration:underline; } }
	
	.rss
	{
		.button;
		position:relative;
		margin-top:-20px;
		float:right;
		background:url(img/rssbutton.png);
		
	}
}

/*--------------------------------- header */

#logo
{
	width:129px;
	height:102px;
	display:block;
	cursor:pointer;
	margin:-35px -7px 0 -8px;
	background:url(img/theme_default_logo.png)
}

ul#quicklinks 
{
	width:551px; 
	height:17px;
	position:absolute;
	top:0;
	right:280px;
	padding:3px 3px 0;
	color:#fff;
	font-size:11px;
	overflow:hidden;
	background:@theme3;
	
	p { display:inline-block; vertical-align:sub; }
	a { color:#fff; padding:0 3px }
	a:hover { text-decoration:underline; }
	li { float:left; }
	li.selected { font-weight:bold }
}
.admin  ul#quicklinks { top:8px }


#ideabox
{
	width:265px;
	height:17px;
	display:block;
	position:absolute;
	top:0;
	right:0;
	padding:3px 0 0 15px;
	text-align:center;
	color:#fff;
	font-size:11px;
	overflow:hidden;
	background:url(img/ideabox.png);
	
	&:hover { background-position:0 -20px }
	&:active { background-position:0 -40px }
}
.admin  #ideabox { top:8px }

ul#subsites
{
	width:690px;
	height:43px;
	position:absolute;
	top:29px;
	padding:7px 0 0 ;
	background:url(img/theme_default_headback.png);
	
	li 
	{
		height:38px;
	   	float:left;
		padding:4px 14px 0;
		font-weight:normal;
		font-size:40px;
		border-left: 1px solid @theme2;
		border-right: 1px solid @theme1;
		line-height:20px;
		text-transform:uppercase;
		text-shadow:0 1px 0 #fff;
		&.selected 
		{
			border-right: 1px solid @theme2;
			a:link,a:visited { cursor:default; color:#fff !important; }
			background:url(img/theme_default_headback.png) 0 -56px 
		}
	}
	a:hover { color:#fff; text-shadow:0 1px 0 @theme3 }
}


#search
{
	position:absolute;
	right:0;
	top:35px;
}
#fakeSearch 
{ 
	right:211px; 
	top:40px; 
	position:absolute; 
	z-index:200; 
	font-size:26px; 
	color:@pb  
}




/*--------------------------------- post */


.postContent 
{
	width:670px;
	margin:35px 10px 55px 10px;
	
	.postTitle { font-size:23px; margin-left:23px; color:#444444; }
	.postInfo  { width:652px; height:18px; color:#444444; font-size:12px; padding:2px 5px 0 33px; margin:-8px 0 5px -10px; background:@theme1;  }
	.postFB    { width:120px; height:21px; margin-top:-17px; float:right; }
	.postTags  {  margin:0 0 20px 23px; font-size:11px; img { margin-right:5px }  }
	
	
	#postBody
	{
		padding: 0 23px;
		overflow:hidden;
		font-size:14px;
		line-height:15px;
		color:#444444;
		
		p { text-align:justify }
	}
	
	.postInsert
	{
		width:275px; 
		padding:10px;
		font-size:11px;
		position:relative;
		
		&.right { float:right; margin: 10px 10px 10px 20px  }
		&.left { float:left; margin: 10px 20px 10px 10px  }
		
		.title
		{
			width:285px;
			background:@theme1;
			padding: 5px 0 5px 10px;
			margin:-5px -10px 5px;
			border-bottom:2px solid #fff;
			font-weight:bold;
		}
	}
	
	
	.postFeature 
	{
		.postInsert;
		background:@theme1;
		
		.title { padding-top:0 }
		p { margin-bottom:0 !important }
	}
	
	.postImage
	{
		background:@theme1;
		
		&.right { float:right; margin: 10px 10px 10px 20px  }
		&.left { float:left; margin: 10px 20px 10px 10px  }
		
		&:hover { background:@theme2; }
		img { display:block; }
		span { display:inline-block; padding:2px 5px; border-top:2px solid #fff; }
	}
	
	.postGallery
	{
		.postInsert;
		padding-bottom:0;
		border-bottom:4px solid @theme1;
		
		img { margin:0 0 3px 7px; }
		a 
		{
			width:285px; 
			height:65px;
			padding-top:50px;
			position:absolute;
			display:none;
			top:30px;
			left:0;
			opacity: 0.8;
			filter:~"alpha(opacity = 80)";
			text-align:center;
			background:#fff;
			font-weight:bold;
			font-size:15px;
			&:hover { text-decoration:none; }
		}
		
		&:hover { a { display:block; } }
	}
	
	strong     { font-weight:bold }
	em         { font-style:italic }
	blockquote
	{
		.postInsert;
		font-size:14px;
		background:url(/bundles/pb/img/article_quote.jpg) no-repeat;
	}
	
	pre { font-family:courier new, courier }
	address { font-style:italic } 
	
	.alignright { float: right; }
	.alignleft { float: left }
		
	p { margin-bottom:15px }
	
	ul {list-style-type:square; padding-left:20px; margin:10px 0 10px 0}
	h6 {font-size:9px; margin:5px 0 5px 0}
	h5 {font-size:10px; margin:5px 0 5px 0}
	h4 {font-size:11px; margin:5px 0 5px 0}
	h3 {font-size:15px; margin:5px 0 5px 0}
	h2 {font-size:16px; margin:5px 0 5px 0}
	h1 {font-size:17px; margin:5px 0 5px 0}

	a { &:hover { text-decoration:underline; } }
	
	table { vertical-align:top }
	
	img.centered 
		{
		display: block;
		margin-left: auto;
		margin-right: auto;
		}
	
	img.alignright 
		{
		margin: 0 0 15px 25px;
		display: inline;
		}
	
	img.alignleft 
		{
		margin: 0 25px 15px 0;
		display: inline;
		}
}

#fancybox-left-ico, #fancybox-right-ico, #fancybox-close { background-color:@theme2 !important }


.postConnected 
{
		width:690px; 
		margin-bottom:4px;
		padding:5px 0;
		text-align:center; 
		color:@theme3;
		font-weight:bold;
		background:@theme1;
}

.postRelated
{
	margin: 0 0 25px 20px;
	p { font-size:13px; margin-bottom:-5px; font-weight:bold }
	li { margin-left:20px; font-size:14px; font-weight:bold; list-style-type:square;  }
}

/*--------------------------------- boxes */

/* ************** bigbox */

#content .bigbox 
{
	width:690px;
	height:270px;
	margin-bottom:4px;
	position:relative;
	
	&.lastBlock { margin-bottom:0 }
}

#content .bigbox .slidesContainer 
{
	margin:0 auto;
	width:690px;
	height:270px;
	overflow:auto; 
	position:relative;
}

.slide 
{
	width:690px; 
	height:140px;
	padding-top:130px;
	float:left;
	color:#fff;
	overflow:hidden;
	text-shadow:0 1px 0 #262627;
	
	.text
	{
		height:105px;
		display:block;
		color:#fff;
		padding:6px 45px;
		overflow:hidden;
		background:url(img/widget_bigbox_textbck1.png) no-repeat;
		background-size:cover;
		&:hover { .title { text-decoration:underline; } }
	}
	.title { font-size:21px; display:block; margin-bottom:5px; }
	
	&:hover .text { background-image:url(img/widget_bigbox_textbck2.png)  }
	
}


.control,.control2
{
	display:block;
	width:60px;
	height:118px;
	position:absolute;
	top:130px;
	cursor: pointer;
	z-index:400;
	
	background:url(img/widget_bigbox_arrows.png) center 0 no-repeat;
}

#leftControl, #leftControlP
{
	.control;
	left:0;
	background-position:0 -447px;
	&:hover { background-position:0 -592px; }
	&:active { background-position:0 -737px; }
}

#rightControl, #rightControlP
{
	.control;
	right:0;
	background-position:11px -12px;
	&:hover { background-position:11px -157px; }
	&:active { background-position:11px -302px; }
}





/* ************** smallbox */

.smallboxContainer 
{
	width:690px;
	overflow:hidden; 
	background:url(img/widget_smallbox_bck.png);
	
	.smallbox
	{
		width:226px;
		height:370px;
		float:left;
		margin-right:6px;
		padding-bottom:5px;
		overflow:hidden;
		font-size:11px;
		font-family:tahoma;
		
		a { color:@pb; font-weight:bold; display:block; }
		a:hover { text-decoration:underline; }
		span { font-size:9px; color:#a7a7a7; display:block; margin-bottom:10px; }
		p { padding:15px 19px; }
		
		&:hover { background:@theme4 }
		
		&.list
		{
			font-size:12px;
			font-weight:bold;
			color:@theme3;
			
			.title
			{
				width:186px; 
				padding:5px 20px;
				background:@theme2; 
				color:#fff;
				margin-bottom:15px;
				text-shadow:0 1px 0 #262627 
			}
			
			ul { width:215px;  }
			li { list-style-type:square !important; margin:0 0 10px 23px;  a { margin-left:-3px } }
		}
		
		
	}
}


/* ************** listbox */

.listboxContainer
{
	width:690px;
	height:140px;
	margin:15px 0;
	position:relative;
	font-weight:bold;
	color:@theme3;
	font-family:tahoma;
	background:url(img/widget_smallbox_bck.png) repeat-y 232px 0;
	
	.title 
	{
		width:418px; 
		padding:5px 20px;
		background:@theme2; 
		color:#fff;
		margin-bottom:10px;
		text-shadow:0 1px 0 #262627
	}
	
	ul { width:450px; }
	li { list-style-type:square !important; margin:0 0 6px 23px;  a { margin-left:-3px } }
	
	img { position:absolute; top:0; right:0; }
	a:hover { text-decoration:underline }
}


/* ************** blogbox */

.blogboxContainer
{
	
	margin:15px 0;
	
	&.firstBlock { margin-top:35px; }
	
	.blogbox
	{
		clear:both;
		width:668px;
		padding: 15px 10px 20px 12px;
		border-bottom:1px dotted #d6d6d6;
		overflow:hidden;
		font-family:tahoma;
		&:hover { background:@theme4 }
		
		
		img 
		{ 
			float:left;
			margin: 0 10px 0 -22px;
			display:inline 
		}
		p 
		{
			width:100%;
			display:inline;
			overflow:auto;
			
			a { font-size:14px; font-weight:bold; &:hover { text-decoration:underline; } }
			span { display:block; margin-bottom:6px; color:#a7a7a7 }
		}
		
		
	}
}

/* ************** htmlbox */
.htmlboxContainer
{
	overflow:hidden;
	margin-bottom:15px;

	&.firstBlock { margin-top:35px }
	
	.htmltext { padding: 0 23px; font-size:14px; color:#444444 }
	.htmltextsmall { .htmltext; font-size:12px }
		
	p { margin-bottom:15px }
	strong { font-weight:bold }
	em { font-style:italic }
	
	img.centered 
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	img.alignright 
	{
		margin: 0 0 2px 7px;
		display: inline;
	}
	
	img.alignleft 
	{
		margin: 0 7px 2px 0;
		display: inline;
	}
	
	.alignright
	{
		float: right;
	}
	
	.alignleft 
	{
		float: left
	}
	
	ul {list-style-type:square; padding-left:20px; margin:10px 0 10px 0}
	h6 {font-size:9px; margin:5px 0 5px 0}
	h5 {font-size:10px; margin:5px 0 5px 0}
	h4 {font-size:11px; margin:5px 0 5px 0}
	h3 {font-size:15px; margin:5px 0 5px 0}
	h2 {font-size:16px; margin:5px 0 5px 0}
	h1 {font-size:17px; margin:5px 0 5px 0}
}


/* ************** gallery */

.bigbox.gallery 
{
	width:675px !important;
	height:570px !important;
	margin-left:-10px;
	margin-bottom:-60px !important;
	padding-left:15px;
	overflow:auto; 
	position:relative;
	
	img { border:2px solid #fff }
	
	a:hover img { border-color:@pb }
	
	.slidesContainer { width:640px !important; height:550px !important }
	
	.slide 
	{
		width:660px; 
		height:550px;
		padding-top:0;
		margin-right:30px;
		float:left;
		color:#fff;
		overflow:hidden;
		text-shadow:0 1px 0 #262627;
	}
	
	.control
	{
		display:block;
		width:30px;
		height:550px;
		position:absolute;
		top:0;
		cursor: pointer;
		z-index:400;
		background:url(img/box_gallery_pager.png)
	}

	#leftControl 
	{
		.control;
		left:2px;
		background-position:0 -1100px;
		&:hover { background-position:0 -1650px; }
	}

	#rightControl 
	{
		.control;
		right:2px;
		&:hover { background-position:0 -550px; }
	}
	
}


/* ************** cathead */

.articleCatHead
{
	width:595px;
	height:35px;
	padding-right:95px;
	margin:20px 0 -30px 0;
	font-size:31px;
	text-align:right;
	line-height:29px;
	color:@theme2;
	background:url(img/article_catlarge.png) right 0 no-repeat;
}

/* ************** issuu */

.issuuBig
{
	position:relative;
	margin-bottom:104px;
	
	a 
	{
		width:250px;
		height:33px;
		display:block;
		text-align:center;
		padding-top:4px;
		margin:20px 0 0 215px;
		font-size:16px;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
		text-shadow:0 1px 0 #53b0dc;
		background:url(img/article_issuubutton.png);
		
		&:hover { background-position: 0 -37px }
		&:active { background-position: 0 -74px }
	}
	
	p
	{
		position:absolute;
		top:70px;
		z-index:100;
		width:680px;
		height:300px;
		background:url(img/article_issuubig.png) center 10px no-repeat;
	}
	
	object { width:680px !important; outline:none; }
	embed { width:680px !important; outline:none; }	
}

.sideIssuu
{
	width:280px;
	height:270px;
	position:relative;
	background:url(img/article_issuusidebck.png);
	
	
	b 
	{
		display:block;
		padding:5px 0 5px 54px;
		font-size:11px;
		font-weight:bold;
		color:@theme3;
	}
	
	a
	{
		width:170px;
		height:20px;
		display:block;
		margin:0 0 3px 54px;
		padding-top:3px;
		font-size:14px;
		font-weight:bold;
		color:#fff;
		text-decoration:none;
		text-align:center;
		text-shadow:0 1px 0 #369dd3;
		background:url(img/article_issuusidefullscr.png) no-repeat @theme2 151px 6px;
		
		&:hover { background-color:@theme3 }
	}
	
	p
	{
		width:280px;
		height:200px;
		position:absolute;
		top:50px;
		background:url(img/article_issuuside.png);
	}
	
	object { width:280px !important; outline:none; }
	embed { width:280px !important; outline:none; }	
}

.loginCont
{
	width:100%;
	height:100%;
	position:relative;
	background:url(img/login_bck.jpg)
}

.loginBack
{
	width:729px;
	height:637px;
	position:relative;
	top:50px;
	left:50%;
	margin-left:-363px;
}

/*--------------------------------- widgets */



/* ************** menu */
#sidebar .sidemenu
{
	margin-bottom:25px; 
	
	li
	{
		width:280px;
		overflow:hidden;
		margin-bottom:3px;
		background:@theme3;
		
		&.selected a
		{
			background:@theme2;
			border-right:20px solid @pb;
		}
		
		a
		{
			width:240px;
			display:block;
			padding:10px 10px;
			line-height:14px;
			border-right:20px solid @theme2;
			color:#fff;
			font-size:26px;
			
			&:hover { background:@theme2 }
		}
	}
}



/* ************** events */

#sidebar .events
{

	margin-bottom:25px;
	
	li
	{
		&:hover { opacity: 0.8; filter:~"alpha(opacity = 80)"; }
		a
		{
			position:relative;
			width:175px;
			background:none;
			padding-right:25px;
			border:0;
			float:left;
			&:hover { background:none }
		}
		
		span
		{
			width:70px;
			margin:7px 0;
			display:block;
			float:left;
			line-height:23px;
			color:#fff;
			font-size:18px;
			background:url(img/widget_events_separator.png) repeat-x 0 23px;
		}
		
	}
}

/* ************** newsletter */

#sidebar .newsletter
{
	width:280px;
	position:relative;
	margin-bottom:25px;
	
	.fakeNewsletter
	{
		left:10px; 
		top:5px; 
		position:absolute; 
		font-size:26px; 
		color:@theme3
	}
	
	.newsletterSignup
	{
		.button;
		position:absolute;
		top:0;
		right:0;
		background-image:url(img/widget_newsletter_button.png);
		
	}
	
	input { width:219px; height:28px; }
}


/* ************** category */


#sidebar .category
{
	margin-bottom:25px;
	
	li a
	{
		width:240px;
		height:30px;
		display:block;
		padding:2px 0 0 40px;
		margin-bottom:2px;
		font-size:23px;
		color:#fff;
		background: url(img/widget_category_bookmark.png) no-repeat 0 10px @theme2;
		
		&:hover { background:@theme3 }
	}
	
}



/* ************** archive dropdown */


#sidebar .archivum
{
	width:280px;
	margin-bottom:25px;
	position:relative;
	
	.archiveBox
	{
		.textfield;
		height:28px;
		position:absolute;
	}
	
	.fakeArchive
	{ 
		left:5px; 
		top:4px; 
		position:absolute; 
		z-index:200; 
		font-size:26px; 
		color:@theme3;
	}
	
	.archiveDrop
	{
		.button;
		position:absolute;
		top:0;
		right:0;
		background-image:url(img/widget_archive_button.png);
	}
	
	
	select 
	{
		width: 280px;
		height:40px;
		opacity: 0;
		filter: ~"alpha(opacity = 0)";
		moz-opacity: 0;
		position: relative;
		
		option 
		{
			width: 260px;
			font-size: 15px;
			color: @pb;
		}
	}
}


.selectNorm select {
  width: 250px;
  font-size: 11px;
  border: 1px solid #D5E6EE;
}




/* ************** htmlwidget */


#sidebar .html
{
	.htmlboxContainer;
	
	.sideName
	{
		padding-left:22px;
		border-left:11px solid @theme2;
		margin-bottom:15px;
		font-family:tahoma;
		color:@theme3;
		
		p { font-size:20px; margin:0 }
		b { display:block; font-size:14px; }
	}
}








/*--------------------------------- admin */


.admineditor #content { margin-top:-15px }
.admineditor .postContent { margin-top:45px }

.admineditor .postEdit 
{
		display:block;
		position:relative;
		padding:10px 42px; 
		background:@theme3;
		color:#fff;
		font-size:23px;
		text-shadow: 0 1px 0 #000;
		
		&:hover { background:@theme2 }
		.tinyButton { position:absolute; top:17px; left:14px; }
		
}

/* ************** menu */

#spacer_adminTop
{
	width:100%;
	height:18px;
	border-bottom:50px solid @theme2;
	margin:-50px 0 -20px 0;
	
	.adminButton
	{
		width:15px;
		height:15px;
		display:block;
		float:left;
		margin:2px;
		background:url(img/admin_icon_cbuttons.png) no-repeat center;
		
		&:hover { background-color:@theme3; }
		
		&.userexit { background-position:0 -45px }
		&.usersettings { background-position:0 -60px }
		&.pageadd { margin-right:10px !important; background-position:0 0 }
		&.pagemod { background-position:0 -15px }
		&.pagedel { background-position:0 -30px }
		
	}
	
	#adminLogin 
	{
		overflow:hidden; 
		padding:5px; 
		position:relative; 
		left:50%;
		margin-left:-490px;
		color:#484848; 
		
		p { margin-left:44px }
	}
	
	#adminTop
	{
		width:100%;
		height:30px;
		position:fixed;
		top:0;
		z-index:500;
		font-size:15px;
		font-weight:bold;
		overflow:hidden;
		text-shadow:0 1px 0 #d8d8d8;
		background:url(img/admin_bck_top.png);
	}
	
	#adminPageOpts 
	{
		position:absolute;
		top:2px;
		left:50%;
		padding:2px 0 2px 3px;
		margin-left: -92px;
		overflow:hidden;
		font-size:12px;
		background:url(img/admin_bck_toolbar.png);
		
		a 
		{
			display:block; 
			float:left; 
			margin-right:3px; 
			padding:2px 4px; 
			color:#484848; 
			
			&:hover { background:@theme3 }
		}
	}
	
	#adminPageChange
	{
		position:absolute;
		top:2px;
		left:50%;
		padding:2px 3px 1px 3px;
		margin-left:209px;
		overflow:hidden;
		font-size:12px;
		background:url(img/admin_bck_toolbar.png);
		
		.adminButton { margin-right:3px; }
		select { width:255px; }
	}
	
}

.adminpage #adminPageChange select { width:277px !important; }

.adminContainer
{
	width:110px;
	height:300px;
	margin-bottom:10px;
	overflow: visible;
	background:url(img/admin_container.png) no-repeat;
	
	p 
	{
		width:110px;
		padding-top:4px;
		text-align:center;
		margin-bottom:5px;
		font-size:14px;
		font-weight:bold;
		color:#484848;
		text-shadow:0 1px 0 #d8d8d8;
	}
	
	a 
	{
		width:90px;
		height:37px;
		margin:5px 0 7px 11px;
		display:block;
		cursor:move;
		border-radius: 4px;
		border:1px solid #616161;
		background:url(img/admin_icon_box-widget.png);
		
		span
		{
			display:block;
			width:90px;
			text-align:center;
			font-size:11px;
			font-weight:bold;
			overflow:hidden;
			color:#fff;
			text-shadow:0 2px 0 #000;
			opacity: 0.7; 
			filter:~"alpha(opacity = 70)"; 
			background:#000;
		}
		
		&:hover { border-color:@pb; }
		
		&.ui-draggable-dragging 
		{
			box-shadow: 0 0 15px @pb;
		    -webkit-box-shadow: 0 0 15px @pb;
		    -moz-box-shadow: 0 0 15px @pb;
		}
		
		&.bigboxw	{ background-position:0 -37px 	}
		&.smallbox 	{ background-position:0 -148px 	}
		&.blogbox 	{ background-position:0 -111px	}
		&.listbox 	{ background-position:0 0 	}
		&.htmlbox 	{ background-position:0 -74px 	}
		
		&.archivewidget		{ background-position:0 -185px 	}
		&.categorywidget 	{ background-position:0 -370px 	}
		&.eventwidget 		{ background-position:0 -333px 	}
		&.newsletterwidget 	{ background-position:0 -259px	}
		&.menuwidget 		{ background-position:0 -222px	}
		&.htmlwidget 		{ background-position:0 -296px 	}
	}
	
	
}


.adminFixed
{
	width:110px;
	position:fixed;
	z-index:700;
	top:30px;
	left:50%;
	
	&#adminLeft { margin-left:-600px; }
	&#adminRight { margin-left:490px; }
}



.scrollbar 
{
	.viewport 
	{
		width: 100px; 
		height: 275px; 
		overflow: visible; 
		position: relative; 
	}
	
	.overview 
	{ 
		list-style: none; 
		position: absolute; 
		left: 0; 
		top: 0; 
		margin: 0; 
	}
	
	.scrollbar
	{ 
		position: relative; 
		background-position: 0 0; 
		float: right; 
		width: 5px; 
	}
	
	.track 
	{
		width:5px; 
		height: 100%; 
		float:right; 
		position: relative; 
		padding: 0 1px; 
	}
	
	.thumb 
	{
		
		width: 10px; 
		position: absolute;
		top: 0; 
		left: 0;
		overflow: hidden; 
		opacity: 0.5; 
		filter:~"alpha(opacity = 50)"; 
		cursor: pointer; 
		background: #fff;  
	}
	&.disable .track { display: none; }
}

.dragger
{ 
	width:100%; 
	height:14px; 
	margin:5px 0;
	cursor:move;
	background:url(img/admin_dragger.png)
}

.addblock 
{
	width:100%; 
	height:100%; 
	display:block; 
	font-size:96px;
	font-weight:bold;
	text-align:center;
	color:#fff !important;
	text-shadow:0 1px 0 #000;
	
	&:hover { color:@theme3 !important; background:@theme4 }
}

.ajaxPopup {
    table {
        width:100%;
    }
}


/* ************** window */
#fancybox-content { border:0 !important }
#fancybox-wrap { width:auto !important }

.window
{
	padding-top:10px;
	position:relative;
	overflow:hidden;
	background:url(img/admin_bck_window.gif);
	
	.title 
	{
		width:100%;
		height:24px;
		padding:2px 10px;
		font-size:20px; 
		font-weight:bold;
		text-shadow:0 1px 0 #434343;
		color:#fff; 
		background:@theme2;
	}
	
	input 
	{ 
		.textfield;
		margin-bottom:6px;
		height:20px;
		padding: 2px;
		font-size:12px;
		
		&:hover { border-color:@pb }
		&:focus 
		{
			border-color:@pb;
			box-shadow: 0 0 5px @pb;
		    -webkit-box-shadow: 0 0 5px @pb;
		    -moz-box-shadow: 0 0 5px @pb;
		}
	}
	
	textarea
	{
		.textfield;
		color:#000;
		padding-left:5px;
		font-size:12px;
		
		&:hover { border-color:@pb }
		&:focus 
		{
			border-color:@pb;
			box-shadow: 0 0 5px @pb;
		    -webkit-box-shadow: 0 0 5px @pb;
		    -moz-box-shadow: 0 0 5px @pb;
		}
	}
	
	select { height:26px; padding-top:5px; }
	
	.windowContent { margin:10px; }
	
	.windowButton 
	{
		width:165px; 
		height:30px;
		float:right;
		bottom:10px;
		margin:10px 0 10px 10px;
		padding-top:5px;
		font-size:20px; 
		font-weight:bold;
		text-align:center;
		text-shadow:0 1px 0 #434343;
		color:#fff; 
		background:@theme2;
		
		&.type { width:auto; height:30px; float:left; padding:5px 20px 0; background:#bdbdbd; &.selected { background:@pb } }
		
		&:hover { background:@theme3; }
	}
	
	
	
	
	/* ************** unique windows */
	
	
	&#windowSuggestion
	{
		width:550px !important;
		height:365px !important;
		padding-top:0 !important;
		background:#fff !important;
		position:relative;
		
		.title { height:34px; padding-top:11px; }
		.cancel { left:1px }
		.save { width:349px; left:178px; }
		.close { width:530px }
		.love { width:220px; position:absolute; top:75px; left:163px; text-align:center; font-weight:bold; font-family:courier new;  }
		.love img { display:block; margin: 0 0 15px 35px; }
		.windowButton { float:none; position:absolute; display:block; bottom:2px; }
		
		.defaultText { position:absolute }
		.textSName { width:185px; top:147px; left:12px; border-color:#999ea1 !important }
		.textSDerp { top:800px }
		.textSMail { width:323px; top:147px; left:209px; border-color:#999ea1 !important  }
		.textSTitle { width:521px; top:197px; left:12px;  }
		.textSBody { width:509px; top:230px; height:64px; left:12px;  }
	}
	
	
	&#windowArticle,&#windowGallery
	{ 
		width:755px; 
		
		textarea 
		{
			width:235px; 
			height:142px; 
			margin:0 6px 15px 0; 
			float:left;
		} 
		
		
		.articleLabel 
		{
			float:left;
			padding:5px 10px 0 0;
			margin-bottom:12px;
			text-align:center;
			text-shadow:0 1px 0 #000; 
			color:#fff
		}
		
		.delete { position:absolute; top:75px; right:27px } 
	}
	
	&#windowArticleList,&#windowGalleryList,&#windowAddBox,&#windowAddRelatedArticle
	{
		width:400px;
		input, select { width:380px; display:block }
		
		.windowArticleListBox 
		{
			height:300px; 
			background:#fff; 
			overflow:scroll; 
			overflow-x:hidden; 
		}
		
		table 
		{
			td { padding:5px; border-bottom:1px dotted @theme2 }
			td.r1 { width:300px; padding-right:10px }
			td.r2 { font-weight:bold }
			tr:hover { background:@theme1 }
		}
		
		.windowArticlePublish
		{
			background:@theme3;
			margin-bottom:30px;
			padding-top:3px;
			font-weight:bold;
			text-shadow:0 1px 0 #434343;
			overflow:hidden;
			color:#fff;
			
			
			label { float:left;}
			input { width:auto; display:inline; }
			#timedPublish { margin:10px 0 0 5px; vertical-align:sub }
			#postToFacebook { margin:10px 0 0 20px; vertical-align:sub }
			#timedPublishDate { width:90px }
		}
		
	}
	
	
	&#windowCategory,&#windowTag
	{
		width:400px;
		
		.windowElementNamer 
		{
			width:400px;
			position:relative;
			padding-bottom:40px;
			margin-bottom:20px;
			border-bottom: 3px solid @theme2;
			
			input { width:320px; margin-right:6px; float:left; }
			.tinyButton { float:left; margin:5px 3px }
		}
		
		.windowElementBox
		{
			height:300px; 
			overflow:scroll; 
			overflow-x:hidden; 
			
			input { width:320px; margin-right:10px; display:inline-block;}
			.tinyButton { display:inline-block; margin-top:5px }
		}
	}
	
	&#windowWHtml { width:620px; .defaultText { width:595px } }
	
	&#windowBHtml { width:620px; .defaultText { width:595px } }
	
	&#windowWMenu 
	{
		input { display:block; }
		
		.windowElementNamer 
		{
			width:400px;
			height:35px;
			position:relative;
			padding-bottom:40px;
			margin-bottom:20px;
			border-bottom: 3px solid @theme2;
			
			input { width:340px; margin-right:6px; }
			.tinyButton { position:absolute; top:5px; right:27px }
		}
		
		.windowElementBox
		{
			height:300px; 
			overflow:scroll; 
			overflow-x:hidden; 
			
			input { width:340px; margin-right:10px }
			img { margin-left: 5px }
			tr { border-bottom:1px dotted @theme2; }
			td { padding-top:14px }
		}
		
		
		
	}
	
	&#windowQuickMenu 
    {
        input { display:block; }
        
        .windowElementNamer 
        {
            width:400px;
            height:35px;
            position:relative;
            padding-bottom:40px;
            margin-bottom:20px;
            border-bottom: 3px solid @theme2;
            
            input { width:340px; margin-right:6px; }
            .tinyButton { position:absolute; top:27px; right:27px; }
        }
        
        .windowElementBox
        {
            height:300px; 
            overflow:scroll; 
            overflow-x:hidden; 
            
            input { width:340px; margin-right:10px }
            img { margin-left: 5px }
            tr { border-bottom:1px dotted @theme2; }
            td { padding-top:14px }
        }
    }
	
	
	&#windowWEvent
	{
		#windowWMenu;
		
		.windowElementNamer 
		{
			height:60px; 
			input { width:76px; float:left; } 
			a { top:23px }
		}
		
		.windowElementBox { input { width:73px; float:left;  } }
	}
	
	&#windowSite
	{
		#windowWMenu;
	
		input, select { width:345px; margin-bottom:2px }
		
		.addbutton { position:absolute; top:20px; right:27px }
		.delete    { margin:-52px 6px 0 0; background-position:-15px -30px; }
		
		label 
		{
			width:335px;
			padding-left:10px;
			display:block;
			background:@theme3;
			color:#fff;
			text-shadow:0 1px 0 #000; 
			
			input {width:auto !important; display:inline-block; vertical-align:sub}
		} 
	}
	
	
}




/* ************** date jquery */

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: @theme1;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: @theme2;
	color: #000;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}


div.dp-popup {
	position: relative;
	background: @theme1;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index:99999;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}

div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #000;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}









/* ************** bigbox */

.admineditor .bigbox 
{
	margin:15px 0 0 0;
	padding-top:5px; 
	padding-bottom:5px; 
	margin-bottom:10px; 
	background:#d6d6d6 !important 
}

.slidePrev
{
	width:160px;
	height:100px;
	float:left;
	margin:6px;
	position:relative;
	background-position: center;
}

.admineditor .slide { height:auto; padding-top:0;  }


.boxBar
{
	width:160px;
	height:18px;
	background:#000;
	opacity: 0.7;
	cursor:move;
	filter:~"alpha(opacity = 70)";
	
	a
	{
		.tinyButton;
		margin:2px 5px 0;
		float:left; 
		margin-right:5px; 
		color:#484848;
		
		&:hover { background-color:@theme3 }
		
		&.linked { background-position:-15px -60px  }
		&.auto { background-position:-15px -45px  }
		&.edit 	{ float:right;  background-position:-15px -15px }
		&.delete { float:right;  background-position:-15px -30px }
		&.deleteRelatedArticle { float:right;  background-position:-15px -30px }
		&.edit 	{  background-position:-15px -15px }
		&.unlocked { background-position:-15px -75px }
		&.locked { background-position:-15px -90px }
		
	}
	
	
}

.boxBarBottom
{
	width:160px;
	height:18px;
	position:absolute;
	bottom:0;
	opacity: 0.7; 
	filter:~"alpha(opacity = 70)";
	text-align:center;
	overflow:hidden;
	font-size:11px;
	background:#000;
}


.boxContainerAbout
{
	width:75px;
	position:absolute;
	top:10px;
	right:0;
	background:#D6D6D6;
	
	.icon
	{
		width:38px;
		height:15px;
		margin: 0 5px;
		display:inline-block;
		background:url(img/admin_icon_box_small.png);
	}
	
	.delete
	{
		width:15px;
		height:15px;
		display:inline-block;
		background-image:url(img/admin_icon_cbuttons.png);
		background-position:0 -30px 
	}
}

.boxContainerControl 
{
	height:20px; 
	position:absolute;
	padding: 0 10px;
	top:8px; 
	right:85px;
	font-size:11px; 
	background:#d6d6d6;
}

/* ************** smallbox */

.admineditor .smallboxContainer 
{
	margin:15px 0 0 0;
	padding-top:5px; 
	position:relative; 
	background:#d6d6d6;
	
	.icon { background-position: 0 -15px  }
} 


.smallbox .boxBar { width:226px; position:absolute; margin-right:5px !important; padding:0 !important;  }
.smallbox a:hover.addblock { text-decoration:none; }
.admineditor .smallbox.list .title { margin-top:20px; }


/* ************** listbox */

.admineditor .listboxContainer 
{
	height:165px;
	padding-top:5px;
	position:relative;
	background:#d6d6d6;
	
	.boxBar { background:0; position:absolute; top:32px; left:298px }
	img { top:30px; }
	.icon { background-position: 0 -45px  }
} 

/* ************** blogbox */

.admineditor .blogboxContainer 
{
	margin:15px 0 0 0;
	padding-top:5px; 
	position:relative; 
	background:#d6d6d6;
	
	.icon { background-position: 0 -30px  }
} 

.blogbox 
{
	.boxBar { width:170px !important; position:absolute; left:0; display:block !important; }
}
/* ************** htmlbox */

.admineditor .htmlboxContainer
{
	margin:15px 0 0 0;
	width:690px; 
	height:80px;
	position:relative;
	margin-bottom:15px;
	padding-top:5px;
	background:#d6d6d6;
	
	.boxBar
	{
		width:80px;
		margin-left:275px;
		background:0;
		cursor:default;
	}
	
	.htmlboxContainerName
	{
		font-size:30px;
		font-weight:bold;
		text-align:center;
		color:#fff;
		text-shadow:0 1px 0 #262627;
	}
	
	.icon { background-position: 0 -60px  }
	p { margin-bottom:0 }
}




/* ************** widgets */


.widgetprev
{
	width:280px;
	position:relative;
	padding:15px 0;
	margin: 0 0 20px 0;
	background:url(img/admin_icon_box-widget.png) no-repeat @theme1;
	
	.widgetBar
	{
		width:21px;
		height:74px;
		padding:5px 0 0 3px;
		position:absolute;
		top:0;
		left:0;
		border:0;
		cursor:move;
		background:@theme3;
		
		a  
		{
			background:url(img/admin_icon_cbuttons.png) no-repeat;
			&:hover { background-color:@theme3  } 
			
			&.edit 	{ background-position:-15px -15px }
			&.delete { background-position:-15px -30px }
		}
		
	}
	
	.cufon { display:none !important }
	
	a
	{
		width:15px;
		height:15px;
		margin-top:2px;
		display:block;
		&:hover { background-color:@theme1 !important }
	}
	
	p 
	{
		width:140px;
		height:23px;
		padding:7px 0 0 10px;
		margin:8px 0 7px 25px;
		font-weight:bold;
		color:@theme3;
		border-top:2px solid @theme4; 
		border-bottom:2px solid @theme4;  
	}
	
	
	
	
	&.widgetprevSlim
	{
		height:20px;
		background-position: 220px 17px;
		
		.widgetBar { height:45px  }
		p { margin-top:-6px; border:0 !important; background:@theme4 !important; }
	}
	
	&.event 	 { background-position:183px -457px  }
	&.menu 		 { background-position:183px -637px  }
	&.category   { background-position:183px -517px  }
	&.archive 	 { background-position:183px -415px  }
	&.newsletter { background-position:183px -697px  }
	&.html 		 { background-position:183px -593px  }
}




/*--------------------------------- hacks :( */

.browserChrome
{
	#contentContainer { margin-left: -489px; }
}

.browserIE7 
{ 
	ul#subsites li { padding-top:0; }
	.sidemenu span  { margin:10px 0 }
	#about .rss { margin:-35px 0 0 0 !important }
	#spacer_adminTop { margin-top:-75px !important }
	.dragger { height:24px; background-repeat:repeat-x; }
	.htmlbox { margin-top:30px !important; padding-bottom:10px }
	.postImage { width:auto !important }
}

.browserIE8 
{ 
	ul#subsites li { padding-top:2px }
}


/*--------------------------------- newcrp */
.dropHover {
    background-color: yellow;
}