/*
Theme Name: BigBear
Theme URI: http://wibear.com/
Description: Big Bear ;)
Version: 1.0
Author: Denny Chen
Author URI: http://wibear.com/
*/

/*++++++ SEXY BODY ++++++++*/
* { margin: 0px; padding: 0px; list-style:none; text-decoration:none; }
body { background:url(images/topbkg.gif) repeat-x; font:0.69em Verdana, Arial, Helvetica, sans-serif; color:#333;}

/*++++++ HYPERLINKS ++++++++*/
a { color:#2583ad;}
a:hover { color:#000;}

/*++++++ MAIN + STICKY FOOTER ++++++++*/
html, body { height: 100%; }
#main { min-height: 100%; height: auto !important; height: 100%; margin: auto ; }

/*++++++ HEAD/H2/H3 ++++++++*/
h2 { font:1.28em Georgia, serif; display:block; padding:5px 5px 5px 10px; margin-bottom:10px; background:#e4f2fd; border:1px solid #f0f0f0;}
h1 { color: #777261;
	font-size: 1.9em;
	font-family: Helvetica, Arial, sans-serif;
	margin:0px;
	padding: 0px; }
h1, h1 a {
	color: #2080a0;
	font:Verdana;
}
h1, h1 a:hover {
	color: #2080a0;
	font:Verdana;
}
h3 { font:1.28em Georgia, serif; padding:5px; margin-bottom:10px;}
.clear { clear:both;}

/*++++++ WRAPPER ++++++++*/
#wrapper { width:800px; margin:auto; }
#top { height:31px; width:700px; }

/*++++++ LOGO 2 HERE, LOGO OR TEXT JUST REMOVE ONE OF THEM ++++++++*/
#logo { float:left; width:180px; height:30px; }
#logo h1 { text-indent:-9999px; font-size:10px; }
#logo h1 a { display:block; height:30px; background:url(images/logo.gif) no-repeat; }
/*#logo h1 { font:normal 20px Georgia, Times, serif; line-height:30px; }
#logo h1 a { color:#fff;}
#logo h1 a:hover { color:#e4f2fd;}*/

/*++++++ MENU TOP ++++++++*/
#menu { width:520px; float:right; height:30px; color:#ccc; }
#menu ul { margin-top:5px; float:right;}
#menu ul li { float:left; height:20px; margin:0 5px 0 0; display: inline; line-height:20px; font-size:8pt;}
#menu ul li a { display: block; padding:0 10px 0 10px; color:#ccc; }
#menu ul li a:hover{ color:#fff;}
#menu ul li.current_page_item {background: #000 url(images/mright.gif) no-repeat right;}
#menu ul li.current_page_item a{background: url(images/mleft.gif) no-repeat left; }
#menu ul li#searchbox { width: 152px; height: 20px; background: url(images/go.gif) no-repeat; margin-right:0px;  }
#menu ul li#searchbox #s { float: left; margin: 4px 0 0 6px; border: 0; width: 110px; background: none; color:#333; font-size:10px; }
#menu ul li#searchbox #go { float: right; width:25px; height:20px;  }

/*++++++ CONTENT ++++++++*/
#content {
	margin-bottom: 20px;
	padding-top:10px;	
	line-height: 21px;
	height: auto;
}

.left {
	float: left;
	_margin-top: 5px;
}

.left img {
	width: 580px;
	height: 390px;
}

.right {
	width: 205px;
	float: right;
	line-height: 21px;
	_margin-left: 5px;
	_margin-top: 5px;
}

#content img {border: 3px solid #dadbbe; }

#content p { padding-bottom:10px;}


.meta a, .meta {
	color: #a2987b;
	text-decoration: none;
	margin: 0 0 10px 0;
}

.meta a:hover {
	color: #555;
	text-decoration: underline;
}


/*++++++ TABBER FRAME ++++++++*/

.tooltip { cursor: help; }
.tool-tip { color: #fff; width: 200px; z-index: 1000; background: #555; font-size: 11px; }
.tool-title { font-weight: bold; padding: 4px; }
.tool-text { padding: 0 6px 6px 6px; }

/*++++++ TABBER ++++++++*/
#options { display: block;clear: both;width:800px;margin: auto; padding:10px; background:#fdfdfd; border:1px solid  #f0f0f0; }

#tab { width:670px; height:12px;margin: auto;}
.tabberlive .tabbertabhide { display:none; }
.tabber { width:370px; height: auto;}
.tabberlive { }
ul.tabbernav { }
ul.tabbernav li { display: inline; }
ul.tabbernav li a { padding: 10px; height:30px; line-height:30px; margin-right: 5px; background: #e4f2fd; border:none; }
ul.tabbernav li a:link {}
ul.tabbernav li a:visited { }
ul.tabbernav li a:hover { color: #000; background: #a8c4da; }
ul.tabbernav li.tabberactive a { background: #a8c4da; color:#000; }
ul.tabbernav li.tabberactive a:hover { color: #333; background: #a8c4da; }
.tabberlive .tabbertab { width:670px; height: auto;padding:20px 10px 10px 10px; border-top:0; background:#fff; font-size:10pt;}
.tabberlive .tabbertab h2 { display:none;font-size:10pt;  }
.tabberlive .tabbertab h3 { display:none; }
.tabbertab p { padding-bottom:10px; line-height:100%; }
.tabbertab ul { }
.tabbertab ul li { padding:5px 0 6px 0;font-size:10pt; }
.tabbertab ul li { background:url(images/bullet.gif) no-repeat 0 5px; padding-left:20px; border-bottom:1px solid #e4f2fd;} 
.tabbertab ul li a { border:none;}

/*++++++ ENTRY ++++++++*/
.box { width:680px; padding:10px; background:#fdfdfd; border:1px solid  #f0f0f0; margin-bottom:10px;}
.box span.date { font-size:11px; font-weight:normal; padding-left:10px; }
.box p.dpost { display:block; background:#f6f6f6; padding:5px 5px 5px 10px; margin:10px 0 0 0; clear:both;}
.box p.dpost a { font-weight:normal; }
.box p a { font-weight:bold;}
.box p { line-height:140%;font-size:10pt;}

/*++++++ MISC ++++++++*/
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
img.centered a:link, img.alignright a:link, img.alignleft a:link { border:none;}
.alignright { float: right; }
.alignleft { float: left }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
html>body .box ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; }
html>body .box li { margin: 7px 0 8px 10px; }
.box ul li:before{ content: "\00BB \0020"; }


/*----*/

#browse {
	width: 800px;
         height:10px;
	margin: 10px 0 20px 0;
}

div.alignleft,  div.alignright{
	display: block;
	width: 40%;
	padding: 3px 0px 3px 0px;
}

div.alignleft {
	float: left;
	text-align: left;
}

div.alignright {
	float: right;
	text-align: right;
}
div.alignleft a, div.alignright a {
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	font:0.95em Verdana, Arial, Helvetica, sans-serif;
}

div.alignleft a {
	padding: 3px 10px 2px 16px;
	background: #c0c2a4 url('images/arrow-left-off.png') top left no-repeat;
}

div.alignleft a:hover {
	background: #000000 url('images/arrow-left-on.png') top left no-repeat;
	color: #fff;
}

div.alignright a {
	padding: 3px 16px 1px 10px;
	background: #c0c2a4 url('images/arrow-right-off.png') top right no-repeat;
}

div.alignright a:hover {
	background: #000000 url('images/arrow-right-on.png') top right no-repeat;
	color: #fff;
}




/*------------- COMMENTS -------------*/

#comments , #commentform{
	width:780px;
	padding: 0;
	margin: auto;
	float: left;
	clear: both;
}

#comments h3 {
	font-size: 1.7em;
	color: #565656;	
	margin: 15px 0 10px 0;
}


div.gravatar {
	width: 70px;
	float: left;
}
.avatar{float:left; margin:0 12px 0 0;padding:1px;}

#content .gravatar img { clear:both;border: 1px solid #EEE;}

div.comment {
	width: 450px;
         float: left;
	margin-bottom: 20px;
}
.comment span{
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
}

ul.commentlist {
	padding: 0;
	margin: 0;
	float: left;
	
}

.commentlist li {
	padding: 10px 0 10px 0px;
	list-style: none;
}

form textarea {
	margin: 5px 0 0 0;
	width: 450px;
	padding: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
}

form input {

	margin: 5px 5px 0 0;
	padding-left: 5px;
}

form p input {

	margin: 5px 5px 0 0;
	padding-left: 5px;
}

/* Post Meta Date */
.post-content {
	width: 900px;
	margin-left: 6px;
	text-align: left;
	padding-top: 2px;
         padding-bottom: 10px;
	height:auto;
	font-size: 14px;
}

.post-meta {
	width: 800px;
	margin-left: 6px;
	text-align: left;
	padding-top: 11px;
	height:60px;
}

.post-meta a {	color: #587384; text-decoration: none;}

.post-meta a:hover {	color: #EA2788;text-decoration: underline;}

/* Post Meta Date */


.post-meta  .entry { color: #7A7A7A;display: block;font-size: 12px;
width: 920px;height: 15px;text-align: left;margin: 10px 0px 3px 0px;padding: 0px 0px 0px 0px;
}

.post-meta  .info {  float: right; width: 680px; height:20px;margin-left:8px;margin-top:8px;}
.post-meta   .info  a { color: #444352;text-decoration: none;font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 22px;}
.post-meta   .info  a:hover { color: #EA2788;text-decoration: none;}



.post-meta h3 {
    float: left; 
	padding: 3px 0;
	margin-bottom: 3px;
	width: 93px;
	height: 42px;
	font-family: arial;
}

.post-meta h3 span.day {
	display: block;
	float: left;
	font-size: 37px;
	border-right: #CBCBCB 1px solid;
	padding-right: 5px;
	color: #8D8D8D;
}

.post-meta h3 span.month, .post-meta h3 span.year {
	color: #666666;
	width: 40px;
	margin-top: 3px;
}

.post-meta h3 span.month {
	display: block;
	float: right;
	font-size: 15px;
	line-height: 16px;
	height: 19px;
	padding-left: 4px;
	text-align: center;
	text-transform: uppercase;
    margin-top: 2px;
}

.post-meta h3 span.year {
	font-size: 14px;
	display: block;
}

/* Post Meta Author and Comments */

.post-meta h4 {
	float:right;
	font-size: 12px;
	padding: 1px 10px 1px 0;
	color: #75748D;
    display: block;
	letter-spacing: normal;
    font-weight: normal;
    width: 667px;
}



.post-meta h4.comments a {
	color: #666666;
}

/* More Entries */

.more_posts {
	width: 400px;
	clear: both;
	margin-left: 190px;
	padding: 5px 0 6px 0;
}

.more_posts h2 {
	font-size: 20px;
}

.more_posts h2 a {
	color: #404040;
}

.more_posts h2 a:hover {
	color: #1A86DF;
}

/*++++++ COMMENTS ++++++++*/
label {font:1.3em Georgia, serif;}
h3#comments, h3#respond { font:1.3em Georgia, serif; margin-bottom:10px; background:#fcfcfc; display:block; padding:5px; border-bottom:1px dashed #ccc; text-transform:uppercase; }
.box ol.commentlist { width:670px; clear:both; padding: 0 0 0 -25px;  }
.box ol.commentlist li.alt { background:#fafafa; color:#333; padding:5px; margin-bottom:5px; list-style:none;  }
.box ol.commentlist li { color:#333; padding:5px; margin-bottom:5px;  }
.box ol.commentlist li .gravatar { float:left;  width:50px; margin-right:10px;}
.box ol.commentlist li .gravatar img { border: -2px solid #dadbbe;}
.box ol.commentlist li .comments { float:right; width:580px; }
.box ol.commentlist li .comments p { padding-top:10px;}
#commentform { margin-left:10px;}
#comment { width:520px;}
#comment:focus,#comment.sffocus { color: #000; border: 1px solid #afc9de; width:520px; display:block; padding: 4px; margin-bottom: 0.6em; background: #fff url(images/inputbg.gif) repeat-x top left;}

/*++++++ FOOTER ++++++++*/
#footer { background:url(images/foobkg.gif) repeat-x; clear: both; position: relative; z-index: 10; height: 31px; }
.footer, #push { height:30px; width:695px; margin:auto; padding-top:1px; }
#footer p { line-height:31px; color:#fff;}
#footer p a { color:#cccccc;}
#footer p.fooleft { float:left;}
#footer p.fooright { float:right; text-indent:-9999px;}
#footer p.fooright a { display:block; background:url(images/top.gif) no-repeat 0 8px; width:27px; height:31px;}