/* Base
------------------------------------------------------*/

* { margin: 0; padding: 0; }
body { font: normal 0.75em/145% Trebuchet MS, Arial, Tahoma, sans-serif; color: #545454; text-align: center; background: #fff url(../images/anadelta-bg.png) repeat-x; }
p { margin: 0 0 10px 0; line-height: 140%; color: #545454; }
a { outline: none; text-decoration: none; color: #f60; }
a:hover { text-decoration: underline; }
ul { list-style: none; }
.hide { display: none; border: none; }
img { border: 0; }



/* Clearing method
------------------------------------------------------*/

.clearfix:after	{ content:".";  display:block;  clear:both;  visibility:hidden;  line-height:0;  height:0; }
.clearfix				{ display:inline-block; }
html[xmlns] .clearfix	{ display:block; }
* html .clearfix	{ height:1%; }
.clear	{ clear:both; }


/* Layout
------------------------------------------------------*/

#page-container { width: 940px; margin: 0 auto; text-align: left; z-index: 100;  padding:10px;}
.page-container-inner { padding: 10px 30px 20px 30px; }
#page-header { padding: 0 0 20px 0; }
#page-nav-top { margin: 0 0 20px 0; }
#content-container { margin: 0 0 20px 0; padding: 10px 0 40px 0; }
#main-content { width: 590px; float: left; } 
#main-content.wide { width: 940px; float: none; } 
#sidebar { width: 280px; float: right; }
#page-copy { width: 940px; margin: 30px 0 0 -10px; background: #fff; text-align: center; color: #999; padding-top: 25px; border-top:1px dotted #ccc; }


/* Header
------------------------------------------------------*/

#page-header h1 { padding-top: 13px; }
#page-header h1 a { display: block; text-indent: -9999px; width: 140px; height: 103px; background: url("../images/anadelta-logo.png") no-repeat 0% 0%; }
#page-header ul { float: right; margin-top:53px; }
#page-header ul li { float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ddd; }
#page-header ul li.last { padding-right: 0; margin-right: 0; border-right: none; }
#page-header ul li a { text-decoration: none; color: #666; }
#page-header ul li a:hover { color: #000; }
#page-header ul li.current a { color: #333; }


/* Page navigation
------------------------------------------------------*/

#page-container .page-navigation { width: 940px; margin-left: -10px;  z-index: 200;}
.page-navigation ul { padding-left: 0px;text-align:left; margin:0 auto; }
.page-navigation ul li {text-align:left; padding: 4px 0px 10px 12px; }
.page-navigation ul li a { display: block; font-weight: bold; font-size: 1.2em; color: #111; text-decoration: none;  border-right: 1px solid #bbb; padding-right: 13px; }
.page-navigation ul li a:hover { color: #f60; }
.page-navigation ul li a em { display: block; font: italic 0.8em Trebuchet MS; color: #999; text-transform: none; }
.page-navigation ul li.last a { border: none; }

/* dropdown */
#nav, #nav ul{ z-index:99; list-style-type:none; list-style-position:outside; position:relative; } 
#nav a{ display:block; float:none; } 
#nav li{ float:left; position:relative; } 
/* first dropdown */
#nav ul { position:absolute; top:31px; z-index:99; margin: -5px 0 0 -5px; padding: 11px; background-color: #ececec; border: 3px solid #ccc; } 
.page-navigation #nav li ul li{ float: left; clear: both; height: auto; padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px dotted #ccc; } 
.page-navigation #nav li ul li.last { padding: 0; margin: 0; border: none; } 
/* drop links */
#nav li ul a{ font-size: 1.0em; width:150px; height:auto; z-index:99; border: none; } 
#nav ul ul{ top:auto; z-index:99; } 
/* second level dropdown */
#nav li ul ul { left:150px; margin:-24px 0 0 12px; z-index:99; } 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; z-index:99; } 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; z-index:99; } 


/* Content - common 
------------------------------------------------------*/

#page-content h2 { font: normal 1.3em/100% "Trebuchet MS", Arial; color: #000; border-bottom: 1px dotted #bbb; border-top: 1px dotted #bbb;padding: 9px; margin: 0 0 10px 0; background:#ececec;}
#page-content h2 em { line-height: 130%; display: block; font-size: 0.5em; font-style: normal; color: #888; margin-top: 5px; }
#page-content h2 a { font-size: 1.0em; font-weight: normal; color: #000; text-decoration: none; }
#page-content h2 a:hover { color: #f60; }
#page-content h5 { font: normal 1.3em/100% "Trebuchet MS", Arial; color: #fff; height:38px; padding: 9px; margin: 0 0 1px 0; background: url("../images/ce.gif") repeat-x;}



/* Content - main 
------------------------------------------------------*/

#main-content h2 { font-size: 1.8em; border: none; margin-bottom: 15px; border-bottom:1px dotted #ccc; }
#main-content h2 span { color: #f60; }
#main-content h3 { font: normal 1.6em/110% Trebuchet MS, Arial; color: #000; margin: 20px 0 10px 0; }
#main-content h4 { font: bold 1.4em/110% Trebuchet MS, Arial; color: #f60; margin: 20px 0 10px 0; }
#main-content p { font: normal 1.2em/130% Trebuchet MS, Arial; }
#main-content img { margin: 0 0 10px 0; padding: 4px; border: 1px solid #ccc; }
#main-content img.head-one { float: right; margin: 5px 0 10px 20px; }
#main-content img.head-two { float: left; margin: 5px 20px 15px 0; }
#main-content img.head-three { margin: 0 0 15px 0; }

#main-content ul.default { margin: 0 0 10px 0; }
#main-content ul.default li { padding: 0 0 0 12px;  background: url("../images/bullet_1.gif") no-repeat 0% 50%; }


/* Content  
------------------------------------------------------*/

#cols li { width: 280px; float: left; margin: 0 50px 10px 0; }
#cols li ul {margin-right:20px;}
#cols li li { width:273px; background:#fff; padding:4px; border-bottom:1px dotted #ccc; }
#cols li ul li a{ color:#f60; text-decoration:none; }
#cols li li a:hover{ color:#000; text-decoration:none; }
#cols li.last { float: right; margin-right: 0; }
#cols li.last ul {margin-right:20px;}
#cols li.last li { width:273px; background:#fff; padding:4px; border-bottom:1px dotted #ccc; }
#cols li.last ul li a{ color:#f60; text-decoration:none; }
#cols li.last li a:hover{ color:#000; text-decoration:none; }
#cols li.clear { width: 100%; margin-right: 0; }
#cols li img { float: left; padding: 3px; border: 1px solid #ccc; margin: 4px 10px 3px 0; }
#cols li a.more { display: inline-block; color: #fff; text-decoration: none; background-color: #f60; font-weight: bold; padding: 2px 10px 2px 10px;  }
#cols li a.more:hover { background-color: #000; color: #fff; }
#cols li a.cat { background-color: #444; border-color: #f60; }

#cols li .viewers p {background-color: #fff; border-bottom: 1px dotted #bbb; padding:7px;}
#cols li .viewers p img{float:left;border:0;margin-top:-3px;}
#cols li .viewers p a{color:#000;}
#cols li .viewers p a:hover{color:#f60; text-decoration:none;}

#cols li .post p a { font-weight: bold; }

#cols li .post-list { margin: 30px 0 20px 0; }
#cols li .post-list li { float: none; background: url("../images/page_16.png") no-repeat 0% 5%; padding: 0 0 5px 20px; margin: 0 0 5px 0; border-bottom: 1px dotted #cbcbcb; color: #888; }
#cols li .post-list li h3 { font-size: 1.0em; }
#cols li .post-list li h3 a { color: #000; }

#posts-list li { padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px dotted #ccc; }
#posts-list li.last { border: none; }
#posts-list li img { display: block; float: left; }
#posts-list li .post-summary { width: 385px; float: right; }
#posts-list li h3 { font: normal 1.6em/110% "Trebuchet MS", Arial; color: #333; margin: 0 0 3px 0; }
#posts-list li h3 a { color: #333; text-decoration: none; }
#posts-list li h3 a:hover { text-decoration: underline; }
#posts-list li cite { display: block; font-style: normal; color: #777; margin-bottom: 10px; }
#posts-list li a.detail { font-weight: bold; color: #454545; text-decoration: none; background: url("../images/bullet_1.gif") no-repeat 0% 50%; padding-left: 12px; }
#posts-list li a.detail:hover { color: #f60; }

#posts-list.style-three li img { float: right; }
#posts-list.style-three li .post-summary { float: left; }

/* Content - screenshots------------------------------------------------------*/

#screenshots-list li { margin-bottom: 0px; margin-top:30px; }
#screenshots-list li li { width: 100%; float: left; margin: 0 25px 30px 0; border-bottom:1px dotted #ccc; }
#screenshots-list li.last { margin-right: 0; }
#screenshots-list .screenshots-item-thumb { position: relative; height: 163px; margin: 0 20px 20px 0; float:left; }
#screenshots-list .screenshots-item-thumb h3 { font-size: 1.2em;  color: #fff; position: absolute; background: url("../images/bg_sticker_small.gif") no-repeat 0% 100%; border: none; bottom: 5px; left: -5px; }
#screenshots-list li h3 a { color: #fff; text-decoration: none; padding: 5px 20px 10px 10px; display: block; }
#screenshots-list li p { padding: 0 5px 0 5px; font-size:12px; }

#screenshots-only-list li a{ float:left; width:150px; margin-bottom: 0px; margin-top:15px; margin-right:46px; }

/* Content - Features------------------------------------------------------*/


#features-list li { margin-bottom: 0px; margin-top:30px;}
#features-list li img{ border:0px solid #bbb; }
#features-list li img.brd{ border:1px solid #bbb; padding:2px; margin:10px 0px;}
#features-list li li { width: 97%; float: left; margin: 0 25px 5px 18px; padding-bottom:4px;border-bottom:1px dotted #ccc;list-style-image: url("../images/bullet.png"); }
#features-list li h3 a { color: #fff; text-decoration: none; padding: 5px 20px 10px 10px; display: block; }
#features-list li h6 { color: #000; text-decoration: none; padding: 5px; background:#ccc;font-size:12px; margin-bottom:5px;margin-top:15px;}
#features-list li p { padding: 0 5px 0 5px; font-size:12px; }

#downloads {margin-left:130px;}
#downloads ul li { width:157px; margin-bottom: 0px; padding-top:8px; height:62px; float:left; display:inline; text-align:left; border-bottom:0; background:url("../images/baloon.png") no-repeat;}
#downloads ul li a{ color:#fff;font-weight:bold; font-size:12px; float:left; }
#downloads ul li img{ margin-left: 8px; float:left;padding-top:0px; }


/* Content - sidebar 
------------------------------------------------------*/

#sidebar { padding: 0 0 15px 0; }
#sidebar .inner { background-color: #e9ebec; padding: 4px; margin-bottom:15px; }

#sidebar h3 { font: bold 1.2em/120% "Trebuchet MS", Arial; color: #fff;  background: #f78f1e; padding: 12px 0 6px 8px; margin: 0 0 10px 0; border-bottom: 0px dotted #777; }
#sidebar h4 { font-size: 1.1em; margin: 0; }

#sidebar cite { display: block; color: #999; font-style: normal; margin-bottom: 3px; }
#sidebar cite em { color: #f60; font-style: normal; }

/*
#sidebar ul { border: 1px solid #fff; padding: 12px; }
#sidebar ul ul { border: none; padding: 0; }
#sidebar li { margin-bottom: 25px; }
#sidebar li a { color: #444; }
#sidebar li li { padding: 4px 0 4px 0; margin: 0; background: none; border-bottom: 1px dotted #bbb; }
#sidebar li li ul{ margin-top:4px;}
#sidebar li li li{ padding: 5px; background:url("../images/subbg.png") no-repeat; margin-bottom: 1px; border:0;}
#sidebar li li li:hover{ padding: 5px; background:url("../images/subbg_hover.png") no-repeat;; margin-bottom: 1px; border:0;}
*/

#sidebar ul { border: 1px solid #fff; padding: 12px; }
#sidebar ul ul { border: none; padding: 0; }
#sidebar li { margin-bottom: 25px; }
#sidebar li a { color: #444; }
#sidebar li li { padding: 4px 0 4px 0; margin-bottom: 1px; background:none; border-bottom: 1px dotted #bbb; font-weight: bold;}
#sidebar li li ul{ margin-top:4px;}
#sidebar li li li{ padding: 5px 5px 5px 10px; background: none; margin-bottom: 1px; border:0; font-weight: normal;}
#sidebar li li li:hover{ padding: 5px 5px 5px 10px; background:url("../images/subbg_hover.png") no-repeat;; margin-bottom: 1px; border:0;}

#sidebar li.submenu li { border: none; margin: 0 0 1px 0; padding: 0; height: 1%; }
#sidebar li.submenu li a { display: block; color: #444; font-size: 1.0em;font-weight: bold; text-decoration: none; background: #d9d9d9 url("../images/bullet_1.gif") no-repeat 6px 10px; padding: 4px 0 4px 16px;  }
#sidebar li.submenu li.current a { color: #f60; background-color: #ededed;}
#sidebar li.submenu li a:hover { background-color: #ccc; }

#sidebar li.recentposts li { border-color: #ccc; }
#sidebar li.recentposts li a { text-decoration: none; }
#sidebar li.recentposts li a:hover { color: #f60; }

#sidebar li.category li { float: left; width: 126px; padding: 5px 0 5px 0; }
#sidebar li.category li a { display: block;  color: #000; font-weight: bold; text-decoration: none; background: url("../images/bullet_1.gif") no-repeat 0 7px; padding: 0 0 0 12px; }
#sidebar li.category li a:hover { color: #f60; }

#sidebar li.advertisment li { float: left; border: none; margin: 0 2px 0 0; padding: 0; }
#sidebar li.advertisment li.alt { float: right; margin: 0; }


/* Page copy
------------------------------------------------------*/

#page-copy a { color: #888; }

#feature_wrapper {
	width: 940px;
	margin: 0 auto;
	line-height: 16px;
	padding-bottom: 20px;

}

.featuretitle {
	margin: 0;	
	padding: 7px 0 10px 0;
	font-size: 13px;
	font-weight: bold;
	display: block;
}
#feature_list {
	width: 940px;
	height: 340px;
	overflow: hidden;
	position: relative;
	background: url(../images/bg-fade.jpg) no-repeat ;
	margin-bottom:30px;
	border:4px solid #ddd;
}
#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}
#tabs {
	right: 0;
	z-index: 2;
	width: 305px;
}
#tabs li {
	font-size: 11px;
	font-family: Trebuchet MS, Arial;
	height: 114px;
}
#tabs li a {
	color: #ccc;
	text-decoration: none;	
	display: block;
	padding: 5px 20px 5px 30px;
	height: 114px;
	outline: none;
	margin-bottom:1px;
}
#tabs li a:hover {
	color: #fff;
}
#tabs li a.current {
	background: url(../images/feature-tab-current.png) top left no-repeat;
	color: #393939 ;
}
#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}
#output {
	left: 0;
	width: 633px;
	height: 335px;
	position: relative;
}
#output li {
	position: absolute;
	width: 651px;
	height: 340px;
}
.outputimg {

	border: #CCCCCC solid 1px;
	border-right: none;
}

/* English Version Featured Section */

#featured {
	height: 274px;
	border: 3px solid #dededd;
	position: relative;
	margin-bottom:30px;
	width:940px;
}

#featured #item-wrapper {
	height: 274px;
	width:940px;
}

#featured div.item {
	position: absolute;
	overflow: hidden;
	width:940px;
	height: 274px;
}

#featured div.item span {
	position: absolute;
	bottom: 0; left: 0;
	display: block;
	width: 100%;
	height: 59px;
	background: #e04000 url(../images/bg-slider-desc.png) repeat-x;
	line-height: 59px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 15px;
}

#featured #featured-nav {
	position: absolute;
	bottom: 13px; right: 12px;
	z-index: 50;
}

#featured #featured-nav a {
	display: block;
	width: 31px;
	height: 31px;
	background: url(../images/btn-prevnext.png) no-repeat;
	text-indent: -9999px;
	float: left;
}

#featured #featured-nav a.next {
	background-position: 100%;
	margin-left: 10px;
}

.scontent, .sshadow {
	border: 0px;
	position: relative;
	bottom: 4px;
	right: 4px;
 }