/*
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 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;}

.skip2                                  {position:absolute;top:0px;left:10px;font-size:120%;}
.skip2 a                                {color:#323232;}
.skip2 a:hover,.skip2 a:active,.skip2 a:focus{color:#fff;}

/*  site's CSS */
html									{background:url("images/body-bg.jpg") repeat-x top left #000;background-image:-moz-linear-gradient(top, #333, #000);background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));}
body                                    {font-size:0.625em;font-family:arial,trebuchet ms,verdana, sans-serif;}
#page                                   {margin: 0 auto 0 auto;width:970px;overflow:hidden;position:relative;}

/*  the header  */
#header                                 {height:140px;width:100%;}

#logo                                   {margin-top:25px;width:199px;height:88px;background: url("images/Rborn-logo-glow.png") no-repeat top left;float:left;}
#logo a                                 {text-indent:-5000px;overflow: hidden;width:199px;height:88px;display:block;}

/* main menu */
ul#mainnav                              {width:100%;margin-top:25px;float:right;width:auto;}
ul#mainnav li                           {display:inline;margin-left:5px;float:left;background-repeat:no-repeat;background-position:center top;}
ul#mainnav li a                         {display:block;float:left; color:#ccc;padding:0 10px;font-size:135%;font-family:Futura Std Light, arial;width:60px;text-align:center;_font-size:150%;}
ul#mainnav li a span                    {overflow:hidden;display:block;height:26px;background-repeat:no-repeat;background-position:center top;opacity:0.01;filter: alpha(opacity = 0.3);-webkit-transition:opacity 1s ease;-mo-transition:opacity 1s ease;-o-transition:opacity 1s ease;transition:opacity 1s ease; color:#fff;width:60px;}
ul#mainnav li a:hover,ul#mainnav li a.clicked{color:#fff;}

ul#mainnav li a.clicked span,ul#mainnav li a:hover span{opacity:1;filter: alpha(opacity = 100);}
ul#mainnav li a:focus span              {outline:1;opacity:1;filter: alpha(opacity = 100);}

li.home,li.home a span                  {background-image:url("images/home-link.png");_background-image:none;}
li.products,li.products a span          {background-image:url("images/products-link.png");_background-image:none;}
li.services,li.services a span          {background-image:url("images/services-link.png");_background-image:none;}
li.news,li.news a  span                 {background-image:url("images/news-link.png");_background-image:none;}
li.contact,li.contact a span            {background-image:url("images/contact-link.png");_background-image:none;}
li.portfolio,li.portfolio a span        {background-image:url("images/portfolio-link.png");_background-image:none;}

li.home a:hover span,li.home a.clicked span {background-image:url("images/home-hover.png");_background-image:none;}
li.products a:hover span,li.products a.clicked span {background-image:url("images/products-hover.png");_background-image:none;}
li.services a:hover span,li.services a.clicked span {background-image:url("images/services-hover.png");_background-image:none;}
li.news a:hover  span,li.news a.clicked span    {background-image:url("images/news-hover.png");_background-image:none;}
li.contact a:hover span,li.contact a.clicked span   {background-image:url("images/contact-hover.png");_background-image:none;}
li.portfolio a:hover span,li.portfolio a.clicked span   {background-image:url("images/portfolio-hover.png");_background-image:none;}
li a span,li a:hover span,li a:focus span,li a.clicked span   {_background-image:none;}

/* 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,#content h1                 {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;}
#content a:focus,h2:focus				{background-color:#fff;color:#000;}
.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 li a                      {background:url(images/readon_white.gif) 0% 7px 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;clear:both;height:100%;}
.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:700px;float:right;height:100%;_padding-left:40px;}
.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;list-style-type:none !important;}
.navigation li.left                     {float:left;}
.navigation li.right                    {float:right;}
.navigation li a                        {text-decoration:none !important;font-weight:bold;}