/*
Theme Name: Mint
Theme URI: http://mint.com.my
Description: Mint Magazine's second theme!
Version: 2.0
Author: Jill Low
Author URI: http://definitelyjill.com

*/

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

[Layout]

* body
	+ Member Login / #member-login
		- Wrap / .wrap
		- Register / #register
		- Login / #login
	+ Content / #content-container
		- Wrap / .wrap
		- Header / #header
			- Logo / #logo
		- Navigation / #navi
			- Selected Navi / .current
		- Content / #content
			- Title / h1.title
			- Posts / .posts
			- Page Navigation / .pagenav
			- Search Form / #searchform
			- Comments / #comments
		- Sidebar / #sidebar
			- Calendar / #calendar
			- Poll / #poll
	+ Footer / #footer
		- Wrap / .wrap
	+ Ads
		- Leaderboard / .ad-leaderboard
		- Vertical Rectangle / .ad-vertical-rectangle
		- Half Banner / .ad-halfbanner
		- Square Popup / .ad-square-popup
	+ Movie Widget
		
------------------------------------------------------------------*/
.ad-leaderboard {
	float:left;
	width:728px;
	height:90px;
	line-height:90px;
	text-align:center;
}
.ad-halfbanner {
	float:left;
	width:234px !important;
	height:60px;
	line-height:60px;
	margin:0 2px;
}
.ad-halfbanner2 {
	float:left;
	width:234px !important;
	height:120px;
	line-height:120px;
	margin:0 2px;
}
.ad-vertical-rectangle {
	float:left;
	width:240px !important;
	height:400px;
	line-height:400px;
}
.ad-special {
	width:170px;
	height:126px;
	text-align:center;
	line-height:126px;
	margin:0 auto;
}
.ad-square-popup {
	float:left;
	width:250px !important;
	height:250px;
	line-height:250px;
	text-align:center;
}
.ad-skyscraper {
	float:left;
	width:120px !important;
	height:600px;
	text-align:center;
	/*margin:0 60px;*/
}

