/*
Theme Name: YOBO
Theme URI: http://www.yoebo.com/
Description: A Blank magazine Wordpress theme.
Author: Louis Sparx
Author URI: http://www.yoebo.com/
version: 2.0
Tags: three-column, widget-ready, blank
*/

		/**** basics */

* {
MARGIN:0;
PADDING:0
}

body {
BACKGROUND:#eee;
FONT-FAMILY:verdana;
FONT-SIZE:11px;
MARGIN:20px 0
}

h1 {
COLOR:#333;
FONT-FAMILY:arial, verdana;
FONT-SIZE:18pt;
FONT-WEIGHT:700;
TEXT-TRANSFORM:capitalize
}

h2 {
COLOR:#333;
FONT-FAMILY:arial, verdana;
FONT-SIZE:16pt;
FONT-WEIGHT:700;
TEXT-TRANSFORM:capitalize
}

h3 {
BACKGROUND-COLOR:#eee;
BORDER-LEFT:0 solid #eee;
BORDER-TOP:1px solid #bbb;
COLOR:#333;
FONT-FAMILY:georgia;
FONT-SIZE:12pt;
FONT-STYLE:italic;
FONT-WEIGHT:700;
MARGIN:14px -12px 12px;
PADDING:10px 12px;
TEXT-TRANSFORM:capitalize
}

h4 {
BACKGROUND-COLOR:#FFF;
border-bottom: 2px solid #56B92A;
BORDER-LEFT:0 solid #eee;
BORDER-RADIUS:0;
COLOR:#333;
FONT-FAMILY:verdana;
FONT-SIZE:11pt;
FONT-WEIGHT:700;
PADDING:4px 2px;
TEXT-TRANSFORM:capitalize
}

img {
BORDER:none;
PADDING:0
}

img a {
BORDER:none
}

img.left {
BORDER:none;
FLOAT:left;
PADDING:6px 0 0
}

img.right {
BORDER:none;
FLOAT:right;
PADDING:0 0 0 6px
}

img.mid {
VERTICAL-ALIGN:middle
}

blockquote {
BACKGROUND-COLOR: #F8F8F8;
BORDER-LEFT:2px double #56B92A;
BORDER-RADIUS:0px;
MARGIN:15px;
PADDING:4px 14px
}

code {
FONT-FAMILY:verdana
}

ol {
MARGIN-LEFT:30px
}

ul {
MARGIN-LEFT:30px
}

.firstpost {
HEIGHT:100% !important;
WIDTH:520px !important
}

.firstpost h2 {
FONT:bold 16pt arial !important
}

.firstpost p {
FLOAT:right !important;
FONT:13px/ 1.6 verdana !important;
MARGIN-LEFT:0;
MARGIN-RIGHT:24px !important;
MARGIN-TOP:0 !important;
WIDTH:236px !important
}

p.readmore {
MARGIN-BOTTOM:8px !important
}

.readmore a{
BACKGROUND-COLOR: #fff !important;
COLOR: #06f !important;
PADDING: 0px 2px !important;
BORDER-RADIUS: 4px
}

.readmore a:hover{
BACKGROUND-COLOR:  #56B92A !important;
COLOR: #fff !important
}

		/**** tags & cats on the featured post */
.firstpost div {
BORDER:0 solid #FFF
}

		/**** links */
a {
COLOR:#06f;
TEXT-DECORATION:none
}

a:hover {
COLOR:#48A121;
TEXT-DECORATION:underline !important
}

		/**** container */
#container {
BACKGROUND:#fff;
BORDER-BOTTOM:1px solid #333;
BORDER-LEFT:0 solid #666;
BORDER-RADIUS:4px;
BORDER-RIGHT:0 solid #666;
BORDER-TOP:0 solid #134162;
COLOR:#333;
MARGIN:0 auto;
OUTLINE:0 solid #ddd;
OVERFLOW:hidden;
PADDING:0;
WIDTH:1020px
}

		/**** header */
div.headbord {
BACKGROUND-COLOR:#7add4e;
BORDER-BOTTOM:0 solid #000;
HEIGHT:1px;
WIDTH:100%
}

