/*  
Theme Name: Widggeo.us Blogeo.us
Theme URI: http://widgeo.us/
Description: Widgeo.us Official Blog Theme
Version: 0.1
Author: Aen Tan
Author URI: http://aendirect.com/

	Blogeo.us 0.1
	 http://widgeo.us/

	Theme designed and developed by Aen Tan, Art Director of Widgeo.us

	Copyright 2007 All Rights Reserved, Widgeo.us and Aen Tan

*/


@charset "utf-8";

/* HTML & CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline; }
:focus, a, button, input {
outline: 0; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0; }
caption, th, td {
text-align: left;
font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after {
content: ""; }
blockquote, q {
quotes: "" ""; }
h1,h2,h3,h4,h5 { font-weight: bold; }
input { font-family: Helvetica, Arial, sans-serif; }

/* LAYOUT */

body {
font: 62.5% Helvetica, Arial, sans-serif;
background: #f5f5e8;
color: #555; }

div#top {
margin: 0 auto; padding: 0 10px;
min-width: 755px; width:expression(document.body.clientWidth < 782? "755px" : "auto"); }

#home div#top { width: 960px; } /* fixed width for homepage */


/* COMMON */

.hide { visibility: hidden; }
.offscreen { text-indent: -999em; }
.none { display: none; }

.alignleft { float: left; }
.alignright { float: right; }

.clear { clear: both; }

code {
font: 1.2em "Courier New", Courier, monospace; }

a {
color: #00b0d8;
text-decoration: none; }
a:hover {
color: #bed63a;
text-decoration: underline; }

a.button_medium, button.button_medium {
float: left; display: inline;
margin: 0; padding: 0 0 0 5px;
background: url(images/button_medium_left.gif) no-repeat 0 0 !important;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border: 0;
cursor: pointer; }
a.button_medium span, button.button_medium span {
float: left;
padding: 6px 10px 0 5px;
height: 26px;
background: url(images/button_medium_right.gif) no-repeat 100% 0;
color: #fff;
font-size: 16px;
font-weight: bold;
white-space: nowrap; }

button.button_medium { margin: 0; padding: 0 0 0 2px; }
button.button_medium span { margin: -1px 0 0; padding: 6px 10px 0 5px; }

a.button_medium:hover, button.button_medium:hover,
a.button_medium.sfhhover, button.button_medium.sfhover,
li.selected a.button_medium {
background-position: 0 -32px !important; }
a.button_medium:hover span, button.button_medium:hover span,
a.button_medium.sfhover span, button.button_medium.sfhover span,
li.selected a.button_medium span {
background-position: 100% -32px; }

p.back_to_top {
position: relative; right: 10px;
float: right; }

p.back_to_top a {
display: block;
width: 16px; height: 16px;
text-indent: -999em;
background: url(images/back_to_top.gif) no-repeat; }
p.back_to_top a:hover {
background-position: 0 -16px; }

label.overlabel { text-indent: -999em; }
label.overlabel, label.overlabel-apply {
position:absolute; top: 3px; left: 5px;
z-index: 1;
cursor: text; }

