@charset "UTF-8";
/* CSS Document */
body,html {
margin:0;
padding:0;
/**background-image:url(../images/ppt_bg.jpg);**/
background-color:#333;
}
#wrap {
margin:0 auto;
width: 960px;
}
/** HEADER STYLES **/
#header {
margin:0 auto;
width: 960px;
}
/** NAVIGATION STYLES **/
#nav {
width:950px;
height: 20px;
padding:5px;
background-color:#333;
color:#CCC;
margin:0 auto;
border-top:2px #222 solid;
border-bottom:2px #222 solid;
}
#nav ul {
list-style:none;
margin-left:30px;
margin:0;
padding:0;
}
#nav li {
display:inline;
float:left;
}
#nav a {
color:#FFF;
display:block;
margin-left:75px;
font-size:18px;
text-decoration:none;
}
#nav a:hover {
color:#CF9;
}
#nav a:active {
color:#CF9;
}
/**MAIN CONTENT STYLES**/
#main {
background-color:#e5e4e2;
margin-bottom:25px;
-moz-border-bottom-left-radius: 15px;
-moz-border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
#clear{
clear:both;
}
#maininside {
width:710px;
float:left;
background-color:#e5e4e2;
padding:10px;
-moz-border-bottom-left-radius: 15px;
-moz-border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
#maininside h3 {
color:#003;
}
#maininside h4 {
color:#009;
}
#maininside h2 {
color:#003;
}
#maininside p {
color:#333;
}
#maininside ul {
color:#333;
list-style:decimal;
}
.juicebox {
width: 300px;
height: 200px;
float:left;
margin-left:15px;
margin-bottom:15px;
/** rounded corners **/
-moz-border-top-left-radius: 15px;
-moz-border-top-right-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
-moz-border-bottom-left-radius: 15px;
-moz-border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
/** shadows **/
-moz-box-shadow: inset 0 0 2px #ccc;
-webkit-box-shadow: inset 0 0 2px#ccc;
box-shadow: inner 0 0 2px #ccc;
}
/**SIDE BAR STYLES**/
#sidebar {
float:left;
width:210px;
background-color:#e5e4e2;
padding:10px;
/**height:2803px;**/
}
#sidebar ul {
margin:5;
padding:0;
list-style:none;
}
#sidebar li {
margin:0;
padding:5;
}
#sidebar a {
color:#003;
display:block;
font-size:16px;
text-decoration:none;
}
#sidebar a:hover {
color:#FFF;
}
#sidebar a:active {
color:#66F;
}
#sidebar h2 {
color:#333;
}
#sidebar h4 {
color:#C36;
}
.myTable {
width:100%;
border-collapse:collapse;
}
.myTable th {
border-width: 1px 1px 1px 1px;
background-color: #003;
color:#FFF;
padding:3px;
}
.myTable td {
padding:8px;
border:#999 1px solid;
}
.myTable tr:nth-child(even) { /*(even) or (2n 0)*/
background:#CCC;
}
.myTable tr:nth-child(odd) { /*(odd) or (2n 1)*/
background:none;
}
/**Side Navigation**/
#top {
padding:5px;
width:200px;
margin-top:25px;
background-color:#003;
color:#FFF;
-moz-border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#squarenav {
width:200px;
background-color:#C99;
color:666;
padding:5px;
-moz-border-bottom-left-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.top {
padding:5px;
width:200px;
margin-top:25px;
background-color:#003;
color:#FFF;
-moz-border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.squarenav {
width:200px;
background-color:#C99;
color:666;
padding:5px;
-moz-border-bottom-left-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
/*SPECIALS BLOG EDITS*/
#blog {
float:left;
margin-left: 10px;
}
div.feedburnerFeedBlock ul li span.headline {
font-weight:bold;
font-size:20px;
text-decoration:none;
}
div.feedburnerFeedBlock ul {
margin-left:0;
padding-left:0;
list-style-type: none
}
/*To remove bullets just on BuzzBoost headlines and leave bullets in item content intact, try this code: Code:*/
div.feedburnerFeedBlock ul {
margin-left:0;
padding-left:0;
list-style-type: none;
}
div.feedburnerFeedBlock a {
color:#000000;
}
div.feedburnerFeedBlock ul ul {
list-style-type: disc;
}
div.feedburnerFeedBlock ul ol {
list-style-type: decimal;
}
/*Put Additional Space between Titles and Headlines. If the standard spacing between post titles and headlines seems a bit tight,
you may want to give the headline itself characteristics similar to a full paragraph. This technique should work well whether
or not you have chosen to display post dates. You can re-style the Headline with an instruction like the following
example:Code:*/
div.feedburnerFeedBlock ul li span.headline {
font-weight:bold;
display:block;
margin:15px 0 0 0;
color:#009;
font-size:16px;
}
/*Box in BuzzBoost
Some have asked how to style BuzzBoost so that it stands out from other elements on the page. You can easily "box in"
BuzzBoost by adding the following snippet:*/
div.feedburnerFeedBlock {
border:none;
padding:12px;
width: 660px;
color:#333;
}
/*TABLE STYLES*/
/*You're free to change the hex color codes in "border" and "background-color" to other values to your liking,
or even use color literals, such as "gray" and "green", if you prefer to keep things more readable.*/
a img {
border: 0;
}
table.sortable {
border-spacing: 0;
border: 1px solid #000;
border-collapse: collapse;
font-size:10px;
}
table.sortable th, table.sortable td {
text-align: left;
padding: 2px 4px 2px 4px;
width: 100px;
border-style: solid;
border-color: #444;
font-size:10px;
}
table.sortable th {
border-width: 0px 1px 1px 1px;
background-color: #003;
color:#FFF;
font-size:10px;
}
table.sortable td {
border-width: 0px 1px 0px 1px;
font-size:10px;
}
table.sortable tr.odd td {
background-color: #ddd;
}
table.sortable tr.even td {
background-color: #fff;
}
table.sortable tr.sortbottom td {
border-top: 1px solid #444;
background-color: #ccc;
font-weight: bold;
font-size:10px;
}
#tableid {
margin:0;
border: 1px #ccc solid;
}