#header {
BACKGROUND-COLOR:#56b92a;
BORDER-BOTTOM:0px solid #333;
BORDER-TOP:12px solid #134162;
COLOR:#000;
HEIGHT:100%;
MARGIN-BOTTOM:0;
PADDING-TOP:0;
WIDTH:100%
}

#header h1 {
COLOR:#333;
FONT-FAMILY:"Trebuchet MS", sans-serif;
FONT-SIZE:34pt;
FONT-WEIGHT:BOLD;
MARGIN:0;
PADDING: 0 14px;
TEXT-TRANSFORM: none
}

#header p{
FONT-SIZE: 13px;
PADDING: 0 14px 8px;
TEXT-TRANSFORM: capitalize
}

#header a{
COLOR: #333
}

#header a:hover{
COLOR: #56B92A
}

#header h2 {
COLOR:#333;
FONT:normal 10pt verdana;
MARGIN:0;
PADDING:0 0 0 18px
}

		/**** main menu */
#menu{
BACKGROUND-IMAGE:url(http://www.yoebo.com/wp-content/uploads/2010/05/menuBK.gif);
BORDER-TOP:1px solid #7add4e;
FONT-FAMILY:verdana;
FONT-SIZE:12pt;
WIDTH:1020px;
OVERFLOW:hidden;
}
#menu ul{
MARGIN:0;
PADDING-LEFT:8px;
}
#menu ul li{
BORDER-RIGHT:1px solid #3C6A90;
LIST-STYLE-TYPE:none;
FLOAT:left;MARGIN:0;
}
#menu ul li a{
PADDING:8px;
MARGIN:0;
COLOR: #fffffe;
DISPLAY:block;
font-weight: bold;
}
#menu ul li a:hover{
PADDING:8px;
BACKGROUND-COLOR:#3C6A90;
COLOR: #ffffff;
}

#menu ul li.current_page_item a {
BACKGROUND-COLOR:#134162
}

		/**** social */
.social {
BACKGROUND:#fff;
BORDER-TOP:0 solid #eee;
DISPLAY:block;
FONT-SIZE:13px;
HEIGHT:100%;
MARGIN-TOP:20px;
TEXT-TRANSFORM:none
}

.social a img {
BORDER:1px solid #fff;
COLOR:#666;
MARGIN:2px;
PADDING:2px;
TEXT-DECORATION:none
}

.social a:hover img {
BORDER:1px solid #56B92A;
BORDER-RADIUS: 6px;
COLOR:red;
MARGIN:2px;
PADDING:2px;
TEXT-DECORATION:none
}

.clear-fix {
FLOAT:left;
HEIGHT:25px;
WIDTH:610px
}

		/**** content */
#content2 {
BACKGROUND-COLOR:#fff;
BORDER-LEFT:1px solid #bbb;
BORDER-RIGHT:1px solid #bbb;
FLOAT:left;
MARGIN:0;
OVERFLOW:hidden;
PADDING:14px 12px;
WIDTH:540px
}

#content1 {
BACKGROUND-COLOR:#f8f8f8;
BORDER-LEFT:1px solid #bbb;
BORDER-RIGHT:1px solid #bbb;
FLOAT:left;
MARGIN:0;
OVERFLOW:hidden;
PADDING:10px 8px;
WIDTH:548px
}

#content1 h1 {
MARGIN-TOP:4px
}

#content {
BACKGROUND-COLOR:#FFF;
BORDER-LEFT:1px solid #bbb;
BORDER-RIGHT:1px solid #bbb;
FLOAT:left;
MARGIN-TOP:0;
OVERFLOW:hidden;
PADDING:14px 12px;
WIDTH:540px
}

.post {
BACKGROUND-COLOR:#FFF;
BORDER-BOTTOM:0 solid #EEE;
LINE-HEIGHT:14pt;
MARGIN:0;
PADDING:0
}

.post h1 {
COLOR:#333;
FONT:bold 18pt arial, verdana, sans-serif;
TEXT-TRANSFORM:capitalize
}

.post h2 {
FONT:bold 16pt arial, verdana;
TEXT-TRANSFORM:capitalize
}

.post h2 a {
COLOR:#333;
TEXT-DECORATION:none
}

