/*  
Theme Name: CGBtheme
Theme URI: http://www.snodger.com.au/
Description: test theme for sms
Version: 0.1
Author: CGB 
Author URI: http://www.snodger.com.au/cgb

*/


body { font-family:'Verdana'; font-size:11px; color:#CCCCCC; background-color: #000000; text-align:left;}

a:link,a:active,a:visited { text-decoration:none; font-weight: bold; color:#999999; border:none; }
a:hover { text-decoration:none; font-weight: bold; color:#CCCCCC; border:none; }

#wrap { width:980px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#555; margin:0 auto; }
#header {
	height:86px;
	width:980px;
	position:relative;
	margin-bottom:0px;
	/*float:left;*/ 
	padding:0;
	background-color: #000000;
	background-image: url(images/suai_village.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header h1 {
	text-indent:10px;
	margin:0;
	padding:50px 0px 0px 0px;
	color: #FFFFFF;
	font-size:26px;
}
#header h1 a { display:block; height:35px; color:#FFFFFF;}
#search { margin-top:30px; float:right; padding:0; }
input#searchsubmit { /*background:#cccccc; border:2px solid #333333; color:#333; font-size:13px;*/ }




.left { float:left; width:200px; border:0px solid #666666; margin:10px 0; padding:10px; }
.left h2,.comments h3 { font-size:14px; border-bottom:dashed 1px #333333; margin:0 7px 3px; padding:3px 0; }
.left ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:11px; }
.left ul li,.right ul li { list-style-type:none; margin:0 0 20px; padding:0; }
.left ul li ul,.right ul li ul { list-style-type:none; margin:0; padding:0 3px; }
.left ul li ul li,.right ul li ul li { list-style-type:none; margin:0; padding:0 0 2px 14px; }
.left ul li ul li :hover { text-decoration:none; font-weight: bold; color:#FFFFFF; border:none;}

.right { float:right; color:#CCCCCC; width:170px; border:0px solid #666666; margin:10px 0; padding:3px; } 
.right img { border:0; display:block; /*margin-left:auto; margin-right:auto;*/ }
.right h2 {
	font-size:14px;
	border-bottom:dashed 0px #ccc;
	color:#999999;
	margin:0 7px 3px;
	padding:3px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom:-5px;
	letter-spacing: 1.4px;
}
.right h3 {
	font-size:14px;
	/*border-top:solid 1px #666666;*/
	color:#999999;
	margin:0 2px 3px;
	padding:2px 0px 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom:-2px;
	/*letter-spacing: 1.4px;*/
}
.right ul,.right ul { list-style-type:none; margin:0; padding:0; line-height:150%; font-size:11px; }
.right ul li,.right ul li { list-style-type:none; margin:0 0 20px; padding:0; }
.right ul li ul,.right ul li ul { list-style-type:none; margin:0; padding:0 3px; }
.right ul li ul li,.right ul li ul li { list-style-type:none; margin:0; padding:0 0 2px 14px; }
.right ul li ul li :hover { text-decoration:none; font-weight: bold; color:#FFFFFF; border:none;}

.middle { margin-top:10px; line-height:18px; margin-left:10px; color: #CCCCCC; float:left; width:710px; border:0px solid #666666; overflow:hidden; padding:10px; font-size:11px; }
.middle h2 {
	font-size:18px;
	margin:8px 7px 3px 0;
	padding:3px 0;
	font-family: Arial, Helvetica, sans-serif;
	color:#999999;
	letter-spacing: 1.5px;
	/*font-weight: bold;
	text-align:center;*/
}
.middle h3 {
	font-size:18px;
	border-top:solid 2px #666666;
	font-family: Arial, Helvetica, sans-serif;
	color:#999999;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 3px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	margin-bottom:-5px;
	letter-spacing: 1.5px;
	/*font-weight: bold;
	text-align:center;*/
}
.middle img { border:2px #000 solid; }

.middle2,.middle3 { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:237px; border:3px solid #f3f3f3; overflow:hidden; padding:10px; }
.middle2 h2,.middle3 h2 { font-size:14px; margin:0 7px 3px 0; padding:3px 0; } 
.middle2 :hover,.middle3 :hover { background:#fafafa; }

.ads { margin-top:10px; line-height:16px; margin-left:10px; float:left; width:510px; border:3px solid #f3f3f3; text-align:center; padding:10px; }
.ads img { border:0; text-align:center; }
img.wp-smiley { border:0; padding:0; }
#footer { width:980px; margin-top:20px; text-align:center; clear:both; padding:10px;
background-color:#333333; color:#CCCCCC}
div.hr { height:3px; background:#fff url(images/hr.gif) repeat-x scroll center; clear:both; }
div.br { height:5px; clear:both; }
.alignright { float:right; } 
.alignleft { float:left; } 
.gcomment { border-left:none; vertical-align:middle; border-right:none; margin-bottom:3px;background-color:#333333; padding:3px; }
.ucomment { border-left:none; border-right:none; margin-bottom:3px; background-color:#222222; padding:3px; } 
input {font-size: 10px;	border-width:1px; color:black; background-color:#FFFFFF;}
input#submit { background:#666666; border:1px solid #333333; color:#cccccc; font-size:10px; }

ol.commentlist { margin:0 0 1px; padding:0; }
ol.commentlist li { list-style:none; margin:0; padding:13px 13px 1px; }
ol.commentlist li.commenthead { list-style:none; margin:0; } 
ol.commentlist li.commenthead h2 { margin:0; }
/*span { background:#FFC; }*/
.addthis { float:right; clear:both; }

div.hr hr,div.br br { display:none; }

.ucomment img,.addthis img { border:0; }

/* top menu */

/*		------	:hover simulator for IE		------		*/
body { behavior:url(http://www.suaimediaspace.org/wp-content/themes/limau-orange-01/csshover.htc); }

/*		------	Basic style	top_menu------		*/

#top_menu {
	margin-left:0px;
	margin-top:0px;
/*	position:absolute; */
	z-index: 98;
}

#top_menu  ul li ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	z-index: 90;
}

/*	this is the top line of the menu and affects lower lines*/
#top_menu ul li li {
	margin: 0px 0px 0px 0px;;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 97;
	padding: 4px 25px 2px 2px;
	/*width: 90px;
	height: 20px;*/
	text-align: left;
}

/*	this affects the font of top menu*/
#top_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width:970px; 
	background: #000000;	
	color:#999999;
	display: block;
	font-weight: bold;
	
	/*height: 1.6em;*/
	/*padding: 2px 2px 2px 2px;
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	/*background-color: #fff;*/
	/*height: 19px;
	letter-spacing: 1.4px;*/
}

#top_menu ul li a {
	float: left;/* \*/float: none;/*  */
	display: inline;
	/*width: 152px;
	height: 18px;*/
	z-index: 91;

}

#top_menu ul li li ul {
	visibility: hidden;
	position: absolute;
	z-index: 92;
}

#top_menu ul li li ul li {
	/*width: 152px;*/
	display: block;
	float: left;
	position: static;
	z-index: 93;
}
html>body #top_menu ul li li ul li {
	float: none;
	position: relative;
	z-index: 94;
}

#top_menu ul li li ul li:hover {
	position: relative;
	}

/* fix the position */
#top_menu ul li li ul li ul {
	top: 0;
	left: 100%;
	z-index: 95;
}


#top_menu  ul li form {
	margin: 0;
	padding: 0px 0px 0px 22px;
	float:right;	
}

#top_menu  ul li input {
	font-size: 9px;
	font-weight:normal;
	font-style:normal;
	border-width:1px;
	color:black;
}



/* simulate child selector for IE */
div#top_menu ul li li:hover ul, #top_menu li:hover li:hover ul, #top_menu li:hover li:hover li:hover ul {
	visibility: visible;
}
#top_menu ul li li:hover li ul, #top_menu li:hover li:hover li ul, #top_menu li:hover li:hover li:hover li ul {
	visibility: hidden;
}

/* do the normal show, with increased specificity */
#top_menu ul li ul#top_menuList li:hover > ul {
	visibility: visible;
}

/*		------   Make-up	--------			*/




#top_menu ul li a{
	color:#999999;
	/*background-color: #416e90;*/
	text-decoration: none;
}

#top_menu ul li li a {
	/*border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: none;
	padding: 5px 5px 5px 5px;*/
}

#top_menu ul li li li a {
	/*border-top: none;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 4px 5px 4px 5px;*/
	white-space:nowrap;
}

#top_menu ul li li li {
	/*width: 135px;*/
}

