/* CSS for Cinta Sekolah Website
 * Author: Didik Wicaksono
 * Website: http://firewalker.kamusilmiah.com
 * You may not copy any of this material without my permission
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background: #fff url(../image/bg_body.gif) repeat-x 0 0;font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;font-family: Futura, "Century Gothic", AppleGothic, sans-serif;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#009;}
a {color:#900;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}


/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Clearfix IE6 */ 
* html .clearfix {height: 1%;}
/* Clearfix IE7 */
*:first-child+html .clearfix {min-height: 1px;}

/* Floating */
.floatRight {float: right;}
.floatLeft {float:left;}

/* Date */
.date {font-size: 10px; color: #777;}

/* Layout ----------------------------------------------*/
.image {float:left;}
/* Wrapper */
#wrapper {
	margin: 0;
	width: 980px;
}

/* Header */
#header {
	background: #fff;
	margin-top: 0px;
	border: 1px solid #666;
}
#logo {
	width: 275px;
}
#headerAds {
	margin: 10px;
}
/* Main Menu */
#mainmenu {
	clear: both;
	height: 30px;
	line-height: 30px;
	background: #cdcdcd url(../image/bg_mainmenu.gif) repeat-x 0 0;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	border-bottom: 1px solid #ddd;
}
#mainmenu ul {
	width: auto;
	float: left;
	margin:0;
	padding:0;
}
#mainmenu li {
	position: relative;
	display: inline;
	float: left;
	list-style: none none outside;
}
#mainmenu ul li a{
	display: block;
	padding: 6px 10px 8px 10px;
	border-right: 1px solid #ccc;
	color: #2f062e;
	text-decoration: none;
	font: bold 12px sans-serif, "Times New Roman", serif;
	line-height: 16px;
}
#mainmenu ul li a:link, #mainmenu ul li a:visited{
	color: #2f062e;
}
#mainmenu ul li a:hover{
	background-color: #000000; /*tab link background during hover state*/
	color: #CCCCCC;
}
#mainmenu ul li a.current {
	font-weight: bold;
	font-size:13px;
	color: #FF0000;
}

/* Highlights */
#highlights {
	background: #fff;
	border-right: 1px solid #666;
	border-left: 1px solid #666;	
}

