/* CSS Document */
/* cklarock.com */

p {padding-left: 12px; text-align:justify; line-height:1;}
h1 {font: 20pt Geneva, Arial, Helvetica, sans-serif; font-weight: normal; color:#900;  margin: 6px 0 0 0;}
h2 {font-size: 130%; font-weight:normal; color:#900;  margin: 3px 0 0 3px;}
h3 {font-size: 100%; font-weight:bold; color:#333;  margin: 3px 0 0 3px;}
ul {list-style-image:   url("bullet.gif");}
table {font: 10pt 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: normal; color: #555;  text-align:left;}
a:link, a:visited {color: #06c; text-decoration:none;}
a:hover, a:active {color: #333; text-decoration:underline;}
	
/* primary template container */
#container {margin: 20px 50px 20px 170px; padding-bottom: 70px; background: url("cklarock_sm.png") no-repeat bottom right; line-height: 150%; font: 10pt 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: normal; color: #555;  text-align:left;}

/* illustration template container */
#container2 {margin: 20px 20px 20px 20px; padding-bottom: 70px; background:   url("cklarock_sm.png") no-repeat bottom right; line-height: 150%; font: 10pt 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: normal; color: #555;  text-align:justify;}

/* portfolio template container */
#container3 {margin: 50px 50px 20px 170px; padding-bottom: 70px; background:    url("../portfolio/style/ckladesign2.gif") no-repeat bottom right; line-height: 150%; font: 10pt 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: normal; color: #555;  text-align:left;}

#content{margin-bottom:10px;}

/* Old #content link styles
#content a:link, #content a:visited {color:#444;  text-decoration:underline;  margin:0;}
#content a:hover, #content a:active {color:#222;  text-decoration:none; margin:0; }
*/

#content blockquote {margin: 0 0 0 30px; border-left: 10px solid #F5F5F5; background-color:#F9F9F9; padding: 2px 10px 4px 10px;}

#content img {margin:15px 15px 15px 15px;}
#section {border-top: 1px dotted #d1d1d1; border-bottom: 1px dotted #d1d1d1; margin: 20px 5% 30px 5%;}

/* Classes */
.bottomlink, .toplink {text-align:right; font-size:9px; }
.bottomlink {border-top: 1px dotted gray; padding-top: 3px;}
.toplink {border-bottom: 1px dotted gray; line-height: 180%; color: #900;}
.bottomlink a:link, .bottomlink a:visited, .toplink a:link, .toplink a:visited{margin: 0 0 0 10px;}
.bottomlink a:hover, .bottomlink a:active, .toplink a:hover, .toplink a:active {margin: 0 0 0 10px;}
.caption {text-align: center; font-style:italic; font-size: 9px; color:#666666; line-height:100%; margin:0;}
.red {color: red;}
.rule {text-align:center; margin-left: auto; margin-right: auto; margin-top: 3px; margin-bottom: 12px;}
.soft {color: #999999; }
.softer {color: #CCCCCC; }
.stat {color:#333333; border-top: 1px solid #999; margin: 6px 6px 6px 12px;}