Coffee

[dizaynproba]

 
Unstyled
Expressive

body{
background-image: url('http://www.lenagold.ru/fon/eda/zern/zern19.jpg');
background-repeat: repeat;
background-position: top center;
background-attachment: scroll;
}

#container-inner{
width: 900px !important;
border:1px solid brown ;
}

div#alpha{
width: 680px !important;
border:1px solid brown ;
}

div#beta{
width: 200px !important;
border:1px solid brown ;
}

div#alpha{
background-color: #C9B779;
/* Eto zvet polja soobshenij*/
}
div#beta{
background-color: #EDE8C0;
/* Eto zvet bokovoj paneli */
}
/*----header----*/

#header {
background-image: url(http://pics.livejournal.com/dizaynproba/pic/0000s1hh);
width: 900px;
height:330px;
background-repeat: no-repeat;
background-color: transparent;
margin:0px;
padding:0px;
}
div#header-content{
width:850px;
margin:0px;
padding:0px;}

div#header-content-inner{
width:850px;
margin:0px;
padding:0px;
}
div#header-text{
width:950px;
text-align:center;
}
ul.nav{
width:950px;
position:relative;
margin-top:25px;
font-size:25px;
}
.nav a {
color: #FAFAFC;
text-decoration: none;
font-variant:small-caps;
}
.nav a:hover {
color: #FAFAFC;
text-decoration: none;
font-variant:small-caps;
}
ul.nav li.item{
border:none;
float:none;
display:inline;
}
#header-name {
text-align:left;
width:900px;
font-size:38px;
font-variant:small-caps;
margin-top:105px;
margin-left:20px;
}
#header-name a{
color:#FAFAFC;
text-decoration:none;
}
#header-name a:hover{
color:#FAFAFC;
text-decoration:underline;
}

#header-description{
width:900px;
text-align:left;
margin-left:28px;
font-size:25px;
color:#FAFAFC;
}
/*----SIDEBAR----*/

.widget {
width:170px;
font-size:13px;
padding:0px;
margin:0px;
}
.widget-inner {
width:170px;
padding:0px;
margin:0px;
margin-bottom:15px;
}
h3.widget-header {
width:150px;
height:70px;
margin:0px;
padding:0px;
font-weight: bolder;
font-variant:small-caps;
color:#3B2E04;
font-size:14.5px;
text-align:center;
padding-top:70px;
background-image:url(http://pics.livejournal.com/dizaynproba/pic/0000yyed);
background-repeat:no-repeat;
background-position:center !important;
margin-left:0px;
}

h3.widget-header a{
font-weight:bolder;
font-variant:small-caps;
color:#3B2E04;
text-decoration:none;
}

h3.widget-header a:hover {
font-weight:bolder;
font-variant:small-caps;
text-decoration:none;
color:#3B2E04;
}
.calendar-widget table {
margin-left:-8px;}

.widget a {
color: #3B2E04;
}
/*----POST----*/

.asset {
width: 675px;
margin:0px;
padding:0px;
}
.asset-inner {
width: 675px;
margin:0px;
padding:0px;
margin-bottom:25px;
}
.asset-body {
width: 670px;
padding:0px;
margin:0px;
margin-bottom:10px;
}
.asset-header {
width:650px;
padding: 0px;
font-size:20px;
}
.asset-header a{
color: #3B2E04;
text-decoration:none;
font-variant:small-caps;
}
.asset-header a:hover {
color:#3B2E04;
text-decoration:none;
font-variant:small-caps;
}

div.asset-header li.item {
float:left;
color:#3B2E04;
font-size:11px;
}

.asset-content {
width: 670px;
text-align: justify;
margin:0px;
padding:0px;
}

.user-icon {
float:left;
margin-right:7px;
margin-bottom: 3px;
border:none;
background-color:transparent !important;
text-align:center;
font-size:10px;
}
.user-icon span {
background-color:transparent !important;
}
.user-icon img {
padding:5px;
border:1px solid #3B2E04;
}
img[src*="userinfo.gif"] {
padding: 0px;
}
img[src*="community.gif"] {
padding: 0px;
}

lj.currents {
width:670px;
position: relative;
margin-top: 5px;
font-size:13px;
}
.entryMetadata-label {
font-size:13px;
color:#3B2E04;
}
.entryMetadata-content {
font-size:13px;
}
.asset-meta-list {
font-size:13px;
}
.asset-meta-list a{
color: #3B2E04;
text-decoration: none;
}
.asset-meta-list a:hover {
color: #3B2E04;
text-decoration: underline;
}
.asset-tags {
width:670px;
margin-top:8px;
padding: 0px;
}
h4.asset-tags-header {
font-size: 13px !important;
font-weight: bolder;
margin-left:2px;
color: #3B2E04;
}
.asset-tags-list {
font-size:13px;
}
.asset-tags-list li.item a {
color: #3B2E04;
text-decoration:none;
}

.asset-tags-list li.item a:hover {
text-transform: none;
color: #3B2E04;
background-color: transparent;
text-decoration:underline;
}
.asset-footer {
width:600px;
height:200px;
background-repeat:no-repeat;
background-image:url(http://pics.livejournal.com/dizaynproba/pic/0000yyed);
background-position:center !important;
}
#alpha-inner {
width: 680px;
padding: 30px;
margin: 0px;
}
. asset a {
color: #3B2E04;
}

/*----comment----*/

#comments {
width:680px;
margin:0px;
padding:0px;
}
div .comments-inner {
width:680px;
margin-left:0px;
}
div.comment-links
color: #070807;
}

div.comments-body {
width:675px;
text-align:justify;
}

.comment-odd {
padding: 3px;
border: none;
border-bottom:#070807 1px solid;
}
.comment-even {
padding: 3px;
border:none;
}
.comments-header.page-header2 {
width:680px;
font-size: 20px;
color: #070807;
font-variant:small-caps;
font-weight:normal;
margin-top:10px;
margin-left:4px;
}
div.comment-body {
margin:5px;
margin-bottom:10px;
font-size:14px;
}
.comment a {
color: #070807;
}
div.comments-nav a {
color: #070807 !important;
}

div.stream-header p.prevnext a {
color: #070807 !important;
}

div.stream-footer p.prevnext a {
color: #070807 !important;
}

p.prevnext a {
color: #070807 !important;
}