/* Headlines */
#headlines {
	width: 300px;
	height: 380px;
	margin: 10px 0 10px 10px;
	padding-right: 10px;
	border-right: 1px solid #ccc;
}
#headlines ul, #headlines li {
	list-style: none none outside;
	margin: 0;
}
#headlines h2 {
	font-size: 16px;
	margin-bottom: 5px;
}
#headlines h3 {
	text-transform: uppercase;
}
#headlinesnav {
	width: 120px;
}
#headlinesnav li {
	display: inline;
}
#headlinesnav li a {
	padding: 2px 5px;
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 1px;
	height: 21px;
	line-height:21px;
	color:#666;
}
#headlinesnav a:hover {
	color: #e00;
	background: #ff0;
}
#headlines .current {
	color: #fff;
	background: #900;
}
#headlinescontent {
	height: 350px;
	overflow: hidden;
}
/* Other Headlines */
#otherheadlines {
	background: url(../image/bg_otherheadlines.gif) no-repeat 0 0;
	width: 280px;
	margin: 10px;
}
#otherheadlines h3 {
	text-transform: uppercase;
	margin-left: 40px;
	font-size: 16px;
}
#otherheadlines ul, #otherheadlines li {
	list-style: none none outside;
	padding: 0;
	margin: 0;
}
#otherheadlines li {
	border-bottom: 1px solid #ccc;
	margin: 3px 0;
}
#otherheadlines a:link, #otherheadlines a:visited {
	color: #666;
	font-weight: bold;
}
#otherheadlines a:hover {
	color: #900;
}
#memberlogin, #memberloginwp {
	background: url(../image/bg_memberlogin.gif) no-repeat right top;
	width: 334px;
	height: 285px; 
	margin:0;
	border: 1px solid #ccc;
}
#memberloginwp {
	margin:10px;
	width: 335px;
}
#loginform {
	margin: 10px;
	width: 150px;	
}
#loginform label {
	color: #060;
}
#loginform input {
	margin-bottom: 10px;
}
#loginform .button {
	background: #79b90c url(../image/bg_button.gif) repeat-x 0 0;
	border: 1px solid #090;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#loginform .newmember {
	display: block;
	clear: both;
	margin-top: 35px;
	color: #900;
	font-weight: bold;
	font-size: 14px;
}
#loginform .regbutton {
	background: #f87900 url(../image/bg_regbutton.gif) repeat-x 0 0;
	border: 1px solid #f60;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 5px;
	margin-top: 10px;
	color: #900;
}
#memberinfo {
	width: 130px;
	margin: 20px 10px;
	color: #fff;
}
#memberinfo strong, #memberinfo a:link, #memberinfo a:visited {
	color: #ff0;
}
/* Highlights Ads */
#highlightsads {
	width: 645px;
	height: 100px;
	margin: 0 0 10px 10px;
	float: left;
}
#highlightsads a {
	width: 115px;
	height: 80px;
	padding: 2px;
	border: 1px solid #ccc;
	background: #fff;
	float: left;
	margin-right: 8px;
}
/* Member Slider */
#memberslider {
    width: 978px;
    background: #eee url(../image/bg_membersliderwrapper.gif) repeat-x bottom left;
    border: 1px solid #666; 
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
    clear: both;
    font-family: Arial,Helvetica,sans-serif;
}
#membersliderwrapper {
    width: 950px;
    height: 100px;
    margin-left: 10px;
    overflow: hidden;
    position: relative;
}
#memberslidernav {
    width: 100px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 5px;
}
#memberslidernav .next, #memberslidernav .previous {
    width: 16px;
    height: 16px;
    float: right;
    margin-right: 5px;
}
#memberslidernav .next {
    background: url(../image/memberslidernav.gif) no-repeat 0 -16px; /* Use CSS Sprites */
}
#memberslidernav .next:hover {
    background: url(../image/memberslidernav.gif) no-repeat 0 0px;
}
#memberslidernav .previous {
    background: url(../image/memberslidernav.gif) no-repeat 0 -48px;
}
#memberslidernav .previous:hover {
    background: url(../image/memberslidernav.gif) no-repeat 0 -32px;
}
#memberslider a:link span, #memberslider a:visited span, #memberslider a:hover span{
    color: #000;
    text-decoration: none;
}
#memberslider h3 {
    color: #000;
    padding-top: 10px;
    padding-left: 90px;
    padding-bottom: 2px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
    background: #fff url(../image/bg_memberslider.gif) no-repeat 0 0;
}
#memberslider h4 {
    font: bold 11px Georgia,"Times New Roman",Times,serif !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    border: none !important;
    text-transform: none !important;
}
#memberslider a:link h4, #memberslider a:visited h4 {
    color: #00f !important;
}
#memberslider a:hover h4 {
    color: #f00 !important;
}
#memberslider ul {
    margin: 0 !important;
    padding: 0 5px !important;
    float: left;
    position: absolute;
}
#memberslider ul li {
    margin: 0 !important;
    padding: 5px !important;
    list-style: none none outside !important;
    float: none;
    position: absolute;
    width: 60;   /* Required for DetikSlider */
    height: 60; /* Required for DetikSlider */
    background: #fff;
    clear: none !important;
    overflow: hidden;
}
#memberslider ul li span {
    font-size: 11px;
    margin-top: 5px;
}
#memberslider img.logo {
    width: 118px;
    height: 18px;
}
#memberslider img.illustrasi {
    width: 110px;
    height: 80px;
    padding: 0 !important;
    border: none !important;
}
/* Middle */
#middle {
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	width: 978px;
	padding-top: 10px;
	background: #fff;
}
#middle .more {
	width: 85px;
	height: 20px;
	background: url(../image/bg_more_button.gif) no-repeat 0 0;
	float: right;
	margin: 2px 3px 0 0;
}
#middleleft {
	width: 330px;
	float: left;
}
#middlecenter {
	width: 390px;
	float: left;
}
#middleright {
	width: 250px;
	float: right;
}
/* Friend & Community */
#friend, #community {
	margin-bottom: 10px;
	padding: 10px;
}
#friendnav, #communitynav {
	clear: both;
	height: 26px;
	line-height: 26px;
	border-bottom: 3px solid #c19995;
}
#friendnav ul, #communitynav ul {
	width: auto;
	float: left;
	margin:0;
	padding:0;
}
#friendnav li, #communitynav li {
	position: relative;
	display: inline;
	float: left;
	list-style: none none outside;
}
#friendnav ul li a, #communitynav ul li a{
	display: block;
	padding: 4px 5px 6px;
	border-right: 1px solid #ccc;
	color: #2f062e;
	text-decoration: none;
	font: 11px sans-serif, "Times New Roman", serif;
	line-height: 16px;
	background: #640000 url(../image/bg_middle_tab.gif) repeat-x 0 0;
}
#friendnav ul li a:link, #friendnav ul li a:visited, #communitynav ul li a:link, #communitynav ul li a:visited{
	color: #fff;
}
#friendnav ul li a:hover, #communitynav ul li a:hover {
	background-color: #fff; /*tab link background during hover state*/
	color: #ff0;
}
#friendnav .current, #communitynav .current {
	background: #f87900 url(../image/bg_middle_tab_hl.gif) repeat-x 0 0;
}
#friendcontent, #communitycontent {
	padding: 5px;
}
#friendcontent ul, #friendcontent ul li, #communitycontent ul, #communitycontent ul li {
	margin: 0;
	padding: 0;
	list-style: none none outside;
}
#friendcontent .friendfoto, #communitycontent .communityfoto {
	width: 60px;
	margin-right: 10px;
	float: left;
	display: inline;
	font-size: 11px;
}
#friendcontent a:link, #friendcontent a:visited, #communitycontent a:link, #communitycontent a:visited {
	color: #000;
}
#friendcontent a:hover, #communitycontent a:hover {
	color: #e00;
}
/* Editorial */
#editorial {
	padding: 10px;
	margin-bottom: 10px;
}
#editorial ul, #editorial li {
	margin: 0;
	padding: 0;
	list-style: none none outside;
}
#editorial img {
	float: left;
	width: 70px;
	margin: 3px 5px 2px 0;
}
#editorial h3 {
	border-bottom: 3px solid #c19995;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
