/*
Theme Name: UrbanVibes
Theme URI: http://urbanvibes.biz/
Description: New theme for urbanvibes revision 1/9/2009
Version: 2.0
Author: OknooRap
Author URI: http://oknoorap.com
Tags: all custom

	This theme was designed and built by OknooRap,
	whose blog you will find at http://oknoorap.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body { margin: 0px; background: url('images/bodybg.jpg') repeat-x; font: normal 13px tahoma; margin-bottom: 15px;}
#wrap { margin: 0px auto; width: 1024px; background: url('images/bg.png') bottom center no-repeat;}
#wrap2 { margin: 0px auto; width: 1024px; background: url('images/contentbg.png') top center repeat-y; }
#wrap2 #main { padding: 5px 80px; }
#wrap2 #header { margin-bottom: 15px; }
#wrap2 #main #contentleft { width: 550px; margin-top: 30px; }
#wrap2 #main #contentleft p, ol li, ul li{ text-align: justify; }
#wrap2 #main #contentright { width: 240px; text-align: center; margin-top: 30px; }
#wrap2 #main #holder { padding: 0px 8px; background: url('images/trans.png') repeat; }
#special-top { background: url('images/special-top.png') no-repeat; height: 44px; width: 223px; padding-top: 5px; }
#special-top h2 { text-transform: uppercase; font-family: 'Trebuchet MS', arial; font-size: 13px; color: #FFFFFF; }
#special { color: #4b4b4b; background: url('images/special.png') repeat-y; font-family: 'Trebuchet MS', arial; width: 203px; padding: 10px 10px; }
#special-btm { background: url('images/special-btm.png') no-repeat; height: 18px; width: 223px; }
#footer { font: normal 10px "Tahoma"; width: 980px; margin: 0px auto; text-align: center; color: #6e6e6e; }
#footer a { color: #6e6e6e; }
#footer a:hover { text-decoration: none; }
#facebooklogin { border: 1px solid #eefbff; padding: 10px; width: 50%; }
#login-sep { background: url('images/login-sep.png') left no-repeat; width: 7px; height: 226px; margin: 0px 5px;}
#login { border: 1px solid #eefbff; padding: 10px; width: 40%; }

.osX .jScrollPaneTrack { background: url('images/scroll/osx_track.gif') repeat-y; }
.osX .jScrollPaneDrag { background: url('images/scroll/osx_drag_middle.gif') repeat-y; }
.osX .jScrollPaneDragTop { background: url('images/scroll/osx_drag_top.gif') no-repeat; height: 6px; }
.osX .jScrollPaneDragBottom { background: url('images/scroll/osx_drag_bottom.gif') no-repeat; height: 7px; }
.osX a.jScrollArrowUp { height: 24px; background: url('images/scroll/osx_arrow_up.png') no-repeat 0 -30px; }
.osX a.jScrollArrowUp:hover { background-position: 0 0; }
.osX a.jScrollArrowDown { height: 24px; background: url('images/scroll/osx_arrow_down.png') no-repeat 0 -30px; }
.osX a.jScrollArrowDown:hover { background-position: 0 0; }
.gettouch { color: #2276a6; font-size: 15px; }
.nametxt, .emailtxt { border: 1px solid #c2c2c2; width: 120px;  -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; }
.buttonopt, .button { background: #FF4100 url('images/button-optin.gif') repeat-x; border: 1px solid #FFFFFF; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 4px; cursor: pointer; color: #FFFFFF; padding: 3px; }

#myImageFlow { cursor: pointer; }
#entry { margin-top: 5px; }
#entry p { margin: 3px auto; }
#rainbow { background: url('images/rainbow.png') no-repeat top; width: 1024px; padding-top: 400px; height: 146px; text-align: center; margin-top: -250px; margin-bottom: 50px; }
.margin, .margin li { margin-bottom: 15px; }
.margin li ul li,.margin li ol li { margin: 0px; }
h1, h2 { margin: 0px; font-family: 'Trebuchet MS', arial}
h2 { font-size: 16px; }
a { color: #0000ff; }
.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }