/*
Theme Name: Baiphil Theme
Theme URI: http://www.baiphil.org/
Description: The WordPress theme for Baiphil
Version: 1.0
Author: Argel Estrillero & Wilfred Reyes
Tags: blue, fixed width, two columns, widgets
*/

/* general */
a { outline:none; }
#content, #sidebar { margin-top:17px; }
.right { text-align:right; }
.content-block p a:hover, .blog-entry p a:hover { background:#0054a5; color:#FFF; }
.content-block p a, .blog-entry p a { background: #DDD; padding:3px;}
.content-block a, .section-block a, .blog-entry a { text-decoration:none; }
.content-block h2 a:hover, .blog-entry h3 a:hover { color:#6fc6ff; }
.content-block h2 a, .blog-entry h3 a { color:#0054a5; }
.content-block span.details, ul.sidebar-block li span.details, .hentry span.details { text-transform:uppercase; font-size:10px; padding:1px 4px; background:#f7941d; color:#FFF; }
span.exp { display:block; }
img.mid { display:block; margin:0 auto; }
.emp { color:#0054a5; }
.navigation { margin-bottom:1.5em; }

/* header */
#header { background:#0054A9 url('http://www.baiphil.org/wp-content/uploads/2010/11/banner.jpg') top left no-repeat; }
#header .logo { margin:-.5em auto; background:url(http://www.baiphil.org/wp-content/uploads/2010/12/baiphil-logo1.jpg) top left no-repeat; position:relative;width:540px;float:left;height:105px;}
#header .logo h1 { margin:0; }
#header .logo a { display:block; height:100px; width:390px; }
#header .logo h1 span { position:absolute; text-indent:-999999px; }
.tagline75 {width:370px; color:#ccff33; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.2em;line-height:1.25;height:44px;float:left;}
.tagline75 p {margin:2em auto;}
.tagline { color:#6fc6ff; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.2em;line-height:1.25; position:relative;}
.tagline p { margin:-2em 0 0 8em; }
.search { margin:0 auto; }
.search input.text { width:135px; background:#e2f5fd; }
.search input.button { margin:7px 0 0 -8px; border:1px solid #BBB; padding:4px 8px; font-weight:700;width:71px; _margin:3px 1em 0 -20px; }

/* navigation */
ul.navigation { margin:0; background:url(src/nav-bck.gif) top left repeat-x; list-style-type:none; height:36px; }
ul.navigation li { float:left; }
ul.navigation li.special { float:right; }

ul.navigation li a:hover { color:#6fc6ff; }
ul.navigation li a { color:#FFF; text-decoration:none; font-size:1.2em;line-height:1.25; font-weight:700; display:block; padding:9px 18px; }
ul.navigation li.current-item a { color:#fff799; background:url(src/nav-bck-selected.gif) top left repeat-x;}

ul.navigation li.special a {color:#fff468; }

/* precontent */
#precontent { background:#0054a5; border-bottom:1px solid #DDD; }

div#feature_list {
width: 950px;
height: 360px;
overflow: hidden;
position: relative;
}

div#feature_list ul {
position: absolute;
top: 0;
list-style-type: none;	
padding: 0;
margin: 0;
}

ul#tabs {
left: 0;
z-index: 2;
width: 270px;
background:url(src/feature-bck.gif) top left no-repeat;
}


ul#tabs li a:hover { color:#FFF; }
	
ul#tabs li a {
text-decoration: none;	
display: block;
height: 54px;
padding:18px 40px 18px 18px;
color:#6fc6ff;
}

ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
}

ul#tabs li a.current {
background:  url('feature-current-tab.png');
color:#FFF;
}

ul#tabs li h2 {font-size:1.2em;line-height:1.25;margin-bottom:0; font-weight:700;}

ul#output {
right: 0;
width: 710px;
height: 360px;
position: relative;
}

ul#output li {
position: absolute;
width: 710px;
height: 360px;
}

ul#output li a:hover {
background: #fff799;
color:#39b44a;
}

ul#output li a {
position: absolute;
bottom: 18px;
right: 18px;
padding: 8px 12px;
text-decoration: none;
color: #FFF;
background: #39b44a;
font-weight:700;
font-size:1.2em;line-height:1.25;
}

/* content */
h2.page-title {font-weight:700; color:#0054a5; }
.section-block { border-bottom:6px solid #000;}
.section-block h3 { margin-bottom:6px; }
.section-title { text-transform:uppercase; font-weight:700; }
.content-block { background:url(src/seminar-bck.gif) top left no-repeat;}
.content-block h2 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em; margin-top:1.25em; font-weight:700;}
.content-block h2 a:hover, .category .hentry h3 a:hover { color:#6fc6ff; }
.content-block h2 a, .category .hentry h3 a { color:#0054a5; }
.content-block h2 a, .category .hentry .nocolor h3 a { color:#000; }
.content-block h2, .content-block p { padding-right:18px; padding-left:18px; }
.category .hentry h3, .search .hentry h3 { font-weight:700; }
.category .hentry h3 a, .search .hentry h3 a { text-decoration: none; }

/* blog */
.blog-section { text-align:center; font-weight:700; background:#e2f5fd url(src/blog-bck.gif) top left repeat-x; margin-bottom:3em; }
.blog-section .current { background:#0054a5; color:#FFF; }
.blog-section .current .arrow { background:url(src/arrow-blog.gif) top left no-repeat;}
.blog-section .arrow { height:34px;  }
.blog-section img.thumb { display:block; margin:17px auto; border:1px solid #FFF; }
.blog-entry { height:218px; }
.blog-entry h3 { margin-top:18px; }
.blog-entry img { margin-top:18px; margin-left:18px; border:1px solid #DDD; }

/* sidebar */
ul.sidebar-block { margin-bottom:1em; padding-left:6px; }
.home ul.login { margin-bottom:1.5em; }
ul.sidebar-block, ul.sidebar-block ul.list { list-style-type:none; margin-left:0; margin-right:0; padding-left:8px; }
ul.list li h2 { font-size:1em;margin-bottom:1.4em; padding-left:2em; border-bottom:1px solid #EEE; padding-bottom:1.5em; background:url(src/calendar.png) 0 1px no-repeat; }
ul.list li h2 a:hover { color:#FFF; background:#0054a5;}
ul.list li h2 a { text-decoration:none; }
ul.sidebar-block h3 {font-size:1.5em;line-height:1;margin-bottom:1em; font-weight:700; text-transform:uppercase; color:#959595; }
ul.sidebar-block h3.first { margin-top:10px; margin-bottom:26px; }
.contact { background:#fffcec; padding:1.5em; }

/* login */
.login { background:#E2F5FD; padding:1.5em; }
ul.sidebarlogin_otherlinks, ul.pagenav { margin-left:0; margin-right:0; list-style-type:none; }
.fleft { float:left; }
.fright { float:right; }
ul.pagenav li.page_item { text-align:left; }
.avatar_container, .pagenav { float:left; }
.avatar_container { width:56px; }
.pagenav {width:138px; }

ul.sidebar-child { list-style-image:url(src/bullet.png) no-repeat left; }

/*photos-css*/
#photos {
width:200px;
float:left;
margin:4px 15px 4px 0;
}

#photos img {
width:200px;
margin:0;
padding:0;
}

#photos p.caption {
color:#959595;
font-size:.95em;
margin:3px 0 10px 0;
padding:0;
line-height:1em;
}

#photos p {
margin:0;
padding:0;
}
/*end photos-css*/

/*bod*/
#director {
width:144px;
height:233px;
padding:10px;
text-align:center;
margin:5px;
font-size:.9em;
float:left;
border:1px solid #ebebeb;
}

/*end bod*/

/*past presidents*/
#presidents {
width:145px;
height:155px;
padding:10px;
text-align:center;
margin:5px;
font-size:.9em;
float:left;
border:1px solid #ebebeb;
}
#associates{
width:145px;
height:175px;
padding:10px;
text-align:center;
margin:5px;
font-size:.9em;
float:left;
border:1px solid #ebebeb;
}

/*end bod*/

img.left { float:left; margin:0px 15px 0 0; }

/* footer */
#footer {margin:0 auto; }
#footer p {margin:0 auto; padding:1em 0 3em 2em; }
.logo {margin:0 auto; padding-left: 2em; }

/* feedback */
#feedback {
	position: absolute;
	width: 50px;
	height: 148px;
	z-index: 1;
	margin-left: -49px;
	margin-top: -175px;
}

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

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

.member-only {width:350px; margin:25px auto; border:1px solid #eee;}
.member-only h3 {background:#99CCFF; color:#fff; padding:5px; text-align:left;}

input[type=submit] {background:#ddd; border:1px solid #ccc; font-size:1em; cursor:pointer;}