/*
Theme Name: Object Partners Inc.

Theme URI: http://www.objectpartners.com
Description: Object Partners Inc. specific style.
Version: 1.0
Author: Hiromi
Author URI: http://www.objectpartners.com
*/

*
{
	margin		: 0;
	padding		: 0;
}
html, body
{
	margin		: 0;
	padding		: 0;
	background	: #FFF url(images/bg.gif) top left repeat-x;
	font		: 12px/16px Arial, Hevetica, sans-serif;
	color		: #525252;
}
body { padding-bottom: 20px; }
a, img, table, td { border: 0; }
table td { vertical-align: top; }

/* ----------------------------------------------------- General HTML Elements */
a { color: #165f81; }
a:hover
{
	text-decoration	: none;
	color			: #99160b;
}

a.button
{
	display				: block;
	background-position	: bottom left;
	background-repeat	: no-repeat;
	/*text-indent			: -9999px;*/
}
a:hover.button { background-position: top left; }


h1
{
	font			: 20px Tahoma, Verdana, sans-serif;
	color			: #1b1c1d;
	margin-bottom	: 25px;
}
h2
{
	font-weight		: bold;
	font-size		: 12px;
	margin			: 30px 0 0 0;
	text-transform	: uppercase;
	color			: #455d8b;
}
h2 + p { margin-top: 8px; }

h3 { }
h4 { }

p { margin: 15px 0; }
small {white-space:nowrap}

.tip
{
	font-size	: 9px;
	font-weight	: normal;
	color		: #929292;
	padding		: 0 2px;
}
.description
{
	font-weight	: normal;
	color		: #929292;
    margin-top  : .5em;
}

input.text, textarea.text, input.button, select { font: 12px Arial, Hevetica, sans-serif; }
input.text, textarea.text
{
	padding		: 4px;
	background	: #f1f1f1;
}
input.button
{
	padding			: 5px 12px;
	font-weight		: bold;
	text-transform	: uppercase;
	border			: 0;
	background		: #233354;
	color			: #fff;
}
select option { padding-right: 10px; }


#top-bar
{
	height			: 14px;
	background		: #000;
	border-bottom	: #5b5b5b 1px solid;
	margin-bottom	: 12px;
}

#page
{
	width		: 890px;
	background	: #FFF;
	margin		: 0 auto;
}
#base
{
	width	: 860px;
	margin	: 0 auto;
}

/* ----------------------------------------------------- top menu */

#top-menu
{
	width			: 860px;
	height			: 103px;
	margin-bottom	: 1px;
	position		: relative;
	border-bottom	: #a62f08 3px solid;
}
a#logo
{
	width				: 239px;
	height				: 74px;
	background-image	: url(images/objectparrtners_logo.gif);
	position			: absolute;
	top					: 15px;
	left				: 32px;
}


/* ----------------------------------------------------- main-nav */
#main-nav
{
	position	: absolute;
	right		: 0px;
	bottom		: 0px;
}
#main-nav ul { list-style: none; }
#main-nav ul li { display: inline; }
#main-nav ul li a
{
	display				: block;
	height				: 41px;
	float				: left;
	text-transform		: uppercase;
	background-position	: bottom center;
	backround-repeat	: no-repeat;
	text-decoration		: none;
	text-indent			: -9999px;
	outline				: none;
	
}
#main-nav ul li a:hover { background-position: top center; }
#main-nav ul li.current_page_item a { background-position: center center; }

/* HOME */
#main-nav .page-item-3 a
{
	width				: 67px;
	background-image	: url(images/main-nav-home.gif);
}
/* ABOUT */
#main-nav .page-item-5 a
{
	width				: 98px;
	background-image	: url(images/main-nav-about.gif);
}
/* SERVICES */
#main-nav .page-item-13 a
{
	width				: 118px;
	background-image	: url(images/main-nav-services.gif);
}
/* CAREERS */
#main-nav .page-item-23 a
{
	width				: 84px;
	background-image	: url(images/main-nav-careers.gif);
}
/* WEBLOG */
#main-nav .page-item-34 a
{
	width				: 82px;
	background-image	: url(images/main-nav-weblog.gif);
}
/* CONTACT */
#main-nav .page-item-51 a
{
	width				: 106px;
	background-image	: url(images/main-nav-contact.gif);
}
/* ----------------------------------------------------- media */

#media
{
	height		: 217px;
	background	: #dcdcdc url(images/flash_bg.jpg) bottom center no-repeat;
	position	: relative;
}
#media h1
{
	width		: 497px;
	height		: 50px;
	background	: url(images/media_headline.png) top left no-repeat;
	position	: absolute;
	z-index		: 952;
	top			: 72px;
	left		: 40px;
	/*text-indent	: -9999px;*/
}
#media img
{
	position	: absolute;
	top			: 0px;
	right		: 0px;
}
#media #main-content-tab
{
	width		: 590px;
	height		: 40px;
	background	: url(images/main-content_top.png) bottom left no-repeat;
	position	: absolute;
	bottom 		: 0px;
	left		: 0px;
	z-index		: 612;
}




/* ----------------------------------------------------- main content */

#main
{
	width           : 860px;
	margin-bottom	: 1px;
	padding-bottom	: 15px;
	background		: url(images/main_bg.gif) bottom left repeat-x;
	float			: left;
}
.home #main { margin-top: 1px; }


#main-content ul, #main-content ol { 
	margin-top	: 15px; 
	margin-bottom	: 15px;
	margin-left	: 30px;
	margin-right	: 15px;
}
#main-content li { margin-bottom: 8px; }

