/*=======================================================================

-- THE PERIOD OF PURPLE CRYING

-- WEBSITE MADE BY THE INSTITUTE OF ADVANCED MEDIA - WWW.IAMTRAINING.COM

-- VANCOUVER, BC, CANADA

-- CREATED BY: LINH T. NGUYEN - LINHBURIN@YAHOO.COM

-- CREATED DATE: 05-23-09

-- LAST UPDATE: 08-11-09

=======================================================================*/

img, div { behavior: url(http://www.purplecrying.info/css/iepngfix.htc) }



*{

	margin: 0;

	padding: 0;

}

a{

	text-decoration: none;	

	color:#444444; 	

}

a:hover{

	color:#444444;

}

a:focus{

	outline:none;	

}

a:visited{

	color:#444444;	

}

img{

	border: 0px;

}

table{

	width:100%;

	border:none;

}



hr{

	height: 1px;

	margin: 5px 0 5px 0;

	background-color: inherit;

}



h2{

	font-size: 16px;	

}

h3{

	font-size: 14px;	

}



/**********************

	WRAPPER

**********************/

#wrapper{

	width: 100%;	

	margin: 0 auto;

	height: auto !important;

	font: 12px Georgia, "Times New Roman", Times, serif;	

	color:#1d1d1d;	

	/*border: solid thin #00C;*/

}

#headerWrapper{

	background: #fff url(http://www.purplecrying.info/images/front/nav_bg.png) top left repeat-x;

	height: 110px;	

	max-height:110px !important;

	overflow:hidden;

}

#footerWrapper{

	clear:both;

	margin: 40px auto;

	background: #fff url(http://www.purplecrying.info/images/front/footer_bg.png) top left repeat-x;	

}

#bodyWrapper{	

	height: auto !important;

	min-height: 450px;

	margin: 3px auto;	

	background: #fff url(http://www.purplecrying.info/images/background/body_bg.png) top left repeat-x;	

	/*border: solid thin #309;*/

}





/**********************

	PURPLE FLASH MAGAZINE

**********************/


#mag{
	
	position: relative;
	
	top: -700px;
	
	left: 0;
	
}
	
		
#mag iframe{
	
	position: absolute;
	
	overflow: hidden;
	
	max-width: 552px;
	
	height: 636px;
	
	min-width: 0px;
	
	z-index: 5000;		

}




/**********************

	HEADER

**********************/

#header{

	width: 965px;

	height:100px;

	max-height: 100px !important;

	margin:0px auto;	

	overflow:hidden;

}



.logo{

	margin: 2px 50px 0 0;

}



.headerRight{

	width: 260px;

	float:right;	

	/*margin: -70px 0 0 0;	

	border: solid thin #C60;*/

	margin: 10px 0 0 0;

}



.headerRight #searchF{

	width:auto;

	float:right;

	margin: -30px 12px 0 0;

	

}



.bookmark{

	width: 205px;

	color:#949494;

	font-size: 11px;

	margin: 0 0 25px 12px;	

}

.bookmark span{

	color: #b40bb4;

}



/**********************

	NAVIGATION

**********************/

.navBar{

	width: 965px;

	height: 40px;	

	color: #fff;

	margin: -1px auto ;

	text-align:center;

	padding: 0px 0px 0px 55px;

	z-index: 100;

	clear:both;

}



.navBtn{

	height: 40px;

	min-width: 50px;

	margin: 0 5px -15px 0;

	float:left;

	background: url(http://www.purplecrying.info/images/front/navigation/nav_center_off.gif) top left repeat-x;

}

.navBtn a.navLink{	

	color: #fff;

	font-family:Arial;

	font-size: 14px;

	font-weight:bold;

	position: relative;

	top: -15px;

	padding: 0 7px 0 7px;

}

	



/**********************

	FOOTER

**********************/

#footer{

	width: 1000px;	

	height: 60px;

	margin: 0 auto;

	padding: 29px 0 0 0;

	font-size:11px;

	font-weight:bold;

	color: #fff;

	/*border: solid thin #369;*/

}