/* Boxes */
b.bt, b.bt b, b.bb, b.bb b,
b.ht, b.ht b,
b.ft, b.ft b, b.fb, b.fb b {
display: block; clear: both;
height: 10px;
font-size: 1px;
background: url(images/corners_light.gif) no-repeat;
position:relative;
z-index: 2; }
b.ht, b.ht b { background: url(images/corners_blue.gif) no-repeat; }
b.ft, b.ft b,
b.fb, b.fb b { background: url(images/corners_light_borderless.gif) no-repeat; }
b.bt, b.ht, b.ft {
top: -1px;
left: -1px; }
b.bt b, b.ht b, b.ft b {
background-position:100% -10px;
left: 2px; }
b.bb, b.fb {
background-position:0 -20px;
top: 1px;
left: -1px; }
b.bb b, b.fb b {
background-position:100% -30px;
left: 2px; }
*.content_wrap {
position: relative;
clear: both;
border: 1px solid #ddd ; }
*.content_borderless {
position: relative;
clear: both;
background: #edede1;
border: 1px solid #edede1; }
*.content_border {
position: relative;
clear: both;
background: #f5f5e8;
border: 1px solid #f2f2e5; }

div.content_head {
float: left; clear: both;
margin: -11px 0 0 -1px;
width: 725px; height: 30px;
background: #00b0d8 url(images/bg_titlebar.gif) repeat-x;
border: 1px solid #00b0d8; }

div.content_head h2 {
position: absolute; z-index: 3;
margin: -3px 0 0 10px;
font-size: 1.5em;
color: #fff; }

div.content_body {
float: left;
margin: 0; }

div#body {
width: 960px; }


/* ICONS */

.icon {
background-repeat: no-repeat !important; }
.left {
padding: 0 0 0 20px; }
.right {
padding: 0 24px 0 0;
background-position: 100% 0; }
.fullscreen { background-image: url(images/icons/fullscreen.gif); }
.tab_commands { background-image: url(images/icons/page_white_gear.png); }
.tab_data_sources { background-image: url(images/icons/database_table.png); }
.tab_contacts { background-image: url(images/icons/group.png); }
.rss { background-image: url(images/icons/feed-icon-16x16.png); }
.sharethis { background-image: url(images/icons/sharethis-icon-16x16.png); }
.tags { background-image: url(images/icons/tag_blue.gif); }
.refresh { background-image: url(images/icons/refresh.png); }
.warning { background-image: url(images/icons/exclaim.gif); }
.error { background-image: url(images/icons/x.gif); }
.good { background-image: url(images/icons/checkmark.gif); }
.comment { background-image: url(images/icons/comments.gif); }
.edit { background-image: url(images/icons/edit.gif); }
.twitter { background-image: url(images/icons/twitterbird.gif); }
.simple_arrow { background-image: url(images/icons/simple_arrow.png); }


/* HEADER */

div#header {
float: left;
margin: 15px auto 20px;
width: 100%; }

h1#logo {
float: left;
margin: 5px 0 0;
width: 245px; height: 55px;
background: url(images/wejustblog_logo.gif) no-repeat; }
h1#logo a {
display: block;
width: 245px; height: 55px;
text-indent: -9999px; }
h1#logo a:hover {
background-position: 0 -55px; }

h2#blog_logo {
float: right;
margin: 25px 0 0;
background: url(images/blog_logo.gif) no-repeat; }
h2#blog_logo a {
display: block;
width: 124px; height: 34px;
text-indent: -9999px; }

/* Sub Navigation */
ul#subnav {
float: right; }
ul#subnav li {
display: inline;
margin: 0 0 0 1em; }
ul#subnav li a {
color: #999;
font-size: 1.2em; }
ul#subnav li a:hover {
color: #bed63a; }

/* Main Navigation */
ul#mainnav {
float: right; clear: right;
margin: 20px 0 0; }
ul#mainnav li {
display: inline; float: left;
margin: 0 0 0 0.5em;
height: 30px;
background: #00b0d8 url(images/mainnav_tab_left.gif) no-repeat 0 0; }
ul#mainnav li a {
float: left;
display: block;
width: 1em; height: 24px;
padding: 6px 10px 0 10px;
color: #fff;
font-size: 1.3em;
font-weight: bold;
text-decoration: none;
white-space: nowrap;
background: url(images/mainnav_tab_right.gif) no-repeat 100% 0; }
ul#mainnav li > a { width: auto; }
ul#mainnav li:hover, ul#mainnav li.sfhover, ul#mainnav li.selected {
background: #bed63a url(images/mainnav_tab_left.gif) no-repeat 0 -30px; }
ul#mainnav li:hover a, ul#mainnav li.sfhover a, ul#mainnav li.selected a {
background-position: 100% -30px; }

/* Breadcrumbss */
div#breadcrumbs_box {
float: left;
margin: 10px 0 0; padding: 0;
width: 100%; height: 40px; }

p.breadcrumbs {
margin: 0 0 0 15px; padding: 0;
width: 700px;
line-height: 2em; }

