KS Studio style.css

/*   

Theme Name: The Cigar Box Collection
Theme URI: http://n-tranced.com/cb
Description: This site is dedicated to sharing and preserving a small collection  found in an old cigar box
Author: King Smith Studio
Author URI: http://kingsmithstudio.com
Version: 1

*/


@media screen {


* { margin: 0; padding: 0;}

html { background: black url(images/bg.jpg); }

body { font: 12px/1.4 Georgia, serif; }



.group:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }

.group { display: inline-block; clear: both; }

/* start commented backslash hack \*/* html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */


article, aside, figure, footer, nav, section { display: block; }


#page-wrap { 
width: 800px; 
margin: 60px auto 10px; 
background: white; 
}



/* header */

header { 
padding: 50px 70px 50px 50px; 
color: #630; 
}

h1 {
float: right;
margin: 50px 20px 0 0;
}

h2 {
color: #9f5628;
font-weight: normal;
font-size: 26px;
font-style: italic; 
margin: 12px 0 12px 0;
}


#logo {  
float: left;
margin: -200px 0 0 -160px;
background: url(images/logo.png) no-repeat; 
width: 453px; 
height: 410px;
}

/* end header */



/* main section */

#main-content {
	float: right;
	width: 470px;
	padding: 0 30px 0 0;
}

/* homepage */
#intro {
margin: 20px 0;
line-height: 2;
}


#letter {
background: url("images/letter.jpg") no-repeat;
width: 402px;
height: 254px;
margin: 10px 100px 10px 20px;
}


#more-info {
list-style: none;
}


#more-info li {
position: relative;
margin: 0 0 50px 0px;
}


#more-info li h3 {
background: #bb5706;
color: white;
font-size: 14px;
font-weight: normal;
text-align: center;
padding: 2px;
margin: 10px 0;
}


#more-info li h4{
padding: 5px 20px 5px 110px;
line-height: 1.5;
margin: 5px 0;
}


#more-info li p {
padding: 0 20px 22px 110px;
line-height: 1.5;
margin: 5px 0 5px 0;
}


#more-info li img {
position: absolute;
width: 97px;
height: 138px;
top: 30px;
left: 0;
margin: 0 0 100px 0;
}


#more-info li .button {
margin: 10px 108px 50px;
}

#bottompage {
list-style: none;
}

#bottompage li {
position: relative;
margin: 0 0 50px 0px;
}


#bottompage li h3 {
background: #bb5706;
padding: 1px;
}


#bottompage h5 {
color: #9f5628;
text-align: center;
font-size: 18px;
text-transform: uppercase;
margin: 5px 0 12px 0;
letter-spacing: 2px;
font-weight: normal; 
}
/* end homepage */

/* rollover buttons */
.button {
background: -moz-linear-gradient(top, #6b7886; #6b7886);
background-image: -webkit-gradient(linear,left top, left bottom,color-stop(0, #6b7886), color-stop(1, #6b7886));
padding: 5px 15px;
color: white;
font-weight: normal !important;
text-decoration: none;
border: 2px solid white !important;
-moz-box-shadow: 1px 1px 3px #666;
-webkit-box-shadow: 1px 1px 3 px #666;
box-shadow: 1px 1px 3px #666;
}

.button:hover {
background-image: none;
background-color: #534f3b;
-moz-box-shadow: 0px 0px 2px #999;
-webkit-box-shadow: 0px 0px 2px #999;
box-shadow: 0px 0px 2px #999;
text-decoration: none !important;
}

/* end rollover buttons */

/* pages */
#page-content {
	float: right;
	width: 470px;
	margin: 0 0 0 -10px;
	padding: 0 30px 0 0;
}
/* end pages */

/* end main section */


/* sidebar */

aside {
	clear: left;
	float: left;
	width: 245px;
padding: 50px 0 0 0; 
}


#searchform {
margin: 0 0 15px 30px;
}

/* navigation */
nav ul {
list-style: none;
}



nav ul li a {
display: block;
padding: 3px 3px 3px 30px;
color: white;
font-size: 16px;
text-decoration: none;
background-color: #bf5a3b;
margin: 0 0 15px 0;
position: relative;
}


nav ul li a span {
position: absolute;
right: 100%;
top: 5px;
width: 15px;
height: 100%;
background-color: #bf5a3b;
background-image: url(images/navshadow.png);
background-position: right top;
background-repeat: repeat-y;
}


nav ul li:nth-child(2) a, nav ul li:nth-child(2) a span {
background-color: #bb5706;
}

nav ul li:nth-child(3) a, nav ul li:nth-child(3) a span {
background-color: #9f5628;
}

/* end navigation */


/* recent post */
.widget {
background: url(images/widgetshadow.png) top center no-repeat;
padding: 30px;
margin: 30px 0 0 0;
}

.widget h5 {
color: #9f5628;
text-align: center;
font-size: 18px;
text-transform: uppercase;
margin: 0 0 12px 0;
letter-spacing: 2px;
font-weight: normal; 
}


.widget .date {
color: #9f5628;
text-align: right;
font-size: 12px;
font-style: italic; 
}


.widget h4 {
font-size: 14px;
text-decoration: none;
}


.widget p {
font-size: 11px;
}

/* end recent post */

/* end sidebar */



/* footer */
footer {
width: 800px;
margin: 0 auto 70px;
}



#quote {
color: #2f1f13;
font-size: 10px;
float: left;
}



#copyright {
color: #2f1f13;
font-size: 10px;
text-decoration: none !important;
text-transform: uppercase;
letter-spacing: 2px;
width: 35%;
float: right;
text-align: right;
}

/* end footer */