/*
  CSS SYTLE FOR PROFESSIONAL MINI-SITE
  
  Author: Iszuddin Ismail (kidino)
  Date: 29 September 2009
  Website: http://www.minisitegallery.com

*/


/* MAIN LAYOUT */

    * { margin: 0px; padding: 0px; }
    
    body { margin: 0px; padding: 0px;
        background-color: #ededed;
	background-color: #9BD28C;
        font-family: Arial;
    }

    #wrapper {
        width: 860px;
        background-image: url(img/bodybg.png);
        margin: auto;
        padding-top: 1px;
        margin-top: 240px;
        min-height: 800px;
        display: table;
    }
	
	#wrapperx {
        width: 860px;
        background-image: url(img/bodybg.png);
        margin: auto;
        padding-top: 1px;
        margin-top: 805px;
        min-height: 800px;
        display: table;
		z-index:1;
    }

    #contentx {
        position: relative;
        margin-top: -805px;
        background-image: url(img/header_full.png);
	background-repeat: no-repeat;
        min-height: 240px;
    }
	
   #videobereich {
        width: 745px;
        background-image: url(img/bodybg_full.png);
        margin: auto;
		margin-left:-50px;
        padding-top: -10px;
		padding-left:50px;
		padding-right:50px;
		padding-bottom:15px;
        display: table;
		z-index:50;
    }

    #content {
        position: relative;
        margin-top: -240px;
        background-image: url(img/header.png);
	background-repeat: no-repeat;
        min-height: 240px;
    }
    
    #footer {
        position: relative;
        width: 860px;
        background-image: url(img/bodyfooter.png);
        background-repeat: no-repeat;
        margin: auto;
        padding-top: 20px;
        min-height: 100px;
        color: #aaa;
        font-size: 9pt;
        font-weight: normal;
        padding-top: 70px;
	text-align: center;
    }
    
/* TEXT FORMATING - footer */

    #footer p {
        margin-bottom: 20px;
	color: #57763D;
    }

    #footerlinks {
        top: 19px;
        position: absolute;
        list-style: none;
        margin: auto;
        width: 860px;
    }
    
    #footerlinks li {
        display: inline;
        margin: 0px 5px 0px 5px;
	font-size:10pt;
    }

    #footerlinks li a {
        color: #fff;
    }
    
    .just {
        margin: 0px 100px 20px 100px;
        text-align: justify;
    }
	
	a{
		text-decoration:none;
		color:#57763D;
	}
	
	a:hover{
		color:#FFA81F;
	}

/* TOP MENU */

    #menu {
        position: absolute;
        list-style: none;
        right: 75px;
        top: 138px;
        font-size: 11pt;
    }
    
    #menu li {
        float: left;
        padding: 0px 10px 0px 10px;
        border-right: 1px dotted #aaa;
        color: #ffffff;
    }

    #menu li a, #menu li a:visited {
        color: #ffffff;
        text-decoration: none;
    }
    
    #menu li a:hover {
        text-decoration: underline;        
    }

    #menu li.last {
        padding-right: 0px;
        border-right: none;
    }

/* SIDEBAR */

    #sidebar {
        float: right;
        width: 190px;
        margin-right: 35px;
        margin-top: 220px;
        padding-top: 1px;
		margin-left:15px;
    }
    
    #sidebar p, #sidebar img {
        font-size: 9pt;
        color: #757575;
        margin-bottom: 15px;
		width:175px;
		margin-left:10px;
    }

    #sidebar h3 {
	text-align: center;
        color: #57763D;
        font-size: 14pt;
        font-weight: normal;
        margin-bottom: 3px;
	margin-top:0px;
    }

    .divider {
        background-image: url(img/divider.jpg);
        width: 170px; height: 14px;
        margin: auto;
        margin-bottom: 10px;
    }
    
    #sidebar .sbblue {
        background-color: #130164;
        color: #fff;
        padding: 5px 10px 10px 10px;
        margin-bottom: 10px;
    }
    
    #sidebar .sbblue p {
        color: #fff;
    }

    #sidebar .sbblue h3 {
        font-weight: normal;
        margin-bottom: 15px;        
        color: #fff;
	font-size: 14pt;
    }

    #sidebar .sbblue ul {
	color: #ffffff;
	margin-left: 0px;
	}

    #sidebar .sbblue ul li {
	font-size: 9pt;
	padding-left: 10px;
	color: #ffffff;
	}
	
	#sidebar ul{
		margin-left:10px;
		margin-bottom:15px;
	}
	
	#sidebar ul li{
		margin-bottom:0px;
		list-style:none;
		padding:0px;
		font-size:9pt;
	}
	
	#sidebar h3{
		text-align:left;
	}
	
	.parent{
		margin-top:-20px;
		margin-left:0px;
		color:#57763D;
	}
	
	.screen-reader-text{
		color:#57763D;
	}

	#s{
		width:90px;
		height:20px:
	}
	
	#searchsubmit{
		float:right;
		height:20px;
		padding:2px;
		font-size:10px;
		background: url(img/button.gif) no-repeat center;
		color: #AE0000;
	}

