/*
Theme Name: Rborn theme
Description: WordPress theme, widget ready.
Version: 1.0
Author: Rborn Development 2010
Author URI: http://www.rborn.info/
*/

/* RESET CSS */
body                                    {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,
form, p, ol, ul, li ,
dl, dt, dd, blockquote,
fieldset,legend,input                   {margin: 0px;padding: 0px;}
ol, ul                                  {list-style: none;}
a                                       {text-decoration:none;cursor: pointer;}
a:hover                                 {text-decoration: underline;}
a:focus                                 {outline: 0;}
a img                                   {border:0px;}
.wai                                    {display:block;width:0px;height:0px;text-indent:-5000px;overflow:hidden;}
.cb                                     {clear:both !important;}
.cl                                     {clear:left !important;}
.fl                                     {float:left;}
.fr                                     {float:right;}


/*  site's CSS */
body                                    {font-family:arial,trebuchet ms,verdana, sans-serif;font-size:0.625em;text-align:left;background:url("images/body-bg.jpg") repeat-x top left #000;}
#page                                   {margin: 0 auto 0 auto;width:990px;overflow:hidden;}
/*  the header  */

#header                                 {height:120px;width:100%;}

#logo                                   {margin-top:5px;width:234px;height:90px;background: url("images/rborn-logo-gradient.png") no-repeat top left;float:left;}
#logo h1 a                              {text-indent:-5000px;overflow: hidden;width:234px;height:90px;display:block;}

/* main menu */
ul#mainnav                              {width:100%;margin-top:25px;float:right;width:auto;}
ul#mainnav li                           {display:inline;margin-left:35px;float:left;}
ul#mainnav li a                         {overflow:hidden;display:block;background-repeat:no-repeat;height:41px;float:left;text-indent:-5000px;}
ul#mainnav li a.clicked                 {background-position:bottom left !important;}

li.home									{background:url("images/home.png") top left;}
li.home a                               {width:29px;background:url("images/home.png") bottom left;}
* html li.home a                        {background:url("images/home.png") top left;}
* html li.home a:hover                  {background:url("images/home.png") bottom left;}

li.products                             {width:46px;background:url("images/products.png") top left;}
li.products a                           {width:46px;background:url("images/products.png") bottom left;}
* html li.products a                    {background:url("images/products.png") top left;}
* html li.products a:hover              {background:url("images/products.png") bottom left;}

li.services                             {width:43px;background:url("images/services.png") top left;}
li.services a                           {width:43px;background:url("images/services.png") bottom left;}
* html li.services a                    {background:url("images/services.png") top left;}
* html li.services a:hover              {background:url("images/services.png") bottom left;}

li.news                                 {width:27px;background:url("images/news.png") top left;}
li.news a                               {width:27px;background:url("images/news.png") bottom left;}
* html li.news a                        {background:url("images/news.png") top left;}
* html li.news a:hover                  {background:url("images/news.png") bottom left;}

li.contact                              {width:49px;background:url("images/contact.png") top left;}
li.contact a                            {width:49px;background:url("images/contact.png") bottom left;}
* html li.contact a                     {background:url("images/contact.png") top left;}
* html li.contact a:hover               {background:url("images/contact.png") bottom left;}


li.portfolio                            {width:45px;background:url("images/portfolio.png") top left;}
li.portfolio a                          {width:45px;background:url("images/portfolio.png") bottom left;}
* html li.portfolio a                   {background:url("images/portfolio.png") top left;}
* html li.portfolio a:hover             {background:url("images/portfolio.png") bottom left;}


/* content */
#content                                {overflow:hidden;height:auto;padding:10px 0px;color:#fff;font-size:130%;line-height:140%;min-height:300px;}
#content p                              {padding:10px 0;}

#content h2                             {font-size:160%;line-height:130%;font-weight:normal;padding:15px 0;}
#content h3                             {font-size:135%;padding:5px 0;}
#content h4                             {font-size:100%;}

#content a                              {color:#ddd;text-decoration:underline;}
#content a:hover                        {color:#aaa;text-decoration:none;}

.column                                 {float:left;padding:0 0 0 8%;width:46%;}
.column.first                           {padding-left:0% !important;margin-left:0px !important;}
.products-box                           {float:left;padding:0 2% 0 2%;width:29.5%;border-right:1px solid #333;color:#bbb;}
.products-box.last                      {border-right:0px;padding-right:0%;}
.products-box a                         {background:url(images/readon_white.gif) 0% 60% no-repeat;padding-left:20px;display:block;color:#fff !important;text-decoration:none !important;}
.products-box a:hover                   {color:#ccc !important;}

* html .column                          {width:45%;padding:0%;display:inline;margin-left:3.5%;}

.column img.alignnone                   {width:100%;}

img.alignleft                           {float:left;margin-right:10px;margin-bottom:5px;}
img.alignright                          {float:right;margin-left:10px;margin-bottom:5px;}

.details                                {margin:1em 0;text-align:right;border-top:1px solid #333;padding:0.5em 0;font-size:1em;color:#666;}
.details .read-on                       {background:url(images/readon_black.gif) 100% 60% no-repeat;padding-right:20px;display:block;}
.details a                              {color:#666 !important;text-decoration:none !important;}
.details a:hover                        {color:#FFF;}

h2 a                                    {text-decoration:none !important;}

.sidebar                                {border-top:1px solid #666;margin-top:20px;padding:10px 0 50px 0;font-size:120%;overflow:hidden;background:#111;}
.sidebar li                             {float:left;width:30%;padding:0 2% 0 1%;}
.sidebar li ul li                       {float:none;width:100%;}
.sidebar li ul li                       {float:none;width:100%;padding:7px 0;border-bottom:1px solid #555;}
.sidebar li ul li a                     {color:#ddd;}
.widgettitle                            {color:#fff;padding:20px 0;}
.sidebar li ul li ul li                 {text-indent:30px;border:none;padding-bottom:0px;}

.pagebreak                              {clear:both;}
.item ul                                {margin:10px 0 10px 30px;list-style-type:circle;}
/* search form */
#searchform                             {float:left;}
#s                                      {border:1px solid #444;height:17px;padding:2px;width:210px;}
#searchsubmit                           {background:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding:2px 5px;background-image: -moz-linear-gradient(100% 100% 90deg, #ddd, #fff);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd));border:none;}

/* comments area*/
.comments-area                          {background:#333;margin-top:20px;padding:5px 0;text-indent:5px;}
.comment_meta                           {float:left; width:200px;}
.comment_details                        {float:left; width:700px;padding-left:30px;margin-left:30px;border-left:1px dotted #333;display:inline;}
li.comment                              {margin:20px 0;clear:both;overflow:hidden;}
#comment_list                           {color:#ddd;}

.comment-form                           {margin-left:260px;margin-top:20px;}

#comment_form                           {}

#comment_form label                     {float:left;clear:both;display:block;width:140px;background:#222;padding:2px 5px;}
#comment_form input                     {background:#fefefe;border:1px solid #ddd;width:250px;padding:2px 5px;}
#comment_form textarea                  {background:#fefefe;border:1px solid #ddd;width:310px;padding:2px 5px;}
#comment_form .submit                   {width:100px;background:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding:2px 5px;background-image: -moz-linear-gradient(100% 100% 90deg, #ddd, #fff);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd));border:none;}


.item-info                              {float:left;width:200px;padding-top:10px;color:#ddd;}
.item                                   {padding-left:60px;width:720px;float:right;height:100%;}
.item-info h3                           {padding-bottom:30px !important;color:#fff;}
.item-info h4 a                         {text-decoration:none !important;}
.item h3                                {padding:20px 0 0 0 !important;}

.item-info dt                           {background:#222;margin-top:10px;color:#fafafa;padding:3px 0;font-weight:bold;}
.item-info dd                           {padding-top:3px;font-size:95%;}

span.date                               {width:100px;float:left;padding-bottom:5px;}
.search-results li                      {padding:15px 0;}
.search-results li a.result             {font-size:120%;text-decoration:none !important;}


.cat-list                               {margin-top:-10px;}
.cat-list li                            {border-bottom:1px solid #333;padding:10px 0;overflow:hidden;height:100%;}
.cat-list li span                       {float:left;width:80px;}
.cat-list li a                          {float:right;width:120px;}

/* navigation class */
.navigation                             {width:100%;clear:both;}
.navigation li.left                     {float:left;}
.navigation li.right                    {float:right;}
.navigation li a                        {text-decoration:none !important;font-weight:bold;}