.urlFooter{

	width: 150px;

	height: 22px;

	float: right;

	/* margin: -19px 30px 0 0; */
	
	margin: 0px 0px 5px 0px;

	padding: 6px 0 0 0;
	
	/* background: url(http://www.purplecrying.info/images/front/footer_url_bg.gif)  no-repeat ;	*/

}

.urlFooter2{

	width: 150px;

	height: 22px;

	float: right;

	/* margin: -19px 0px 0px 0; */	
	
	margin: 0px 0px 5px 0px;

	padding: 6px 0 0 0;

	/* background: url(http://www.purplecrying.info/images/front/footer_url_bg.gif) center no-repeat;	*/

}

.urlFooter a, .urlFooter2 a{

	margin: 10px 0px 20px 15px; 

	font-size: 12px;

	font-weight:bold;

	color: #000;

}



/**********************

	BODY

**********************/

#contentWrapper{

	width: 965px;

	margin: -3px auto;

	padding: 10px 0;

	/*border: solid thin #33C;*/

}



/*----- RIGHT BODY ----*/

#rightContent{

	width: 335px;

	margin: 0 15px 0 0;	

	float:right;

}



.rightBox{	

	min-height: 270px;

	height: auto !important;

	margin: 0;

	/*border: solid thin #C60;*/

}

.rightBox .boxTop{

	height: 55px;

	font-family: Arial;

	font-size: 25px;

	font-weight: bold;

	color: #660066;

	margin: -17px 0 0 0;	

	padding: 30px 0 0 0;

	text-align:center;	

	background: url(../images/front/box_top_bg.png) center no-repeat;

}



.rightBox .boxBody{

	height: 250px;

	max-height:250px;

	overflow-y: auto;

	font-family: Arial;

	margin: -23px 0 0 0;

	padding: 10px 15px 10px 25px;

	background: url(../images/front/box_body_bg.png) top left repeat-y;	

}



.rightBox .boxBottom{

	height: 30px;

	background: url(../images/front/box_bottom_bg.png) top left no-repeat;

}



/*--------

GOING ON

--------*/

.goingOn_media{

	min-height: 270px;

	height:auto;

	font-family:Arial;

	margin: 0 0 15px 22px;

	background: url(../images/front/goingon_bg.gif) top left repeat-x;

}

.newsBox{

	font-family: Arial;

	font-size: 25px;

	font-weight: bold;

	text-align:center;

	margin-bottom: 0px;

}



.boxTop a, .mediaBox a, .newsBox a, .boxTop a:visited, .mediaBox a:visited, .newsBox a:visited, .boxTop a:hover, .mediaBox a:hover, .newsBox a:hover{

	color: #660066;		

}



.topNews, .subPage_li{

	list-style-type: none;

	padding: 0;

	margin: 0;

}

.topNews li{	

	padding-left: 25px;

	background-image: url(../images/front/arrow_icon.gif);

	background-repeat: no-repeat;

	background-position:0 10%;

	margin: 8px 10px 19px 15px;

}

.topNews a, .topNews a:visited{

	color:#444444;

	font-size: 13px;

	font-weight:bold;

}



/*--------

IN MEDIA

--------*/

.mediaBox_container{

	width: 310px;

	margin: 10px 0 0 22px;

}



.rightBox .mediaBox{

	height:36px;

	width: 315px;

	text-align:center;

	padding: 5px 0 0 0;

	margin-top: 7px;

	font-family:Arial;

	font-size: 25px;

	font-weight:bold;

	background: url(../images/front/relations_bg.gif) top left repeat-x;

}

.rightBox .display_media_right{

	text-align:center;

}



/*--------

PAGE LINKS

--------*/

.pageMenu{

	min-height: 200px;

	height:auto;

	font-family:Arial;

	border: solid thin #d8d8d8;

}