#top_menu ul li li:hover {
	color: #f00;
	background-color: #333333;
	border-color: #fff;
}

#top_menu ul li li:hover > a {
	color:#CCCCCC;
/*	background-color: #669999;*/
}

#top_menu ul li a:hover {
	color:#CCCCCC;
	/*background-color: #669999;*/
}

#top_menu ul li li ul {
	text-align: left;
	background: #333333;
	/*width: 105px;*/
}

#top_menu ul li li:hover ul {
	/*background-color: #fff;*/
}




/*		------   Fixes	for buggy browsers	--------			*/

* html #top_menu ul li li li a {
white-space:nowrap;
	/*width: 105px;*/
}

#top_menu ul li a {
	/*border-bottom: 1px none;*/
	text-decoration: none;
	white-space:nowrap;
}
#top_menu ul li a:hover {
	/*border-bottom: 1px none;*/
	text-decoration: none;
}

#top_menu ul {
     /*display: inline;*/
     list-style-type: none;
     list-style-image:none;
     /*margin:0;*/ 
	 text-align: center;
	 }
	 
#top_menu ul li{
     display: block;
	 float:left;
     /*padding: 0px 0px;*/ 
}	 

#footerlinks {
	display: block;
	width:870px;
	text-align:center;
	padding: 0px 0px 0px 120px;
}
#footerlinks a:link,#footerlinks a:hover,#footerlinks a:active,#footerlinks a:visited { text-decoration:none; font-weight: normal; color:#FFFFFF; border:none; }

#footerlinks ul {
     display: inline;
     list-style-type: none;
     list-style-image:none;
    margin:0; 
	 text-align: left;
	 }
	 
#footerlinks li {
     display: block;
	 float:left;
      list-style-type: none;
     list-style-image:none;
	 padding: 0px 5px; 
	 position:relative;
	width:190px;
	font-weight:bold;}
	 
#footerlinks li li, #footerlinks li li li {
     display: block;
     padding: 0px 5px;
	 font-weight:normal; }	 

.wordtube {text-align:center;}

#tagcloud {text-align: center;
background-color:#EEEEFF;
padding: 5px 10px 5px 10px;
margin: 1px 10px 1px 1px;
}

#tagcloud a{
	margin: 2px 2px 2px 2px;
	padding: 10px 0 10px 0;
	line-height: 25px;
	color:#cc0033;
	/*display: block;*/

}

#top_menu ul li li.topleft { float:left;    
	margin: 0px 160px 0px 0px;
	
}
.topright { float:right;  } 
.topmiddle { float:left;  }




.video {
	position: relative;
	color:#CCCCCC;
	width: 100%;
	left: 0px;
	top: 15px;
}
.artpic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	position: relative;
	width: 150px;
	height: 150px;
	float: left;
	padding: 10px;
}
.menupic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	position: relative;
	width: 70px;
	height: 70px;
	float: left;
	padding: 5px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
}
div.clear { clear: both; }