@import url("shared.css");

*
{
	margin:0;
	padding:0;
}

body
{	
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size:10pt;		
	background-color:white;
	color: #555; 
	
}
/** LAYOUT **/

#PageDiv
{	
	width:950px;
	margin:0px auto;
	padding: 1px 0;			
}

#HeadDiv
{
	height:100px;			
	margin:10px 0;				
	background-image: url('../img/logo.jpg');		
	background-repeat:no-repeat;	
}

#UserDiv
{
	text-align:left;
	margin-bottom: 0.4em;
	font-size:80%;
}

#UserDiv .user-name
{
	font-weight:bold;
}

#ContentDiv ul
{
	margin-bottom: 1.0em;
}

#ContentDiv li
{
	margin-left: 2em;
	list-style-image: url('../img/arrow.png');	
	margin-bottom: 0.6em;
	color:inherit;
}

#ContentDiv .footnote 
{
	border-top: solid 1px #aaa;
	font-size:80%;	
	line-height:1.4em;
	margin-top:2em;
}

#ContentDiv .footnote li
{
	list-style-image: none;
	margin-bottom: 0.4em;
}

#MenuDiv
{	
	clear:both;
	color:White;
	height:40px;
	font-size:90%;
}

#MenuDiv ul
{
	padding-left: 0;
	margin-left: 0;	
	background-image: url('../img/menubg.png');
	background-position: 0px 30px;
	color: White;
	float: left;
	width: 100%;	
}

#MenuDiv ul li
{	
	display:inline;		
}

#MenuDiv ul li a
{	
	padding: 5px 1em;
	padding-bottom: 0px ;
	vertical-align: middle;
	height:25px;	
	color: White;
	text-decoration: none;
	float: left;
	
	border-right: 1px solid #fff;
	background-image: url('../img/menubg.png');
	background-position: 0px 30px;
	font-weight:bold;
}

#MenuDiv ul li.current
{	
	padding: 5px 1em;
	padding-bottom: 0px ;
	vertical-align: middle;
	height:25px;	
	color: Black;
	font-weight:bold;
	text-decoration: none;
	float: left;	
	border-right: 1px solid #fff;
	background-image: url('../img/menubg.png');
	background-position: 0px 0px;
	font-weight:bold;	
}

#MenuDiv ul li a:hover
{
	/*background-color: #393;*/
	color: #000;
	background-position: 0px 0px;
}

#MainDiv
{
	clear:both;
	background-color: White;	
	line-height: 1.5em;	
	text-align:justify;	
	padding:10px 0px;		
}


#NavBarDiv
{
	float:left;
	width:180px;
	font-size:80%;		
}

#NavBarDiv H1 
{
	font-size:100%;
}

#SideBarDiv
{
	float:right;
	width:180px;
	font-size:80%;
}

#SideBarDiv H1 
{
	font-size:100%;
}


#SubMenuDiv
{
}

#SubMenuDiv ul
{
	list-style-type:none;
	border-bottom: solid 1px #aaa;
	margin-bottom:30px;
	font-size:11px;
	line-height:20px;
}

#SubMenuDiv ul li
{		
}

#SubMenuDiv ul li a
{	
	display:block;
	border-top: solid 1px #aaa;
	border-left: solid 5px #aaa;
	border-right: solid 1px #aaa;
	padding-left: 0.5em;
	font-weight:normal;
	text-decoration:none;
	
}

* html #SubMenuDiv ul li a{ height:10px;}

#SubMenuDiv ul li a:hover
{	
	border-left: solid 5px #393;
	background-color: #eee;
	text-decoration:none;
	color: #666;
}

#SubMenuDiv ul li.current
{	
	display:block;
	border-top: solid 1px #aaa;
	border-left: solid 5px #393;
	border-right: solid 1px #aaa;
	padding-left: 0.5em;
	font-weight:bold;
}

#FooterDiv
{
	border-top: solid 1px #aaa;
	margin-top: 20px;
	padding: 10px;
	text-align:center;
	font-size: 80%;
	color: #666;
	background-image:url('../img/footer.png');
	background-repeat: no-repeat;
	background-color:white;
}

/* Articles */

