/*  



Theme Name: RGB



Theme URI: http://xuyiyang.com/wordpress-themes/rgb/



Description: A crsip, simple and highly customizable theme for WordPress.



Version: 2.0.2



Author: Xu Yiyang



Author URI: http://xuyiyang.com/



Tags: gray, custom header, fixed width, two columns, widgets, option page, easy-customization.







This theme uses the wonderful Sweetie Icons by Joseph North:



http://sweetie.sublink.ca/



*/















*,html {



margin:0;



padding:0;



}







body {



margin-top:10px;

padding:0;

height: 100%;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

}

acronym,abbr,span.caps {

cursor:help;

}


acronym,abbr {

border-bottom:1px dashed #FFF;

}


blockquote {

border-left:3px solid #ffffff;

padding-left:10px;

margin:20px;

}


code,pre,kbd {



font:1em 'Courier New', Courier, sans-serif;



}







small {



font:1em Arial, Helvetica, sans-serif;



color:#33ff66;



}







strike,del {



color:#ff33cc;



text-decoration:line-through;



}







label {



cursor:pointer;



}







h1,h2,h3,h4, h5 {



font-family: 1em Arial, Helvetica, sans-serif;



font-weight: lighter;


}


h1 {



text-align:left;



font-size:12px;



font-color: #071014;



padding:45px 0 5px 25px;



text-transform: uppercase



}


h2 {



font-size:12px;



font-weight: lighter;



align: left;



margin:2px 0;

padding-top: 15px;

padding-left: 10px;


font-color: #00ccff;



}







h3 {



font-size:8px;



margin:15px 0 0;



color: #33ccff;



}



 h4{



font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;



font-weight: lighter;



font-size: 12px;


padding-bottom: 2px;

font-color: #ccc;

}

h5 {

color: #33ccff;
font-size: 16px;
padding-top: 10px;
padding-bottom: 5px;
}

p {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

margin:0 0 10px;

color: #b9b9b9;



}







.dates {



font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;



font-weight: lighter;



font-size: 11px;



color: #ffffff;



}







#container {

height: auto;
min-height:100%;
position:relative;
background-attachment: scroll;

margin-top: 20px;
}

#content {

positioning: absolute;

width:905px;

height:100%;

margin:0px auto 0;

padding-bottom: 140px;

clear: both;

}


#header {

line-height:1.2em;

width:940px;

height:350px;

margin:-20px auto 0;

}







#header .description {



text-align:left;



font-size:50px;



padding:5px 0 5px 27px;



}







#navwrap {

positioning: absolute;

width:905px;

background-color: #071014;

height:30px;

margin:30px auto 0;

}



#nav {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: lighter;

font-size: 11px;

display:block;

text-align:left;

letter-spacing:0.10em;

text-transform:uppercase;

list-style:none;

margin: 20




margin:0px auto 0 !important;



}











#nav li {



float:left;



line-height:22px;



margin:0 3px;



padding:5px 0;



}







#nav li a {



display:block;



text-decoration:none;



font-size:11px;



font-weight:lighter;



color: #ffffff;



padding:0 5px;



}



#nav li a:hover {

color:#33ccff;


}

#nav li.current_page_item a {

color: #33ccff;

}







#nav .rss a,#nav .rss a:hover {



color:#33ccff;



}







#search {

float: right;

clear:right;

width:300px;

line-height:1em;

background:transparent;

margin: 0px 10px 0 10px !important;

}







#search:hover {



background:transparent;



}







#s {

float:left;

display:block;

font: 10px "Lucida Grande", Segoe UI, Verdana, Arial, sans-serif;

width:200px;

height:17px;

font-size:10px;

color:#ffffff;

border:1px solid #4a4a4a;

background:url(images/bg_input.png) 0 0 repeat-x transparent;

margin:0px -10px 0;

padding:3px 3px 0px;

}







#s:focus,#s:hover {



border:1px solid #333;



background:url(images/bg_input.png) 0 -25px repeat-x transparent;



}







#searchsubmit {
float:left;
display:block;
color:#fff;
font:10px "Trebuchet MS", "Tahoma", sans-serif;
width:60px;
height:23px;
text-transform:uppercase;
cursor:pointer;
border:1px solid #333;
background:url(images/bg_input.png) 0 0 repeat-x transparent;
margin:10px 20px 0px -10px;



}


#searchsubmit:hover {




background:url(images/bg_input.png) 0 -26px repeat-x transparent;




}


#primary-content {


float: left;

text-align:left;
font-size:14px;
line-height:1.6em;

width:628px;
height: 100%;
min-height: 850px;

padding-left:10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 130px;
margin-top: -2px;


}

.entry table{


text-align:left;
font-size:12px;
line-height:1.6em;

width:600px;
border: 0px;

}







#primary-content ul,#primary-content ol {



margin:0px 0;



}







#primary-content .intro {



font-size:10px;



font-weight:lighter;



line-height:1.7em;



background:url(images/bg_cmt.png) repeat;



width:98%;