#main-content
{
	width		: 590px;
	float		: left;
}
.home #main-content { width: 570px; }

#main-content .content  { padding: 30px 50px 40px 50px; }
#main-content .news     { padding: 30px 50px 40px 50px; }
#main-content .podcasts { padding: 0px 50px 40px 50px; }

.podcast p {
    margin  : 0;
}

.news .date {
    font-size	: 9px;
	font-weight	: normal;
	color		: #929292;
}

.news h2 {
    text-transform  :none;
    margin-top      :0px;
}

.home #main-content .content { padding-top: 10px; }

.post {
    margin-bottom   : 30px;
    border-bottom:1px solid #BEBEBE;
}

.post-podcast {
    margin-bottom   : 30px;
}
.post-page {
    margin-bottom   : 30px;
}
.post h1{
    margin-bottom   : 0;
}
h1 a {
    text-decoration : none;
}


/* form */

#main-content form ul
{
	list-style	: none;
	padding		: 20px 0;
}
form label
{
	font-weight		: bold;
	display			: block;
	float			: left;
	width			: 100px;
	padding-bottom	: 10px;
}
form ul li
{
	display			: block;
	clear			: both;
	padding			: 4px 0;
}
form ul li input { float: left; }
form ul li span.tip { padding: 5px; }

/* ----------------------------------------------------- main panel */
#main-panel {
    position    : relative;
    width       : 470px;
    height      : 177px;
}
#panel-one {
    position    : absolute;
    left        : 0px;
    top         : 0px;
    width       : 235px;
    height      : 177px;
}
#panel-two{
    position    : absolute;
    left        : 235px;
    top         : 0px;
    width       : 235px;
    height      : 177px;
}


/* ----------------------------------------------------- callouts */

#callouts
{
	width		: 290px;
	min-height	: 200px;
	float		: left;
	background	: url(images/callouts_bg.gif) top left no-repeat;
}

#blog-headlines, #news-events
{
	list-style	: none;
	padding		: 42px 15px 0px 30px;
}
#blog-headlines li, #news-events li { margin-bottom: 15px; }


#blog-headlines { background	: url(images/blog-headlines_tab.gif) top right no-repeat; }
#blog-headlines a
{
	font-size	: 1em;
	color		: #3e7e9c;
}
#blog-headlines a:hover { color: #0d3d54; }

a#feed
{
	display			: block;
	height			: 19px;
	margin			: 5px 0;
	font			: 10px Arial, Helvetica, sans-serif;
	color			: #aeaeae;
	text-transform	: uppercase;
	text-decoration	: none;
	padding-left	: 24px;
	line-height		: 19px;
	background		: url(images/rss_icon.gif) center left no-repeat;
}