p.breadcrumbs a, p.breadcrumbs span {
float: left;
margin: 0; padding: 0 10px;
font-size: 1.2em;
background: url(images/breadcrumb_arrow.gif) no-repeat 0 50%; }

p.breadcrumbs a { color: #999; }
p.breadcrumbs a:hover { color: #bed63a; }

a.back {
padding: 0 !important;
width: 25px;
text-indent: -999em;
background: url(images/icons/home_symbol.gif) no-repeat 0 0 !important; }
a.back:hover { background-position: 0 -20px !important; }

/* Header Search */
form#head_search_form {
position: absolute;
right: 5px; top: 6px;
width: 197px; height: 25px;
background: url(images/homesearch_tf_bg.gif) no-repeat; }

div#head_search_form div {
position: relative; float: left; }

form#head_search_form label {
margin: 3px 0 0;
font-size: 12px;
color: #ccc; }

form#head_search_form input {
float: left;
padding: 6px 4px 0;
width: 162px; height: 19px;
font-size: 12px;
color: #ccc;
background: none;
border: 0; }

form#head_search_form input:focus, input.sffocus {
color: #555; }

button.btn_search_small {
float: left;
margin: 3px 0 0; padding: 0;
width: 24px; height: 21px;
background: url(images/search_button_small.gif) no-repeat;
text-indent: -999em;
border: 0;
cursor: pointer; }

form#head_search_form button:focus, form#head_search_form button.sffocus {
background-position: 0 -21px; }


/* POST */

div#posts {
float: left;
margin: 0 16px 0 0; padding: 0; }

div.post_box {
margin: 0 0 15px;
width: 640px; }

div.post_inner {
display: inline; position: relative;
float: left; clear: left;
margin: 2px 15px;
width: 610px; }

div.date_box {
float: left;
margin: 0 5px 2em 0;
width: 30px; height: 35px;
background: url(images/date_bg.gif) no-repeat; }

span.day {
display: block; float: left;
width: 30px; height: 21px;
font: bold 1.8em Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
line-height: 21px; }

span.month {
display: block; float: left;
width: 30px; height: 14px;
font: bold 1.1em Arial, Helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
color: #fff;
line-height: 14px; }