.sectionPage{

	width: 295px;

	min-height: 30px;

	line-height: 18px;

	margin: 8px 0 5px 8px;

	padding: 3px 5px 5px 15px;

	border: solid 2px #FFF;	

}

.sectionPage a{

	color: #9966cc;

	font-weight: bold;

	font-size: 13px;

}



/* Right Margin Sections' Subpages */

.sectionTitle{

	font-family:Arial;

	font-size: 25px;

	font-weight:bold;

	height: 36px;	

	text-align:center;

	padding: 0;

	background: url(../images/front/goingon_bg.gif) top left repeat-x;	

}

.sectionTitle a, .sectionTitle a:visited, #sectionTitle_small a, #sectionTitle_small a:visited{

	color: #660066;

}



#sectionTitle_small{

	font-size: 17px;

	padding-left: 20px;

}



.rightBox .pageLink{	

	margin: 5px 0 5px 0;

	font-size: 12px;

}



.sectionLink {

	margin: 0 0 0 15px;	

}

.sectionLink a{

	color: #000000;

	margin: 8px 10px 20px 0; 

}



.media_image{

	text-align:center;

}

.summary_right{

	margin: 5px 15px 10px 15px;

}



/* Right Margin Location's Sub Pages */

.locTitle{

	color: #387a90;

	font-size: 15px;

	font-weight:bold;

}



hr.dividion3{	

	color: #a4d9ea;

}	



.pageLink a, .pageLink a:visited{

	color: #4593ad;	

}





.subPage_li li{	

	padding-left: 8px;

	background-image: url(../images/front/arrow_icon2.gif);

	background-repeat: no-repeat;

	background-position:top left;

	margin: 5px 10px 0px 25px;

}

/*----- LEFT BODY ----*/

#leftContent{

	width: 610px;

	margin-top: 10px;

	height: auto !important;

	/*border: solid thin #930;*/

}



h3.pageTitle{

	font-size: 16px;

	font-weight: bold;

	color: #FFF;

}

h3.subpageTitle{

	font-size: 14px;

	font-weight:bold;

	color: #1a1313;

	margin: 0 0 10px 0;

}



h4.pgAuthor{

	font-size: 12px;

	font-weight: bold;

	color:#e9e9e9;

	margin: 5px 0 0 0;

}

.dividionTitle{

	height: 23px;

	width: 605px;

	margin: -5px 0 5px 0;

	background: url(http://www.purplecrying.info/images/front/title_line.png) top left repeat-x;	

}

.dividionTitle_add{

	width: 605px;

}



.pgContent{

	margin: 0 25px 0 0;	

}

.pgContent .display_img{

	float:left;

	margin: 3px 10px 10px 0;

}



.pgDesc{

	margin: 5px 0 5px 0;	

}



.display_media{

	/*margin: 0 0 10px 95px;*/

	margin: 0 0 10px 200px;

}



.relatedFiles{

	margin: 10px 0 10px 0;	

}

.relatedFiles a, .relatedFiles a:visited{

	color: #e75f0c;

}

.relatedFiles span{

	font-size: 13px;

	font-weight: bold;

	color: #ce4e00;

}

.relatedFiles p{

	margin: 3px 0 0 15px;	

}



.relationsLink{

	line-height: 20px;

	margin: 0 25px 0 10px;

	font-size: 13px;

}



.fileList a{

	margin: 0 30px 0 0;

}





#topContent{

	width: 600px;

	height:auto;

	overflow: hidden;

	margin: 0 15px 0 0;	

}



#bottomContent{

	height:auto;

	margin: 0 25px 5px 0;

}



/**********************

	FORM

**********************/

textarea{

	color:#919191;

	border: 1px solid #e0e0e0;	

}

input[type="text"], input[type="password"]{

	height: 20px;

	padding: 2px;

	font-size:15px;

	color:#919191;

	border: 1px solid #c4c2c2;	

}



input.submitBtn{

	background-color:#484824;	

	border:solid thin #484824;

	color:#FFF;

	font-weight:bold;

	padding: 2px;

}