a#new-post
{
	display			: block;
	height			: 19px;
	margin			: 5px 0;
	font			: 10px Arial, Helvetica, sans-serif;
	color			: #aeaeae;
	text-transform	: uppercase;
	text-decoration	: none;
	padding-left	: 24px;
	line-height		: 19px;
	background		: url(images/pencil.gif) center left no-repeat;
}

a#podcast
{
	display			: block;
	height			: 52px;
	margin			: 5px 0;
	font			: 1em Arial, Helvetica, sans-serif;
	color			: #747474;
	text-transform	: uppercase;
	text-decoration	: none;
	padding-left	: 52px;
	line-height		: 52px;
	background		: url(images/podcast.gif) center left no-repeat;
}

a:hover#feed, a:hover#new-post { color: #333; }

#news-events ul {
    list-style	: none;
}

#news-events
{
	line-height	: 14px;
	background	: url(images/news-events_tab.gif) top right no-repeat;
}

#news-events strong
{
	font	: bold 14px Tahoma, Verdana, sans-serif;
	color	: #4e4d4d;
}
ul#upcoming-events {
    margin-bottom: 30px;
}
#upcoming-events strong
{
	font	: bold 14px Tahoma, Verdana, sans-serif;
	color	: #4e4d4d;
}
#news-events a, #upcoming-events a
{
	font-size	: 1em;
	color		: #366f89;
}
#news-events a:hover, #upcoming-events a:hover { color: #0d3d54; }

#upcoming-events a#news-link
{
	display			: block;
	height			: 19px;
	margin			: 5px 0;
	font			: 10px Arial, Helvetica, sans-serif;
	color			: #aeaeae;
	text-transform	: uppercase;
	text-decoration	: none;
	line-height		: 19px;
    margin-top      : 15px;
}
#upcoming-events a#news-link:hover { color: #333; }

#section-bar
{
	height		: 35px;
	width           : 860px;
	background	: #233354 url(images/section-bar_bg.jpg) top center no-repeat;
}



/* ----------------------------------------------------- side-bar */


#side-bar
{
	width	: 270px;
	float	: left;
}

#side-bar-photo
{
	border-top	: #a8a8a8 3px solid;
	width		: 270px;
	height		: 111px;
}


#sub-nav { list-style: none;}
#sub-nav a
{
	display			: block;
	color			: #152e60;
	text-decoration	: none;
	padding			: 10px 10px 10px 30px;
	border-bottom	: #bebebe 1px solid;
}

#sub-nav a:hover, #sub-nav a.selected
{
	background-color	: #ededed;
	color				: #000;
}
#sub-nav a#sub-nav-header {
    padding: 0;
}

#sub-nav h4
{
	margin				: 0;
	height				: 30px;
	line-height			: 30px;
	font-style			: italic;
	color				: #FFF;
	background-color	: #2d3d5c;
	background-repeat	: no-repeat;
    padding-left        : 30px;
}

#sub-nav .current_page_item a
{
    background-color:#EDEDED;
    color:#000000;
}

#sub-nav .current_page_item li a
{
    background-color:#FFFFFF;
    color           :#152E60;
}

#sub-nav ul {
    list-style: none;
}

#sub-nav ul li a {
    padding-left: 5em;
    font-size: .9em;
}

#blog-nav 
{
    margin-left: 30px;
    margin-bottom: 30px;
    list-style: none;    
}

#blog-nav ul { 
    list-style: none;
}


#upcoming-events
{
    margin-left: 30px;
    list-style: none;
}

#upcoming-events ul {
    margin-top: 5px;
    list-style: none;
}

/* ----------------------------------------------------- footer */

#footer
{
        width           : 860px;
	clear		: both;
	background	: #41413f url(images/footer_bg.gif) center right no-repeat;
	font-size	: 10px;
	color		: #f0efef;
}
#footer a
{
	color		: #b6b6b6;
	padding		: 0 4px;
}
#footer a:hover { color: #f0efef; }

#footer-nav ul {
    margin          : 0;
    	padding		: 4px 12px 4px 12px;
	list-style-type : none;
    list-style-image: none;
}
#footer-nav li {
    display: inline;
}