/* CSS Document */ /* -------------------------------------------------------------- reset.css * Resets default browser CSS. -------------------------------------------------------------- */ html { margin:0; padding:0; border:0; } body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* This helps to make newer HTML5 elements behave like DIVs in older browers */ article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display:block; } /* Line-height should always be unitless! */ body { line-height: 1.5; background: white; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } /* float:none prevents the span-x classes from breaking table-cell display */ caption, th, td { text-align: left; font-weight: normal; float:none !important; } table, th, td { vertical-align: middle; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ''; } blockquote, q { quotes: "" ""; } /* Remove annoying border on linked images. */ a img { border: none; } /* Remember to define your own focus styles! */ :focus { outline: 0; } /* global*/ html { } body { } /* headings */ h1 img, h2 img, h3 img , h4 img, h5 img, h6 img {margin:0;} /* text element */ p {color:#000;line-height: 150%;} P .left {margin:1.5cm 1.5cm 1.5cm 0; padding: 0;} P .right {margin:1.5cm 1.5cm 1.5cm 0; padding: 0;} a {text-decoration:none;} a:link {color:#000000;} a:visted {color:#000;} a:active {color:#000;} a:focus {color:#000;} a:hover {color:#000;} blockquote {color:#000; font-size:12px;} strong {font-weight:bold;} em { font-style: italic;} /* images */ /* list */ ul {} ol { list-style-type:decimal;} ul li {color:#000; font-size:12px;} ol li {color:#000; font-size:12px;} dl {} dt {} dd {} /* table*/ table {width:100%;} tr {} .odd {} .even {} th {font-weight:bold;} thead, th {background:#ccc;} tbody {} th,td,caption {} tfoot {} caption {background:#efefef;} /* miscellaneous */ sup, sup {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {} del {background-color:#ffcece; color:#foo;} code,pre {background-color:#ff9; padding:2px 0px; magin:4px 25px; font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:bold;} .footer_text {font-size:9px; font-style:normal; color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif;} .rightnave_text {text-align:right; font-size:14px #FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; } .sepparate {font-size:14px; font-weight:bold; color:#FFFFFF;} .pix_text {font-size:12px; font-family:Arial, Helvetica, sans-serif;} .pop_up_body {background-color:#CCCCCC;} .redtext {color:#FF0000;} .center_star {text-align:center;} .underline { text-decoration:underline;} /* container */ #outer {width:960px; margin:0px auto; padding:0px; background-color:#FFFFFF; border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid;} #logo {margin-left: 50px; float:left} #media_logo {margin-right:50px; float:right; width:170px;} #media_logo ul li {display:inline; padding-right:10px} #media_logo ul {margin-top:50px;} #rightnav {clear:both; border-top:3px #FF0000 solid; margin-top:10px;} #rightnav ul {padding: 5px; background:#000000; margin-top:5; padding-right:50px;} #rightnav ul li {display:inline;} #rightnav ul li a {margin:5px;color:#FFFFFF;} #rightnav a:link {color:#FFFFFF;} #rightnav a:visted {color:#FF0000;} #rightnav a:active {color:#FF0000;} #rightnav a:focus {color:#FF0000;} #rightnav a:hover {color:#FF0000;} #wrapper {margin:20px 20px; padding-bottom:20px;} #pix_text {width:400px; float:left; margin-bottom:11px; margin-top: 40px;} #pix {float:left; padding:10px;} #video { width: 500px; float:right; padding-bottom:20px; margin-left:0px;} #on_the_road { padding-left:20px auto; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} #on_the_road a:link {color:#000000;} #on_the_road a:hover {color:#0000FF;} #on_the_road h1 { font-size:14px; color:#FF0000; padding-bottom:10px;} #on_the_road h2 { font-size:12px; color:#000000;} #on_the_road h3 { font-size:11px; color:#999999;} #on_the_road_1 {margin-top:30px; float:left;margin-left:70px; margin-bottom:20px} #on_the_road_2 {margin-top:30px;float:left; margin-left:30px; margin-bottom:20px;} #on_the_road_3 {margin-top:30px;float:left; margin-left:30px; margin-bottom:20px;} #on_the_road_4 {margin-top:30px;float:left; margin-left:30px; margin-bottom:20px;} #on_the_road_5 {margin-top:30px;float:left; margin-left:30px; margin-bottom:20px;} #on_the_road_content_underlind {clear:left; margin-bottom:40px; border-bottom:1px #999999 solid;} #vedio_photogallery {width:584px; height:500px; margin:0px auto;} #profiles_1 h1 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; margin-bottom:20px; border-bottom:#CC0000 solid 3px;} /* Topic of each column */ #profiles_1 h2, #profiles_2 h2, #profiles_3 h2, #profiles_4 h2, #profiles_5 h2, #profiles_6 h2, #profiles_7 h2,#profiles_8 h2,#profiles_9 h2, #profiles_10 h2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold;} #profiles_1 h3, #profiles_2 h3, #profiles_3 h3, #profiles_4 h3, #profiles_5 h3, #profiles_6 h3, #profiles_7 h3,#profiles_8 h3, #profiles_9 h3, #profiles_10 h3 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; margin-bottom: 5px;} #profiles_1 h2 a:link,#profiles_2 h2 a:link,#profiles_3 h2 a:link,#profiles_4 h2 a:link,#profiles_5 h2 a:link,#profiles_6 h2 a:link,#profiles_7 h2 a:link, #profiles_8 h2 a:link, #profiles_9 h2 a:link, #profiles_10 h2 a:link {color:#000000;} #profiles_1 h2 a:hover,#profiles_2 h2 a:hover,#profiles_3 h2 a:hover,#profiles_4 h2 a:hover,#profiles_5 h2 a:hover,#profiles_6 h2 a:hover,#profiles_7 h2 a:hover,#profiles_8 h2 a:hover,#profiles_9 h2 a:hover ,#profiles_10 h2 a:hover {color:#0000FF;} #profiles_1 h4, #profiles_2 h4, #profiles_3 h4, #profiles_4 h4, #profiles_5 h4, #profiles_6 h4, #profiles_7 h4, #profiles_8 h4, #profiles_9 h4, #profiles_10 h4 { } #profiles_1 h4 a:hover, #profiles_2 h4 a:hover, #profiles_3 h4 a:hover, #profiles_4 h4 a:hover, #profiles_5 h4 a:hover, #profiles_6 h4 a:hover, #profiles_7 h4 a:hover, #profiles_8 h4 a:hover, #profiles_9 h4 a:hover, #profiles_10 h4 a:hover { background-color:#FF0000; } #profiles_1 h5, #profiles_2 h5, #profiles_3 h5, #profiles_4 h5, #profiles_5 h5, #profiles_6 h5, #profiles_7 h5, #profiles_8 h5, #profiles_9 h5, #profiles_10 h5 { margin-bottom:10px; padding-bottom:10px; border-bottom:#000000 solid 1px; } /* underline of each topic */ #profiles_1 p, #profiles_2 p, #profiles_3 p, #profiles_4 p, #profiles_5 p, #profiles_6 p, #profiles_7 p,#profiles_8 p,#profiles_9 p, #profiles_10 p {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color:#000000; font-style: italic; margin-bottom:5px;} #profiles_column_1 {float:left; width:250px;padding-left:20px;padding-right:20px;margin-bottom:20px;border-right:1px #CCCCCC solid ;} #profiles_column_2 {float:left; width:250px;padding-left:20px; margin-left:20px; padding-right:20px; margin-bottom:20px; border-right:1px #CCCCCC solid ;} #profiles_column_3 {float:left; width:250px;padding-left:20px; padding-right:20px;margin-left:20px; margin-bottom:20px;} #pop_up_text {margin:0px 20px; padding: 20px;font-family:Arial, Helvetica, sans-serif;} #pop_up_banner { height:100px; background-color:#980312; margin:0px;} #pop_up_text h1 {text-align:center; font-size:16px; padding-bottom:5px; font-weight:bold;} #pop_up_text h2 { font-style:italic; text-align:center; font-size:16px; font-weight:normal;} #pop_up_text h3 {font-size:14px; padding-bottom:5px;font-weight:bold; color:#FF0000;} #pop_up_text h4 {font-size:14px; padding-bottom:5px;color:#000;} #pop_up_text h5 {font-size:14px; padding-bottom:5px;color:#000; font-weight:bold;} #pop_up_text p {font-size:12px;} .pop_up_previous_page { text-align:center;margin-top:30px; font-weight:bold;} .pop_up_previous_page a:link {color:#000000;} .pop_up_previous_page a:hover {color:#F00;} #sihanu_pix1 {margin:20px auto; } #sihanu_pix2 {margin:10px auto;} .withness-to-a-crack_link {font-size:14px; font-weight:bold; text-align:center;} #withness-to-a-crack {margin-bottom:30px;} #withness-to-a-crack a:link {color:#000000; } #withness-to-a-crack a:hover {color:#0000FF;} #withness-to-a-crack h1 {font-size:18px; color:#FF0000} #redshirt {padding: 40px; text-align:center; border-top: #666666 1px solid} #footer {clear:both; margin-top:40px; background-color:#999999; height:50px; padding-top:30px;} #box1 { } #box2 { } #box3 { } /*pictures*/ #right_300 {float:right; align:middle; margin:20px; width:300px; padding-top:5px;} #caption { font-family:Verdana; font-size:11px; text-align:left; font-weight:bold; padding-top:5px; } #left_300 {float:left; margin:20px; width:300px; align:middle; padding-top:5px;} #right_400 {float:right; margin:20px; width:400px; align:middle; padding-top:5px;} #left_400 {float:left; margin:20px; width:400px; align:middle; padding-top:5px;} /* layout extra */ /* forum */ form {text-align:left; margin:20px:} label, submit, input textarea {border:0; padding:0; background:none;} label {float:left; width: 150px; text-align:right; display:block;} input,textarea {border:1px #333 solid; margin-left:10px;} input {width:280px; margin-bottom: 16 px;} textarea {width: 280px; height:150px; margin-bottom:16px;}