H1 { margin-bottom: 0.5em; color:#030; font-size:140%; text-align: left; border-bottom: dashed 1px #030; padding-bottom: 0.4em;}
H2 { margin-bottom: 0.5em; color:#060; font-size:120%; text-align: left;}
H3 { margin-bottom: 0.5em; color:#000; font-size:100%; text-align: left; font-weight:bold;}
H4 { margin-bottom: 0.5em; color:#000; font-size:100%; text-align: left; font-weight:normal; font-style:italic;}
P {	margin-bottom:1.0em; }

#ContentDiv H1 a
{
	/*text-decoration:inherit;
	color: inherit;*/
	font-weight:inherit;
	
}

HR 
{
	height:1px;
	border:0;
	border-top: dashed 1px #aaa;
	margin:1em 0;
}

a
{
	color: #060;
	font-weight:normal;
	text-decoration:underline;
}

a:hover
{
	text-decoration:none;
	color:#b8b849;
}


fieldset
{
	border: 0;
}

.input-item
{
	position:relative;
	display:block;
}

.input-item input
{
	width:300px;
}

.input-item img
{
	display:block;
	position:absolute;
	width:16px;
	height:16px;
	top: 3em;
	left:190px;
}


* html #ContentDiv .input-item img { left:0px;}

.input-item .label
{
	font-weight:bold;
	float:left;
	position:static;
	width:190px;
	text-align:left;
	/*margin-right:1em;*/
}

.input-item .help
{	
	font-size: 80%;
	font-style:normal;
	margin-bottom:2em;
	margin-top:0.5em;
	margin-left: 220px;	
}




.input-item-vert
{
	clear:both;
	
	margin-left: 190px;
	margin-top: 20px;
}


.input-item-simple
{
	margin-bottom: 1em;
}

.input-item-simple .label
{
	display:block;
	font-weight:bold;
	text-align:left;
}

.input-item-simple .help
{	
	font-size: 80%;
	font-style:normal;
	margin-top:0.2em;
	margin-bottom:0;
	/*margin-left: 220px;
	float:right;*/
}

.ErrorMessage
{
	color:Red;
	font-weight:bold;
}

.SuccessMessage
{
	color:Green;
	font-weight:bold;
}

.modal-background
{
	background-color:Gray;
	filter:alpha(opacity=50);
	opacity: 0.50;
	-moz-opacity:0.50;
	margin:0 !important;
	padding:0 !important;
}



.model-popup
{
	border: solid 2px black;	
	background-color:Transparent;
	padding:5px;	
}

.message-box
{
	border: solid 1px black;	
	background-color:White;
	background-image:url('../img/msgbox-bg.png');
	background-repeat:repeat-x;
	padding:10px;
	width:480px;
	height:280px;
	
}

.message-box .message
{
	text-align:left;	
	display:block;
	height: 215px;
	font-weight:bold;
	overflow:auto;	
	margin-bottom:10px;
	padding:10px 5px;
	background-color:White;
	border:solid 1px #aaa;
}

.message-box .button
{
	display:block;
	text-align:right;
}


.BackBox
{
	float:right;
	width:120px;
	height:50px;
	vertical-align:middle;
}
.BackBox a
{
	display:block;
	float:right;
}

.Tag
{
	color: #000064;
	font-weight:bold;
}



.Preview
{
	border: dashed 1px #aaa;
	background-color: White;
	padding: 0.3em;
	margin-bottom:1em;
}


/*
	ARTICLE
*/
.article 
{
	margin-bottom:3em;
}

.article .content
{
}

.article .title
{	
}

.article .info
{
	text-align:right;	
	/*border-top: dashed 1px #aaa;*/
	font-size:80%;	
	margin-bottom:1em;
}

.article .edit-controls
{	
	border-top:dashed 1px #aaa;
	text-align:right;
	padding-top:5px;
	margin-top:5px;	
}


/*
	News item
*/
.news-item
{
	border-bottom: dashed 1px #aaa;
}

.news-item .headline
{
	font-weight:bold;
	margin-bottom: 0.5em;
}


.news-item .inlineImageRight
{
	float:right;
	margin:5px 10px;
}

.news-item .inlineImageLeft
{
	float:left;
	margin:5px 10px;
}


.news-item H2
{
	font-size:120%;
	border-bottom: solid 1px #060;
	border-right: solid 3px #060;
	padding:0.1em;
}

.news-item .content
{
	
}

.news-item .info
{
	font-size:80%;
	color:#999;
	text-align:right;
}



/*
	News item small
*/
.news-item-small
{
	border-bottom: dashed 1px #aaa;
}

.news-item-small .headline
{
	font-weight:bold;
	margin-bottom: 0.5em;
}

.news-item-small H2
{
	font-size:100%;
}

.news-item-small .content
{	
}

.news-item-small .cnfo
{
	font-size:80%;
	color:#999;	
	float:right;
}


/*
	Random pic
*/
.random-pic
{
	text-align: center;
	border: dashed 1px #aaa;
	background-color: #eee;
	padding:10px 5px;
	width: 170px;
	margin-bottom:10px;
	height: 155px;
}

.guestbook-add
{
}

.guestbook-add .button
{
	text-align:center;
	padding:5px;
}

.guestbook .entry
{
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}

.guestbook .entry .edit-box
{
	float:right;
	
	background-color:White;
	border: dashed 1px #aaa;
	padding:5px;
	margin-right:5px;
}

.guestbook .even
{
	background-color: #f3f3f3;
}
.guestbook .odd
{
	/*background-color: #fffede;*/
}
.guestbook .pager
{
	border: dashed 1px #aaa;
	background-color:#eee;
}

.guestbook .add-panel
{
	display:block;
	/*border: dashed 1px #aaa;*/
	text-align: center;
	vertical-align:middle;
	margin: 10px 0;
	padding:10px;
	height:40px;
}

.guestbook .entry .info
{
	border-bottom: solid 1px #060;
	border-right: solid 3px #060;
	padding:0.1em;
}

.guestbook .entry .note
{
	border-top:dashed 1px #aaa;
	font-size:80%;
	font-style:italic;
	margin-top:1em;
}

.guestbook .entry .info .item
{
	font-weight:bold;
}

.guestbook .entry .info .date
{
	font-size:80%;
}

.note
{
	font-style:italic;
}



.picture-preview
{
	width:155px;
	height:125px;
	padding:10px;
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
	float:left;
	display:block;
}

.video-preview
{
	width:225px;
	padding:5px 10px;
	background-color:#fff;
	vertical-align:middle;
	float:left;
	display:block;
}
		
	

#ContentDiv .pager
{	
	height: 2.5em;
}

#ContentDiv .pager ul
{
	margin:0;
	padding:0;
	display:block;
	float:left;
}

#ContentDiv .pager ul li
{	
	margin:0;
	padding:0 1em;
	list-style-type: none;
	display:block;
	text-align:center;
	float:left;
	list-style-image: none;
}

#ContentDiv .pager .active
{
	background-color: #ffffcc;
	font-weight:bold;
	border: solid 1px black;
}

.album
{
	width: 225px;	
	/*border: dashed 1px #aaa;*/
	margin: 10px;
	padding:0px;
	
}

.album .image
{
	text-align:center;
	float:left;
	margin-right:5px;
}

.album .name
{	
	margin-bottom:0;
	text-align:left;
}

.album .date
{
	font-size:80%;
}


.tags
{
	font-size:90%;	
	margin:1em 0;
	font-style:italic;
}



.picture-description
{
	font-weight:bold;
	text-align:center;
}

.picture-info
{
	margin-bottom:0.5em;
}


.picture-info .header
{	
	font-weight:bold;
	display:block;
}

.picture-info .value
{	
	display:block;
	margin-left: 0.5em;	
	text-align:left;
}



.picture-info .a
{	
	display:block;
	margin-left: 1em;	
	text-align:left;
}

.tag-cloud
{
	text-align:center;
}

.search-result
{
	clear:both;
	margin-top:1em;
	width:540px;
}

.search-result .image
{
	float:left;
	width:150px;
	margin-right: 10px;
	text-align:center;
}

.search-result .name{	
	margin-bottom:0;
	text-align:left;
	display:block;
	margin-left:160px;
	
}

.search-result .info
{
	font-size:80%;
	display:block;
	margin-left:155px;
}



a.linkbutton{
    background: transparent url('../img/button_end.png') no-repeat scroll top right;
    color: Black;
    display: block;
    float: left;
	font-size: 13px; 
    height: 30px;    
    margin: 2px 0px 2px 2px;
    padding-right: 7px;
    text-decoration: none;
}
a.linkbutton span{
    background: transparent url('../img/button_start.png') no-repeat;
    display: block;
    line-height: 22px;
    padding: 4px 20px 4px 27px;
}
a.linkbutton img{
	vertical-align: middle;
	padding: 0px 4px 2px 0px;
}
a.linkbutton:active{
    background-position: center right;
    outline: none; /* hide dotted outline in Firefox */
}
a.linkbutton:active img{
    padding: 0px 4px 2px 0px;
}

a.linkbutton:active span{

    background-position: center left;
    padding: 5px 20px 3px 27px;
}

a.linkbuttonhover
{
    background-position: center right;    
}
a.linkbuttonhover span
{
    background-position: center left;    
}


.video
{
	margin: 5px auto;
	text-align:center;
}