a { color:#2eb34c; }
a:hover { color:#a0ce67; }

body {
	font-family: Geneva,Arial,Helvetica,sans-serif;
	font-size:100%;
    line-height:1.125em;
	_font-size:10.5pt;
	color:#030e0d;
	/*background:#ECECE4 url(http://mint.com.my/wp-content/uploads/mint.jpg) top center no-repeat;*/
	background:#ECECE4;
}

	#member-login, #content-container, #footer, #header {
		float:left;
		width:100%;		
	}
		.wrap {
			margin:0 auto;
			width:989px;
		}
	
		#member-login, #footer {
			border:dotted #000;
			/*background:#ECECE4;*/
			color:#1E2E2D;
			font-size:0.8125em;
		}
		
			#member-login a, #footer a {
				color:#1E2E2D;
				text-decoration:none;
			}
				#member-login a:hover, #footer a:hover {
					text-decoration:underline;
				}			
		
		#member-login {
			height:39px;
			border-width:0 0 1px 0;
		}
			#member-login p {
				line-height:39px;
			}
			
			#register {
				float:left;
				width:120px;
				text-align:left;
			}
			
			#login {
				float:left;
				width:869px;
				text-align:right;
			}
				#login ul {
					float:right;
					display:inline;
				}
				#login li {
					float:left;
					line-height:39px;
					margin-left:7px;
				}
				#login li input {
					background:#ecf5e1;
					border:1px solid #7f966b;
					_margin-top:7px;
				}
				#login li input.submit {
					background:#a0ce67;
					border:1px solid #518824;
				}
			
	
	#header {
		height:128px;
		margin-top:7px;
	}
		#header div div {
			float:left;
		}
		
		#logo {
			width:260px;
			height:89px;
		}
		
		#navi {
			width:100%;
			height:34px;
			margin-top:6px;
			font-size:0.875em;
		}
			#navi li {
				float:left;
				margin-right:2px;
			}
			#navi li.last {
				margin-right:0;
			}
			#navi li a {
				font-size:0.875em;
				background:#a0ce67;
				color:#000;
				height:25px;
				display:block;
				text-decoration:none;
				padding:8px 31px 0 32px;
				font-weight:bold;
				float:left;
				_height:18px;
			}
			#navi li.last a {
				padding:8px 22px 8px 22px;
			}
			#navi li a:hover {
				background:#c7e099;
			}
			
			#navi li a.current {
				background:#fff;
			}
			
		

	#content-container {
		/*background:#ECECE4;*/
	}
		
	#content-bg {
		float:left;
		margin:0 auto;
		background:#fff url('images/content-bg.gif') 717px 0 repeat-y;
		border:solid #fff;
		border-width:10px;
	}
	
		#content {
			float:left;
			width:705px;
			margin-right:12px;
		}
			#content .single_category_title {
				height:36px;
				background:#000;
				padding:0 8px;
				color:#fff;
				line-height:36px;
				font-weight:bold;
				font-size:1.4em;
				margin-bottom:25px;
			}
				#content .single_category_title span, #content .categories h2 span { color:#a0ce67; }
				#content.search .single_category_title { margin-bottom:0px; }
			
			#content .post {
				padding:0 0 30px 0;			
			}
			
			#content.single .post {
				padding:0 0 40px 0;
			}
			
				#content .post h2, #content .categories h2 {
					width:689px;
					font-size:1.0em;
					border:dotted #7f7f7f;
					border-width:0 0 1px 0;
					padding:7px 8px;					
				}
				#content .post h2 a { text-decoration:none; color:#000; }
				#content .post h2 a:hover { text-decoration:underline; }
				
				#content .post small {
					font-size:0.6875em;
					padding:0 9px;
				}
				#content .post .entry {
					/*padding:20px 0 0 8px;*/
					padding:20px 0 0 0;
					font:bold 0.8em Geneva,Arial,Helvetica,sans-serif;					width:500px;					margin-left:98px;					text-align:center;					line-height:1.5em;					
				}
				#content.page .post .entry, #content.search .post .entry {
					padding:0;
				}
				#content.image .post .entry {
					padding:20px 0 0 0;
					text-align:center;
				}
					#content .post .entry h1,
					#content .post .entry h2,
					#content .post .entry h3,
					#content .post .entry h4,
					#content .post .entry h5,
					#content .post .entry h6 {
						padding:0;
						margin:0 0 0.5em 0;
						font-weight:bold;
						border:0;
						display:block;
						width:500px;
						clear:both;
						line-height:130%;
					}

					#content .post .entry h1 { font-size:2.0em; }
					#content .post .entry h2 { font-size:1.75em; }
					#content .post .entry h3 { font-size:1.5em; }
					#content .post .entry h4 { /*font-size:1.25em;*/ font-size:1.0em; }
					#content .post .entry h5 { font-size:1.0em; }
					#content .post .entry h6 { font-size:0.9em; }
					
					#content .post .entry ul {
						list-style-type:disc;
						margin:20px 0 20px 40px;
					}
					#content .post .entry ol {
						list-style-type:lower-roman;
						margin:20px 0 20px 40px;
					}
					
					#content .post .entry blockquote {
						width:70%;
						margin:30px auto;
						padding:20px 50px;
						background:#edf4ce url(images/blockquote.gif) top left no-repeat;
					}
					
					#content .post .entry p {
						margin-bottom:0.75em;
						clear:both;
					}
					#content .categories .post .entry p {
						margin-bottom:0;
					}
					
					#content .post .entry img.alignleft {
						float:left;
						margin:0 10px 10px 0;
						text-align:left;
					}
					#content .post .entry img.alignright {
						float:right;
						margin:0 0 10px 10px;
						clear:right;
					}
					#content .post .entry img.aligncenter {
						clear:both;
						text-align:center;
						margin:20px auto;
						display:block;
					}
					#content .categories .post .entry img {
						float:left !important;
						margin:0 10px 10px 0 !important;
					}
					

				

			#content #comments_container {
				font-size:0.8125em;
			}
				#content #comments_container h3 {
					font-size:1.1em;
					font-weight:normal;
					margin-bottom:15px;
					padding:0 8px;
				}
				#content #comments_container .commentlist {
					margin-bottom:50px;
					float:left;
					width:100%;
				}
				#content #comments_container .commentlist li {
					margin-bottom:10px;
					width:100%;
					float:left;
				}
				#content #comments_container .commentlist li .comments {
					float:left;
					background:#edf4ce;
					padding:20px;
					width:665px;
				}
				#content #comments_container .commentlist li .comment-author {
					float:left;
					height:40px;
					text-align:right;
					width:100%;
					background:url('images/comments-bg.png') 615px 0 no-repeat;
					line-height:40px;
				}
				#content #comments_container .commentlist li .comment-author cite {
					font-weight:bold;
				}
				#content #comments_container .commentlist li .comment-author p {
					margin-right:80px;
				}
			#content #comments_container #respond {
				background:#f6f9e6;
				padding:20px 15px;
			}
				#content #comments_container #respond label {
					float:left;
					width:100%;
					font-weight:bold;
				}
				#content #comments_container #respond p {
					margin-bottom:20px;
				}
				#content #comments_container #respond input {
					background:#fff;
					border:1px solid #d9e9b3;
					width:309px;
					margin-top:5px;
					padding:5px 0;
				}
				#content #comments_container #respond textarea {
					background:#fff;
					border:1px solid #d9e9b3;
					width:100%;
					margin-top:5px;
				}
				#content #comments_container #respond input#submit {
					background:#030e0d;
					border:2px solid #a0ce67;
					color:#a0ce67;
					padding:7px 15px;
					width:auto;
					font-weight:bold;
					font-size:1.23em;
				}
		#content .pagenav p {
			clear:both;
			text-align:center;
			margin:20px 0 40px 0;
			font-size:0.75em;
		}
		#content.search .pagenav {
			margin-top:20px;
			float:left;
			text-align:center;
			width:100%;
		}
		#content .pagenav .inactive {
			display:none;
		}
		#content .postmetadata {
			width:100%;
			text-align:right;
			margin-top:10px;
		}
		#content .continue {
			margin-top:20px;			text-align:left !important;
		}
		#content #searchform {
			background:#f6f9e6;
			margin:20px 0;
			padding:8px;
		}
			#content #searchform label {
				float:left;
				margin-left:8px;
				font-size:0.8125em;
				font-weight:bold;
				padding-right:10px;
				line-height:27px;
			}
			#content #searchform input {
				border:1px solid #d9e9b3;
				background:#fff;
				padding:5px;
			}
			#content #searchform input#searchsubmit {
				border:2px solid #a0ce67;
				background:#030e0d;
				color:#a0ce67;
				padding:3px 10px;
				font-weight:bold;
				
			}
			
		#content .categories {
			margin:0 0 65px 0;
			float:left;
		}
							
			#content .category_header {
				border:dotted #7f7f7f;
				border-width:0 0 1px 0;
				padding:0 0 0 8px;
				float:left;
				width:697px;
			}
				#content .categories h2.title {
					width:550px;
					float:left;
					border:0;
					padding:7px 0;
					font-weight:bold;
					font-size:1.5625em;
				}
				#content .categories .view-more {
					width:147px;
					float:left;
					line-height:34px;
					font-size:0.85em;
					text-align:right;
				}
		
		#content .categories h2, #content.search h2 {
			font:1.25em Arial, Verdana, sans-serif;
			float:left;
			border:0;
			padding:0 8px;
			line-height:0.9em;
			width:689px;
		}
			#content .categories h2 a, #content.search h2 a {
				color:#000;
				text-decoration:none;
			}
			#content .categories h2 a:hover, #content.search h2 a:hover {
				color:#a0ce67;
				text-decoration:underline;
			}
			#content .categories .post, #content.search .post {
				padding:20px 0 0 0;
				float:left;
				margin-bottom:30px;
				width:697px;
				}
			#content.cats .post {
				clear:both;
				float:left;
				width:697px;
			}
			#content .categories .post p {
				float:left !important;
			}
				#content .categories .post img, #content.search .post img {
					float:left;
					margin-right:10px;
					width:150px;
					height:auto;
				}
			#content .categories .post img.aligncenter {
				clear:none;
				text-align:left;
				margin:0 10px 0 0;
				display:block;
			}
			#content.search .entry {
				margin-top:10px;
			}
			
		#content #mint_movies #movie_latest {
			float:left;
			width:355px;
		}
			#content #mint_movies .continue {
				margin:0;
			}
			#content #mint_movies #movie_latest h2 { width:339px; }
			#content #mint_movies #movie_latest .post {
				width:350px;
			}
			#content #mint_movies #movie_latest .post .entry h1,
			#content #mint_movies #movie_latest .post .entry h2,
			#content #mint_movies #movie_latest .post .entry h3,
			#content #mint_movies #movie_latest .post .entry h4,
			#content #mint_movies #movie_latest .post .entry h5,
			#content #mint_movies #movie_latest .post .entry h6,
			#content #mint_movies #movie_latest .post .entry p	{
				width:auto !important;
				clear:none;
				float:left;
			}
			#content #mint_movies #movie_others .post p {
				width:697px !important;
			}
			#content #mint_movies #movie_others {
				float:left;
				width:100%;
			}
	
		#content.main div {
			float:left;
		}
			#content.main #highlights,
			#content.main #movie_widget,
			#content.main #main_tv,
			#content.main #main_trendy {
				margin-right:5px;
			}
			#content.main #highlights,
			#content.main #features,
			#content.main #latest_posts,
			#content.main #movie_widget,
			#content.main #main_music,
			#content.main #main_tv,
			#content.main #main_trendy,
			#content.main #main_lifestyle,
			#content.main #main_party,
			#content.main #main_movies_comingsoon {
				width:350px;
			}
			#content.main #highlights {
				background:#000;
				color:#fff;
				height:392px;
				_margin:0;
				_padding:0;
				_width:337px;
				_height:382px;
			}
				#content.main #highlights .highlights_info {
					margin:10px 10px 5px 10px;
					width:330px;
					background:#fff;
					color:#000;
					height:347px;
					_margin:10px 5px 5px 5px;
					_height:300px;
				}
				#content.main #highlights #highlights_page {
					margin:0 10px;
				}
					#content.main #highlights #highlights_page li {
						float:left;
						width:23px;
						margin-right:5px;
						line-height:18px;
					}
					#content.main #highlights #highlights_page li.first {
						width:50px;
						padding-top:3px;
					}
					#content.main #highlights #highlights_page li.tagline {
						width:163px;
						padding-top:3px;
						_width:145px;
					}
					#content.main #highlights #highlights_page li.last {
						margin-right:0;
					}
						#content.main #highlights #highlights_page li a {
							width:23px;
							height:23px;
							background:#a0ce67;
							color:#000;
							text-decoration:none;
							display:block;
							text-align:center;
							font-weight:bold;
							line-height:23px;
							
						}
						#content.main #highlights #highlights_page li a.alt { background:#c7e099; }
						#content.main #highlights #highlights_page li a:hover,
						#content.main #highlights #highlights_page li a.alt:hover {
							background:#a0ce67;
						}
						#content.main #highlights #highlights_page li a.selected {
							background:#51b94e;
						}
			
			#content.main #features {
				height:392px;
				background:url('images/content-bg.gif') top center repeat-y;
			}
				#content.main #features li {
					float:left;
					width:50%;
					text-align:center;
					height:126px;
					margin-bottom:7px;
				}
				#content.main #features li.last {
					margin-bottom:0;
				}
				
			#content.main #latest_posts {
				height:392px;
				width:350px;
				margin:0;
				padding:0;
			}
				#content.main #latest_posts .latest_container {
					height:352px;
					overflow:auto;
					margin-top:10px;
					width:350px;
				}
				
				#content.main #latest_posts .latest {
					margin-bottom:10px;
					width:100%;
					clear:both;
					*width:95%;
					text-align:left;
				}
				#content.main #latest_posts .latest img {
					float:left;
					margin:5px 5px 0 0;				
				}
				#content.main #latest_posts .latest h6 {
					font-size:0.75em;
				}
				#content.main #latest_posts .latest p {
					font-size:0.68em;
					line-height:1.2em;
				}
			
			#content.main .sections {
				margin-top:25px;
				/*height:340px;*/
			}
			#content.main #main_movies_comingsoon.sections {
				height:250px;
			}
				#content.main .sections h3, #content #movie_widget h3 {
					line-height:30px;
					font-weight:bold;
					font-size:1.875em;
				}
				#content.main .sections h3 span, #content #movie_widget h3 span {
					color:#a0ce67;
				}
				
				#content.main .sections ul {
					/*margin:20px 0 0 15px;*/					margin:20px 0 0 5px;
				}
				
				#content.main .sections li {				
					float:left;
					font-size:0.75em;
					width:190px;
					background:url('images/arrow.gif') top left no-repeat;
					padding-left:14px;
				}
				#content.main .sections li a { color:#000; }
				#content.main .sections li a:hover, #content.main .sections li a:visited:hover{ color:#a0ce67; }
				#content.main .sections li a:visited { color:#2eb34c; }
				
				#content.main .sections { background:url('images/default-bg.gif') top right no-repeat; }
				#content.main #main_music { background:url('images/music-bg.jpg') top right no-repeat; }
				#content.main #main_tv { background:url('images/tv-bg.jpg') top right no-repeat; }
				#content.main #main_trendy { background:url('images/fashion-bg.jpg') top right no-repeat; }
				#content.main #main_party { background:url('images/party-bg.jpg') top right no-repeat; }
				#content.main #main_lifestyle { background:url('images/lifestyle-bg.jpg') top right no-repeat; }
				#content.main #main_movies_comingsoon { background:url('images/comingsoon-bg.jpg') top right no-repeat; }

	#content.cats #loginform {
		border-top:1px solid #fff;
		float:left;
		width:675px;
		background:#88C03B;
		padding:15px;
		color:#000;
	}
		#content.cats #loginform a { color:#000; }
		#content.cats #loginform label {  }
		#content.cats #loginform li { float:left; margin-right:15px; }
		#content.cats #loginform input { border:1px solid #fff; background:#fff; }
		#content.cats #loginform input.submit { border:1px solid #A0CE67; background:#000; color:#88C03B; margin-right:10px; }		
		
		#sidebar {
			float:left;
			width:240px;
			margin-left:12px;
			_width:228px;
		}
			#sidebar div {
				float:left;
				width:100%;
				margin-bottom:30px;
			}
			#sidebar .ad-halfbanner2 img, #sidebar .ad-halfbanner2 img {
				_width:228px;
				_height:auto;
			}
			
			#calendar { float:left; }
				#calendar h4 { font-size:1.3em; float:left; }
				#calendar ul { margin-top:10px; float:left; }
				#calendar li {
					float:left;
					width:100%;
					border:dotted #7f7f7f;
					border-width:1px 0 0 0;
					font-size:0.65em;
				}
				#calendar div {
					float:left;
					margin-bottom:0;
				}
				#calendar div.calendar_date {
					width:46px;
					padding-top:8px;
					height:35px;
				}
					#calendar li { background:url('images/calendar-date-bg-dark.gif') top left repeat-y; }
					#calendar li.alt { background:url('images/calendar-date-bg-light.gif') top left repeat-y; }
					#calendar div.calendar_date big, #calendar div.calendar_date small {
						float:left;
						width:100%;
						text-align:center;
					}
					#calendar div.calendar_date big {
						font:bold 1.125em Helvetica, Arial, Verdana, sans-serif;
					}
					#calendar div.calendar_date small {
						font:bold 0.75em Arial, Verdana, sans-serif;
					}
				#calendar div.calendar_event {
					width:174px;
					padding-left:10px;
				}
					#calendar div.calendar_event p {
						margin:5px 0;
						line-height:1.167em;
					}
					#calendar div.calendar_event a.calendar_event_title, #calendar div.calendar_event span.calendar_event_title {
						color:#000;
						font-weight:bold;
						text-decoration:none;
					}
					#calendar div.calendar_event a.calendar_event_title:hover {
						text-decoration:underline;
						color:#a0ce67;
					}
				#calendar div.last {
					background:#fafcf0;
					border:dotted #7f7f7f;
					border-width:1px 0;
					padding:2px 0 5px 0;
					font-size:0.75em;
				}
					#calendar div.last div {
						width:50%;
						float:left;
					}
					#calendar div.calendar_previous { text-align:left; }
					#calendar div.calendar_next { text-align:right; }
			
			#ads div {
				margin-bottom:10px;
				text-align:center;				
			}
			
			#poll { margin-bottom:0 !important; }
				#widget_poll_form {
					margin-top:10px;
					border:dotted #7f7f7f;
					border-width:1px 0 0 0;
					font-size:0.875em;
					padding:0 0 10px 0;
				}
				#widget_poll_form ul {
					margin-top:10px;
				}
				#widget_poll_form li {
					margin-bottom:15px;
					float:left;
					width:100%;
					display:inline !important;
				}
				#widget_poll_form input.Buttons {
					background:#a0ce67;
					border:1px solid #76b23c;
					padding:0 5px;
				}
				#widget_poll_form p {
					margin-top:10px;
				}
				#widget_poll_form div { margin-bottom:0; }
		
	#footer {
		padding-top:20px;
		height:95px;
		border-width:0;
		font-size:0.8125em;
	}
		#footer p {
			text-align:center;
			margin-bottom:20px;
		}
		#footer p span {
			padding:0 10px;
		}
		#footer small {
			text-align:center;
			display:block;
			font-size:0.769em;
		}
		
	#content #movie_widget {
		float:left;
		width:340px !important;
		height:240px;
		margin-top:20px;
		padding:5px;
		background:#ECECE4;
	}
			#content #movie_widget div {
				background:#fff;
			}