diff options
-rw-r--r-- | stylesheet.css | 587 |
1 files changed, 282 insertions, 305 deletions
diff --git a/stylesheet.css b/stylesheet.css index 0fa8c2e..51f0cb7 100644 --- a/stylesheet.css +++ b/stylesheet.css @@ -1,305 +1,282 @@ -/* This CSS style sheet was developed by www.studio7designs.com for opensourcetemplates.org ... Please email if you have any questions aran@studio7designs.com Have fun! */
-
-
-body {
-background:#ffffff url('images/bg.jpg') top center repeat-x;
-margin:10px 10px 0px 10px;
-padding:0px;
-color: #000;
-font-family:"Trebuchet MS",arial,sans-serif;
-font-size: 80%;
-
-}
-
-#blogtitle{
-width:100%;
-margin:0px auto;
-padding:0 0 5px 0;
-font-size:1.1em;
-line-height:1.2em;
-
-}
-
-#small{
-positon:relative;
-padding-left: 5px;
-
-}
-
-#small2{
-positon:relative;
-float:right;
-margin-top: -15px;
-
-}
-
-#blogtitle a:link, a:visited{
-color:#b8ce83;
-text-decoration:none;
-}
-
-#blogtitle a:hover, a:active{
-color:#fff;
-text-decoration:none;
-
-}
-
-
-UL.BLUE {
-list-style: url(images/bullet.jpg) disc;
-font-size: 1.1em;
-
-}
-
-#leftcontent {
-position: absolute;
-left:10px;
-top:50px;
-width:200px;
-margin-top: 116px;
-background-image:url("images/strips_onside.jpg");
-background-repeat:repeat-y;
-font-size:1.0em;
-padding-left: 12px;
-padding-top: 8px;
-
-}
-
-#leftcontent p{padding-right:10px; margin-left: 5px; color:#888; font-size:1em;}
-
-#leftcontent a, a:link { color:#888; font-weight:500;}
-
-#leftcontent a:hover, a:active{ color:#FF6666;}
-
-
-#centercontent {
-margin-top: 37px;
-background:#fff;
-margin-left: 199px;
-margin-right:199px;
-color:#000;
-voice-family: "\"}\"";
-voice-family: inherit;
-margin-left: 201px;
-margin-right:201px;
-padding:20px;
-font-size: 1.3em;
-}
-
-#centercontent p {color:#000;}
-
-#centercontent a, a:link { color:#006633;}
-
-#centercontent a:hover, a:active{ color:#FF6666;}
-
-
-html>body #centercontent {
-margin-left: 201px;
-margin-right:201px;
-
-}
-
-.centercontentleft {float:left; width:40%; height:200px; background-color:#fff; text-align:left;
-border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
-
-.centercontentright {float:right; width:30%; height:100px; background-color:#fff; text-align:left;
-border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;}
-
-
-#rightcontent {
-position: absolute;
-right:10px;
-top:0px;
-width: 200px;
-font-size:1.1em;
-background-image:url("images/strips_onside.jpg");
-background-repeat:repeat-y;
-margin-top:150px;
-padding-left: 5px;
-padding-right: 8px;
-padding-top: 8px;
-
-}
-
-
-#rightcontent p {color:#888;}
-
-#rightcontent a, a:link { color:#888; font-weight:600;}
-
-#rightcontent a:hover, a:active{ color:#FF6666;}
-
-
-#banner {
-background:#fff;
-height:40px;
-voice-family: "\"}\"";
-voice-family: inherit;
-height:39px;
-
-}
-
-
-html>body #banner {
-height:39px;
-
-}
-
-
-p,h1,pre {
-margin:0px 10px 10px 10px;
-font:Arial, Helvetica, sans-serif;
-font-size:12px;
-line-height: 1.6em;
-text-align:justify;
-text-decoration:none;
-}
-
-h1 {
-font-size:2.5em;
-float:right;
-color:#ccc;
-padding-top:15px;
-
-}
-
-h3 {
-font-size:14px;
-color:#999;
-
-}
-
-#banner h1 {
-font-size:14px;
-padding:10px 10px 0px 10px;
-margin:0px;
-
-}
-
-#rightcontent p {
-font-size:11px
-
-}
-
-.introduction ul, #introduction li {
-text-align:center;
-list-style: none;
-margin: 0;
-padding: 0;
-
-}
-
-.introduction a {
-border-bottom: none;
-color:#999999;
-}
-
-.introduction h3{
-text-align: center;
-position:static;
-
-}
-
-
-/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */
-
-#topmenu {
-position: absolute;
-top: 45px;
-left: 240px;
-width: 600px;
-font-size:100%;
-margin: 0 0 50px 0;;
-line-height:normal;
-height: 35px;
-}
-#topmenu ul {
-margin:0;
-padding:0px 0px 0 0px;
-list-style:none;
-}
-#topmenu li {
-display:inline;
-margin:0;
-padding:0;
-}
-#topmenu a {
-float:left;
-background:url(images/menuleft.gif) no-repeat left top;
-margin:0;
-padding:0 0 0 4px;
-text-decoration:none;
-}
-#topmenu a span {
-float:left;
-display:block;
-background:url(images/menuright.gif) no-repeat right top;
-padding:5px 15px 4px 6px;
-color:#888;
-}
-
-/* Commented Backslash Hack hides rule from IE5-Mac \*/
-#topmenu a span {float:none;}
-/* End IE5-Mac hack */
-#topmenu a:hover span {
-color:#999999;
-}
-#topmenu a:hover {
-background-position:0% -42px;
-}
-#topmenu a:hover span {
-background-position:100% -42px;
-}
-
-/* ~~~~~~~~~ END MENU ~~~~~~~~~ */
-
-
-
-/* ~~~~~~~~~ BEGIN FOOTER ~~~~~~~~~ */
-
-#footer{
-/*height:329px;*/
-background:#000 url('images/bg.jpg') top center repeat-x;
-text-align: center;
-padding-top: 8px;
-clear: both;
-float: none;
-margin-left: -10px;
-margin-right: -10px;
-margin-bottom: -20px;
-
-}
-
-#footer a, a:link {
-color:#999999;
-text-decoration: none;
-
-}
-#footer a:hover {
-color:#A5CE77;
-text-decoration: none;
-
-}
-
-/* ~~~~~~~~~ END FOOTER~~~~~~~~~ */
-
-
-/* ~~~~~~~~~ BOXES AT BOTTOM OF PAGE ~~~~~~~~~ */
-
-.centercontentleftb {float:left; width:45%; height:200px; background-color:#31412c; text-align:left;
-border:dashed 1px #888; margin: 50px 10px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
-
-
-.centercontentleftimg {float:left; width:45%; height:45%x; background-color:#31412c; text-align:left;
-border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
-
-.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
-border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
-
-.centercontentrightb {float:right; width:45%; height:200px; background-color:#31412c; text-align:left;
-border:dashed 1px #888; margin: 50px 13px 5px 10px; padding:6px; font-size:1.1em; color:#fff;}
-
-.centercontentleftimg {float:left; width:45%; height:45%; background-color:#31412c; text-align:left;
-border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
-
-.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left;
-border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;}
+/* This CSS style sheet was developed by www.studio7designs.com for opensourcetemplates.org ... Please email if you have any questions aran@studio7designs.com Have fun! */ + + +body { +background:#ffffff url('images/bg.jpg') top center repeat-x; +margin:10px 10px 0px 10px; +padding:0px; +color: #000; +font-family:"Trebuchet MS",arial,sans-serif; +font-size: 80%; + +} + +body a:link, body a:visited { + color: blue; +} + +#blogtitle{ +width:100%; +margin:0px auto; +padding:0 0 5px 0; +font-size:1.1em; +line-height:1.2em; +} + +#blogtitle a:link, a:visited { + color:#b8ce83; + text-decoration:none; +} + +#blogtitle a:hover, a:active { + color:#fff; + text-decoration:none; +} + +#small{ +positon:relative; +padding-left: 5px; + +} + +#small2{ +positon:relative; +float:right; +margin-top: -15px; + +} + +UL.BLUE { +list-style: url(images/bullet.jpg) disc; +font-size: 1.1em; + +} + +#leftcontent { +position: absolute; +left:10px; +top:50px; +width:200px; +margin-top: 116px; +background-image:url("images/strips_onside.jpg"); +background-repeat:repeat-y; +font-size:1.0em; +padding-left: 12px; +padding-top: 8px; + +} + +#leftcontent p{padding-right:10px; margin-left: 5px; color:#888; font-size:1em;} + +#centercontent { +margin-top: 37px; +background:#fff; +margin-left: 199px; +margin-right:199px; +color:#000; +voice-family: "\"}\""; +voice-family: inherit; +margin-left: 201px; +margin-right:201px; +padding:20px; +font-size: 1.3em; +} + +#centercontent p {color:#000;} + +html>body #centercontent { +margin-left: 201px; +margin-right:201px; + +} + +.centercontentleft {float:left; width:40%; height:200px; background-color:#fff; text-align:left; +border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;} + +.centercontentright {float:right; width:30%; height:100px; background-color:#fff; text-align:left; +border:dashed 2px #ccc; margin: 4px 10px 5px 10px; padding:6px; font-size:1.1em; color:#666666;} + + +#rightcontent { +position: absolute; +right:10px; +top:0px; +width: 200px; +font-size:1.1em; +background-image:url("images/strips_onside.jpg"); +background-repeat:repeat-y; +margin-top:150px; +padding-left: 5px; +padding-right: 8px; +padding-top: 8px; +} + +#rightcontent p {color:#888;} + +#banner { +background:#fff; +height:40px; +voice-family: "\"}\""; +voice-family: inherit; +height:39px; + +} + +html>body #banner { +height:39px; + +} + +p,h1,pre { +margin:0px 10px 10px 10px; +font:Arial, Helvetica, sans-serif; +font-size:12px; +line-height: 1.6em; +text-align:justify; +text-decoration:none; +} + +h1 { +font-size:2.5em; +float:right; +color:#ccc; +padding-top:15px; + +} + +h3 { +font-size:14px; +color:#999; + +} + +#banner h1 { +font-size:14px; +padding:10px 10px 0px 10px; +margin:0px; + +} + +#rightcontent p { +font-size:11px + +} + +.introduction ul, #introduction li { +text-align:center; +list-style: none; +margin: 0; +padding: 0; + +} + +.introduction h3{ +text-align: center; +position:static; + +} + + +/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */ + +#topmenu { +position: absolute; +top: 45px; +left: 240px; +width: 600px; +font-size:100%; +margin: 0 0 50px 0;; +line-height:normal; +height: 35px; +} +#topmenu ul { +margin:0; +padding:0px 0px 0 0px; +list-style:none; +} +#topmenu li { +display:inline; +margin:0; +padding:0; +} +#topmenu a { +float:left; +background:url(images/menuleft.gif) no-repeat left top; +margin:0; +padding:0 0 0 4px; +text-decoration:none; +} +#topmenu a span { +float:left; +display:block; +background:url(images/menuright.gif) no-repeat right top; +padding:5px 15px 4px 6px; +color:#888; +} + +/* Commented Backslash Hack hides rule from IE5-Mac \*/ +#topmenu a span {float:none;} +/* End IE5-Mac hack */ +#topmenu a:hover span { +color:#999999; +} +#topmenu a:hover { +background-position:0% -42px; +} +#topmenu a:hover span { +background-position:100% -42px; +} + +/* ~~~~~~~~~ END MENU ~~~~~~~~~ */ + + + +/* ~~~~~~~~~ BEGIN FOOTER ~~~~~~~~~ */ + +#footer{ +/*height:329px;*/ +background:#000 url('images/bg.jpg') top center repeat-x; +text-align: center; +padding-top: 8px; +clear: both; +float: none; +margin-left: -10px; +margin-right: -10px; +margin-bottom: -20px; + +} + +#footer a, a:link { +color:#999999; +text-decoration: none; + +} +#footer a:hover { +color:#A5CE77; +text-decoration: none; + +} + +/* ~~~~~~~~~ END FOOTER~~~~~~~~~ */ + + +/* ~~~~~~~~~ BOXES AT BOTTOM OF PAGE ~~~~~~~~~ */ + +.centercontentleftb {float:left; width:45%; height:200px; background-color:#31412c; text-align:left; +border:dashed 1px #888; margin: 50px 10px 5px 10px; padding:6px; font-size:1.1em; color:#fff;} + + +.centercontentleftimg {float:left; width:45%; height:45%x; background-color:#31412c; text-align:left; +border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;} + +.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left; +border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;} + +.centercontentrightb {float:right; width:45%; height:200px; background-color:#31412c; text-align:left; +border:dashed 1px #888; margin: 50px 13px 5px 10px; padding:6px; font-size:1.1em; color:#fff;} + +.centercontentleftimg {float:left; width:45%; height:45%; background-color:#31412c; text-align:left; +border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;} + +.centercontentrightimg {float:right; width:45%; height:45%; background-color:#31412c; text-align:left; +border:dashed 1px #888; padding:6px; font-size:1.1em; color:#fff;} |