/*
	StyleSheet by David Herreman
	http://www.free-css-templates.com
		
*/

body {
padding : 0;
margin : 0;
font : 0.74em Arial, sans-serif;
line-height : 1.5em;
background : #fff url(images/bg.jpg) repeat-x top;
color : #666666;
}
a {
color : #ED6D00;
background : inherit;
text-decoration : none;
}
a:hover {
color : #454545;
background : inherit;
text-decoration : underline;
}
p {
margin : 5px 0;
}
h1 {
font : bold 0.9em Arial, Sans-Serif;
padding : 8px 0 4px 0;
margin : 0;
letter-spacing : 0px;
}
h2 {
font : bold 1.4em Arial, Sans-Serif;
}
h3 {
padding : 4px 0;
margin : 0;
}
ul {
margin : 0;
padding : 0;
list-style : none;
}
img {
border : 0;
}
hr {
height : 1px;
border-style : none;
color : #d0d0d0;
background-color : #c0c0c0;
margin : 10px 0;
}
.content {
margin : 0 auto;
width : 900px;
}
#top {
padding-top : 0;
background : transparent;
height : 80px;
}
#top h1 {
font : bold 0.9em Arial, Sans-Serif;
padding : 65px 0 0 0;
margin : 0;
letter-spacing : 0;
color : #ED6D00;
}
#top h2 {
font : 0.9em Arial, Sans-Serif;
left: 100px 0 0 0;
letter-spacing : 0;
color : #868686;
margin : 0;
padding : 0;
}
#top h3 {
font : 0.9em Arial, Sans-Serif;
left: 100px 0 0 0;
letter-spacing : 0;
color : #868686;
margin : 0;
padding : 0;
}
#top logo {
float : reft;
margin : 25px 15px 0;
padding-left : 30px;
}
img.pic{
float:left;
padding:0 0 0 0;
margin-right:1px;
}
#top #icons {
float : right;
margin : 25px 15px 0;
padding : 0;
}
#top #icons img {
float : left;
padding-right : 10px;
border : 0;
}
#top #icons a {
color : #666666;
text-decoration : none;
}
#top #icons a:hover {
color : #ED6D00;
text-decoration : underline;
}
#menu {
margin : 0;
height : 34px;
padding-top : 0;
}
#menu li {
list-style : none;
display : inline;
line-height : 34px;
}
#menu li a {
text-decoration : none;
margin : 0;
padding : 9px 13px 10px 13px;
font-weight : bold;
color : #fff;
}
#menu li a:hover {
color : #fff;
background : #666666;
margin : 0;
}
#menu li a.current {
background : #333333 url(images/trcorner.gif) no-repeat top right;
color : #fff;
}
#main {
width : 900px;
margin : 0;
padding : 0;
}
#right_side {
float : right;
width : 230px;
background : #ffffff url(images/topr.jpg) no-repeat top right;
overflow : hidden;
}
#right_side .pad {
padding : 35px 10px 10px 17px;
}
#right_side .pad2 {
padding : 350px 10px 10px 17px;
}
#right_side ul {
list-style-position : inside;
margin-left : 2px;
}
#right_side ul li {
list-style-type : none;
list-style-image: url(images/css_list.gif);
margin-left : 0px;
}
#right_side ul ul li {
list-style : none;
margin-left : 17px;
list-style-type : square;
list-style-position : inside;
background : #F8F8F8;
}
#right_side a {
color : #666666;
text-decoration : none;
}
#right_side a:hover {
color : #D46AD8;
text-decoration : underline;
}
#right_side a.current {
color : #D46AD8;
font : bold 1.0em Arial, Sans-Serif;
}
#right_side h3 {
background : url(images/rrline.gif) no-repeat top left;
color : #666666;
font : bold 1.2em Arial, Sans-Serif;
margin-top : 10px;
}
#right_side h4 {
background : url(images/rrline.gif) no-repeat top left;
height : 10px;
padding : 5px;
margin : 3px 0 10px 0;
font : bold 0.9em verdana, Arial, Sans-Serif;
}
img.pic{
float:left;
padding:3px;
margin-right:1px;
}
#left_side {
background : inherit;
margin-bottom : 10px;
width : 650px;
}
#left_side .intro {
height : 80px;
background : #333333;
color : #fff;
overflow : hidden;
}
#left_side .intro .pad {
padding : 18px 0 0 0;
}
#left_side .intro a {
color : #D46AD8;
text-decoration : none;
}
#left_side .intro a:hover {
color : #ffffff;
text-decoration : underline;
}
#left_side .intro a.current {
background : #333333 url(images/trcorner2.gif) repeat top right;
font-weight : bold;
color : #EC7BF0;
}
#left_side .mpart {
padding : 15px 0 0 0;
}
#left_side .mpart a {
color : #666666;
text-decoration : none;
}
#left_side .mpart a:hover {
color : #D46AD8;
text-decoration : underline;
}
#left_side .mpart a.current {
color : #ED6D00;
font : bold 1.2em verdana, Arial, Sans-Serif;
}
#left_side h2 {
background : inherit;
padding : 0;
margin : 0;
font : bold 1.2em Arial, Sans-Serif;
}
#left_side .mpart h3 {
background : url(images/lrline1.gif) no-repeat top left;
height : 7px;
padding :3px 0 3px 2px;
margin : 3px 0 1px 0;
font : bold 1.0em verdana, Arial, Sans-Serif;
}
#left_side .mpart h4 {
background : url(images/lrline1.gif) no-repeat top left;
height : 15px;
padding : 5px 0 0 0;
margin : 3px 5px 3px 0;
font : bold 0.9em verdana, Arial, Sans-Serif;
}
#left_side .mpart h5 {
background : url(images/lrline1.gif) no-repeat top left;
height : 1px;
padding : 1px 0 0 0;
margin : 1px 3px 0 0;
font : 0.75em verdana, Arial, Sans-Serif;
}
#left_side .mpart h6 {
background : url(images/lrline1.gif) no-repeat top left;
height : 10px;
padding : 5px 0 0 0;
margin : 5px 5px 5px 0;
font : bold 0.9em verdana, Arial, Sans-Serif;
}
#left_side p {
color : #666666;
padding : 0;
text-align : justify;
}
#left_side img {
float : left;
padding : 0 10px 3px 5px;
}
#left_side blockquote {
padding-left : 10px;
border-left : 2px solid #ED6D00;
margin : 10px 0 10px 5px;
}
.date {
border-top : 1px dotted #ccc;
padding : 5px 0;
margin : 5px 0 3px 0;
text-align : right;
}
.date2 {
border-top : 1px dotted #ccc;
padding : 5px 20px;
margin : 10px 0 0 0;
text-align : right;
font : bold 1.1em Arial, sans-serif;
}
#left_side .rs {
float : left;
width : 132px;
margin : 0 0;
border : 1px solid #ddd;
padding : 0;
background : #f5f5f5;
}
#left_side .rs_p {
float : right;
width : 138px;
margin : 0 0;
border : 1px solid #ddd;
padding : 0px;
background : #f5f5f5;
}
#left_side .rs_scissor {
float : right;
width : 220px;
margin : 0 5px;
border : 1px solid #ddd;
padding : 5px;
background : #f5f5f5;
}
#left_side .rs_about {
float : left;
width : 628px;
margin : 0 5px;
border : 1px solid #ddd;
padding : 5px;
background : #f5f5f5;
}
#left_side .rs_code {
float : left;
width : 628px;
margin : 0 10px;
border : 1px solid #ddd;
padding : 5px;
background : #f5f5f5;
}
#left_side .rs_pro1 {
float : letf;
width : 290px;
margin : 0 10px;
border : 1px solid #ddd;
padding : 5px;
background : #f5f5f5;
}
#left_side .rs_pro2 {
float : right;
width : 290px;
margin : 0 10px;
border : 1px solid #ddd;
padding : 5px;
background : #f5f5f5;
}
#left_side .rs_oem_odm {
float : left;
width : 628px;
margin : 0 5px;
border : 1px solid #ddd;
padding : 5px;
background : #f5f5f5;
}
#left_side .rs_case {
float : right;
width : 200px;
margin : 0 5px;
border : 1px solid #ddd;
padding : 5px;
background : #f5f5f5;
}
#left_side .rs_map {
float : right;
width : 200px;
margin : 0 1px;
border : 1px solid #ddd;
padding : 1px;
background : #f5f5f5;
}
#left_side ul {
list-style-position : inside;
margin-left : 0px;
}
#left_side ul li {
list-style-type : square;
margin-left : 0px;
}
#left_side ul ul li {
list-style : none;
margin-left : 0px;
list-style-position : inside;
}
#left_side .greybox {
border : 1px solid #ccc;
background : #f5f5f5;
width : 628px;
padding : 10px;
}
#left_side .greybox2 {
border : 1px solid #ccc;
background : #f5f5f5;
width : 628px;
padding : 1px;
}
#footer {
font : 0.74em Arial, sans-serif;
clear : both;
width : 900px;
margin : 0 0 6em 0;
color : #999999;
background : #fff url(images/rlline1.gif) no-repeat top right;
}
#footer .right {
float : right;
text-align : right;
background : inherit;
padding-top : 8px;
width : 900px;
}
#footer a:hover {
color : #ED6D00;
text-decoration : underline;
}
#footer a {
color : #999999;
text-decoration : none;
background : #fff;
}
#footer2 {
font : 0.72em Arial, sans-serif;
clear : both;
width : 900px;
margin : 6em 0 6em 0;
color : #EAEAEA;
background : #fff url(images/rlline2.gif) no-repeat top left;
}
#footer2 .left {
float : left;
text-align : left;
background : inherit;
padding-top : 8px;
width : 900px;
}