.post h2 a:hover {
BACKGROUND-COLOR:#56B92A;
COLOR:#fff;
TEXT-DECORATION:none
}

.entry img {
HEIGHT:auto;
MAX-WIDTH:540px;
WIDTH:expression(this.width>540?"540px":true)
}

.entry p {
FONT-FAMILY:verdana;
FONT-SIZE:13px;
MARGIN:4px 0;
TEXT-ALIGN:justify
}

.postmetadata {
BACKGROUND:#ffffdf;
CLEAR:both;
FONT-SIZE:11px;
MARGIN-TOP:0;
PADDING:2px 0;
TEXT-TRANSFORM:capitalize
}

.postmetadata2 {
BORDER: 1px solid yellow;
BACKGROUND:#ffffdf;
CLEAR:both;
FONT-SIZE:13px;
MARGIN-TOP:0;
PADDING:4px 0;
TEXT-TRANSFORM:capitalize
}

div.tagcatsep {
BACKGROUND-COLOR:#fff;
BORDER-BOTTOM:0 solid #fff;
HEIGHT:2px;
WIDTH:100%
}

.post2 {
BACKGROUND:#fff;
BORDER:1px solid #eee;
DISPLAY:block;
FLOAT:left;
HEIGHT:304px;
LINE-HEIGHT:14pt;
MARGIN:6px;
OUTLINE:0 solid #eee;
PADDING:7px;
WIDTH:246px
}

.post2:hover {
BORDER:4px solid #56B92A;
PADDING:4px
}

.post2 h1 {
FONT:normal 18pt verdana;
TEXT-TRANSFORM:capitalize
}

.post2 h2 {
FONT:bold 13pt arial;
TEXT-TRANSFORM:capitalize
}

.post2 h2 a {
COLOR:#333;
TEXT-DECORATION:none
}

.post2 h2 a:hover {
BACKGROUND-COLOR:#FFF;
COLOR:#56B92A;
TEXT-DECORATION:none
}

.post3 {
BACKGROUND-COLOR:#fff;
BORDER:1px solid #eee;
DISPLAY:block;
FLOAT:left;
HEIGHT:100%;
LINE-HEIGHT:14pt;
MARGIN:6px 0;
OVERFLOW:HIDDEN !important;
PADDING:5px;
WIDTH:534px
}

.post3:hover {
BORDER:4px solid #56B92A;
PADDING:2px
}

.post3 h1 {
FONT:normal 18pt verdana;
TEXT-TRANSFORM:capitalize
}

.post3 h2 {
FONT:bold 12pt verdana;
TEXT-TRANSFORM:capitalize
}

.post3 h2 a {
TEXT-DECORATION:none
}

.post3 h2 a:hover {
BACKGROUND-COLOR:#FFF;
COLOR:red;
TEXT-DECORATION:none
}

.navigation {
FLOAT:left;
FONT-SIZE:8pt;
MARGIN:0;
OVERFLOW:hidden;
PADDING:0;
WIDTH:100%
}

.alignleft a {
FLOAT:left;
MARGIN:25px 0
}

.alignright a {
FLOAT:right;
MARGIN:25px 0
}

		/**** left sidebar */
#left {
BORDER-RIGHT:0 solid #ddd;
BORDER-TOP:0 solid #444;
FLOAT:left;
MARGIN:0;
PADDING: 10px 8px;
WIDTH:166px
}

#left a {
text-decoration:none;
}

#left h3 {
BACKGROUND-COLOR:#fff;
BORDER:0 solid #ccc;
border-bottom: 1px solid #56B92A;
COLOR:#000;
FONT:normal 11pt verdana;
FONT-WEIGHT:700;
MARGIN:8px 0px 0;
PADDING:3px 0px
}

#left label {
COLOR:blue;
FONT:normal 11pt verdana;
MARGIN:0;
PADDING:0
}

#left p {
MARGIN:0;
PADDING:0
}

#left img {
MAX-WIDTH: 168px;
margin:0px;
padding: 8px 0px 0px;
}

#left ul {
MARGIN:4px 0px;
PADDING:0
}