div.post_box h2 {
margin: 0;
width: 560px;
font-size: 1.8em;
font-weight: normal;
line-height: 1.2em;
color: #555; }

div.post_box h2 a { color: #555; }
div.post_box h2 a:hover { color: #bed63a; }

p.meta {
font-size: 1.2em;
color: #999; }

p.meta_comment {
position: absolute;
right: 0; top: 0;
margin: 0; padding: 0;
font-size: 1.1em;
line-height: 16px; }

p.meta_comment a { padding: 2px 18px 0 0; text-decoration: none; }
p.meta_comment a:hover { background-position: 100% -16px; text-decoration: none; color: #bed63a; }

div.post_story {
clear: left; display: block;
margin: 0; padding: 0; }

div.post_story p,
div.post_story ul, div.post_story ol,
div.post_story h1, div.post_story h2, div.post_story h3, div.post_story h4 {
margin: 0 0 1em; }

div.post_story p {
font-size: 1.2em;
line-height: 1.5em; }

div.post_story h3 {
font-size: 1.3em;
line-height: 1.5em; }

div.post_story p a:hover {
background-color: #fff; }

div.post_story ul li {
font-size: 1.2em;
line-height: 1.4em; }

span.tag_list {
padding: 2px 3px;
width: auto;
background: #edede1;
border: #f2f2e5; }

*.imageframe {
padding: 7px;
background: #fff;
border: 1px solid #ddd; }
*.imageframe:hover, *.imageframe.sfhover { border-color: #bed63a; }
.imgalignleft { float: left; margin: 0 1em 0.5em 0; }
.imgalignright { float: right; margin: 0 0 0.5em 1em; }
.imgaligncenter {  margin: 0 auto 1.5em; }
.imagecaption { font-size: 1.1em; }

/* Pullquotes */
blockquote.pullquote {
float: left;
width: 12em;
margin: 0 1em 0.5em 0; padding: 0.6em 1em 0 1em;
font-size: 1.4em;
font-weight: bold;
color: #bed63a; }

blockquote.alt {
float: right;
margin: 0 0 0.5em 1em; }

.pullquote p {
margin: 0;
line-height: 1.2em !important;
text-align: right; }
.alt p {
text-align: left; }

.pullquote p:first-letter { text-transform: uppercase; }



/* COMMENTS */

div#comments {
float: left;
margin: 25px 15px 10px; }

div#comments h3 {
float: left; display: inline;
margin: 5px 0 5px 15px;
height: 16px;
line-height: 16px;
font-size: 16px;
font-weight: normal;
background-position: 0 -16px; }

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

ul.commentlist li {
float: left; position: relative; display: inline;
padding: 15px 15px 15px;
border-bottom: 1px solid #f5f5e8;
width: 580px; }

ul.commentlist li.alt {
background-color: #f0f0e4; }

ul.commentlist li.admin { }

div.comment_left {
float: left;
width: 60px; }

div.comment_right {
float: left;
width: 518px; }

ul.commentlist li cite {
font-size: 1.2em;
font-weight: bold;
font-style: normal; }

small.commentmetadata {
font-size: 1.1em;
color: #999; }

ul.commentlist li p {
margin: 0.5em 0 0;
font-size: 1.2em;
line-height: 1.4em; }

img.gravatar {
padding: 4px;
border: 1px solid #ddd;
background: #fff; }

li.admin img.gravatar {
padding: 4px 4px 13px;
border: 1px solid #b5d115;
background: #bed62a url(images/label_admin.gif) no-repeat 50% 47px; }

h3#respond {
float: left; }

form#commentform {
float: left;
margin: 0 0 0 15px; }


/* SIDEBAR */

ul#sidebar {
margin: 0; padding: 0; }

ul#sidebar li.widget {
float: left; clear: left;
margin: 0 0 15px;
width: 300px; }

div#sidebar_wide {
float: left;
width: 300px; }

div#sidebar_wide div.content_borderless {
width: 300px; }

li.widget h3 {
font-size: 13px;
font-weight: normal;
color: #999; }

/* Category Menu */
ul#blog_cats {
float: left;
margin: 0 0 15px; padding: 0; }
ul#blog_cats li {
float: left;
margin: 0 0 5px; }

ul#blog_cats li a span {
float: left;
display: block;
width: 280px;
text-align: right;
font-size: 13px;
line-height: 18px; }

div.sidebar_inner {
float: left; clear: left;
position: relative; display: inline;
margin: 0 15px;
width: 270px; }

/* Who is Widgeo.us */
div#who_is p, div#who_is h3 {
margin: 0 0 0.8em;
font-size: 1.2em;
line-height: 1.3em; }

/* Recent Comments */
div#recent_comments p, div#recent_comments h3 {
margin: 0 0 0.8em;
font-size: 1.2em;
line-height: 1.3em; }

div#recent_comments ul {
margin: 0; padding: 0; }

div#recent_comments li {
clear: left; float: left;
margin: 0 0 0.5em;
width: 270px;
font-size: 1.2em;
line-height: 1.4em; }

div#recent_comments li img {
float: left;
padding: 3px; margin: 0 5px 0 0;
border: 1px solid #ddd;
background: #fff; }

div#recent_comments .time_since {
font-size: 11px; }

/* Twitter */
div#twitter_div p, div#twitter_div h3 {
margin: 0 0 0.8em;
font-size: 1.2em; }

div#twitter_div ul {
margin: 0; padding: 0; }

div#twitter_div li {
float: left; clear: left;
margin: 0 0 0.5em;
width: 270px;
font-size: 1.2em;
line-height: 1.4em; }

div#twitter_div li a { font-size: 11px !important; }

/* Share Tabbed Box */
ul#share_tabs {
float: left;
width: 300px;
margin: 0; padding: 0;
background: url(images/share_tabs_bg.gif) no-repeat;
border-bottom: 1px solid #ddd; }

