/*
Theme Name: Black Cherry
Theme URI: http://malinthe.com/
Description: Black and Red Theme for GSMA
Version: 2.0
Author: Malinthe Samarakoon
Author URI: http://malinthe.com/
Tags: red, black fixed width, two columns, widgets
*/

@import url("reset.css");

html {
min-width:960px;
}

body {
font:0.7em Verdana, Arial, Helvetica, sans-serif;
text-align:center;
margin:0;
background:#fff;
}


#header {
width:960px;
height:150px;
text-align:left;
margin:0 auto;
}

	#header_img {
	width:218px;
	height:92px;
	background:url(images/gsmap_logo.jpg) no-repeat 0 0;
	float:left;
	margin:30px 0;
	text-indent:-9999px;
	}
	
	.pics {
		margin-top:13px;
		height:125px;
		width:670px;
		float:right;
		overflow:hidden;
		}
		
		.pics img {
			width:670px;
			height:125px;
			}

#container {
background:url(images/bg_r.jpg) repeat-y right top;
width:960px;
padding-top:9px;
margin:0 auto;
}

	#image_rotate {
	background:url(images/image_rotate.jpg);
	width:940px;
	height:200px;
	margin:0 auto;
	border:#999999 solid 1px;
	}
	

#content {
float:left;
width:585px;
overflow:hidden;
text-align:justify;
}

		.post {
		line-height:1.5em;
		padding:10px 10px 10px 5px;
		}
		
		.thumbimg {float:left; padding-right:10px; margin-top:5px;}
				
		.post ol li {
		list-style:decimal;
		margin-left:20px;
		padding:5px 0;
		line-height:1.5em;
		}
		
		.post ul li {
		list-style-type:disc;
		margin-left:10px;
		padding:5px 0;line-height:1.5em;
		}
		
		
		.post p {
		font-size:11px;
		line-height:1.75em;
		margin:5px 0 15px 0;
		}
		
		.post p a, .navigation a {
		text-decoration:none;
		background-color:#f2f2f2;
		color:#3b3b3b;
		}
		
		.post p a:hover, .navigation a:hover {
		color:#000;
		background-color:#e8e8e8;
		}
		
		.post h2 {
		font:18px Arial, Helvetica, sans-serif;
		color:#3b3b3b;
		font-weight:bold;
		padding-bottom:5px;
		}
		
		.post h2 a {
		text-decoration:none;
		font-weight:bold;
		color:#3b3b3b;
		}
		
		.post h3 {
		margin:5px 0;
		}
		
		.post h2 a:hover {
		color:#666;
		text-decoration:none;
		}
		
		.post td, .post th {
		padding:8px 3px 6px 10px;
		}
		
		.post td {
		border-top:#ccc dashed 1px;
		}


.postmetadata {
clear:both;
background:#F2F2F2;
margin-top:12px;
padding:3px 0 5px 8px;
}

.navigation {
font-size:11px;
float:left;
width:570px;
margin-bottom:15px;
margin-left:0px;
}

/* Classes */

.clear {
	clear:both;
	}

.alignleft {
	float: left;
	padding-right: 10px;
	}

.alignright {
	float: right;
	padding-left: 10px;
	}

.clear {
	clear: both;
	}

strong, strong * {
	font-weight: bold;
	line-height:inherit;
	}

em {
	font-style: italic;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}
	
	.notfound {
	font-size:1.2em;
	font-weight:300;
	padding:25px;
	}
	
	.sbfixer {
	clear:both;
	}