#left ul li {
BORDER-BOTTOM:10px solid #F7F7F7;
LINE-HEIGHT:14pt;
LIST-STYLE-TYPE:square;
LIST-STYLE-POSITION: inside;
MARGIN:0px;
PADDING:0
}

#left ul ul {
MARGIN-BOTTOM:12px;
MARGIN-TOP:4px;
PADDING:0px
}

#left ul ul li {
LIST-STYLE-TYPE:square
}

table#wp-calendar {
BACKGROUND:#eee;
BORDER:0 solid #7a443a;
MARGIN:0 auto;
WIDTH:100%
}

#wp-calendar td {
BACKGROUND:#fff;
LETTER-SPACING:normal;
PADDING:0;
TEXT-ALIGN:center
}

#left ul ul ul {
MARGIN:0;
PADDING:0
}

#left ul ul ul li {
COLOR:#898989;
LIST-STYLE-TYPE:square;
PADDING:0 0 0 15px
}


		/**** right sidebar */
#right {
BORDER-LEFT:0 solid #ddd;
BORDER-TOP:0 solid #444;
FLOAT:right;
MARGIN:0;
PADDING-TOP:10px;
WIDTH:272px
}

#right h3 {
BACKGROUND-COLOR:#fff;
BORDER:0 solid #ccc;
border-bottom: 1px solid #56B92A;
COLOR:#000;
FONT:normal 11pt verdana;
FONT-WEIGHT:700;
MARGIN:8px 4px 0;
PADDING:3px 0
}

#right label {
COLOR:blue;
FONT:normal 11pt verdana;
MARGIN:0;
PADDING:0
}

#right p {
MARGIN:0;
PADDING:0
}

#right img {
MARGIN:0;
PADDING:0
}

#right ul {
MARGIN:4px;
PADDING:0
}

#right ul li {
BORDER-BOTTOM:0 solid #F7F7F7;
LINE-HEIGHT:14pt;
LIST-STYLE-TYPE:square;
MARGIN-LEFT:8px;
PADDING:0
}

#right ul ul {
MARGIN-BOTTOM:12px;
MARGIN-TOP:4px;
PADDING-LEFT:8px
}

#right ul ul li {
LIST-STYLE-TYPE:square
}

#right ul ul ul {
MARGIN:0;
PADDING:0
}

#right ul ul ul li {
COLOR:#898989;
LIST-STYLE-TYPE:square;
PADDING:0 0 0 15px
}

		/**** comments */

li.bypostauthor {
BORDER: 3px double #56B92A !important
}

#commentform {
BACKGROUND:#eee;
BORDER:1px solid #ddd;
MARGIN-TOP:4px;
PADDING:8px
}

#commentform p {
COLOR:#000
}

#commentform a {
BORDER-BOTTOM:1px dotted #465D71;
COLOR:#000;
LINE-HEIGHT:14pt;
TEXT-DECORATION:none
}

#commentform h3 {
COLOR:#134162;
FONT-FAMILY:arial;
FONT-SIZE:14pt;
FONT-WEIGHT:700;
MARGIN:0;
PADDING:0;
TEXT-ALIGN:center
}

#comment {
BACKGROUND:#fff;
BORDER:1px solid #333;
BORDER-BOTTOM:1px solid #999;
BORDER-RIGHT:1px solid #999;
FONT-FAMILY:verdana;
FONT-SIZE:10pt;
MARGIN:5px 5px 10px 0;
PADDING:0;
WIDTH:80%
}

#author {
BACKGROUND: #ffffff;
BORDER:1px solid #333;
BORDER-BOTTOM:1px solid #999;
BORDER-RIGHT:1px solid #999;
FONT-FAMILY:verdana;
FONT-SIZE:10pt;
MARGIN:5px 5px 10px 0;
PADDING:0
}

#email {
BACKGROUND:#fff;
BORDER:1px solid #333;
BORDER-BOTTOM:1px solid #999;
BORDER-RIGHT:1px solid #999;
FONT-FAMILY:verdana;
FONT-SIZE:10pt;
MARGIN:5px 5px 10px 0;
PADDING:0
}

