/*************************************************/
/*          CSS Settings for Index Page          */
/*************************************************/


#classified_list, #pdt_list, #song_list, #law_list, #election_list, #forum_list, #tutorial_list {
	float:right;
	border:solid #999 1px;
}
.title {
	background-color:#F60;
}
.title a {
	text-decoration:none;
	font-size:20px;
	color:#FFF;
	font-weight:bold;
}
.title span {
	font-size:18px;
	font-weight:bold;
	color:#00F;
}
#classified_list {
	width:100%;
	box-sizing: border-box;
}
#pdt_list, #law_list, #election_list {
	width:50%;
	box-sizing: border-box;
}
#song_list, #forum_list, #tutorial_list {
	width:50%;
	box-sizing: border-box;
}
.sectionIntro {
	font-size:12px;
	font-style:italic;
	color:#000;
	padding:1% 2% 0.5% 2%
	/*border:solid 1px;*/
}

.content {
	overflow:hidden; /*If not set, the elements will jumps out of the container */
	padding:0;
	color:#000;
	width:99%;
	/*border:solid 1px;*/
}
/*
.link2homepage {
	font-size:12px;
	font-style:italic;
	padding:3px 3px 10px 3px;
}
*/

/************************************/
/*     CSS Settings for cl_list     */
/************************************/

.itemCl {
	float:left;
	width:16.66%;
	font-size:9px;
	margin:0.5% 0;
}
.itemClImage { /* Setting the size of the image frame */
	position:relative; /*Setting for absolute positioning of its items*/
	border:solid #CCC 1px;
    width:80px;
    height:64px;
}
.itemClImage a img { /* Setting the size of the image*/
    width:80px;
    height:64px;
}
.itemClPrice {
	color:#F00;
}

/*************************************/
/*     CSS Settings for pdt_list     */
/*************************************/

.itemPdt {
	float:left;
	width:33%;
	font-size:10px;
	margin:1.5% 0;
	line-height:1.41em;
}
.itemPdtImage { /* Settings of the image frame */
	position:relative; /*Setting for absolute positioning of its items*/
	border:solid #CCC 1px;
    width:80px;
    height:74px;
}
.itemPdtImage a img { /* Setting the size of the image*/
    width:80px;
    height:74px;
}
.itemPdtPrice span.old_price {
	color:#00F;
	text-decoration:line-through;
}
.itemPdtPrice span.new_price{
	color:#F00;
}

.itemPdtImage span.discount-tag {
	position:absolute; /* Setting for absolute positioning of this item compared with its container*/
	top:-2px;
	right:-3px;
}
.itemPdtImage span.discount-tag img {
	width:45px;
	height:25px;
}
.itemPdtImage span.discount-rate {
	position:absolute;
	top:0px;
	right:0px;
	font-size:10px;
	font-weight:bold;
}


/**************************************/
/*     CSS Settings for song_list     */
/**************************************/

.itemSong {
	float:left;
	width:33%;
	font-size:9px;
	margin:1.5% 0;
	line-height:1.56em;
}
.itemSongImage {   /* Setting the size of the image frame */
	border:solid #CCC 1px;
    width:80px;
    height:60px;
}
.itemSongImage a img { /* Setting the size of the image */
    width:80px;
    height:60px;
}
.itemSongSinger, .itemSongSinger a {
	color:#F00;
	font-size:9px;
}

/*************************************/
/*     CSS Settings for law_list     */
/*************************************/

.itemLawTitle, .itemLaw, .itemLaw2 {
	font-size:10px;
	overflow:hidden; /* To stop its elements from jumping out of the container */
}
.itemLaw {
	background-color:#CFC;
}
.itemLaw2 {
	background-color:#FCC;
}
.itemLawTitle {
	background-color:#00F;
}

.itemLawTitle .itemLawDate, .itemLawTitle .itemLawName, .itemLawTitle .itemLink {
	padding:0.5% 0% 0.5% 0;
	color:#FFF;
	font-weight:bold;
	line-height:1.6em;
}

.itemLawDate, .itemLawName, .itemLink {
	float:left;
	padding:0.5% 0% 0.5% 0;
	line-height:1.7em;
}
.itemLawDate {
	width:20.2%;
	text-align:center;
}
.itemLawName {
	width:68.5%;
	text-align:left;
}
.itemLawName span {
	font-style:italic;
}
.itemLink {
	width:9%;
}

/***************************************/
/*     CSS Settings for forum_list     */
/***************************************/

#forum_list {
	font-size:10px;
}

.titleBarForum, .itemForum, .itemForum2 {
	overflow:hidden;  /* To stop its elements from jumping out of the container */
	/*border:solid 1px;*/
}
.titleBarForum {
	background-color:#00F;
}
.itemForum {
	background-color:#CFC;
}
.itemForum2 {
	background-color:#FCC;
}

.titleBarForum .itemForumDate, .titleBarForum .itemForumTitle, .titleBarForum .itemForumViews, .titleBarForum .itemForumReplies {
	/*float:left;*/
	padding:0.5% 0% 0.5% 0;
	color:#FFF;
	font-weight:bold;
	line-height:1.6em;
}
.itemForumDate, .itemForumTitle, .itemForumViews, .itemForumReplies {
	float:left;
	padding:0.5% 0% 0.5% 0;
	line-height:1.8em;
	/*border:solid 1px;*/
}
.itemForumDate {
	width:20%;
}
.itemForumTitle {
	width:59%;
	text-align:left;
}	
.itemForumViews {
	width:10%;
}
.itemForumReplies {
	width:10%;
}

/******************************************/
/*     CSS Settings for election_list     */
/******************************************/

#election_list {
	font-size:10px;
}
.content img {
	width:40%;
	height:auto;
}
.titleBarElection {
	background-color:#00F;
	padding:0.5% 0% 0.5% 0;
	color:#FFF;
	font-weight:bold;
	line-height:1.6em;
}

/******************************************/
/*     CSS Settings for tutorial_list     */
/******************************************/

#tutorial_list {
	font-size:10px;
}

.titleBarTutorial, .itemTutorial, .itemTutorial2 {
	overflow:hidden;  /* To stop its elements from jumping out of the container */
	/*border:solid 1px;*/
}
.titleBarTutorial {
	background-color:#00F;
}
.itemTutorial {
	background-color:#CFC;
}
.itemTutorial2 {
	background-color:#FCC;
}

.titleBarTutorial .itemTutorialDate, .titleBarTutorial .itemTutorialTitle, .titleBarTutorial .itemTutorialViews {
	/*float:left;*/
	padding:0.5% 0% 0.5% 0;
	color:#FFF;
	font-weight:bold;
	line-height:1.6em;
}
.itemTutorialDate, .itemTutorialTitle, .itemTutorialViews {
	float:left;
	padding:0.5% 0% 0.5% 0;
	line-height:1.8em;
	/*border:solid 1px;*/
}
.itemTutorialDate {
	width:20%;
}
.itemTutorialTitle {
	width:68%;
	text-align:left;
}	
.itemTutorialViews {
	width:11%;
}

@media only screen and (max-width:800px) {
  /* For tablets: */
  #classified_list, #pdt_list, #song_list, #law_list, #election_list, #forum_list, #tutorial_list {
	  width:100%;
	  box-sizing: border-box;
  }
}