/* End */

		/* Sidebar */
		
		#sidebar {
		background-color:#f5f5f5;
		width:367px;
		float:right;
		text-align:left;
		}
		
		.sidebar_w {
			margin:0 0 20px 0;
			}
			
		#sidebar * {line-height:1.5em;}
		
		#sidebar h2 {
		font:12px Verdana, Arial, Helvetica, sans-serif;
		color:#b11116;
		margin-bottom:10px;
		font-weight:bold;
		margin-left:20px;
		}
		
		#sidebar p {
		line-height:1.5em;
		text-align:justify;
		}
		
			#sidebar ul {
			margin: 0 20px;
			}
			
			.sidebar_w ul li {
			list-style-type:none;
			margin-left:10px;
			background:url(images/bullet.jpg) 0 7px no-repeat;
			padding-left:8px;
			}
			
			.newsfeed {
				margin-bottom:20px;
				}
			
		.textwidget {
			padding:0 20px;
			line-height:1.5em;
			}
			
		#sidebar a {
			color:#3b3b3b;
			text-decoration:none;
			}
			
		#sidebar a:hover {
			text-decoration:underline;
			color:#000;
			}
		
		/* End */

		/* Comments Section */
		
		#commentssection {
		clear:both;
		padding:10px 12px;
		}
		
		#commentssection h3 {
		font:11pt Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#333;
		}
		
		#commentssection h3 a {
		font-weight:bold;
		color:#333;
		text-decoration:none;
		}
		
		#commentssection h3 a:hover {
		color:#666;
		text-decoration:none;
		}
		
		/* Comments Form */
		
		#commentform {
		background:#f3f3f3;
		margin:0 10px 15px 0;
		padding:20px;
		}
		
		#commentform a {
		color:#000;
		text-decoration:none;
		border-bottom:1px dotted #465d71;
		line-height:14pt;
		}
		
		#commentform h3 {
		font:1.2em Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#333;
		}
		
		#commentbox {
		width:510px;
		min-width:400px;
		margin:5px 5px 0 0;
		}
		
		
		#author,#email,#url,#commentbox,#submit {
		font:0.7em Verdana, Arial, Helvetica, sans-serif;
		border:1px solid #b2b2b2;
		margin:5px 5px 0 0;
		padding:6px;
		}
		
		#submit {
		margin:5px 5px 0 0;
		}
		
		
		ol.commentlist {
		list-style-type:none;
		}
		
		ol.commentlist li {
		overflow:hidden;
		margin:10px 0;
		padding:10px 0 5px 10px;
		}
		
		ol.commentlist li.alt {
		background:#f5f5f5;
		}
		
		ol.commentlist li p {
		line-height:1.5em;
		margin:6px 0;
		padding:0 12px 0 0;
		}
		
		ol.commentlist h4 a {
		font:0.75em Arial, Helvetica, sans-serif;
		color: #504d90;
		font-weight:bold;
		}

/* Search */

	#searchform {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
	margin-bottom:10px;
	}
	
	#searchform input#s {
	font:12px Arial, Helvetica, sans-serif;
	border:1px solid #b7b7b7;
	margin-left:10px;
	padding:5px;
	width:250px;
	}
	
	#searchform input#searchsubmit {
	font:12px Arial, Helvetica, sans-serif;
	color:#3b3b3b;
	font-weight:bold;
	padding:2px;
	}


/* Footer */

#footer {
background:#000 url(images/bg_f.jpg) repeat-x bottom left;
clear:both;
width:100%;
height:60px;
font:0.9em Verdana, Arial, Helvetica, sans-serif;
text-align:center;
padding-top:15px;
}

#footer p {
color:#eee;
margin:0;
padding:6px;
line-height:1.25em;
}

#footer a {
color:#bcbcbc;
text-decoration:none;
}

#footer a:hover {
color:#5d5d5d;
text-decoration:underline;
}



#commentform p,ol.commentlist a {
color:#000;
}

/* Ticker */

#ajaxticker1 {
width: 300px;
height:140px;
border: 3px solid #fbf6bc;
padding: 10px;
background-color: #fffef2;
margin:15px auto;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #fffef2;
}



#suckerfishnav {
	background:#b11116 url(images/nav_bg.jpg) bottom left repeat-x;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
    width:100%;
	height:40px;
	text-transform:uppercase;
	text-align:left;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:12px;
    font-weight:bold;
}
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:121px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:119px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:helvetica,sans-serif;
    }
#suckerfishnav li li a {
    padding:10px 10px;
    width:90px;
    font-size:12px;
    color:#fff;
    }
#suckerfishnav li ul ul {
    margin:-33px 0 0 120px;
    }
#suckerfishnav li li:hover {
    background:#fff;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#333;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#fff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#333;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#820000;
    }