/* print styles for markdanielson.com */

/* first is stuff for all pages of markdanielson.com: */

html,body {
	background-color: rgb(224,224,224);
	background-image: url(../images/bkg.png);
	font-family: Georgia, "sans serif";  
    font-size: 1em;
    color: rgb(0, 0, 0);
	color: rgba(0, 0, 0, .8); 
    font-weight: normal;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 1.0); 
    text-align: left;
    margin: 0;
    padding: 0;
}

p,li {
	font-size: .75em;
}

#header {
	width: 175px;
	height: 72px;
}

.headerleft {
	float: left;
}

.headerright {
	float: right;
}

ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

img {
    border: none;
}

hr {
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.5);
	border: none;
	height: 1px;
	width: 100%;
	clear: left;
}

.hrnews {
	background-color: transparent;
	border: 1px dotted rgb(120, 120, 120); 
	border-style: none none dotted;
	margin-top: 15px;
	margin-bottom: 15px;

}

.clear {
	clear: both;

}

a:link {
    text-decoration: none;
    color: rgb(172, 54, 32);  
    color: rgba(172, 54, 32, 1); 
           
}

a:visited {
    text-decoration: none;
    color: rgb(125, 125, 125); 
    color: rgba(125, 125, 125, 1);
} 
      
a:hover {
	text-decoration: none;
	color: rgba(38, 38, 38);
	color: rgba(38, 38, 38, 1);
	
}
              
.italics {
	font-variant: small-caps;
	font-style: italic;
}

.pagelinks {
	font-family: Helvetica, Arial, "sans serif"; 
	font-size: 0.689em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	
}

h1 {
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-transform: uppercase;
	font-family: "League Gothic";
	font-weight: lighter;
	font-size: 2em;
}

h2 {
	font-family: Helvetica, Arial, "sans serif";
	font-size: 1em;
}

h3 {
	font-family: Helvetica, Arial, "sans serif";
	font-size: .875em;
}

.imgborder {
	border: 1px solid rgb(125, 125, 125); 
	border: 1px solid rgba(125, 125, 125, .8);
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.6);
	padding: 10px;
	
}

/* end of stuff for whole site*/

/* index.html stuff*/

#index {
	width: 600px;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.7);
	padding: 20px 50px 20px 50px;
	border: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,1.0);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,1.0);
	box-shadow: 0 1px 10px rgba(0,0,0,1.0);

}

#indexlist ul{
	width: 600px;
}

#indexlist li{
	float: left;
    width:175px;
    height: 175px;
	margin-right: 20px;
	margin-bottom: 13px;
	padding: 0px;
	border: none;
	font-size: 1em
	
}
	
#indexlist img {
	display: block;
	padding: 5px;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, .6);
	border: 1px solid rgb(125, 125, 125); 
	border: 1px solid rgba(125, 125, 125, .8); 
	opacity: 1.0;
	
}

#indexlist img:hover {
	opacity: 0.6;
	
}

.icons {
	margin-right: 7px;
	padding-top: 5px;
}

/* end of index.html stuff*/

#client {
	height: 125px;
}

		
#clientlist ul{
	width: 870px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


#clientlist li {
	list-style-type: none;
	float: left;
    width:140px;
	margin-right: 28px;
	margin-bottom: 1px;	
    display: block;
    font-size: .75em;	
}

/* illustration.html and paintings.html image layout stuff */

#albumlist ul{
	list-style-type: none;
	width: 880px;
	padding: 0;
}

#albumlist li{
	float: left;
    width:75px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.6);
	border: 1px solid rgb(125, 125, 125); 
	border: 1px solid rgba(125, 125, 125, .8);
}
	
#albumlist img {
	display: block;
	border: 0;
	opacity: 1.0;
	
}

#albumlist img:hover {
	opacity: 0.6;
	
}

#content {
	width: 880px;
	margin-left: auto;	
	margin-right: auto;
	margin-top: 25px;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.7);
	padding: 20px 50px 20px 50px;
	border: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,1.0);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,1.0);
	box-shadow: 0 1px 10px rgba(0,0,0,1.0);
	
}

#leftcolumn {
	float: left;
	width: 420px;
}

.clear {
	clear: both;

}
			
#rightcolumn {
	float: right;
	width: 420px;
	margin-left: 0px;
}


/* end of illustration.html and paintings.html image layout stuff */