/*
Theme Name: Oxfam HK ido
Theme URI: http://www.oxfam.org.cn/
Description: WordPress theme for <a href="http://www.oxfam.org.cn/ido/">ido website</a>.
Version: 1.0
Author: Huisi Wang
Author URI: http://www.oxfam.org.cn/
Tags: 

*/

* {
    margin:0;
    padding:0;
}

body {
    background:url(img/body_bg.jpg) repeat-x;
    font-size:14px;
    color:#666;
    line-height:1.5em;
}

img, a {
    border:none;
}

a {
    color:#1C82C2;
    text-decoration:none;
}

a.more-link, #ambassador_update a {
    color:#FF7800;
    text-align:right;
}

hr {
    clear:both;
}

p {
    margin: 5px;
}

.entry ol, .entry ul {
    padding-left:2em;
    font-size:12px;
}

ol li {
    margin: 7px 0 8px 10px;
}

#page {
    width:900px;
    background:url(img/page_bg.gif) no-repeat left top;
    margin:auto;
}

#header {
    position:relative;
    width:845px;
    height:108px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}

#headerimg {
    width:250px;
    height:108px;
    float:left;
}

label.screen-reader-text {
    display:none;
}

#search {
    display:block;
    width:272px;
    height:40px;
    background:url(img/search_bg-trans.png) no-repeat left top;
    float:right;
}

#searchform {
}

input#s {
    width:110px;
    border:1px solid gray;
    margin:10px 0 0 65px;
}

input#searchsubmit {
    width:39px;
    background:url(img/search_btn.gif) no-repeat left top;
    border:none;
}

input#searchsubmit span {
    display:none;
}

#menu {
    position:absolute;
    right:0;
    bottom:0;
    _top:65px;
    /*
    *width:510px;
    */
}

#menu li {
    display:inline;
    float:left;
    width:85px;
    height:45px;
    text-align:center;
}

#menu li a {
    display:block;
    color:#FFF;
    font-weight:bold;
    font-size:12px;
    width:85px;
    height:45px;
    padding:13px 0;
    background:url(img/menu_sep.gif) no-repeat right top;
}

#menu li a.last {
    background:none;
}

#menu li.current {
    /*
    background:url(img/menu_li.gif) repeat-x;
    */
}

#content {
    /*position:relative;*/
    top:-58px;
    left:0;
    clear:both;
    width:845px;
    background: #FFF url(img/single_content_bg.gif) repeat-x;
    margin:0;
    margin-left:auto;
    margin-right:auto;
	overflow:hidden;
}

#index_pic {
    width:845px;
    height:283px;
    margin:0 0 -40px 0;
    background:url(img/single_left_bg.gif) no-repeat left top;
}

#pic_box {
    width:845px;
    height:283px;
    background:url(img/single_right_bg.gif) no-repeat right top;
    padding-top:18px;
}

#slide_pic {
	float:left;
    width:578px;
    height:210px;
    margin:0 10px 0 23px !important;
	margin:0 10px 0 13px;
    background:url(img/index_pic_bg.gif) repeat-x;
	overflow:hidden;
}

#slide_left {
    float:left;
    width:364px;
    height:210px;
    background:url(img/index_pic_bg_left.gif) left top no-repeat;
    padding:10px 0 0 10px;
	overflow:hidden;
}

#slide_left .word {
	display:none;
}

#slide_right {
    float:left;
    width:242px;
    width:202px;
    height:248px;
    height:210px;
    background:url(img/index_pic_bg_right.gif) right top no-repeat;
    padding:10px 0 0 0;
}

#slide_buttons {
    list-style:none;
}

#slide_buttons li {
    width:242px;
    width:202px;
    height:62px;
    height:47px;
}

#slide_buttons li a {
    font-size:16px;
    font-weight:bold;
    color:#6A6E6D;
    text-decoration:none;
    width:152px;
    height:34px;
    display:block;
    background:url(img/slide_btn.gif) no-repeat left top;
    padding:13px 0 0 40px;
}

#slide_buttons li a:hover, #slide_buttons li a.current_btn {
    background:url(img/slide_btn.gif) no-repeat left bottom;
    color:#FFF;
}

#tcktcktck {
	width:202px;
	height:210px;
	float:left;
	background:url(img/morecontacts.gif) no-repeat left top;
}

#tcktcktck #contacts_content {
    	height:140px;
	margin-top:60px;
	margin-left:10px;
}

#tcktcktck .more_contact {
    	height:50px;
	padding:0px 0 0 0;
	margin:0 0 0px 10px;
}