#url {
BACKGROUND:#fff;
BORDER:1px solid #333;
BORDER-BOTTOM:1px solid #999;
BORDER-RIGHT:1px solid #999;
FONT-FAMILY:verdana;
FONT-SIZE:10pt;
MARGIN:5px 5px 10px 0;
PADDING:0
}

#submit {
BACKGROUND-COLOR:#134162;
BORDER:2px ridge #999;
COLOR:#FFFFFE;
FONT-FAMILY:verdana;
FONT-SIZE:10pt;
HEIGHT:26px;
MARGIN:5px 5px 10px 0;
PADDING:0;
WIDTH:130px
}

#submit:hover {
BACKGROUND:#56B92A;
BORDER:1px solid #000;
TEXT-DECORATION:underline
}

#comments {
MARGIN:0;
PADDING:0
}

ol.commentlist {
LIST-STYLE-TYPE:none;
MARGIN:0;
PADDING:0
}

.avatar {
FLOAT:left;
MARGIN:0 12px 0 0
}

ol.commentlist li {
BACKGROUND:#fff;
BORDER:1px solid #eee;
LIST-STYLE-TYPE:none;
MARGIN:10px 0;
PADDING:5px 0 5px 10px
}

ol.commentlist li.alt {
BACKGROUND:#f7f7f7;
BORDER:1px solid #eee
}

ol.commentlist li p {
FONT-SIZE:9pt;
LINE-HEIGHT:14pt;
MARGIN:6px 0;
PADDING:0 12px 0 0
}

ol.commentlist a {
COLOR:#000
}

ol.commentlist p a {
COLOR:red;
TEXT-DECORATION:underline
}

cite {
FONT-FAMILY:verdana;
FONT-SIZE:10pt;
FONT-STYLE:normal;
FONT-WEIGHT:700;
LINE-HEIGHT:16pt;
TEXT-TRANSFORM:capitalize
}

cite a {
BORDER-BOTTOM:1px solid #000;
COLOR:#000 !important;
TEXT-DECORATION:none
}

.reply a {
COLOR:#06f !important
}

		/**** search */
#searchform {
MARGIN:14px 20px;
PADDING:0
}

#searchform input#s {
BORDER:1px solid #06f;
MARGIN:0;
PADDING:4px
}

		/**** misc */
img.centered {
DISPLAY:block;
MARGIN-LEFT:auto;
MARGIN-RIGHT:auto
}

img.alignright {
DISPLAY:inline;
MARGIN:0 0 2px 7px;
PADDING:4px
}

img.alignleft {
DISPLAY:inline;
MARGIN:0 7px 2px 0;
PADDING:4px
}

.alignright {
FLOAT:right
}

.alignleft {
FLOAT:left
}

.wp-caption {
-KHTML-BORDER-RADIUS:3px;
-MOZ-BORDER-RADIUS:3px;
-WEBKIT-BORDER-RADIUS:3px;
BACKGROUND-COLOR:#555;
BORDER:1px solid #ddd;
BORDER-RADIUS:3px;
COLOR:#FFF;
MARGIN:10px;
PADDING-TOP:4px;
TEXT-ALIGN:center
}

.wp-caption img {
BORDER:0 none;
MARGIN:0;
PADDING:0
}

.wp-caption p.wp-caption-text {
FONT-SIZE:11px;
LINE-HEIGHT:17px;
MARGIN:0;
PADDING:0 4px 5px
}

		/**** footer */
#footer-sidebar {
BACKGROUND-COLOR:#fff;
border-bottom: 8px solid #56B92A;
BORDER-TOP:0 solid #bbb;
DISPLAY:block;
HEIGHT:280px;
LINE-HEIGHT:20px;
PADDING-TOP:8px
}

#footer-sidebar h3 {
BACKGROUND-COLOR:#fff;
BORDER:0 solid #ccc;
border-bottom: 1px solid #56B92A;
COLOR:#000;
FONT:normal 11pt verdana;
FONT-WEIGHT:700;
MARGIN:0 -6px 12px;
PADDING:3px 0
}

#footer-sidebar h2 {
FONT:normal 11pt verdana
}

#footer-sidebar ul li {
BORDER-BOTTOM:10px solid #f7f7f7;
LIST-STYLE-TYPE:square;
MARGIN-TOP:2px
}

