body {
background-color:#000000;
padding:30px 30px 40px;
}
p{
text-align: center;
color:#303030;
font-family: arial;
font-size:36px;
}
a {
color:#00aabb;
}
/* Simple Nav*/
#nav {
height:50px;
width:800px;
list-style: none;
text-transform: lowercase;
font-family: arial, "lucida console", sans-serif;
}
#nav ul {
float: left; padding: 0;
}
#nav li {
float: left;
margin: 0;
padding: 0;
}
#nav a {
display: block;
line-height: 44px;
margin: 0;
padding: 0 20px 0 15px;
font-size: 18pt;
color:#00ddff;
background:#bbeeff;
letter-spacing: -1px;
text-decoration: none;
}
#nav a:hover {
color:#0099cc;
display: block;
text-decoration:overline;
}
/* Nav Dark */
#nav_dark {
height:50px;
width:800px;
list-style: none;
font-family: “Lucida Grande”, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: bold;
text-transform: normal;
letter-spacing: -1px;
}
#nav_dark ul {
margin: 0;
padding: 0;
}
#nav_dark li {
float: left;
margin: 0;
padding: 0;
}
#nav_dark a {
display: block;
line-height: 49px;
margin: 0;
padding: 0 20px 0 15px;
font-size: 18pt;
color:#111;
letter-spacing: -1px;
text-decoration: none;
background:#333333;
}
#nav_dark a:hover {
color:#ffffdd;
display: block;
text-decoration:underline;
}
/* Nav Red */
#nav_red {
height:50px;
width:800px;
list-style: none;
text-transform: lowercase;
font-family: arial, "lucida console", sans-serif;
}
#nav_red ul {
margin: 0;
padding: 0;
}
#nav_red li {
float: left;
margin: 0;
padding:5px;
}
#nav_red a {
line-height: 44px;
margin: 0;
padding: 0 20px 0 15px;
font-size: 18pt;
color:#fff;
text-decoration: none;
background:#666666;
}
#nav_red a:hover {
background:#000066;
text-decoration:none;
}
/* Nav Full Rounded */
#nav_full_rounded {
background:#330033;
height:40px;
width:600px;
list-style: none;
text-transform: lowercase;
font-family: arial, "lucida console", sans-serif;
}
#nav_full_rounded ul {
margin: 0;
padding: 0;
}
#nav_full_rounded li {
float: left;
margin: 0;
padding: 0;
}
#nav_full_rounded a {
line-height: 40px;
margin: 0;
padding: 0 20px 0 15px;
font-size: 18pt;
color:#fff;
text-decoration: none;
}
#nav_full_rounded a:hover {
color:#ddff66;
text-decoration:none;
}
/* Nav Rounded dark */
#nav_rounded {
background:#ffffff;
padding:10px 0px 0px 20px;
height:40px;
width:auto;
list-style: none;
text-transform: lowercase;
font-family: arial, "lucida console", sans-serif;
}
#nav_rounded ul {
margin: 0;
padding: 0;
float: left;
}
#nav_rounded li {
float: left;
margin: 0;
padding:0px 10px 0px 0px;
}
#nav_rounded a {
display:block;
line-height: 30px;
margin: 0;
padding: 0 20px 0 15px;
font-size: 14pt;
color:#FFFFFF;
letter-spacing:-1px;
text-decoration: none;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background:#303030;
}
#nav_rounded a:hover {
text-decoration:none;
background:#666666;
}
/* Nav White Red */
#nav_rounded_white {
background:#fff;
padding:10px 0px 0px 20px;
height:40px;
width:auto;
list-style: none;
text-transform: lowercase;
font-family: arial, "lucida console", sans-serif;
}
#nav_rounded_white ul {
margin: 0;
padding: 0;
}
#nav_rounded_white li {
float: left;
margin: 0;
padding:0px 10px 0px 0px;
}
#nav_rounded_white a {
display:block;
line-height: 30px;
margin: 0;
padding: 0 20px 0 15px;
font-size: 18pt;
color:#fff;
letter-spacing:-1px;
text-decoration: none;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background:#ccccbb;
}
#nav_rounded_white a:hover {
text-decoration:none;
background:#004455;
}
/* Nav Border Navy blue */
#nav_rounded_tweet {
padding:0px;
height:40px;
width:auto;
list-style:none;
font-family: Georgia, serif;
font-size: 20px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}
#nav_rounded_tweet ul {
margin: 0;
padding: 0;
}
#nav_rounded_tweet li {
float: left;
margin: 0;
padding:0px 10px 0px 0px;
}
/* For IE 7 Only */
*+html #nav_rounded_tweet li{
padding:10px 10px 20px 10px
}
#nav_rounded_tweet a {
line-height: 30px;
margin: 0;
padding: 0px 20px 0px 15px;
font-size: 18pt;
color:#222222;
letter-spacing:-1px;
background:#66eeff;
color:#fff;
text-decoration:none;
border:3px solid #fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#nav_rounded_tweet a:hover {
text-decoration: none;
background:#ccffcc;
color:#2b2b2b;
}
/* Nav Rounded Simple */
#nav_rounded_simple {
background:#779900;
padding:10px 0px 0px 20px;
height:40px;
width:auto;
list-style: none;
text-transform: lowercase;
font-family: arial, "lucida console", sans-serif;
}
#nav_rounded_simple ul {
margin: 0;
padding: 0;
}
#nav_rounded_simple li {
float: left;
margin: 0;
padding:0px 10px 0px 0px;
}
#nav_rounded_simple a {
display:block;
line-height: 30px;
margin: 0;
padding: 0 20px 0 15px;
font-size: 18pt;
color:#fff;
letter-spacing:-1px;
text-decoration: none;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background:#00cc88;
}
#nav_rounded_simple a:hover {
text-decoration:none;
background:#333333;
}
/* Nav with Border */
#nav_border {
background:#660000;
padding:10px 0px 0px 20px;
height:40px;
width:auto;
font-family: Georgia, serif;
font-size: 20px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
list-style:none;
}
#nav_border ul {
margin: 0;
padding: 0;
}
#nav_border li {
float: left;
margin: 0;
padding:0px 10px 0px 0px;
}
#nav_border a {
line-height: 30px;
margin: 0;
padding: 0 20px 0 15px;
font-size: 18pt;
color:#fff;
letter-spacing:-1px;
text-decoration: none;
}
#nav_border a:hover {
border-bottom:4px solid #0077bb;
text-decoration:none;
border-top:none;
}
/* the following rules apply only to IE7 */
*+html #nav_border a:hover{
border-top:2px solid #0077bb;
}
/* Nav Border Groove */
#nav_border_dashed {
background:#303030;
padding:10px 0px 0px 20px;
height:40px;
width:auto;
list-style:none;
font-family: Georgia, serif;
font-size: 20px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}
/* For IE 7 only */
*+html #nav_border_dashed {
padding:5px 0px 5px 20px;
}
#nav_border_dashed ul {
margin: 0;
padding: 0;
}
#nav_border_dashed li {
float: left;
margin: 0;
padding:0px 10px 0px 0px;
}
/* For IE 7 only */
*+html #nav_border_dashed li{
padding:5px 0px 20px 10px
}
#nav_border_dashed a {
line-height: 30px;
margin: 0;
padding: 0 20px 0 15px;
font-size: 18pt;
color:#222222;
letter-spacing:-1px;
text-decoration:none;
border:3px solid #222222;
background:#990033;
color:#000;
}
#nav_border_dashed a:hover {
text-decoration: none;
background:#330033;
color:#999999;
}