/*
Theme Name: Water
Theme URI: http://xpura.co.cc/?page_id=13
Description: The Water theme is made for easy and quick customization.
Version: 1.7.1
Author: Pura, The Undersigned
Author URI: http://xpura.co.cc/
Tags: white, blue, green, one-column, two-columns, three-columns
*/
* {
padding: 0;
margin: 0;
}
.right, .alignright {
float: right;
}
.left, .alignleft {
float: left;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.center {
text-align: center;
}
.wp-caption {
background-color: #f3f3f3;
border: 1px solid #ddd;
text-align: center;
padding-top: 4px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: none;
}
.wp-caption p.wp-caption-text {
color: #111;
font-size: 11px;
font-style: italic;
font-weight: bold;
line-height: 12px;
margin: 0;
padding: 0 4px 5px;
}
body {
margin: 0;
background-color: #FFF2F2;
font-family: Arial, sans-serif;
font-size: 11px;
color: #545454;
}
#wrapper {
vertical-align: middle;
width: 1002px;
margin: 0 auto;
}
a:link, a:visited {
text-decoration: none;
color: #E34646;
}
a:hover {
text-decoration: underline;
}
ul li {
list-style: none;
}
h4 {
font-size: 18px;
color: #7E7E7E;
display: block;
font-weight: normal;
}
#title {
float: right;
margin: 7px 5px 0 0;
font-size: 30px;
font-weight: normal;
}
#title a:link, #title a:visited  {
color: #E34646;
margin-right: 5px;
font-weight: normal;
}
#title a:hover {
text-decoration: none;
color: #177FA5;
}
#topmenu {
float: left;
margin-top: 25px;
z-index: 5;
}
#topmenu a:link, #topmenu a:visited {
color: #545454;
}
#topmenu a:hover {
text-decoration: none;
}
#topmenu ul {
margin: 0 0 0 5px;
padding: 0;
}
#topmenu ul li a:link, #topmenu ul li a:visited {
display: block;
line-height: 11px;
padding: 5px 10px 2px 9px;
margin: 0 7px 0 0;
font-size: 11px;
border-bottom: 2px solid #E34646;
text-transform: uppercase;
}
#topmenu ul li a:hover {
border-bottom: 2px solid #177FA5;
}
#topmenu ul li {
display: block;
float: left;
position: relative;
}
#topmenu ul li ul {
display: block;
position: absolute;
top: auto;
margin: 0;
padding: 0;
visibility: hidden;
border-top: 1px solid #CCC;
width: 220px;
}
#topmenu ul li:hover ul, #topmenu ul li.msiefix ul {
visibility: visible;
}
#topmenu ul li ul li {
position: relative;
float: none;
line-height: 18px;
color: #545454;
font-size: 10px;
}
#topmenu ul li ul li a:link, #topmenu ul li ul li a:visited, #topmenu ul li ul li a {
display: block;
border: 0;
margin: 0;
padding: 2px 0 2px 10px;
line-height: 15px;
text-transform: none;
color: #FFF;
background-color: #E34646;
}
#topmenu ul li ul li a:hover {
background-color: #177FA5;
}
#headerimage {
clear: both;
height: 205px;
width: 100%;
margin-bottom: 10px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background: url('/wp-content/themes/water/images/banners/Mayoi-Neko-Overrun1.jpg') no-repeat center;
}
#content {
margin: 0 15px 0 8px;
padding: 0;
width: 600px;
float: left;
}
.post {
margin: 5px 0 30px 3px;
clear: both;
}
.posttitle, .sidebar h3 {
font-size: 20px;
line-height: 20px;
color: #177FA5;
margin: 0 0 5px 0;
font-weight: normal;
display: block;
clear: left;
}
.posttitle img {
float: left;
margin-right: 3px;
}
.post a:link, .post a:visited {
color: #177FA5;
}
.post a:hover {
color: #E34646;
text-decoration: none;
}
.post a:link span, .post a:visited span {
color: #CCC;
}
.post a:hover span {
color: #AAA;
}
.post .the_content {
clear: both;
}
.post .postmeta {
font-size: 10px;
line-height: 10px;
color: #AAA;
text-transform: uppercase;
margin: 2px 0 5px 0;
}
.post .postmeta a:link, .post .postmeta a:visited {
color: #7E7E7E;
font-weight: bold;
}
.post .postmeta a:hover {
color: #E34646;
text-decoration: none;
}
.post div h1 {
color: #177FA5;
font-size: 22px;
}
.post div h2 {
color: #67873E;
font-size: 22px;
}
.post div h3 {
color: #0AA6DF;
font-size: 20px;
}
.post div h4 {
color: #81D417;
font-size: 20px;
}
.post div h5 {
color: #7BBFD8;
font-size: 18px;
}
.post div h6 {
color: #B9E383;
font-size: 18px;
}
.post table {
background: #FFF;
margin: 5px 0 10px;
border: 1px solid #7E7E7E;
border-collapse: collapse;
}
.post th {
background: #CCC;
}
.post th, .post td {
padding: 3px 10px;
border: 1px solid #AAA;
vertical-align: top;
}
.post fieldset {
padding: 0 10px 0 10px;
border-color: #B9E383;
}
.post legend {
color: #177FA5;
font-size: 22px;
}
.post p {
margin: 0 0 10px 0;
line-height: 15px;
}
.sidebar p a:link, .sidebar p a:visited,
.post p a:link, .post p a:visited,
.post ul a:link, .post ul a:visited,
.post ol a:link, .post ol a:visited {
color: #E34646;
}
.sidebar p a:hover, .post p a:hover, .post ul a:hover, .post ol a:hover {
text-decoration: underline;
}
.post .the_content ul, .post .the_content ol {
margin-bottom: 10px;
}
.the_content img {
border: 1px solid #E34646;
margin: 0 0 3px 3px;
}
.post .wp-smiley {
float: none;
border: 0;
margin: 0;
}
.postlnk {
clear: left;
padding-left: 14px;
background: url('/wp-content/themes/water/images/posts.gif') no-repeat center left;
margin-right: 50px;
}
.comlnk {
padding-left: 16px;
background: url('/wp-content/themes/water/images/comments.gif') no-repeat center left;
margin-right: 50px;
}
.pelnk {
padding-left: 16px;
background: url('/wp-content/themes/water/images/edit.gif') no-repeat center left;
}
.taglnk {
clear: left;
padding-left: 14px;
background: url('/wp-content/themes/water/images/tag.gif') no-repeat center left;
}
#nav {
padding: 0 0 25px 0;
margin: -10px 10px 0;
}
#commentlist {
width: 600px;
}
#commentlist li {
width: 482px;
margin: 0 0 10px 0;
padding: 5px 5px 0;
border-left: 3px solid #E34646;
background-color: #FFF;
float: left;
}
#commentlist li.odd {
background-color: #F3F3F3;
border-color: #177FA5;
}
#commentlist li.bypostauthor {
background-color: #EAF3FA;
}
.post .commenttitle {
font-size: 16px;
color: #177FA5;
margin: 0 0 5px 0;
font-weight: normal;
text-align: left;
}
.post .commenttitle span {
font-size: 11px;
float: right;
color: #AAA;
}
blockquote {
border-left: 2px solid #E34646;
margin: 10px 0 10px 5px;
padding-left: 10px;
}
blockquote blockquote {
border-left: 2px solid #177FA5;
}
#commentlist li.gravatar {
border: 0;
width: 45px;
display: inline;
margin-right: 7px;
padding: 0;
clear: both;
text-align: center;
background: inherit;
}
#commentlist .child li {
float: left;
}
#commentlist .child li.gravatar {
width: 45px;
}
#commentlist .child li.depth-2{width:88%}#commentlist .child li.depth-3{width:86%}#commentlist .child li.depth-4{width:83%}
.post .extrameta {
color: #7E7E7E;
}
#sidebar_one {
width: 185px;
float: right;
}
#sidebar_two {
width: 185px;
float: right;
margin-right: 20px;
}
.sidebar a:link, .sidebar a:visited {
color: #545454;
}
.sidebar a:hover {
color: #E34646;
text-decoration: none;
}
/* LISTS */
html>body .the_content ul {
margin-left: 0;
padding: 0 0 0 10px;
text-indent: -10px;
}
html>body .the_content li {
margin: 4px 0 2px 5px;
}
.the_content ol {
padding: 0 0 0 15px;
margin: 0;
text-indent: -5px;
}
.sidebar ul, .sidebar ul ol {
margin: 0;
padding: 0;
}
.sidebar ul li {
margin-bottom: 15px;
}
.sidebar ul p, .sidebar ul select {
margin: 5px 0 8px;
}
.sidebar ul ul, .sidebar ul ol {
margin: 5px 0 0 5px;
}
.sidebar ul ul ul, .sidebar ul ol {
margin: 0 0 0 10px;
}
.sidebar ul ul li, .sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}
.the_content ul li:before, .sidebar ul ul li:before {
content: "\00BB\00A0";
color: #E34646;
}
#wp-calendar {
vertical-align: middle;
width: 100%;
text-align: center;
}
#wp-calendar #prev {
text-align: justify;
}
#wp-calendar #next {
text-align: right;
}
#wp-calendar a:link, #wp_calendar a:visited, #next a:link, #next a:visited, #prev a:link, #prev a:visited {
color: #177FA5;
text-decoration: underline;
}
#wp-calendar a:hover, #next a:hover, #prev a:hover {
color: #E34646;
text-decoration: underline;
}
#today {
font-weight: bold;
color: #E34646;
}
#footer {
clear: both;
border-top: 1px solid #CCC;
margin: 5px 0 -2px 5px;
text-transform: uppercase;
font-size: 10px;
color: #CCC;
}
#footer a:link, #footer a:visited {
color: #AAA;
}
#footer a:hover {
color: #E34646;
text-decoration: none;
}
#s {
width: 98%;
}