/* ---------------------- Credits ---------------------- *

author:    Kevin & ALdi
comments:  Made from scratch by the webmaster of PPIA RMIT

This CSS file require delicacy to write in the first place because of its neatness and
feasibility. Any changes including modification or added code, should follow the standard
coding that's already been set previously (simply follow how the code written).

PS: please use 3 spaces instead of tabs (we meant it!)

* ------------------------------------------------------ */



/* --------------- Link and Anchor Style --------------- */

a:link {
   color: #ffffff;
   text-decoration: none;
}

a:visited {
   color: #ffffff;
   text-decoration: none;
}

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

a.appear:link {
   color: #000000;
   text-decoration: none;
}

a.appear:visited {
   color: #000000;
   text-decoration: none;
}

a.appear:hover {
   color: #000000;
   text-decoration: none;
}

a.album {
   color: black;
   text-decoration: underline;
   margin-left: 10px;
   font-size: 13px;
	font-family: "Arial Unicode MS"
}

a.albumNav {
   color: black;
   text-decoration: none;
   font-size: 13px;
	font-family: "Tahoma";
}



/* ------------------- Header Style ------------------- */

#header {
   margin-bottom: 5px;
}

img#ppia {
   display: inline;
}

img#ppiamiring {
   display: none;
}



/* ------------------ Container Style ----------------- */

#wrapper {
   width: 970px;
   margin: auto;
   text-align: left;
   display: block;
}

#main {
	margin-top: 15px;
   width: 710px;
   float: left;
}

#container {
   width: 615px;
   float: left;
   margin-top:10px;
   line-height: 103%;
}

strong {
   color: #D00000;
   font-size: 14px;
   font-family: "Arial";
}

.hrRed {
   width: 550px;
   margin-left: 25px;
	margin-bottom: -3px;
   background-color: red;
}

.hrGrey {
   clear:both;
   width: 550px;
   margin-left: 25px;
}



/* -------------------- Text Style -------------------- */

.title {
	font-size: 18px;
	font-family: "Arial";
	font-weight: bold;
	margin-left: 4.5%;
	margin-bottom: -2px;
	color: #888888;
}

.firstTxt {
	width: 550px;
	font-size:13px;
	font-family: "Arial";
	margin-left:4%;
	margin-bottom:-5px;
	color: #000000;
}

.secondTitle {
	font: 14px "Arial";
	margin-left: 4.5%;
}



/* -#------------- Styles for each page ------------#-- */

/* --------------- Front Page Pic Style -----------###- */

.picture {
	float: left;
	margin-left: 27px;
	margin-right: 10px;
}

img {
   border-width: 0;
}

img[src="parts/logoppia.png"] {
	margin-bottom: 7px;
	margin-right: 10px;
}

img[src="parts/ppiarmit.png"] {
	margin-bottom:10px;
}

img[src="parts/headline.png"] {
	margin-bottom: 39px;
	margin-left: 10px;
}



/* ----------------- FotoGalery Style -------------###- */

#photoBar {
   clear: both;
   float: left;
   margin-left: 15px;
   padding-right: 20px;
   padding-bottom: 30px;
   border-style: groove;
   border-width: 3px;
}

.frame {
   float: left;
   border-style: groove;
   border-width: 2px;
   height: 45px;
   width: 170px;
   margin-top: 20px;
   margin-left: 17px;
}

.fotoFrame {
   float: left;
   border-style: groove;
   border-width: 3.5px;
   height: 75px;
   width: 100px;
   margin-top: 20px;
   margin-left: 36px;
   text-align: center;
}

.albumNavSingle {
   float: left;
   margin: 20px 300px 20px 10px
}

.albumNavLeft {
   float: left;
   margin: 20px 100px 20px 10px;
}

.albumNavRight {
   float: right;
   margin: 20px 10px 20px 100px;
}



/* -------------- about and event pic style ---------###- */

.gambarAcara1 {
   float:left;
   margin-top: 10px;
   margin-right: 10px;
   margin-left: 25px;
}

.gambarAcara2 {
   float:right;
   margin-top: 10px;
   margin-right: 45px;
   margin-left: 10px;
   margin-bottom: 25px;
}

#teaserArtstract {
   margin-left: 30px;
}


/* -------------------- Rekan2 Style ----------------###- */

#borderLink {
   clear: both;
   border-width: 3px;
   height: 250px;
}

#borderSpons {
   clear: both;
   border-width: 3px;
   height: 486px;
}

img.sponsor {
   clear: both;
   margin-top: 20px;
   margin-left: 0px;
   margin-right: 0px;
}


/* ---------------- NavigationBar Style -------------###- */

#navBar {
   width: 85px;
   float: left;
   margin-right: 10px;
   margin-bottom:6px;
}

.navButton {
   display: block;
   width: 70px;
   margin: 15px auto;
   font-size: 13px;
   text-align: center;
}

img#depan {
   display: inline;
}

img#depanR {
   display: none;
}

img#foto2 {
   display: inline;
}

img#foto2R {
   display: none;
}

img#event {
   display: inline;
}

img#eventR {
   display: none;
}

img#pengurus {
   display: inline;
}

img#pengurusR {
   display: none;
}

img#tentang {
   display: inline;
}

img#tentangR {
   display: none;
}

img#rekan {
   display: inline;
}

img#rekanR {
   display: none;
}

/* -#---------- End of Styles for each page --------#-- */



/* ------------------ Shoutout Style ------------------ */

#shoutout {
   width: 240px;
   margin-left: 2px;
   float: right;
}

.shoutInput {
   display: block;
   margin: 10px auto;
}

#shoutHeader {
   display: block;
   margin-top: 25px;
   margin-bottom: 0px;
}

#submitButtonFrame {
   margin-top: 25px;
   margin-left: 65px;
}

input#submitButton {
   width: 68px;
   height: 24px;
   background-image: url(../parts/taroabu.png);
}

img[src="parts/orang2.png"] {
   clear: both;
   margin-left: 32px;
}

#redGirl {
   display: none;
   position: absolute;
   margin-top: 80px;
   margin-left: -80px;
}

#redGirlText {
   display: none;
   position: absolute;
   margin-top: 155px;
   margin-left: -80px;
}



/* ------------------- Footer Style ------------------- */

#footer {	
   clear:both;
   padding-top: 10px;
   text-align: center;
	font: 11px "Arial";
}



/* -------------- Underconstruction style -------------- */

#undercon {
   float: right;
   position: absolute;
   right: 10px;
   top: 90px;
}