ul#share_tabs li {
float: left; position: relative;
margin: 0 0 -1px 0;
background: url(images/sharetab_bg_right.gif) no-repeat 100% 0; }

ul#share_tabs li a {
float: left;
margin: 0; padding: 0 0.8em;
color: #ccc;
text-decoration: none;
background: transparent url(images/sharetab_bg_left.gif) no-repeat;
cursor: pointer;
border-bottom: 1px solid #ddd; }

ul#share_tabs li a span {
float: left;
height: 30px;
font-size: 12px;
line-height: 30px;
background-position: 0 50%;
background-color: transparent; }

ul#share_tabs li:hover, ul#share_tabs li.sfhover {}
ul#share_tabs li.selected {
color: #555;
background-position: 100% -30px; }
ul#share_tabs li a:hover { color: #555; }
ul#share_tabs li.selected a {
color: #555;
background-position: 0 -30px;
border-bottom: 1px solid #e6e7da; }

div.tabcontent {
float: left; display: none;
margin: 0; padding: 5px 10px 10px;
width: 280px;
background: #e6e7da url(images/tabcontent_bg.gif) no-repeat 0 100%; }

div.tabcontent p, div.tabcontent h3 {
margin: 0 0 0.5em;
font-size: 1.2em;
line-height: 1.3em; }

div#share1 li a {
float: left;
line-height: 16px !important;
height: 16px; }
div#share2 li a {
float: left;
line-height: 16px !important;
width: 120px; height: 16px;
font-size: 1.2em; }

div#share1 ul, div#share2 ul, div#share3 ul {
float: left; display: inline;
margin: 0; padding: 0;
width: 270px; }

div#share2 li {
float: left; display: inline;
margin: 5px 0; padding: 0;
width: 120px; }


/* HOMEPAGE STYLES */

div#build_your_own {
float: right;
margin: 10px 35px 0 0;
width: 200px; height: 195px;
text-align: center; }

div#build_your_own p {
clear: both; float: left;
text-align: center; }

p#build_your_own_title {
margin: 30px auto 0;
width: 192px; height: 64px;
text-indent: -999em;
background: url(images/build_your_own.png) no-repeat; }

p.build_your_own_button {
margin: 10px 0 0;
width: 200px;
font-size: 1.4em;
line-height: 2em;
text-align: center; }

p.build_your_own_button a.button_medium {
margin: 0 48px;
line-height: normal; }

p.build_your_own_button br {
clear: both; }

div#intro_caption {
float: left; clear: left;
margin: 0 20px 0 0;
width: 725px; height: 70px;
background: url(images/intro_captions.gif) no-repeat; }


/* FORMS */

form.generic_form {
float: left; clear: left;
padding: 0 0 20px; }

.generic_form div {
float: left; clear: left;
margin: 0 0 1.5em; }

.generic_form label {
float: left;
margin: 0 20px 0 0;
width: 120px;
font-size: 1.2em;
font-weight: bold;
color: #669933;
text-align: right;
line-height: 24px; }