#editorial h2 {
	font-size: 13px;
	margin: 0 0 10px 0;
}
/* Most */
#most {
	padding:10px;
	margin-bottom: 10px;
}
#most h3 {
	border-bottom: 3px solid #bcbdb9;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
#most ul, #most li {
	margin: 0;
	padding: 0;
	list-style: none none outside;
}
#most li {
	background: url(../image/bg_bullet_green.gif) no-repeat 0 2px;
	padding: 2px 0 2px 20px;	
}
/* School Profile */
#schoolprofile {
	padding:10px;
	margin-bottom: 10px;
}
#schoolprofile h3 {
	background: #640000 url(../image/bg_middle_tab.gif) repeat-x 0 0;
	color: #fff;
	margin-bottom: 5px;
	padding: 3px 5px;
	text-transform: uppercase;
	font-weight: normal;
}
#schoolprofile h2 {
	font-size: 16px;
	margin: 0 0 10px 0;
}
#schoolprofile ul, #schoolprofile li {
	margin:0;
	padding: 0;
	list-style: none none outsie;
}
#schoolprofile .schoolphoto {
	width: 70px;
	margin-left: 35px;
	float: left;
	display: inline;
	font-size: 11px;
}
/* Student Status */
#studentstatus {
	padding: 10px;
	margin-bottom: 10px;
}
#studentstatus h3 {
	background: #640000 url(../image/bg_middle_tab.gif) repeat-x 0 0;
	color: #fff;
	padding: 3px 5px;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: normal;
}
#studentstatus ul, #studentstatus li {
	margin: 0;
	padding: 0;
	list-style: none none outside;
}
#studentstatus li {
	margin: 5px 0;
}
#studentstatus img {
	float: left;
	margin: 3px 5px 0 0;
/*	border: 1px solid #fcf;
	background: #fcf;
*/}
#studentstatus p {
	margin: 0;
}
#studentstatus .meta {
	color: #990033;
	padding:2px 5px 2px 2px;
}
#studentstatus .status {
	float: left;
	padding: 2px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
	height: 55px;
	overflow: hidden;
}
#studentstatus .statuswp {
	float: left;
	padding: 2px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 295px;
	height: 60px;
	overflow: hidden;
}

/* Biografi */
#biografi {
	margin: 0 10px;
	background: url(../image/bg_biografi.gif) no-repeat 0 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #BCBDB9;
}
#biografi h3 {
	margin-bottom: 5px;
	padding: 10px 0 10px 50px;
}
/* Photoshoot */
#photoshoot {
	margin: 0 10px 10px;
	background: url(../image/bg_photoshot.gif) no-repeat 0 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #BCBDB9;
}
#photoshoot h3 {
	margin-bottom: 5px;
	padding: 10px 0 10px 60px;
}
/* Bottom */
#bottom {
	padding: 10px;
	border-left: 1px solid #600;	
	border-right: 1px solid #600;
	background: #600000 url(../image/bg_bottom.gif) no-repeat 0 0;
	margin-bottom: 5px;
}
#bottom .selector {
	margin-bottom: 15px;
	width: 150px;
	float: right;
	padding: 5px;
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 0px;
}
/* Province */
#province {
	clear: both;
}
#province .provincephoto {
	width: 60px;
	margin: 10px 17px;
	float: left;
	display: inline;
	font-size: 11px;
	text-align: center;
}
#province a:link, #province a:visited {
	color: #fff;
}
#province a:hover {
	color: #ff0;
}
/* announcement */
#announcement {
	width: 600px;
	margin: 0 auto;
	background: #000;
	color: #fff;
	padding: 10px;
	text-align: center;
}
/* Footer */
#footer {
	padding-top: 5px;
	border-top: 3px solid #600000;
}
#footer a:link, #footer a:visited {
	color: #666;
}
#footer a:hover {
	color: #e00;
}
#footer .menu {
	font-size: 11px;
}
#footer .menu ul, #footer .menu li {
	margin: 0;
	padding: 0;
	list-style: none none outside;
}
#footer .menu li {
	display: inline;
	margin-right: 15px;
}
#copyright {
	font-size: 10px;
}