input.downloadBtn{

	background:none;

	border:none;

	font-weight:bold;

	color:#000;

	font-size: 13px;

	cursor:pointer;	

}



/*****************************

	MESSAGE, NOTE, HIGHTLIGHT

******************************/

.note{

	font-size: 11px;

	font-weight: bold;

	color:#666;

}



.caution{

	font-size: 11px;

	color:#960;	

}



.confirm{

	font-weight:bold;

	font-size: 14px;

	color:#3f045c;

}



.icons{

	vertical-align:middle;	

}



#hightLight1{

	color:#b3b2b2;	

	font-size: 12px;

}



.seeMore{

	margin: 0 0 0 220px;

	font-size:14px;

	color: #373737;

}



.dividion{

	height: 10px;

	background: #fff url(http://www.purplecrying.info/images/front/divide_bg.png) top left repeat-x;	

	/*margin: -4px 0 5px 0;*/

	margin: 0 0 5px 0;

}



.mail_list{

	margin: 10px 0px 5px 82px;

	padding: 10px;

	float: left; 

	color: #660066;

	border:1px dashed #919191;

}

/*****************************

	POPUP

******************************/

.popDetail{

	margin: 5px 0 5px 0;

	color:#d2d1d2;

	font-size: 15px ;

}

#popup{

	margin: 0 15px 5px 0;	

	font: 12px Georgia, "Times New Roman", Times, serif;	

	line-height: 18px;

}

.popDate{

	color:#680f9e;	

	font-weight: bold;

}

.popTitle{

	color: #aa47a1;

	font-size: 14px;

	margin: 0 0 5px 0;

}

.popDesc{

	color:#1d1d1d;	

	margin: 5px 0 5px 0;	

}



/*--------- SHARE LINK ---------*/

.shareLinks{

	margin: 0 0 5px 0;	

}

.shareLinks a{

	vertical-align:top;

	font-size: 14px;

	color:#98c5e7;

}



#shareForm{

	margin: 0 0 0 20px;	

}

#shareForm input{

	margin: 0 0 5px 0;	

}





.homeBtn{

	width:310px;

	margin: 25px 0 0 23px;

}



.homeBtn_sct{

	width:310px;

	margin: 45px 0 0 23px;

}



.tb_fileList{

	font-size:13px;	

}

.tb_fileList th{

	font-size: 15px;

}

.tb_fileLink a{	

	font-size: 14px;

}



a:hover.pressTitle{

	color:#660066;

}



/*-------- PLEDGES ----------*/

#pledges, #commentForm{

	padding: 10px 15px 10px 15px;

	border:solid thin #e1d3f3;

}



.even{

	background-color: #fafafa;	

}

.odd{

	background-color: #f5f1f1;	

	border-top: 1px dashed #e3dfdf;

	border-bottom: 1px dashed #e3dfdf;

}

.even, .odd{

	min-height: 70px;

	height:auto;

	text-align:left;

	clear:both;

	overflow:hidden;

	padding: 10px 10px 20px 10px;

}

.even img, .odd img{

	float:left;	

	margin: 0px 10px 5px 0px;

}

.even span, .odd span{

	font-size: 13px;

	font-weight:bold;

	margin: 0px 0px 10px 0px;

}





/*****************************

	FOR SAFARI AND CHROME

******************************/

@media screen and (-webkit-min-device-pixel-ratio:0) {   

	.headerRight{

		width: 275px;

		margin: 25px 0 0 0;	

		/*border: solid thin #C60;*/

	}

	.headerRight #searchF{

		margin-right: 0;

	}

	.bookmark{

		margin-left: 4px;	

	}

	.navBar{

		margin: -2px auto ;

	}

	#bodyWrapper{		

		margin-top: 6px;	

	}

	.urlFooter, .urlFooter2{

		margin-top: -5px;			

	}

	

	#bodyWrapper{

		margin: 3px auto;	

	}

	

	.rightBox .mediaBox{

		height: 48px;

	}

}