/*colours
purple: #404
lavender:#c0bac0;
white
light grey: #d2dcf0;
orange: #fb6;
blue: #769cf1;
*/

body{font-size: small; font-family: georgia, serif; background:white; color:#404; margin: 1em 10%;}
p{margin:0 0 1em 0;}

/*............................................................text*.........................*/
.date{font-weight:bold;}
.show{font-style:italic;}
.prize{font-style:italic;font-weight:bold;}
.small{font-size:80%;}
.center{text-align:center;}
.clear{clear:both;}
.size, .medium{padding-bottom:0.5em;margin:0;font-weight:normal;font-size:90%;}
.clearboth{clear:both;}

/*........................................................art labels...............................................*/

#title{	font-style:italic;	font-weight:normal;	font-size:110%;}
#size, #medium{padding-bottom:0.5em;margin:0;	font-weight:normal;	font-size:90%;}
.title{	font-style:italic;	font-weight:normal;	font-size:110%;}

/*........................................................................headings.........................................*/

h1, h2, h3, h4, h5{color:#769cf1; padding-bottom:.5em; border-bottom:1px solid #fb6;margin-bottom:1em;}
h1{border-bottom:0;}
.sub{font-size:130%;font-weight:bold;border-bottom:1px solid #fb6;padding:1em 0 0.25em 0;}

/*................................................................................page layout......................................*/

.left{float:left;width:45%;	margin:3% 0.5% 1% 2%; text-align:left;}
.right{width:45%;float:right;text-align:left;margin:3% 2% 1% 0.5%;}
#content{margin:0 auto;padding-top:2em; max-width:850px;}
#col2 #main{float:left; width:55%; min-width:455px;}
#col2 #sidebar{float:right; width:24%; min-width:250px;}

/*....................................................................images.....................................................*/

img{border:1px solid #404;}
img.noborder{border:0px;}
img a:hover.image img{border:1px solid #c0bac0;}
img.right{float:right;margin:0 0 .5em .5em;}
img.left{float:left;margin:0 .5em .5em 0;}

/*..........................................................................links......................................................*/

a:link, a:visited{color: #404;text-decoration: none;}
a:hover{color:#769cf1; text-decoration:underline;}
a:active{color:#fb6;}

#light a:hover {text-decoration:underline;color:#769cf1;}
a:link.inline, a:visited.inline{font-weight:bold;color :#769cf1; text-decoration:underline;padding:0.5em;}
a:link.nospace, a:visited.nospace{padding:0;}
a:link.exlink, a:visited.exlink{font-weight:bold;color :#404; text-decoration:underline;}
#light a:hover.except{color:#404;}

a:link.more, a:visited.more{font-weight:bold; text-decoration:underline;}
ul.morenav li{padding-bottom:.5em;}

/*navigation*/
body.index #mainnav a.index,
body.news #mainnav a.news,
body.artwork #mainnav a.artwork,
body.shop #mainnav a.shop,
body.hire #mainnav a.hire,
body.about #mainnav a.about,
body.contact #mainnav a.contact,
body.links #mainnav a.links,
body.mini #secondnav a.mini,
body.still1 #secondnav a.still1,
body.charcoal #secondnav a.charcoal,
body.drawing #secondnav a.drawing,
body.land #secondnav a.landscape,
body.still2 #secondnav a.still2,
body.oil #secondnav a.oil,
body.domestic #secondnav a.domestic,
body.exp #secondnav a.exp
{color:#769cf1;text-decoration:underline;}

#mainnav a:hover, #secondnav a:hover{color:#769cf1;}

/*..........................................................header..................................................................*/
#header h1{	margin-top: 2em;	padding:0;	height:60px;	text-align:center;}
#name{text-align:center;}
#header h1#name{	background: url(jobradney2.jpg) no-repeat top center;	text-align:center;	text-indent: -9000px;}
#mainnav, #secondnav{text-align:center;	font-size:115%;	margin:0;padding:0;}
#mainnav li, #secondnav li{	display:inline;	font-weight:bold;	margin:0;	padding:0.5em;	border:0;}
#secondnav li{font-weight:normal;}
#secondnav{	font-size:90%;	line-height:3em;}

#sidenav li
{	margin-bottom:5px; color:#fb6;}

/*.........................................footer.............................................................*/

#footer{clear:both;	font-size:80%;border-top: 1px solid #ffbb66; padding-top:0.5em;	margin-top:2em; padding-bottom:2em;}
#footer p.left, #footer.right{margin:0;padding:0;}
#footer p.right{text-align:right; margin:0; padding:0;}
#footer a{margin:0 5px;}
.etsy{text-align:left;padding:10px;}
.ik{border:1px solid red;padding:10px;text-align:right;}
#ik {text-align:right;}
img.ik {border:1px solid #ddd;padding:5px;margin:2px;}

/*..............................................resume.....................................................*/
#resume{padding:0 5%;}
dt.date{padding:1em 0 0 0;}

/*..................................................contact....................................................*/
#form{margin:0 auto;}
.input{border: solid 1px #404;border-right:solid 1px #999;border-bottom: solid 1px #d2dcf0;background-image:url('inputbackgr.gif');margin-top: 5px; padding:3px;}
#sidebox .input{margin-top: 5px; margin-bottom: 5px; padding: 3px;}
#sidebox .label{color:#303;}
#newsletter{width: 200px; padding:2px; background: #fff; border:1px solid red;}



/*.................................................news , hire, books...................................*/ 
.news dl, .hire dl, .books dl{border-top:1px solid #fb6;padding:20px;overflow:auto;}
.news dl.top, .hire dl.top, .books dl.top{border-top:0;}
.news dd, .hire dd, .books dd{margin:0 0 0 194px;padding:0;}
.hire dd{margin:0 0 0 350px;}
.news dd.date, .hire dd.title, {padding:0;	font-size:130%;	font-weight:bold;}
.books dd.title{font-weight:bold;padding:0;}
.news dd.img, .hire dd.img, .books dd.img{	margin:0;}
.news dd.img img, .hire dd.img img, .books dd.img img{
float:left;	border: 1px solid #d2dcf0;	border-bottom:1px solid #404;border-right:1px solid #404;padding:5px;margin:0 8px 0 0;}
.books dd p{margin-bottom:0;padding-bottom:0;}

/*.........links page................................................................*/

dl.links{margin:0;}
dl.links dt{margin-bottom:.5em;}
dl.links dt a{text-decoration:underline;line-height:1.5em;	font-weight:bold;}
dl.links dd{margin-bottom:2em;}
#links h4{border:0; font-size:100%; padding-top:2em; margin:0;}
div.ad{border:1px solid #fb6; padding:5px; margin: 1em 0;}
div.ad .left{margin:0 10px 10px 5px;}

/*......................................portfolio pages*....................................*/

table#gallery{margin:0 auto;}
.portfolio img{border:0;}
#artwork{padding-bottom:2em;}
#artwork img{	border:0;}
#price{font-size:70%;color:red;}
.sold{font-size:70%;color:#FF0000;}

/*...........................................pop-up..............................................*/

#pop{padding-top: 50px;	text-align: center;	background-color: white;}
#pop #footer{min-width:400px;max-width: 475px;}
#pop p{	float:left;	}
#pop a{	float:right;	}
a:hover{color: #671f46;	}
	
/*...............................map...........................*/
#map{border:1px solid white;margin:0 auto;width:25em;}
#map dt{padding:0.2em;}