/* MAIN CONTENT */

    #maincontent {
        float: left;
        width: 530px;
        margin-left: 50px;
        margin-top: 220px;
    }
    
    #maincontent p {
        font-size: 11pt;
        color: #232323;
        margin-bottom: 20px;
    }

    #maincontent h3 {
        color: #57763D;
        font-size: 16pt;
        text-align: center;
        padding: 10px;
        background-color: #f2f2f2;
        font-weight: normal;
        margin-bottom: 20px;
    }

    #maincontent h2, #maincontent h2 a {
        color: #a90e02;
        font-size: 16pt;
        text-align: center;
        font-weight: normal;
        margin-bottom: 20px;
    }
    
    #maincontent h1 {
        color: #a90e02;
        font-size: 22pt;
        text-align: center;
        margin-bottom: 20px;
        font-style: italic;
		margin-Top:-30px;
    }

/* BLOCKQUOTE */

    blockquote {
        border-top: 3px solid #9BD28C;
        border-left: 3px solid #9BD28C;
        border-right: 1px dotted #9BD28C;
        border-bottom: 15px solid #9BD28C;
        padding: 15px;
        padding-bottom: 0px;
        background-color: #ddeaeb;
        margin: 0px 20px 20px 20px;
        background-image: url(img/quotebg.png);
        background-position: top left;
        background-repeat: no-repeat;
    }

    #maincontent blockquote * {
        color: #57763D;
        font-style: italic;
    }
    
/* JOHNSON BOX or MODULE BOX */
  
    .module {
        background-color: #fef9df;
        border-left: 3px solid #bfad4a;
        border-bottom: 3px solid #bfad4a;
        border-right: 1px solid #bfad4a;
        padding: 20px;
        padding-bottom: 0px;
        margin: 0px 20px 20px 20px;
    }
    
    #maincontent .module p {
        color: #73630c;
    }
    
    .module h4 {
        font-weight: normal;
        font-size: 18pt;
        color: #fff;
        border-top: 3px solid #5b4f0b;
        background-color: #bfad4a;
        margin-top: -20px;
        margin-left: -23px;
        margin-right: -21px;
        margin-bottom: 20px;
        padding: 3px;
        padding-left: 23px;
        background-image: url(img/modulebg.gif);
        background-position: left center;
        background-repeat: no-repeat;
        font-style: italic;
    }
    
/* NORMAL NUMBERED LIST */

    ol {
        margin-left: 40px;
        margin-bottom: 20px;
    }
    
    ol li {
        margin-bottom: 5px;
        padding: 4px;
        font-size: 11pt;
        color: #232323;
    }

/* NORMAL UNORDERED LIST */

    ul {
        list-style-type: square;
        margin-left: 40px;
        margin-bottom: 20px;
    }
    
    ul li {
        margin-bottom: 5px;
        padding: 4px;
        font-size: 11pt;
        color: #232323;
    }

/* YES LIST */

    ul.yes {
        list-style-type: none;
        margin: 20px;
    }
    
    ul.yes li {
        margin-bottom: 5px;
        background-color: #f3fce3;
        padding: 4px;
        font-size: 11pt;
        color: #232323;
        background-image: url(img/accept.png);
        background-repeat: no-repeat;
        background-position: 8px 4px;
        padding-left: 32px;
    }

/* NO LIST */

    ul.no {
        list-style-type: none;
        margin: 20px;
    }
    
    ul.no li {
        margin-bottom: 5px;
        background-color: #ffefef;
        padding: 4px;
        font-size: 11pt;
        color: #232323;
        background-image: url(img/cross.png);
        background-repeat: no-repeat;
        background-position: 8px 4px;
        padding-left: 32px;
    }
    
/* TEXT FIELD */

    .txt {
        font-family:Arial, Helvetica;
        color: #000;
        font-size:10pt;
        background: transparent url(img/txt.png) no-repeat fixed;
        width: 190px; height: 33px;
        border: none;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }

    *>.txt { background: transparent url(img/txt.png) no-repeat; }
    
/* ORDER BOX */

    .order {
        text-align: center;
        font-size: 10pt;
        font-weight: bold;
    }
    
/* HIGHLIGHT */

    .highlight {
        background-color: #f5d500;
    }
    
/* CENTERING HEADLINE IMAGE */

    .headline { text-align: center; }
    
/* TOP QUALIFYER or ATTENTION */

    .qualifyer {
        font-weight: bold;
        font-style: italic;
    }
    

img {border:0px;
}

	.post{
		margin-bottom:30px;
		font-size:10pt;
	}


	.left{
		float:left;
		}
	
	.right {
		float:right;
		}


	#next_prev, .next_prev {
		display:block;
		margin-bottom:20px;
		margin-top:10px;
		text-align:center;
		font-size:12px;

		}
	
	#next_prev a, .next_prev a {
		color: #0a517d;
	}
		
	#info{
		background-color:#F8F8F8;
		border-bottom:1px solid #DDDDDD;
		border-top:1px solid #DDDDDD;
	        font-size: 10pt;
		margin-top:30px;
	        margin-bottom: 20px;
		padding:10px;
		color:#777777;
		text-align:left;
	}
	

	#commentform textarea {
	width:100%;
	}