.generic_form input.text {
float: left;
padding: 3px;
font: 1.4em Arial, Helvetica, sans-serif;
color: #555;
border: 1px solid #ccc; }

.generic_form textarea.text {
float: left;
padding: 3px;
font: 1.4em Arial, Helvetica, sans-serif;
color: #555;
border: 1px solid #ccc; }

.generic_form input:focus, .generic_form input.sffocus,
.generic_form textarea:focus, .generic_form textarea.sffocus { }

input.checkbox {
float: left;
line-height: 24px; }
label.checkbox {
float: left;
margin: 0 0 0 3px;
width: auto;
font-weight: normal;
color: #555;
cursor: pointer; }

span.form_instruction, span.form_message {
float: left;
margin: 3px 0 0 140px;
font-size: 1.2em;
line-height: 16px;
color: #999; }
span.form_instruction {
clear: none !important;
margin: 4px 0 0; }
span em {
font-weight: bold;
color: #777; }

.generic_form .clear  {
float: left; clear: both;
margin: 0 0 0 140px; }

img.captcha_image {
float: left;
margin-top: 5px !important;
border: 1px solid #ccc; }

div.separated {
margin: 15px 0 0; padding: 10px 0 15px;
width: 610px;
background: #edede1; }


/* FOOTER */

div#footer {
clear: both; }

div#footer_content {
float: left; clear: left;
margin: 15px 0 20px; padding: 0;
width: 100%; }

p#copyright {
display: inline;
float: left;
margin: 0 0 0 15px;
font-size: 1.1em;
line-height: 18px; }


/* PLUGIN STYLES */

/* Quicktime hacks for Viper's Video Quicktags plugin */
.vvqbox {
margin: 5px auto 0 auto;
text-align: center; }
/* hides the second object from all versions of IE */
* html object.mov {
display: none; }
/* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov/**/ {
display: inline; }
/* hides the second object from all versions of IE >= 5.5 */
* html object.mov {
display/**/: none; }

/*
WordPress 2.1 Plugin: WP-PageNavi 2.20
Copyright (c) 2007 Lester "GaMerZ" Chan
File Written By:
- Lester "GaMerZ" Chan
- http://lesterchan.net
File Information:
- Page Navigation CSS Style
- wp-content/plugins/pagenavi/pagenavi-css.css
*/
div.wp-pagenavi {
text-align: center;
margin: 1em auto; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
padding: 4px 5px; 
margin: 2px;
text-decoration: none;
font-size: 1.2em;
color: #fff;
background-color: #00b0d8; }
.wp-pagenavi a:hover {
color: #fff;
background-color: #bed63a; }
.wp-pagenavi span.pages {
padding: 4px 5px; 
margin: 2px;
font-size: 1.2em; }
.wp-pagenavi span.current {
padding: 6px 7px; 
margin: 2px;
font-size: 1.3em;
font-weight: bold;
color: #fff;
background-color: #bed63a; }
.wp-pagenavi span.extend {
padding: 4px 5px; 
margin: 2px;
font-size: 1.2em; }


/* FILE ICONS */

a[href$=".pdf"], a[href$=".txt"], a[href$=".mp3"], a[href$=".aiff"], a[href$=".wav"], a[href$=".ogg"], a[href$=".wma"], a[href$=".zip"], a[href$=".rar"], a[href$=".ace"], a[href$=".tar.gz"], a[href$=".tgz"], a[href$=".mpg"], a[href$=".mpeg"], a[href$=".avi"], a[href$=".mv2"], a[href$=".mov"], a[href$=".mp4"], a[href$=".wmv"], a[href$=".swf"], a[href$=".xls"], a[href$=".doc"], a[href*="trackback"], a[href*="@"] {
padding: 2px 0 2px 20px;
background-color: transparent !important;
background-position: 0 50%;
background-repeat: no-repeat; }
a[href$=".pdf"] { background-image: url(images/icons/page_white_acrobat.png); }
a[href$=".txt"] { background-image: url(images/icons/page_white_text.png); }
a[href$=".mp3"], a[href$=".aiff"], a[href$=".wav"], a[href$=".ogg"], a[href$=".wma"] { background-image: url(images/icons/music.png); }
a[href$=".zip"], a[href$=".rar"], a[href$=".ace"], a[href$=".tar.gz"], a[href$=".tgz"] { background-image: url(images/icons/page_white_compressed.png); }
a[href$=".mpg"], a[href$=".mpeg"], a[href$=".avi"], a[href$=".mv2"], a[href$=".mov"], a[href$=".mp4"], a[href$=".wmv"] { background-image: url(images/icons/film.png); }
a[href$=".swf"] { background-image: url(images/icons/page_white_flash.png); }
a[href$=".xls"] { background-image: url(images/icons/page_white_excel.png); }
a[href$=".doc"] { background-image: url(images/icons/page_white_word.png); }
a[href*="trackback"] { background-image: url(images/icons/link.png); }
a[href*="@"] { background-image: url(images/icons/email.png); }