body-{ by asafwewe

VIEWS: 90 PAGES: 12

body-{

More Info
									body {
  margin: 0px;
  padding: 0px;
  background: #000000 url("http://img247.imageshack.us/img247/6131/sfondopi7.jpg") repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #90DCFF;
  font-size: 100%;
  word-spacing: normal;
  text-align: center;
}

#container {
  width: 940px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  background: #000000 url("http://img247.imageshack.us/img247/6131/sfondopi7.jpg") repeat-y;
}

#left {
   line-height: 140%;
   overflow: hidden;
   float: left;
   width: 210px;
   padding: 0 30px;
      float: left;
   }

#right {
   line-height: 140%;
   overflow: hidden;
   float: right;
   width: 200px;
   padding:0 20px;
      float: right;
   }

#center {
  width: 410px;
  overflow: hidden;
  float: left;
  border-right: none;
  border-left: none;
}

#banner {
  line-height: 140%;
  width:940px;
  height: 485px;
  background: url("http://img136.imageshack.us/img136/8398/bannerho0.jpg") no-repeat 0% 0%;
  color: #35518B;
  margin-left:auto;
  margin-right:auto;
}
#banner h1 {
   padding: 37px 0px 10px 0px;
   text-align: center;
   background-color: transparent;
   color: #35518B;
}
#banner h2 {
   font-size: 130%;
   padding: 0px 0px 0px 15px;
   background-color: transparent;
   text-align: center;
   color: #35518B;
}
#banner a {
   font-size: 90%;
   text-decoration: none;
   background-color: transparent;
   color:#35518B;
}
#banner-img {
   display: none;
}
div.img-link a {
  display: block;
   text-decoration: none;
   width: 100%;
}

.nowrap {
   white-space: nowrap;
}

.content {
   padding: 9px 9px 9px 9px;
   float: inherit;
   overflow: visible;
   font-size: 80%;
}
.content h2 {
   padding: 3px 0px 3px 0px;
   font-size: 100%;
   font-weight: bold;
   line-height: 150%;
}
.content h3 {
   padding: 3px 0px 3px 0px;
   font-size: 125%;
   font-weight: bold;
  line-height: 150%;
  color:#0778BC;
}
.content ul {
   font-size: 100%;
}
.content p.posted {
   padding: 3px 0px 20px 0px;
   margin: 15px 0px 15px 0px;
   font-size: 90%;
   border-bottom: 1px dashed #0778BC;
   clear: both;
   line-height: 150%;
}

a{
   text-decoration: none;
}
a:link {
   color:#0778BC;
}
a:visited {
   color:#0778BC;
}
a:hover {
   color:#0778BC;
   text-decoration: underline;
}
a:active {
   color:#0778BC;
   text-decoration: underline;
}

.sidebar {
   padding: 20px 8px 8px 0px;
   font-size: 70%;
}
.decorator1, .decorator2 {
   padding: 0px;
   margin: 0px;
}
.sidebar h2 {
  margin: 0px 0px 10px 0px;
   font-size: 100%;
   font-weight: bold;
}
.sidebar h2 {
   background: transparent url("http://img504.imageshack.us/img504/8476/botmb8.gif") no-repeat
0% 0.45em;
   padding: 5px 0 2px 20px;
   color:#35518B;
}
.sidebar ul {
   padding: 0;
   margin: 0;
}
.sidebar li {
   margin: 0px 0px 5px 0px;
   list-style-type: none;
   line-height: 150%;
}
.sidebar .box-decorator2 {
   padding-bottom: 11px;
   margin-bottom: 8px;
}
.sidebar li.description {
   text-align: left;
   margin: 0px 0px 15px 0px;
}
.sidebar li.album {
   margin: 0px 5px 10px 5px;
}
.sidebar img {
   padding: 2px;
   border: 1px solid #000;
   background: #fff;
}
.sidebar li.link img {
   border: 0px;
   padding: 0px;
   margin: 0px;
   vertical-align: -4px;
}

