style.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67


body {padding:15px 20px; margin:0; background: #f5f5f5; font-family: "Trebuchet MS", arial, verdana, helvetica, sans-serif;}

#container {/*background-color:#ffffff;*/ padding:0px; min-width:700px;}

#header {height:90px; background-color:#ffffff;}
#logo {font-size:40px; padding:25px 0 0 30px;}
#logo a {color:#444444; text-decoration:none; }
#logo img {  margin-top: -10px; border-style:none; }
#slogan {float:right; font-size:18px; color:#444444; padding:65px 15px 0 0;}

/*webside theme colors*/
#menu, #menu li, #sidebar li a:hover, #footer {background-color:#c9e2ff;}
#menu a, #footer a, #footer {color: #3b4d4f}

#menu {height:40px; margin-top:5px;}
#menu ul {margin:0; padding:0;}
#menu li {list-style:none; float:left;}
#menu a {float:left; height:20px; padding:10px 20px; font-size:15px; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
#menu a:hover {color:#444444; background-color: #ffffff;}

#main {float:left; width:100%; height:100%; margin:5px 0; background-color: #FFFFFF; font-size:13px; line-height:120%;}
#main a {color:#111111; border-style:none;}
#main a:hover {color:#000000; background-color: #eeeeee;}
#main br {line-height:8px;}
#main img { padding: 5px; border-style:none; }
/* #main img:hover {background-color:white;} */

.rss {background:url(images/feed-icon-10x10.png) no-repeat scroll 2px 50% !important; padding:0px 0px 0px 15px;}
.fill {margin-right:0 !important;}
.centered {margin-left: auto; margin-right: auto; text-align: center;}
.clear {clear: both}
.column {float: left; padding-left: 25px; padding-right: 50px}
.splash {margin-left: auto; margin-right: auto; font-size:22px; }

#text ul { margin-left:0em; padding-left:0.2em; margin-bottom:1em; }
#text ul li { background:url(images/bullet.gif) 0em 0.3em no-repeat; padding-left: 0.8em; list-style: none; }
#text ul li { background-image:url(images/bullet_child.gif); }
#text ul li { margin-bottom:0.5em; }
#text ol { margin-left:1.5em; padding-left:0px; }
#text ol li { list-style:decimal; background-image:none; padding-left:0em; }


#sidebar {width:160px; height: auto; float: right; padding:0 30px 30px 30px; }
#sidebar h3 {font-size:17px; font-weight:normal; margin:20px 0 5px 0;}
#sidebar ul {margin:0; padding:0; /*border-top:1px solid #e6e6ff;*/}
#sidebar li {list-style:none; /*border-bottom:1px solid #e6e6ff;*/}
#sidebar li a {color:#111111; text-decoration:none; padding:3px; display:block;}

#text {margin-right:225px; padding:10px 30px 30px 30px; border-right: 5px solid #F5F5F5;}
#text h1 {font-size:22px; font-weight:normal; margin:20px 0 10px 0;}
#text h2 {font-size:19px; font-weight:normal; margin:20px 0 10px 0;}
#text ol, #text ul {padding:0; margin:8px 0;}
#text li {margin-left:40px;}

#footer {height:40px; font-size:11px; clear:both;}
#footer a:hover {color:#444444;}
#footer_left {float:left; padding:5px 0 0 5px;}
#footer_left img {float: left; margin-right: 5px;}

#footer_right {float:right; padding:13px 30px 0 0;}

td.streams_text { text-align: left; vertical-align: middle; }
td.streams_thumbs { width:400px; }
#streams img { width:120px; height:90px; }