/* CSS Document China-roots.com Theme */
html, body {height:100%; margin:0;background-color:#ddd; }

#superframe{width:1000px;height:auto;margin-left:auto;margin-right:auto;background-color:#888;}

#frame{width:1000px;height:auto;margin-left:auto;margin-right:auto;background-color:#fff ; border-left-width:1px; border-left-color:#000000; border-left-style:solid;border-right-width:1px; border-right-color:#000000; border-right-style:solid;}

#head{width:1000px;height:auto;background-color:transparent;}

#branding {width:1000px;height:80px;padding:0;background:transparent url(images/gradient.jpg) no-repeat left bottom;position:relative;}

#menu {height:25px;width:1000px;background-position:0px 0px;text-align:left;font-size:14px;position:relative; background:transparent url(images/bkg_chrome_fade.gif) repeat-x top center;}

#main{width:1000px;height:auto;background-color:#fff ;padding-bottom:10px;}

#tail {position:relative;background-color:#ccc;width:1000px;height:auto;margin-top:10px; padding-top:5px;padding-bottom:5px; font-size:10px;}

#leftbar {border-style:none;border-width:1px;border-color:#CCCCCC;background-color:transparent;width:485px;height:auto;float:left;margin-left:0px;margin-right:0px;margin-top:0px;}

#footer {width:1000px;height:70px;font-size:12px;color:#000;margin:0; padding:0; text-align:center; border-top:solid 1px #ccc;}


/****************leftbar**********************/

img {margin:0px 0px 0px 0px; float: left;}

.post {width:550px;height:auto;margin:0; padding:0;color:#000;background:transparent;font-size:12px; text-align:justify;}
.text {width:98%;height:auto;margin:0;padding:0 0 0 0;color:#000;background-color:#fff; line-height:1.4em; }

.slideroll{width:485px;height:300px;color:#000;background-color:#fff;position:relative;border-style:none;border:#CCC 1px;margin-left:0px;margin-right:0px;margin-bottom:0px; padding-left:0; padding-top:0px;}

.story {width:100%;height:100px;font-size:12px;color:#000;position:relative;border-style:none;margin-left:10px;margin-right:0px;margin-bottom:0px; margin-top:10px; padding-left:0; padding-top:0px;}

.storyimg {float:left; margin-right:5px; padding:2px; border-width:1px; border-color:#CCC; border-style:solid;}

.storymore {width:465px;height:70px;font-size:12px;color:#000;position:relative;border-style:none;margin-left:10px;margin-right:0px;margin-bottom:0px; margin-top:10px;padding-left:0; padding-top:0px;}

.download {width:145px;height:auto;font-size:12px;color:#000;position:relative;border-style:none;margin-left:0px;margin-right:0px;margin-bottom:0px; padding-left:0; padding-top:0px;}
.download a{ border:none; text-align:center;}
.downloadimg {width:100px;margin-left:auto;margin-right:auto;}
.download a img{ border:none;}

.intro-image {width:auto;height:auto;float:left;margin:5px;padding:2px;border:1px #CCC solid;}

.image {float:left;margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px;padding:0;border-width:1px; border-color:#000000; }

.link {width:455px;height:auto;font-size:12px;color:#000;border-top:#ddd solid 1px; border-bottom:#ddd solid 1px; margin:10px 0 0 10px; margin-bottom:5px; padding:5px; background-color:#fafafa;}

.bookmark {width:250px;height:auto;font-size:11px;color:#000;position:relative; border-top:#dddddd solid 1px; border-bottom:#dddddd solid 1px;margin-left:5px; margin-top:10px; margin-bottom:10px; padding:5px; background-color:#fafafa;}

/**********************************
*sidebar and widget 
***********************************/

.sidebar {width:320px;height:auto;border:none;background-color:transparent;float:right;position:relative;margin-top:0px;margin-left:0px;margin-right:0px;padding-top:0;}

.leftsidebar {width:110px;height:500px;border:none;background-color:transparent;float:left;position:relative;margin-top:0px;margin-left:0px;margin-right:0px;padding-top:0; background:transparent url(images/bkgrad_leftcol.gif) repeat-x top left;}
.leftsidebar-title { width:110px; height:30px; padding:0;margin:0;background:transparent url(images/bkg_red.gif) repeat-x top left; border:thin; border-color:#000000;}
.leftsidebar-title p{ color:#FFFFFF;float:left;font-size:14px;font-weight:bold;line-height:1.7;margin:0pt;padding:0pt;text-indent:10px;text-transform:uppercase;}

.medaillon {width:145px;height:auto;border-style:solid;border-color:#CCCCCC;border-width:1px; border-top-width:0px;background:transparent url(images/300.gif) top left;float:right;position:relative;margin-top:0px;margin-left:0px;margin-right:0px;padding-top:0; }
.medaillon-title { width:145px; height:30px; padding:0;margin:0;background:transparent url(images/bkg_chrome_bld.gif) repeat-x top left; border:thin; border-color:#000000;}


.box ul {width:auto; padding:0px 0px 5px 10px;list-style-type:none; font-size:12px}
.box li {margin:3px 0 3px 0;}

.box li a{margin-left:0px;color:#185190;}
.box li a:link,.box a:visited,.box a:hover,
.box a:active{display:block;text-decoration:underlined;color:#185190;}

.box li a:hover,.box li a:active{color:#3361FF;text-decoration:underline;}

/* China-roots.com CSS Document */

* { font-family:Arial, Helvetica, sans-serif;}

h1 {margin:4px 0 2px 5px;font-weight:bold;font-size:2em;text-align:left; letter-spacing:-1px;color:#000;}

h2 {margin:15px 0px 3px 5px;line-height:30px; font-size:1.5em; font-weight:normal; color:#000;}
h3 {margin:15px 0px 3px 5px;line-height:15px; font-size:1.5em; font-weight:normal; color:#000;}
/*h3 {font-size : 1.3em;font-weight:bold;letter-spacing : -.05em; margin:5px 0 5px 5px;}*/

h4 {font-weight:bold;font-size:12px;text-align:left;letter-spacing:0px;color:#7F66FF;}

h5 {font-weight:normal;font-size:13px;text-align:left;letter-spacing:0x;color:#000000;}

h6 {line-height:normal;font-size:13px; clear : left;}

p {font-size:12px;line-height:1.5em; margin-top:5px; margin-bottom:10px;padding-left:5px;}

/************************************************
**     menu
************************************************/

#menu ul {line-height:25px; padding:0; margin:0}
#menu li{font-weight:bold;display:block;list-style-type:none;background:transparent url(images/bkg_chrome_fade.gif) repeat-x top center; float:left; border-right:solid 1px #aaaaaa; }

#menu li a:link, #menu li a:hover, #menu li a:active, 
#menu li a:visited {font-size:14px;font-weight:bold;color:#444444; text-decoration:none;padding-right:5px;padding-left:5px;}

#menu li a:hover, 
#menu li a:active {color:#444444;background-color:#8bb6e2;margin-top:0px;margin-bottom:0px;background:transparent url(images/bkg_chrome.gif) repeat-x top center; float:left;}

.post ul {width:auto; padding-top:0px; padding-bottom:0px; padding-left:10px; padding-right:0px; list-style-image:url('images/bullet.png'); margin-left:0px; list-style-position: inside;}
.post li {margin:5px 0 5px 0;}

.story a img{ border:none;}
.story a:link,
.story a:visited { color:#185190;}

.storymore a:link,
.storymore a:visited { color:#185190;}

/************************************************
**     main
************************************************/
.text a {}
.text a:link,.text a:visited,.text a:active,.text a:hover
{color:#185190; font-weight: bold; font-size:12px;}

/************************************************
**     *** widgets ****
************************************************/

.medaillon ul {width:auto; padding-top:0px; padding-bottom:0px; padding-left:5px; padding-right:0px;}
.medaillon li {display:block;border-bottom:0px;list-style-type:none;margin-left:0px;margin-right:0;font-size:12px; width:120px; padding-bottom:10px; padding-top:0px; text-align:left;}

.leftsidebar ul {width:auto; padding-top:0px; padding-bottom:0px; padding-left:5px; padding-right:0px;}
.leftsidebar li {display:block;border-bottom:0px;list-style-type:none;margin-left:0px;margin-right:0;font-size:12px; padding-top:0px; padding-bottom:10px;}

.leftsidebar a:link,
.leftsidebar a:visited {color:#185190; font-weight:bold; font-size:11px;}

.link a:link,.link a:visited{color:#185190; font-weight: bold;}
.bookmark a:link, .bookmark a:visited {color:#185190; font-weight:normal;}

/************************************************
*********Tail************************************
*************************************************/
#footer ul {width:auto; padding-top:0px; padding-bottom:0px; padding-left:5px; padding-right:0px;}
#footer li {display:inline;border-bottom:0px;list-style-type:none;margin-left:0px;margin-right:0;font-size:12px;}
#footer a:link,
#footer a:visited {color:#185190; font-weight:normal; font-size:11px;}

/**********misc******/
form  {text-align:center;}
/*form  input{width:auto;margin-top:3px;}*/
form input {border-color:#000000; font-size:10px; border-width:1px;}

.titre{padding-top:5px;font-weight:bold; font-size:14px; }
.more { text-align:right; padding:0; padding-right:5px; font-size:10px;}

/************************************************
**     *** class ****
************************************************/
.caption {text-align:center;background-color:#CCCCCC; margin:0;}

/* CSS Document */
table {}

.label {background-color:#aaaaaa; padding:3px; border:1px; border-color:#000;}
.form  {background-color:#dddddd; padding:3px; border:1px; border-color:#000;}
.menu { display:block; list-style-type:none; float:left; padding-left:5px;}
.badge {padding:5px;}