/*update irwan*/
#mainmenu .alumni {
	background: #FF0000;
	font-weight: bold;
}
#mainmenu .alumni a:link, #mainmenu .alumni a:visited {
	color:#fff;
}
.clear {clear:both;}
#bottom .location_default {
	float:left;
	margin-left:360px;
	padding: 2px 5px;
	background: white;
	-moz-border-radius:3px;
	font-weight: bold;
}
.leftside {
	width: 336px;
	margin: 0 10px;
	background: #f4f4f4;
	border: 1px solid #eee;
}
.rightside {
	width:588px;
	padding: 10px;
	background: white;
	margin-right:10px;
}
.gbr {float:left; padding:5px; border:1px solid #eee; margin:0 15px 15px 0;}
.gbr1 {
	float:left;
	padding:0px;
	margin:0px;
}

#sekolah {
	margin: auto;
}

#sekolah ul li {
	list-style-image:url(../image/link.png);
	border-bottom: 1px dashed #eee;
	list-style-position: inside;
	margin: 0;
}
#sekolah h4 {
	background-color : #eee;
	color:#780000;
	padding: 5px 10px;
	-moz-border-radius:3px;
	font: arial;
	text-transform: uppercase;
	font-weight: bold;
}
#sekolah .sekolah_terbaru {
	width: 645px;
	height: 100px;
	margin: 0 0 10px 0;
	float: left;
}
#sekolah .sekolah_terbaru a{
	width: 100px;
	height: auto;
	padding: 2px;
	border: 1px solid #ccc;
	background: #fff;
	float: left;
	margin-right: 14px;
	text-align: center;
}
#sekolah .sekolah_terbaru a img {
	width: 100px;
	height: auto;
}
.pagination1 {
	text-align: center;
	padding: 3px;
	margin: 10px 0;
	height: 100%;
}
.pagination1 a {
	padding: 3px 7px;
	text-decoration: none;
	color: #444;
	border: 1px solid #900;
	font-weight: bold;
	margin: 1px;
	position: relative;
	width: auto;
}

.pagination1 a:link, .pagination1 a:visited {
	color: #990000;
}
.pagination1 a:hover,.pagination1 a.selected{
	color: #FFFF00;
	background-color: #990000;
}
.pagination1 a.op {
	float:left;
	background-color: #006600;
	margin: 0px;
	padding: 3px 7px;
	border: 1px solid #040;
}
#menupribadi {
	display:inline;
	float:left;
	margin:0;
	padding:10px;
	width:565px;
	border:1px solid #CCCCCC;
}
#menupribadi{
	border:1px solid #ccc;
}

#menupribadi #pad{
	background:#fbaf5c;
}
.innermar {
display:inline;
float:left;
margin:7px !important;
}
#schoolprofile .schoolphoto_isi {
	width: 70px;
	margin-left: 25px;
	margin-bottom:15px;
	float: left;
	display: inline;
	font-size: 11px;
}
.sek_nav {padding:2px 10px;}
.komunitas{
	background: white;
}
.ads_details { padding:10px;}
.lihkom {
	margin: 0 0 10px 0;
}
#menualumni { padding:10px;}
#menualumni ul li {
	list-style-image:url(../image/link.png);
	border: 1px dashed #eee;
	list-style-position: inside;
	margin: 1px;
	padding:5px;
	background:#f4f4f4;
}
.leftside_alumni {
	width: auto;
	margin: 0 10px;
	background-color: #f4f44f;
	border: 1px solid #ff4;
}
.rightside_alumni {
	width:748px;
	padding: 10px;
	margin-right:10px;
	border-left: 1px sollid #666;
}
.submenu_sek {
	background:#e2eac0;
	padding: 5px;
}
.komentator { float:left;}