.photo {
   margin-bottom: 20px;
}

.sidebar a {
   text-decoration: none;
}
.sidebar a:link, .sidebar a:visited {
   color: #90DCFF;
}
.calendar a:link, .calendar a:visited {
   color: #90DCFF;
  font-weight: bold;
}
.sidebar a:hover, .sidebar a:active {
   color: #90DCFF;
  font-weight: bold;
}
.link-note {
   text-align: center;
   line-height: 100%;
   padding: 2px;
   margin-bottom: 10px;
}
.link-note img {
   border: 0px;
   margin-bottom: 2px;
   background: transparent;
}

#comment-data {
  float: left;
  width: 180px;
  padding-right: 15px;
  margin-right: 15px;
  text-align: left;
  border-right: 1px dotted #BBB;
}

h1, h2, h3 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

#box-recentposts a, #box-addfriend a, #box-categories a, #box-archives a {
  margin-left: 0px;
  padding-left: 15px;
  background: none;
  background-position:0px 3px;
}

/* Calendar */

TABLE.calendar {
  margin: 0px;
  padding: 5px 5px 5px 2px;
  letter-spacing: .1em;
  text-align: left;
  width: 100%;
  font-size: 10px;
}
TH.day-of-week {
  text-align: center;
  line-height: 150%;
  margin-top: 10px;
  list-style-type: none;
}
TD.selected-day {
  text-align: center;
  line-height: 150%;
  margin-top: 10px;
  list-style-type: none;
}
TD.day {
  text-align: center;
  line-height: 150%;
  margin-top: 10px;
  list-style-type: none;
  letter-spacing: 0.05em;
}
TD.selected {
  background: #9DC5BD;
}

/* Comments */

input {
   font-size: 100%;
   font-family: Verdana, Arial, sans-serif;
}
textarea {
   clear: both;
   width: 99%;
   font-size: 100%;
   font-family: Verdana, Arial, sans-serif;
}
form .formelement {
   clear: both;
   padding-top: 0.4em;
   padding-bottom: 0.8em;
   font-size: 95%;
   background: transparent;
   width: 99%;
}
form .formelement .name {
   float: left;
   width: auto;
   padding-left: 1em;
}
form .formelement .value {
   float: right;
   width: 70%;
}
form .formelement .error {
   color: #f00;
   font-weight: bold;
   font-size: 90%;
}
/* Albums */