#footer-sidebar ul {
MARGIN-LEFT:8px
}

#footer-sidebar ul ul li {
LIST-STYLE-TYPE:square
}

#footer-sidebar ul ul ul li {
LIST-STYLE-TYPE:square
}

#footer-sidebar1 {
BACKGROUND:#fff;
BORDER-RIGHT:0 solid #708d9f;
FLOAT:left;
MARGIN-LEFT:0;
PADDING:4px 20px;
WIDTH:300px
}

#footer-sidebar2 {
BACKGROUND:#fff;
BORDER-LEFT:1px solid #bbb;
BORDER-RIGHT:1px solid #bbb;
FLOAT:left;
HEIGHT:260px;
MARGIN-LEFT:0;
PADDING:4px 19px;
WIDTH:300px
}

#footer-sidebar3 {
BACKGROUND:#fff;
BORDER-LEFT:0 solid #274f68;
FLOAT:left;
MARGIN-LEFT:0;
PADDING:4px 20px;
WIDTH:300px
}

#footer {
BACKGROUND:#134162;
BORDER-TOP:1px solid #bbb;
CLEAR:both;
WIDTH:100%
}

#footer p {
BORDER-TOP:1px solid #7BEE8E;
COLOR:#eeeeef;
MARGIN:0;
PADDING:14px 0;
TEXT-ALIGN:center
}

#footer a {
TEXT-DECORATION:none
}

#footer a:hover {
}

div.poo6 {
BACKGROUND:#fff
}

		/**** WORDPRESS THUMBS */
div.poo5 {
BACKGROUND:#eee;
BORDER:1px SOLID #bbb;
FLOAT:left;
HEIGHT:104px;
MARGIN-BOTTOM:8px;
MARGIN-RIGHT:14px;
MARGIN-TOP:4px;
OVERFLOW:hidden;
WIDTH:244px
}

.poo5 img {
BORDER-RADIUS:0
}

		/**** HOME THUMBS */
.poo {
HEIGHT:expression(this.height>288?"288px":true);
MAX-HEIGHT:288px !important;
MAX-WIDTH:244px !important;
OVERFLOW:hidden !important;
VERTICAL-ALIGN:middle;
WIDTH:expression(this.width>244?"244px":true)
}

.poo2 {
HEIGHT:108px;
MARGIN:8px 0 0;
OVERFLOW:hidden !important;
WIDTH:246px
}

		/**** RELATED POSTS*/

.title {
FONT-FAMILY:verdana;
FONT-SIZE:15px;
PADDING-TOP:2px;
TEXT-TRANSFORM:capitalize
}

.text {
FONT-FAMILY:verdana;
FONT-SIZE:13px;
TEXT-ALIGN:justify
}

.cont {
BORDER:2px solid #EEE;
DISPLAY:block;
FLOAT:left;
MARGIN:0 4px;
MIN-HEIGHT:168px;
OVERFLOW:hidden;
PADDING:6px;
WIDTH:246px
}

.cont:hover {
BORDER:2px solid #56B92A
}

.rpcont{
HEIGHT: 200px;
MARGIN: 0px
}
		/**** FRIEND FOLLOW ME SIDEBAR WIDGET */
div.wigfolow {
BORDER:1px solid #eee;
FLOAT:left;
HEIGHT:70px !important;
MARGIN:0 8px 8px;
TEXT-ALIGN:center;
WIDTH:70px
}

div.wigfolow a {
COLOR:#000;
TEXT-DECORATION:none !important
}

div.wigfolow a:hover {
COLOR:green !important;
TEXT-DECORATION:none
}

div.wigfolow img {
BORDER:1px solid #fff;
DISPLAY:inline;
MARGIN:3px
}

div.wigfolow:hover {
BORDER:1px solid #56B92A
}

div.folo {
FONT-WEIGHT:400;
MARGIN:2px auto;
TEXT-ALIGN:center;
WIDTH:70px
}


		/**** twitter visitors will see this */
.twitvis {
background-color: #26A7D2;
border-radius: 8px;
color: white;
font-family: arial;
font-size: 22px;
font-weight: bold;
text-align: center
}