#tcktcktck .more_contact a {
    	display:block;
	width:170px;
	height:20px;
	padding:10px 0 0 40px;
}

#tcktcktck #rss_link {
    	background:url(img/rss.jpg) no-repeat left top;
}

#tcktcktck #kaixin_link {
    	background:url(img/kaixinlogo.gif) no-repeat left top;
}

#tcktcktck #tsina_link {
    	background:url(img/sina.png) no-repeat left top;
}

#front_hr {
    height:42px;
    background:url(img/hr_bg.jpg) repeat-x;
}

.section {
    font-size:12px;
    margin-bottom:15px;
}

.section h4 {
	background:url(img/index_middle_icon.gif) 0 3px no-repeat;
	padding-left: 15px;
}

.section h4, .section h4 a {
    font-size:14px;
    color:#1C82C2;
    margin: 2px 0 3px 0;
}

.section .post {
    width:520px;
    margin: 5px;
}

#left_section {
	width:270px;
	float:left;
	margin:0 0 0 25px !important;
	margin:0 0 0 10px;
}

#right_section {
	width:525px;
	float:left;
	margin-left:10px;
}

#ido_section, #pictures_section, #video_section {
    width:305px;
    float:left;
    margin:0 10px 0 5px;
}

#ido_section .post, #pictures_section .post, #video_section .post {
    width:300px;
}

#video_section {
	margin-top:20px;
}

#update_section {
    width:525px;
    float:left;
}

#ambassador_update {
	width:525px;
	float:left;
}

#ambassador_update .post {
	height:2em;
	border-bottom:1px solid #b0b0b0;
	padding-top:0.5em;
}

#update_section .post {
	background:url(img/post_1116_bottom_line.gif) bottom left no-repeat;
	padding-bottom:10px;
}

#partner_section {
    width:270px;
    float:left;
	margin:15px 0 0 0;
}

#or_logos {
    margin:0 0 10px 0;
}

#logo_img {
    width:95px;
    float:left;
    margin-right:5px;
}

#ido_first {
    width:90px;
    float:left;
}

#ido_first p {
    font-size:14px;
    font-weight:bold;
    color:#1C82C2;
}

#ido_section h3 {
    height:42px;
    background:url(img/h3_ido.gif) no-repeat left top;
}

#pictures_section h3 {
	height:42px;
	background:url(img/h3_pictures.gif) no-repeat left top;
}

#video_section h3 {
	height:42px;
	background:url(img/h3_video.gif) no-repeat left top;
}

#update_section h3 {
    height:30px;
    background:url(img/h3_1116_o.gif) no-repeat left top;
    padding:6px 0 0 35px;
}

#partner_section h3, #update_title_section h3 {
    height:40px;
    background:url(img/h3_1116_partner.gif) no-repeat left top;
	font-size:14px;
	color:#1C82C2;
	padding:6px 0 0 35px;
}

span.section_title {
}

.section h3 {
	height:30px;
	padding:5px 0 0 35px;
}

.section h3.orange {
	background:url(img/h3_1116_o.gif) no-repeat left top;
	color:#FF7800;
}

.section h3.blue {
	background:url(img/h3_new_b.gif) no-repeat left top;
	color:#1C82C2;
}

#ambassador_list_section, #flickr_photos_section {
	background:#f0f0f0;
	padding-top:5px;
	margin-bottom:20px;
}

#ambassador_list_section h3, #flickr_photos_section h3 {
	height:35px;
	padding:12px 0 0 40px;
	margin:0 0 0 15px;
	font-size:14px;
	color:#FFFFFF;
}

#ambassador_list_section h3, #flickr_photos_section h3 {
	background:url(img/h3_flickr.gif) no-repeat left top;
	padding:15px 0 0 50px;
}

#single_left {
    background:url(img/single_left_bg.gif) no-repeat left top;
}

#single_right {
    background:url(img/single_right_bg.gif) no-repeat right top;
}

#footer {
    clear:both;
    height:40px;
    *height:35px;
    background:url(img/footer_bg.jpg) repeat-x;
    text-align:center;
    color:#FFF;
    padding-top:10px;
    *padding-top:15px;
}

#single_post {
    width:845px;
    padding:15px 20px 0 20px;
    min-height:400px;
}

.sidebar {
    width:165px;
    float:left;
    margin-right:5px;
}

.sidebar, .sidebar * {
    font-size:12px;
}

.sidebar a {
    color:#1C82C2;
}

.sidebar a:hover {
    color:#FF6600;
}

.sidebar ul {
    list-style:none;
}

.sidebar .post_time {
    color:#999;
}