margin:0px 0 0;



padding:5px;



}



















.entry {

color: #ccc;


text-align:left;



padding-top:20px; 



padding-left: 10px;



}







.entry ol li {



list-style:decimal outside;



}











.entry-header {

text-transform: uppercase;

font-size:16px;

font-weight:lighter;

width:500px;

margin:0;

padding-top: 30px;

padding-left: 0px;

padding-bottom: 5px;

padding-right: 0;

font-color: #33ccff;

border-bottom:1px dashed #FFF;

}







.entry-date {



text-align:left;



padding-bottom: 20px;



float:left;



background-color: #000000;



}







.entry-cmt {



float:right;



font-size:10px;



font-weight:lighter;



text-transform:uppercase;



cursor:pointer;



margin-top:-50px; 



margin-left: -21px;



margin-right: 2px;



margin-bottom: 10px;



padding:5px 5px;



border: 0px;



}







.entry-comment {



float:right;



font-size:10px;



font-weight:lighter;



text-transform:uppercase;



cursor:pointer;



margin-top:-50px; 



margin-left: -21px;



margin-right: 2px;



margin-bottom: 10px;



padding:5px 5px;



border: 0px;



}


.entry-content {

color: #ccc;

clear: both;

}


.entry-footer {


text-align:left;

line-height:1.2em;

margin:-3px 0 20px;

padding:4px 0;

}







.entry-footer a {



color:#3366cc;



}



.entry-footer,.entry-date,.comment-footer {



font-size:11px;



}



.metacmt {



background:url(images/bg_icons.png) 0 -51px no-repeat;



color: #ffffff;



padding:2px 0 2px 20px;



}


.metacat {

font-size: 12px;

font-color: #333;

background:url(images/bg_icons.png) 0 -68px no-repeat;



padding:2px 0 2px 16px;



}


.metatag {

font-size: 10px;

background:url(images/bg_icons.png) 0 -17px no-repeat;



padding:0 0 0 16px;


}

#sidebar {

clear: both;
position: absolute;
background:url(images/backgrounds/sidebar_bg_fadeout.png) repeat-x;
top:0px !important;
margin-top: 410px; 
margin-left:648px;
line-height:1.2em;
width:226px;
text-align:left;

padding-top:11px;
padding-right: 20px;
padding-left: 11px;
padding-bottom: 200px;

}


#sidebar h1 {

font-color: #33ccff;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-size: 18px;

font-weight: lighter;

vertical-align: top;

margin-top: -35px;

margin-left: -25px; 

}


#sidebar h2 {

text-align:left;

font-size:18px;

color: #33ccff;

padding-bottom: 10px;

padding-left: 0px;

padding-top: 15px;

}


#sidebar h3 {

font-color: #33ccff;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-size: 18px;

font-weight: lighter;

vertical-align: top;

margin-top: -35px;

margin-bottom: 20px;

margin-left: -25px; 

padding-bottom: 20px;

}



#sidebar h4 {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: lighter;

font-size: 20px;

color: #33ccff;

}

.cat-item-14, .cat-item-32, .cat-item-57, .cat-item-1, .cat-item-100, .cat-item-106 {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: bold;

text-decoration: none;

font-size: 12px;

margin-top: 6px;

padding-top: 5px;

padding-bottom: 10px;

margin-bottom: 2px;

font-color: #33ccff;


}

.children {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: lighter;

text-decoration: none;

font-size: 12px;

margin-top: 2px;

margin-bottom: 2px;

font-color: #777777;

padding-top: 6px;

padding-bottom: 4px;

}

.cat-item-3 {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-weight: lighter;

text-decoration: none;

font-size: 16px;

padding-bottom: 20px;

padding-top: 20px;

color: #33ccff;

}

#sidebar ul {

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-size: 12px;

line-height: 1.4em;

margin-right :5px;

width: 240px;

}


#sidebar ul li {


color: #33ccff;

margin-right: 20px;

padding-bottom: 3px;

padding-top: 3px;

width: 220px;


}




#sidebar .tabs li a {

color: #33ccff;

font-weight:lighter;

text-decoration:none;

line-height:1.5em;


}

#sidebar .tabs li a:link, #sidebar .tabs li a:visited, #sidebar .tabs li a:hover{


font-color: #33ccff;

font-weight:lighter;

text-decoration:none;






line-height:1.5em;

}



#sidebar .tabs li.current_page_item a {



text-decoration:none;

color: #33ccff;

}

.secureformintro {

color: #33ccff;
font-size: 12px;
font-family; font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding-bottom: 15px;
}

#sidebar .intro {

font-size: 10px;

font-color: #33ccff;

width:250px;

margin:0 0px 10px;

padding:5px 2px 5px 15px;

}

#sidebar .st-tag-cloud {

line-height:1.4em;

margin:2px 0 2px 12px;

padding:5px;

}


* html .ui-tabs-nav,*:first-child+html .ui-tabs-nav {


display:inline-block;

}

#togglewidgets {

float:left !important;




