style.css

a RIP distance vector implementation for a simple graph

 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H1 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
H2 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
H3 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
H4 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
H5 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
H6 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
BLOCKQUOTE {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
A {
	COLOR: #256b7f
}
A:hover {
	COLOR: #6b8b45
}
BLOCKQUOTE {
	BORDER-RIGHT: #bbb 1px dotted; PADDING-RIGHT: 10px; BORDER-TOP: #bbb 1px dotted; PADDING-LEFT: 10px; BACKGROUND: #9dcae8; PADDING-BOTTOM: 5px; MARGIN: 5px 10px; BORDER-LEFT: #bbb 1px dotted; PADDING-TOP: 5px; BORDER-BOTTOM: #bbb 1px dotted
}
CODE {
	COLOR: #3366cc
}
A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
BODY {
	BACKGROUND: url(images/bgbody2.jpg) #499f8f fixed repeat-x left top; MARGIN: 27px auto 10px; WIDTH: 950px; FONT-FAMILY: arial, sans-serif; POSITION: relative; TEXT-ALIGN: center
}
#wrapper {
	TEXT-ALIGN: left
}
.topcurvewhite {
	BACKGROUND: url(images/bgtopwhite.gif) no-repeat left top; MARGIN: 0px; HEIGHT: 13px
}
.bottomcurvewhite {
	BACKGROUND: url(images/bgbottomwhite.gif) no-repeat left bottom; MARGIN: 0px; HEIGHT: 13px
}
#header {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 25px; MARGIN: 0px; PADDING-TOP: 5px
}
#header H1.sitename {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 20pt; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; POSITION: relative
}
#header H1.sitename A {
	COLOR: #fff; TEXT-DECORATION: none
}
#header H1.sitename A:hover {
	COLOR: #d0de9c; TEXT-DECORATION: none
}
#header H2.sitedesc {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11pt; PADDING-BOTTOM: 0px; COLOR: #a6ddea; PADDING-TOP: 0px; POSITION: relative
}
#header .topright {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10pt; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; WIDTH: 400px; COLOR: #fff; PADDING-TOP: 0px; POSITION: relative; HEIGHT: 60px; TEXT-ALIGN: right
}
#header .topright A {
	COLOR: #a6ddea
}
#header .topright A:hover {
	COLOR: #d0de9c
}
.search {
	PADDING-BOTTOM: 5px
}
#searchform {
	MARGIN-TOP: 2px; FLOAT: right; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px
}
#searchform {
	BACKGROUND: url(images/search.gif) no-repeat left 3px; MARGIN-LEFT: 10px; WIDTH: 213px; PADDING-TOP: 8px; HEIGHT: 28px
}
UNKNOWN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
 HTML #searchform {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