#ido_leftbar #leftlist {
    background:#F1F8FE;
    border:1px solid #C9E4F0;
    padding-left:10px;
}

#ido_rightbar #rightlist {
    background:#F0F0F0;
    padding-left:10px;
}

.sidebar li {
    width:150px;
    border-bottom:1px solid #E6E6E6;
    margin:2px 0 3px 0;
}

.sidebar li.last {
    border-bottom:none;
}

h3#update_left {
    height:40px;
    background:url(img/h3_update_narrow.jpg) no-repeat left top;
}

h3#update_left span {
    display:none;
}

h3#ido_right {
    height:40px;
    background:url(img/h3_ido_narrow.jpg) no-repeat left top;
}

h3#ido_right span {
    display:none;
}

#post_content, #category_content {
    width:460px;
    float:left;
}

#category_content h4 a {
    color:#0071A9;
}

#post_content h4 {
    font-size:18px;
    color:#0071A9;
    text-align:center;
    height:35px;
    width:440px;
    border-bottom:1px solid #E1E1E1;
    padding-top:10px;
    margin:0 auto 0 auto;
}

.entry p {
    font-size:13px;
    margin:5px 10px 15px;
}

#ido_breadcrumb {
    width:800px;
    height:27px;
    background:url(img/breadcrumb_bg.jpg) repeat-x;
    margin:0 0 15px 0;
    font-size:12px;
    color:#999;
}

#ido_breadcrumb a {
    color:#1C82C2;
}

#ido_breadcrumb a:hover {
    color:#FF6600;
}


#breadcrumb_l {
    height:27px;
    background:url(img/breadcrumb_l.jpg) no-repeat left top;
}

#breadcrumb_r {
    height:27px;
    background:url(img/breadcrumb_r.jpg) no-repeat right top;
    padding:3px 0 0 15px;
}

.postmetadata {
    font-size:11px;
}

.clear {
    clear:both;
}

/* partner section */
#partner_content {
    margin-top:5px;
}

#partner_content p {
    width:190px;
}

#ifeng_pic img, #sohu_pic img {
    border:3px solid #DADADA;
}

/* thumbpic */
#ido_section .thumbpic {
    width:96px;
    float:left;
    margin-right:8px;
}

#update_section .thumbpic {
    width:270px;
}

.thumbpic img {
    border:2px solid #DCD9D4;
}

#ido_section .entry {
    width:100%;
}

#ido_section .entry_wide {
    width:300px;
}

#ido_section .entry p {
    margin:0 5px;
}

#ido_section h4 {
    clear:both;
}

#headerimg a#oxfam {
    width:125px;
    height:108px;
    display:block;
    float:left;
    background:url(img/oxfam.gif) no-repeat left center;
}

#headerimg a#ido {
    width:125px;
    height:108px;
    display:block;
    float:left;
    background:url(img/logo-trans.png) no-repeat left top;
}

#headerimg a span {
    display:none;
}

#partner_logo {
    width:100%;
    padding-top:15px;
    border-top:1px solid #DADADA;
}

#partner_logo .logos {
    float:left;
    margin:5px;
}

#strategy_partner {
    width:240px;
    float:left;
}

#activity_partner {
    width:125px;
    float:left;
}

#creative_partner {
    width:125px;
    float:left;
}

#subway_partner {
    width:335px;
    float:left;
}

#media_partner {
    width:100%;
    float:left;
}

#media_partner .logos {
    float:left;
    width:110px;
    height:60px;
    margin:5px;
}

#frontpage_video {
    padding-top:15px;
}

#frontpage_slide {
    padding-top:15px;
    margin:5px 0 0 5px;
}

/* for pictures list and video list */
#pics_list li, #video_list li {
	list-style:none;
}

#pics_list > li, #video_list > li {
	float:left;
	margin-right:5px;
}

#pics_list .work_list_item, #video_list .work_list_item {
	width:86px;
	height:65px;
	border:1px solid #DDD;
	padding:3px;
	text-align:center;
}

/* align center */
.aligncenter {
	text-align:center;
}

/* rss */
.rss_title {
	width:395px;
	float:left;
	background:url(img/index_1116_middle_icon.gif) left center no-repeat;
	padding:0 0 0 15px;
}

.rss_time {
	width:60px;
	float:right;
}

.single_amb {
	clear:both;
	width:250px;
	height:60px;
	margin-left:35px;
	font-size:12px;
	line-height:1.3em;
}

.single_amb img {
	float:left;
	margin:3px 10px 3px 3px;
	border:1px solid #c0c0c0;
	padding:2px;
}

.single_amb .amb_intro {
	float:left;
	margin-top:5px;
}