/** --------------------------------------
	file_name	: screen.css
	description	: main layout for BP3IP
	date		: Feb. 06, 10
	
	author		: deni kurniawan
	mail		: deni.k77@gmail.com
	portfolio	: deniku.com
	
-------------------------------------- **/

/* ---       General Classes       --- */

.clear {
	clear: both;
	}		
.align-left {
	float: left;
	}			
.align-right {
	float: right;
	}
#inner p { margin-bottom:10px; }

p{
margin:10px 0;
}
/* ---       main menu       --- */
#menu-top a:link, #menu-top a:visited, #menu-top a:active {
	float:none;
	color:#DEDEDE;
	text-decoration:none;
	text-shadow:0 1px 0 #780f16;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	margin:0 15px;
	padding-top:10px;
	}
#menu-top a:hover {
	color:#FFF;
	/* text-shadow:1px 1px 5px #780f16; */
	background:url(../images/arrow-menu.gif) top center no-repeat;
	text-shadow:5px 5px 5px #FF0006;
	}
#menu-top a.select:link, #menu-top a.select:visited, #menu-top a.select:active, #menu-top a.select:hover {
	float:none;
	color:#FFF;
	text-decoration:none;
	text-shadow:1px 1px 5px #780f16;
	margin-right:15px;
	padding-top:10px;
	background:url(../images/arrow-menu.gif) top center no-repeat;
	}

.dateandshare {
	float:left;
	width:97.5% !important;
	color:#8c8c8c;
	background:#e1e0db url(../images/btn-gray.gif) top repeat-x !important;
	border:#d8d7d3 1px solid;
	padding:5px 5px 3px 5px !important;
	margin-bottom:10px;
	}


/* ---       form       --- */

form label {
	display: block;
	padding: 0 0 10px;
	font-weight: bold;
	}
form p { margin: 10px 0;}
             
form fieldset legend {
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 10px;
	}
                
form p small {
	font-size: 10px;
	color: #777;
	}		
				
form input.text-input,
form select,
form textarea,
form .wysiwyg {
	padding: 6px;
	font-size: 13px;
	background: #fff url('bg-form-field.gif') top left repeat-x;
	border: 1px solid #d5d5d5;
	color: #333;
	}
            
form .small-input {
	width: 25% !important;
	}
                
form .medium-input {
	width: 50% !important;
	}
                
form .large-input {
	width: 97.5% !important;
	font-size: 16px !important;
	padding: 8px !important;
	}
                
form textarea {
	width: 97.5% !important;
	font-family: Arial, Helvetica, sans-serif;
	}
                
form select {
	padding: 4px;
	background: #fff;
	}
				
form input[type="checkbox"],
form input[type="radio"] {
	padding: 0;
	background: none;
	border: 0;
	}
	
/* Notification for form inputs */
.success {
	background: #d2f0b4 url('../images/tick_circle.png');
	border-color: #7dba40;
	color: #556652;
	}

.error {
	background: #f0c1b4 url('../images/cross_circle.png');
	border-color: #d75e3d;
	color: #665252;
	}
.input-notification {
	background-position: left 2px;
	background-repeat: no-repeat;
	padding: 2px 0 2px 22px;
	background-color: transparent;
	margin: 0 0 0 5px;
	}
	
.button {
	font-family: Verdana, Arial, sans-serif;
	display: inline-block;
	background: #db1f24 url(../images/btn-red2.gif) top left repeat-x !important;
	border: 1px solid #db1f24 !important;
	padding: 4px 7px 4px 7px !important;
	color: #fff !important;
	font-size: 11px !important;
	cursor: pointer;
	text-decoration:none;
	}
                
.button:hover {
	background: #c91c21 url(../images/btn-red.gif) top left repeat-x !important;
	border: 1px solid #c91c21 !important;
	}
                
.button:active {
	padding: 5px 7px 3px 7px !important;
	}

/* ---       footer       --- */
#footer a:link, #footer a:visited, #footer a:active {
	color:#FFF;
	text-decoration:none;
	text-shadow:0 0 5px #FFF;
	}
#footer a:hover {
	color:#CCC;
	text-shadow:0 0 5px #ff0006;
	}
	
/************ Elements styling ************/

h1, h2, h3, h4, h5, h6 {
	font-family:"Times New Roman", Times, serif;
	color: #3e3e3e;
	font-weight: normal;
	letter-spacing:0.8pt;
	}

h1 { font-size: 30px; padding: 10px 0 25px 0; color:#bc191e; /*text-shadow:0 0 5px #441e20;*/ line-height:20px; }
h2 { font-size: 24px; padding: 10px 0 15px 0; text-shadow:1px 1px 0 #FFF; line-height:24px; }
h3 { font-size: 17px; padding: 5px 0 10px 0; color:#bc191e;font-weight:bold; }
h4 { font-size: 16px; padding: 0 0 5px 0; }
h5 { font-size: 14px; padding: 0 0 5px 0; }
h6 { font-size: 12px; padding: 0 0 5px 0; }


a { color: #b3191d; text-decoration: none; }
a:hover { color: #270d0f; text-shadow:0 0 5px #FF0006;}
a:active { color: #270d0f; }
a:focus { outline: 1px; }

/*---------------------------------------tambahan dari dimas---------------*/
.rowbook{
margin:20px 0;
background:#F4F4F4;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;

}

.rowbook:hover{
margin:20px 0;
background:#CFCFCF;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;

}

.leftbook{
float:left;
width:150px;
height:auto !important;
height:200px;
min-height:200px;
padding:10px;
}

.rightbook{
float:left;
width:360px;
height:200px;
padding:10px;
height:auto !important;
min-height:200px;

}
.titlebook a{
color:#B4171E;
font:13px arial;
font-weight:bold;
}

.rightbook p{
padding-bottom:5px;
border-bottom:1px solid #E6E6E3;
color:#696969;
}

.left-speeches{
float:left;
width:110px;
}

.right-speeches{
float:left;


}

.row-speeches{
margin:10px 15px;
border-bottom:1px solid #fff;

}

.pagination-number-aktif {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#C01A1E none repeat scroll 0 0;
border:1px solid #BBBBBB;
color:#000000;
float:left;
height:15px;
margin:2px;
text-align:center;
width:15px;
}

.pagination-number {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #BBBBBB;
color:#005979;
float:left;
height:15px;
margin:2px;
min-width:15px;
padding:0 2px;
text-align:center;
width:auto !important;
}

object {
border:1px solid #FFFFFF;
display:block;
float:left;
margin-right:20px;
margin-top:20px;


text-align:center;
}

.rounded-gallery {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border:2px solid #999999;
margin:5px;
}

.rounded-gallery-list {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border:2px solid #999999;
margin:5px;
}

.thumb-gallery {
-x-system-font:none;
cursor:pointer;
display:block;
float:left;
font-family:arial;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:200px;
min-height:200px;
height:auto !important;
line-height:normal;
margin:10px 3px;
min-height:200px;
text-align:center;
width:180px;
}

.thumb-gallery img {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border:5px solid #999999;
display:block;
margin:10px auto;
text-align:center;
}

#fragment-article ul li{
list-style:square;
list-style-position:inside;
padding:2px 0;



}

#loginform{
width:300px;
margin:30px auto;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border:5px solid #EAEAE6;
padding:5px;
background:#EAEAE6;



}

table tr td{
padding:3px 0;

}