#searchbox {
	BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-BOTTOM: 3px; MARGIN-LEFT: 8px; WIDTH: 145px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#searchbutton {
	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 50px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#searchbutton:hover {
	CURSOR: pointer
}
#nav {
	CLEAR: both; MARGIN: 10px 0px 0px
}
#nav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav LI {
	FLOAT: left; MARGIN-RIGHT: 10px
}
 HTML #nav LI A {
	FLOAT: left; TEXT-DECORATION: none
}
 HTML #nav LI A SPAN {
	FLOAT: left; MARGIN-LEFT: 4px; TEXT-DECORATION: none
}
#nav LI A {
	DISPLAY: block; FONT-SIZE: 10pt; BACKGROUND: url(images/bgtableft.gif) no-repeat left top; TEXT-TRANSFORM: lowercase; HEIGHT: 26px; TEXT-DECORATION: none
}
#nav LI A SPAN {
	PADDING-RIGHT: 12px; DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: url(images/bgtabright.gif) no-repeat right top; MARGIN-LEFT: 6px; COLOR: #fff; LINE-HEIGHT: 26px; TEXT-DECORATION: none
}
#nav LI A:hover {
	BACKGROUND-POSITION: left -26px; CURSOR: pointer; TEXT-DECORATION: none
}
#nav LI A:hover SPAN {
	BACKGROUND-POSITION: right -26px; COLOR: #fff
}
#nav LI.current_page A {
	BACKGROUND-POSITION: left -26px
}
#nav LI.current_page A SPAN {
	BACKGROUND-POSITION: right -26px; COLOR: #fff
}
#main {
	CLEAR: both; PADDING-RIGHT: 15px; PADDING-LEFT: 10px; BACKGROUND: url(images/bgwhite.gif) #fff repeat-y left top; PADDING-BOTTOM: 15px; MARGIN: 0px; WIDTH: 925px; PADDING-TOP: 0px
}
#contentwrapper {
	FLOAT: left; WIDTH: 600px
}
#content {
	
}
#content .pageTitle {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 16pt; PADDING-BOTTOM: 15px; COLOR: #5a7836; PADDING-TOP: 5px; FONT-FAMILY: arial, sans serif; LETTER-SPACING: -1px
}
.post {
	MARGIN: 5px 0px 25px
}
#content H2 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#content H3 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#content H4 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#content H5 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#content H6 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#content H2 {
	FONT-SIZE: 15pt
}
#content H3 {
	FONT-SIZE: 11pt
}
#content H4 {
	FONT-SIZE: 10pt
}
#content H5 {
	FONT-SIZE: 10pt
}
#content H6 {
	FONT-SIZE: 10pt
}
H2.homeTitle {
	MARGIN: 0px 0px 15px
}
H2.postTitle {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 16pt; PADDING-BOTTOM: 0px; COLOR: #000; PADDING-TOP: 0px; FONT-FAMILY: arial, sans serif; LETTER-SPACING: -1px
}
H2.postTitle A {
	FONT-WEIGHT: bold; FONT-SIZE: 15pt; COLOR: #11414f; TEXT-DECORATION: none
}
H2.postTitle A:hover {
	COLOR: #5a7836
}
.postMeta {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 9pt; PADDING-BOTTOM: 3px; COLOR: #333; PADDING-TOP: 2px
}
.postMeta A {
	TEXT-DECORATION: none
}
.postContent IMG {
	BORDER-RIGHT: #ccc 3px solid; BORDER-TOP: #ccc 3px solid; MARGIN: 10px; BORDER-LEFT: #ccc 3px solid; BORDER-BOTTOM: #ccc 3px solid
}
#content P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 10pt; PADDING-BOTTOM: 5px; COLOR: #000; PADDING-TOP: 5px
}
.postContent P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 10pt; PADDING-BOTTOM: 5px; COLOR: #000; PADDING-TOP: 5px
}
.postContent UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 35px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 35px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.postContent UL LI {
	FONT-SIZE: 10pt; COLOR: #000
}
OL LI {
	FONT-SIZE: 10pt; COLOR: #000
}
.postTags {
	FONT-SIZE: 9pt; MARGIN: 5px 10px 15px; COLOR: #000
}
P.comments {
	CLEAR: both; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
P.comments A {
	PADDING-LEFT: 20px; FONT-SIZE: 10pt; BACKGROUND: url(images/comment.gif) no-repeat left top; TEXT-DECORATION: none
}
.commentlist {
	FONT-SIZE: 10pt; MARGIN: 10px 0px; LIST-STYLE-TYPE: none
}
.commentlist LI {
	BORDER-RIGHT: #9dcae8 1px solid; BORDER-TOP: #9dcae8 1px solid; BACKGROUND: #cbe7fa; MARGIN: 0px 0px 10px -25px; BORDER-LEFT: #9dcae8 1px solid; WIDTH: 530px; BORDER-BOTTOM: #9dcae8 1px solid
}
.commentlist CITE {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 10pt; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.commentlist CITE A {
	
}
.commentmetadata {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.comment H3 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12pt; PADDING-BOTTOM: 0px; COLOR: #000; PADDING-TOP: 0px; TEXT-DECORATION: none
}
.comment P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 10pt; PADDING-BOTTOM: 10px; COLOR: #000; PADDING-TOP: 10px
}
.comment A {
	TEXT-DECORATION: none
}
.comment A:hover {
	TEXT-DECORATION: underline
}
.comment TEXTAREA {
	WIDTH: 555px
}
.comment #submit {
	FONT-SIZE: 9pt; BACKGROUND: url(images/commentbutton.gif) no-repeat left top; WIDTH: 118px; COLOR: #333; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 30px; BORDER-BOTTOM-STYLE: none
}
.comment #submit:hover {
	CURSOR: pointer
}
.sidebars {
	MARGIN-TOP: 0px; FLOAT: right; MARGIN-LEFT: 15px; WIDTH: 300px; PADDING-TOP: 9px
}
.sidebars H2 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 7px; FONT-SIZE: 11pt; BACKGROUND: url(images/sidebar_title_bg.gif) no-repeat left top; PADDING-BOTTOM: 2px; COLOR: #fff; PADDING-TOP: 6px; HEIGHT: 29px
}
.sidebars TABLE {
	WIDTH: 300px
}
.sidebars UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 0px
}
.sidebars LI {
	FONT-SIZE: 9pt; MARGIN-BOTTOM: 20px; LIST-STYLE-TYPE: none
}
.sidebars LI UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.sidebars UL UL LI {
	PADDING-RIGHT: 2px; PADDING-LEFT: 16px; BACKGROUND: url(images/bullet.gif) no-repeat left 7px; PADDING-BOTTOM: 2px; MARGIN: 0px; COLOR: #333; LINE-HEIGHT: 17px; PADDING-TOP: 3px; BORDER-BOTTOM: #ddd 1px dashed
}
.sidebars LI.nobg A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #003366; TEXT-DECORATION: none
}
.sidebars A {
	DISPLAY: inline; COLOR: #333; TEXT-DECORATION: none
}
.sidebars A:hover {
	BACKGROUND: #c1def1; COLOR: #003366
}
.sidebars P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 9pt; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
#tag_cloud A {
	DISPLAY: inline
}
.sidebars UL.children LI {
	BORDER-BOTTOM-STYLE: none
}
.sidebars UL.children {
	MARGIN-BOTTOM: -5px
}
#footer {
	CLEAR: both; COLOR: #fff; PADDING-TOP: 10px; TEXT-ALIGN: left
}
#footer P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; LINE-HEIGHT: 19px; PADDING-TOP: 0px
}
#footer A {
	COLOR: #a6ddea
}
#footer A:hover {
	COLOR: #d0de9c
}
#credits {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 0px auto; WIDTH: 950px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
.cleared {
	CLEAR: both
}
.left {
	FLOAT: left
}
.right {
	FLOAT: right
}
#nextprevious {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 85%; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}