.album-container h3 {
   text-align: center;
   margin-top: 5px;
   padding: 1.5em 0.5em 1em 0.5em;
   font-weight: bold;
   font-size: 100%;
}
.album-container a img {
   padding: 3px;
   border: 1px solid #000;
   background: #fff;
}
.album-container p {
   font-size: 70% ! important;
   line-height: 150% ! important;
}
.album-container #gallery,
.album-container #photo-detail,
.album-container #cover-intro {
   text-align: center;
   padding-bottom: 1em;
   width:769px;
   margin-left:auto;
   margin-right:auto;
}
.album-container #cover-intro p {
   text-align: center;
   margin-left: 140px;
   margin-right: 140px;
   line-height: 130%;
}
.album-container #cover-intro p a {
   font-weight: bold;
}
.album-container #cover-intro img {
   text-align: left;
   padding: 3px;
   border: 1px solid #000;
   background: #fff;
}
.album-container .nav {
   text-align: right;
   margin-right: 1em;
   margin-top: 0.5em;
   color: #01717f;
   line-height: 110%;
   height: 1.1em;
}
.album-container .nav a {
   font-size: 70%;
}
.album-container #photo-detail {
}
.album-container #photo-detail .photo-container {
   padding: 20px;
   text-align: center;
}
.album-container #photo-detail .photo-container h4 {
   font-size: 80%;
}
.album-container #photo-detail .photo-container img {
   margin: 0 auto 0 auto;
   padding: 3px;
   border: 1px solid #000;
   background: #fff;
}
.album-container #photo-detail .photo-container-no-thumb {
   padding: 20px;
}
.album-container #photo-detail .photo-container-no-thumb h4 {
   margin-top: 0;
   font-size: 80%;
}
.album-container #photo-detail .photo-container-no-thumb p {
   padding: 20px;
}
.album-container #photo-detail .photo-container-no-thumb img {
   float: left;
   margin: 0 1em 1em 0;
   padding: 3px;
   border: 1px solid #000;
   background: #fff;
}
.album-container .thumblist {
   float: left;
   clear: both;
   padding: 20px;
}
.album-container .thumblist img {
   float: left;
   margin: 10px;
   padding: 3px;
   border: 1px solid #000;
   background: #fff;
}
.album-container .thumblist-nofloat {
   padding-top: 15px;
}
.album-container .thumblist-nofloat img {
  margin: 10px;
  padding: 3px;
  border: 1px solid #000;
}
.album-container .thumblist-with-detail {
   text-align: left;
   float: left;
   padding: 20px;
   width: auto;
}
.album-container .thumblist-with-detail .thumb-container {
   padding-top: 1em;
   padding-bottom: 1.5em;
   float: left;
   width: 99%;
}
.album-container .thumblist-with-detail a {
   float: left;
   font-size: 70%;
}
.album-container .thumblist-with-detail img {
   margin-right: 10px;
   margin-bottom: 10px;
   padding: 3px;
   border: 1px solid #000;
   background: #fff;
}
.album-container .thumblist-with-detail h4 {
   margin: 0;
   padding: 0 0 0.5em 0;
   font-size: 80%;
}
.album-container .thumblist-with-detail a.view-details {
   float: right;
}
.spacer {
   clear: both;
}



/* Diapo */
body.diapo {
   margin: 0px 0px 0px 0px;
   padding: 0px;
   background-color: #000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}
#diapo-container {
   margin-right: 1em;
   margin-left: 1em;
  margin-top: 5px;
  text-align: center;
  width: 95%;
}
#diapo-container .content {
  width: 100%;
  position: relative;
  text-align: center;
  padding: 0px;
  margin: 20px 0px 0px 0px;
  overflow: auto;
  height: 500px;
  border: 0px;
  background: none;
}
#diapo-container .content img {
  margin: 0 auto 0 auto;
  border: 4px solid #000;
  padding: 3px;
}
#diapo-container .content p {
  font-size: 130%;
  color: white;
  margin: 2em auto 0 auto;
}
#diapo-container .nav {
  color: #ddd;
  line-height: 90%;
  height: 1.1em;
  font-size: 70%;
  margin: 0px;
  width: 100%;
}
#diapo-container .top {
  position: relative;
  height: 30px;
}
#diapo-container .bottom {
  position: relative;
  height: 80px;
  text-align: center;
  float: left;
  padding-top: 1px;
}
#diapo-container .nav .menu {
  text-align: center;
  width: 100%;
}
#diapo-container .nav .menu select {
  background-color: #000;
  padding: 0px;
  margin: 0px 0px 0px 0.5em;
  color: #ddd;
  height: 18px;
  vertical-align: middle;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#diapo-container .nav .close {
  text-align: right;
  float: right;
  line-height: 200%;
}
#diapo-container .nav a {
  color: #ddd;
  text-decoration: none;
}
#diapo-container .nav a:hover,
#diapo-container .nav a:active {
  text-decoration: underline;
}

ul.category-list {
   -moz-column-count:2
}
ul.archive-list {
   -moz-column-count:3
}
ul.popular-tags li {
   display: inline;
   margin: 0.2em;
}
ul.tag-list {
   padding:0;
   margin-left:0;
}
ul.tag-list li {
   display: inline;
   margin: 0.2em;
}
h3.total {
   padding: 0;
   font-size: 105%;
   background : none;
   margin-top : 10px;
}
h3.total a {
   text-decoration : none;
}

.apps-container .content {
   padding: 20px;
   font-size: 90%;
}

								
To top