width:250px;

text-align:center;

margin:5px;

}


.ui-tabs-nav {

width:100%;

}

.ui-tabs-nav li {

display:inline;

}


.ui-tabs-nav:after {

display:block;

clear:both;

content:" ";

}

.ui-tabs-nav a {

text-align:center;

font-size:12px;

background:#555;

font-color: #33ccff;

line-height:16px;

text-decoration:none;

white-space:nowrap;

outline:0;

width:40px;

margin:-1px 0 0;


padding-bottom: 10px;

}







.ui-tabs-nav a:hover,.ui-tabs-nav .ui-tabs-unselect a:hover,.ui-tabs-selected a,.ui-tabs-selected a:hover {

color:#fff !important;

background:#ff33cc;

cursor:pointer;

}


.ui-tabs-panel {

background:transparent;

width:314px;

margin:0 12px 14px 2px;

padding:0 2px;

}

.widgettitle {

font-color: #33ccff;
font-size: 12px;

}

.widget_text{

font-color: #33ccff;

}



#footer-sidebar  {
font-size: 30px;
display:block;
width: 905px;
height: 100%;
background-color: #fff;

}


#footer-sidebar1 {

font-size: 12px;
float: right;
width: 260px;
min-height: 300px;
margin-right: 45px;


}


#footer-sidebar2 {
  min-height: 300px;
  text-align: left;
  font-color: #33ccff;
  font-size: 12px;
  float: left;
  width:270px;
  border-right: 1px dashed #33ccff;
  margin-left: 10px;
  margin-right: 0px;
background:url(images/footer.png)
z-index: 1;

 }

#footer-sidebar2 h3 {
  text-align: left;
  font-color: #33ccff;
  font-size: 12px;

 }



#footer-sidebar3 {
  min-height: 300px;
  float: left;
  margin-left: 20px;
  margin-right:10px;
  width: 280px;
  border-right: 1px dashed #33ccff;
z-index: 3;
 }



#comment-section {

text-align:left;

margin:60px 10px;

}


h4.section-title {

width:98%;

font-size:12px;

font-weight:400;

text-align:center;

background:url(images/bg_cmt.png) repeat;

margin:5px auto;

padding:5px;

}



#leavecomment {

width:97%;

text-align:center;

color:#33ccff;

font-size:10px;

margin:30px auto !important;

background-color: #33ccff;

}











.entry ul li,#commentlist .comment-content ul li {

list-style-image:url(images/bg_li.png);


}







input#author,input#email,input#url,textarea#comment {



color:#ffffff;



background:#040c10;



border-top:1px solid #777;



border-right:1px solid #bbb;



border-bottom:1px solid #ccc;



border-left:1px solid #ddd;



font:12px "Lucida Grande", Segoe UI, Verdana, Arial, sans-serif;



padding:2px;























}







#commentform input:focus,#commentform textarea:focus,#commentform input:hover,#commentform textarea:hover {



background:#040c10;






}









textarea#comment {








width:98%;




padding:2px;





}

























#commentlist li {


list-style:none;

line-height:1.6em;

background:url(images/bg_cmt.png) repeat;

margin:10px 0;

padding:8px;

}

#commentlist li img {

border:0;

padding:0;

}

#commentlist li span.gravatar {

float:right;

border:10px solid #ddd;

width:32px;

height:32px;


}
















.comment-header {



color: #33ccff;



text-align:left;



font-size: 10px;



margin:2px;



}







.comment-content {

color: #ccc;

margin:10px;



}















.comment-footer {



text-align:left;















margin:0;



}







.aligncenter,div.aligncenter {



display:block;



margin-left:auto;







margin-right:auto;



}







.alignleft {



float:left;







}







.alignright {



float:right;



}












.wp-caption {



border:0px;



text-align:left;



background-color:#;






padding-top:14px;

padding-bottom:14px;


-moz-border-radius:3px;



-khtml-border-radius:3px;



-webkit-border-radius:3px;



border-radius:0px;






margin:10px;



}











.wp-caption img {




border:0px;



margin:0;




padding-bottom:10;



}
















































.wp-caption p.wp-caption-text {

























font-size:11px;

color:#999999;


line-height:17px;






margin:0;



padding-top:6px;



}








.navigation {



display:block;



font-size:12px;



text-align:center;



margin:8px 4px;




}









.alert {




font-size:12px;


color:#33ccff;


background:#;

border:1px solid #;

text-align:center;

margin:10px auto;

padding:3px;

}


a,a:link,a:active,a:visited,a:hover,cite,ins,.entry p a,.entry li a,.entry p a:hover,.entry li a:hover {

text-decoration:none;

}

hr,hr,.tabs h2,.counter,.ui-tabs-hide {



display:none;

}







ul li,ol li,ul li,ol li,#sidebar ul,#TB_ajaxContent {

color: #33ccff;

list-style:none;



}







.entry li,.entry li,#commentlist .comment-content li {



margin:0 30px 0 30px;



}







.clear {



clear:both;



}