/* theme satumu for starising.com - 1 col, 2com and 3col - 2Jan2010 2 col - 2column-template-satumu.html */ *{margin:0; padding:0;} body {font-size: 62.5%; font-family:Verdana, Arial, Georgia, Helvetica, sans-serif; color: #333;background:#000066 url('../images/satumubg.png'); background-repeat: repeat-x;} h1, h2, h3, h4, h5, h6 { font-family:Arial,'Gill Sans',Lucida,'Helvetica Narrow',sans-serif; background-color: transparent; color: #cc0033; /* dark red */ clear: both; } h2, h3, h4, h5, h6 { margin-top: 25px; margin-bottom:5px; /* to bring paragraph closer to headline margin-left:-10px;*/ } h1{ font-size:2.3em; letter-spacing:0.01em;; margin-top:0px; text-align: center;color:#ff0033;line-height:35px;margin-bottom:10px;} h2 {font-size:1.8em; } h3 {font-size:1.7em;} h4 {font-size:1.5em; } h5 {font-size:1.4em; } h6 {font-size:1.3em;} p, ul, ol{font-size:1.3em;line-height:18px; margin:10px 0;} ul, ol{ margin-left:40px;} li {font-size:13px;line-height:20px; margin-bottom:5px; /* fix size to avoid bigger size in nested list*/} dl {font-size:1.3em;line-height:16px; margin:15px 0;} dt {margin-top:15px; margin-bottom:5px; font-weight:bold;} dd {margin-left:15px; margin-bottom:5px;} a:link {color:#0000ff; text-decoration: underline;} a:visited {color: #663399;text-decoration: underline;} a:hover {color: red; text-decoration: underline;} abbr { border-bottom:1px dashed black;} img { border : 0; } pre {background-color:#cc9; background-color:#eae8be; font-size:12px; line-height:20px; padding:10px; width:90%; margin:0 auto;} code {background-color:#cc9; background-color:#eae8be; font-size:12px; line-height:25px; padding:5px; width:95%; margin:10px auto; display:block;} small{font-weight:normal;} .blac {color:#000;} .lef{text-align:left;} .cen{text-align:center; margin:0 auto;} .rig{text-align:right;} .clearL { clear:left;} .clearR { clear:right;} .clearB { clear:both;} #Header { background-color:#600; width:100%; min-width:970px; border-top:4px solid #fc3; border-bottom:4px solid #fc3; height:50px; margin:0px; } #starhead3, #starhead1 {background:transparent; position:relative;height:50px; padding:0; margin:0 auto;} #starhead1{width:730px;} #starhead3{width:950px;} #starlogo {float:left;background:#600;/* url('../images/starising-logo.gif'); background-repeat: no-repeat; */width:50px;height:50px; margin:0 0 0 2px;} #webtitle{float:left; font-family:"times new roman", times, serif;font-size: 2.7em; color:#e1ecff; font-style:italic;background:transparent;letter-spacing:3px;font-weight:bold;line-height:27px; margin:0px; padding-left:5px;width:140px; width:200px; } p#webtitle a:link, p#webtitle a:visited, p#webtitle a:hover, p#webtitle a:active {color:#e1ecff; text-decoration: none; } p#webtitle a:hover { color: #fc6;text-decoration: none;} #rising {color:yellow;} p#description {clear:right; float:right;font-family:"times new roman", serif;font-size: 2em;color:#b5123b; margin:25px 0 0; color:yellow;font-style:italic;font-weight:bold;} .googlesearch{clear:right;float:right; width:200px;/*do not change width */ height:40px; margin-top:3px; background:#600;text-align:left;} #head-menu1 {width:530px; height:50px; margin:0 auto ; background:transparent; font-size:10px;} #t1{width:530px; height:25px; margin-top:0px; background:transparent; font-family:Arial,'Gill Sans',Lucida,'Helvetica Narrow',sans-serif; font-weight:bold;text-align:center;} #t1 ul {list-style-type: none; margin:0;} #t1 ul li {display: inline;text-align: center; margin-right:12px; line-height:23px; font-size:12px;} #t1 a{color:#fc3; text-decoration:underline;} .here, #here {background:transparent; color:yellow; } .heret1{background:transparent; line-height:20px; color:white; text-decoration:none;} #t11 a{background:transparent; color:yellow;} #t2 {width:530px; height:25px; margin-top:0px; background:transparent; font-family:Arial,'Gill Sans',Lucida,'Helvetica Narrow',sans-serif; text-align:center; } #t2 ul {list-style-type: none;padding: 0;margin:0;} #t2 ul li {display: inline;text-align: center; /*margin-left:8px;*/margin-right:8px; line-height:25px; font-size:0.9em;} #t2 a{color:#fc3; text-decoration:underline;} #t2 a:visited {color:#fc3; text-decoration:underline;} /* #t3 {width:730px; height:25px; margin-top:0px; background:transparent; font-family:Arial,'Gill Sans',Lucida,'Helvetica Narrow',sans-serif; text-align:center; } #t3 ul {list-style-type: none;padding: 0;margin:0;} #t3 ul li {display: inline;text-align: center; margin-right:8px; line-height:25px; font-size:0.9em;} */ #PageWrapper, #PageWrapper3 {width: 950px; margin: 10px auto; text-align:left; background:transparent;} /* 1 Column */ #Content1 {float:left;width:730px; background:#fff; margin:0px 110px /*do not adjust margin*/;} #Contentbox1 {width:600px; margin:35px auto 0; padding:20px 30px; border:1px solid #ccc;background:white;} #Contentbox12 { /* formerly for column with 728 banner - now use contentbox1*/width:600px;margin:30px auto 30px;padding:20px 30px; border:1px solid #ccc;background:white;} .shadow1 {background:#fff url('../images/shadow1.jpg'); background-repeat:no-repeat; width:660px; height:34px; margin-left:35px; } .shadow11 {background:#fff url('../images/shadow11.jpg'); background-repeat:no-repeat; width:660px; height:34px; margin-left:35px; border-top:1px solid #ccc; } #Contentw {float:left; width:950px; ;background:#fff; margin:0px /* 1 column wide. do not adjust margin*/;} #Contentboxw {width:800px;margin:45px auto;padding:10px 30px; border:1px solid #ccc;background:white;} .lastline {margin:10px 0 10px; text-align:center; font-size:10px; padding-top:10px;} ul#lastline{margin:10px 0 10px; text-align:center; list-style-type:none; } ul#lastline li{font-size:11px; line-height:15px; display:inline;} #riseshine { clear:both;font-family:verdana, serif; width:350px; height:100px; text-align:center; background:white;color:#aaa; margin:0px auto; border:1px solid red;} #Footer {clear:both;float:left; text-align:center;background: #600; min-width:970px; width:100%;height:40px; border-top: solid 4px #fc3; border-bottom: solid 5px #fc3;margin:10px 0 0; color:#ccc;} #footnote{height:20px; width:730px; margin:0 auto;} #footnote p { font-size:1em; text-align:center; margin:10px ;/* removing margin will cause a gap at footer */} #footnote p a{color:#fc3; text-decoration:none;} /* boxes for content */ .screen {background-color:#eee; font-family:georgia,times,serif; font-size:12px; line-height:20px; padding:10px; width:90%; margin:0 auto; border:2px solid #cc9;} .bottomadd {width:100%; border:1px solid #ccc; margin:30px 0 0; text-align:center; } .bottomadd ul{list-style-type:none; } .bottomadd ul li{display:inline; margin-right:20px; font-size:11px;} .quotemarks {width:500px; margin:0px auto 40px; padding:10px; } .contnote {width:80%; margin:20px auto; padding:10px 30px; border:5px solid #69c; background-color:#ccf;} .contnote h3, .contnote h4{font-size:1.4em; margin:5px 0 10px; color:black;} .contnote p, .sidenoteli, .sidenote li{font-size:11px;} /* sponsors */ .b468x60 {width:468px; height:60px ; margin:15px auto;} .b728x90{width:728px; height:90px; background:#eee; border:1px solid white;} .b250150R {width:250px; height:150px; float:right; padding: 20px 0 20px 30px;} .b250150L {width:250px; height:150px; float:left; padding: 20px 20px 20px 0; } .bcent {text-align:center; margin: 20px;} .Fleft{float:left; padding: 20px 20px 20px 0; } .Fright{float:right; padding: 0px 0 20px 30px;} /* ----------------------------------------------------------------------------------------------------------------------site map 300 10 300 10 300 -------------------------- */ #Content13 {/*float:left; */ width:920px; ;background:#fff; margin:0; padding:15px;} #Contentbox13 dt{font-weight:normal;} #Contentbox13 dd{margin-left:0;} #Contentbox13 h2, #Contentbox13 h3 {font-size:1.5em; line-height:25px; margin:0;font-weight:bold; color:black; margin:10px 10px 10px 0;border-bottom:1px dotted #ccc;text-align:right;} #Contentbox13 ul{list-style-type:none; margin-left:0; font-size:0.5em;} #Contentbox13 ul li {} #Contentbox13 ul li ul {margin-left:10px;} #SM1, #SM2, #SM3, #SM4, #SM5,#SM6 {float:left; width:295px; margin-bottom:30px; background:#fff;/*text-align:justify; background:#eee;*/} #SM1, #SM2, #SM4, #SM5{ margin-right:15px;} /* ----------------------------------------------------------------------2 - 3 column ------------------------------------*/ #Content {float:left; width:590px; ;background:#fff;} #Contentbox {width:514px;margin:7px;padding:10px 30px; border:1px solid #ccc;background:white;} #cont3{float:left;width:574px; height:25px;font-family:Arial,'Gill Sans',Lucida,'Helvetica Narrow',sans-serif; text-align:center; padding:0px; margin:7px; margin-bottom:20px;border:1px solid #ccc;background:#eef;} #cont3 ul {list-style-type: none;padding: 0;margin:0;} #cont3 ul li {display: inline;text-align: center; /*margin-left:8px;*/margin-right:8px; line-height:20px; font-size:10px;} /* ---------------------------------------- SideBar */ #Sidebar {float:right;width:350px;font-family:arial; background:transparent;padding-bottom:0px;} #Sidebar h2, #Sidebar h3, #Sidebar h4, #Sidebar h5 {margin-top:0px; background:#fd6; line-height:1.5em; } #Sidebar h6 {font-size:1.1em; margin-top:20px;} #Sidebar ul li ul {margin-left:20px;} .sidesquare{width:336px;background:white;padding:7px;margin-bottom:10px;} .sidesqbox {width:334px; text-align:center;border:1px solid #ccc; overflow:auto;background:#fff;} .sidesqbox h3, .sidesqbox h4{text-align:center; margin-bottom:10px;} #topcorner {background:#fff url(''); float:right;} #sidet3{ /* tier 3 list for side bar*/ text-align:left;} .box300250 {width:314px; height:250px; padding:20px 10px; text-align:center; background:#fff url('../images/pinkpaper.jpg'); background-repeat:repeat;} .checklist {text-align:left;} .checklist ol, .checklist ul {font-size:1.3em; } .checklist p {font-size:1.3em; padding:0 10px;} #note {background:#fff url('../images/notebook.jpg'); background-repeat: repeat-y; } #note {padding-left:30px;text-align:left;} #note p{padding-left:20px;text-align:left;} #note h3, #note h4, #note h5 {background:transparent; text-align:left; padding-left:20px; margin:10px 0 5px;} /* Boxes to reserve side for sidebar only*/ .sidetrack {width:80%; margin:20px auto; padding:10px 30px; background:#ffffcc; border:5px solid #eee;} .sidetrack h3, .sidetrack h4{font-size:1.4em; margin:5px 0 10px; color:black;} .sidetrack p, .sidetrack li, .sidetrack li{font-size:11px;} /* begin sidebar 160 x 600 for 2/3 column use only */ #SB1,#SB2 {float:left;width:160px; background:#fff; height:600px;margin-bottom:10px; padding:5px; } #SB2 {margin-left:10px;} .url {font-size:0.9em; } #SB1 ul, #SB2 ul{list-style-type:none; list-style-position:outside; margin-left:1px; margin:10px 1px 20px; } #SB1 ul li, #SB2 ul li{font-size:0.9em;line-height:2em; text-align:justify;} #SB1 p, #SB2 p{font-size:1.1em;} /* ---------------------------------end side bar--------------------------------*/ #join {width:200px; margin:30px auto 5px;} /* home*/ #lefbox {float:left; width:295px; } #lef1, #lef2, #lef3 { width:295px; height:180px; border:2px solid #eee;margin-bottom:5px;} #lef1 h3 {color:#495427;background:#E5FF99;margin:5px; text-align:center;} #lef2 h3{color:#9A964C; background:#E8E5BB ;margin:5px; text-align:center;} #lef3 h3{color:#004A97 ; background:#CBE4FE;margin:5px; text-align:center;} #lef21 { width:280px; margin:0 auto; } #rigbox {float:right; width:295px;} #rig1,#rig2,#rig3 { width:295px; height:180px; border:2px solid #eee;margin-bottom:5px;} #rig2 {} #rig1 h3 {color:#654C00; background:#FFE599;margin:5px; text-align:center;} #rig2 h3{color:#DB3442;background:#EAD7BE;margin:5px; text-align:center;} #rig3 h3{color:#EA9D38; background:#EAE8BE;margin:5px; text-align:center;} #lef1 p, #lef2 p, #lef3 p, #rig1 p, #rig2 p, #rig3 p {padding:0 10px;} /* topbox*/ #menubox600, #box600 {width:600px; height:250px; background:#fff; } .lef300 {float:left;width:340px; background:transparent;} .rig250 {float:right; width:250px; background:transparent; margin:0 0 10px 10px;} .rig250 ul , .rig200 ul{list-style-type:none; margin:0 0 0 10px; } .rig250 ul li, .rig200 ul li{font-size:11px; } .rig200 {float:right; width:200px; background:#fff; border:1px dotted #ccc;} #box600 ul, #topbox250 ul {list-style-type:none; margin:0;} b200 {float:left; width:195px; border-right:1px dotted #ccc; margin-right:3px; height:200px;} /* experimental #topbox200 p, #topbox200 ul li, #topbox250 p, #topbox250 ul li {font-family:arial, san-serif; font-size:12px;} #box200 {width:600px; height:200px; } . */