@import url(site_std_tags.css);

/*top display*/
#topcontentbox			{ border-bottom:7px solid #c7c8bb; height:140px; }
#topcontent				{ position:relative; margin:0 auto; width:720px; height:116px; }
#topcontent #lbpp		{ position:absolute; top:35px; right:0; width:197px; height:94px; line-height:normal; color:#7f7f71; font-size:1.6em; overflow:hidden; }
#topcontent #lbpp span	{ position:absolute; top:0; /*for safari*/ left:0; width:100%; height:100%; background:url(/images/louise-bird.gif) no-repeat; }

#topcontent ul			{ position:absolute; top:115px; left:0; margin:0; padding:0; list-style:none; font-family:Arial, Helvetica, Sans-Serif; font-size:1.3em; /*14px*/ letter-spacing:0.067em; white-space:nowrap; }
#topcontent ul li		{ display:inline; color:#0b3596; }
#topcontent ul a		{ margin:0 10px; color:#6f6f61; text-decoration:none; font-weight:bold; }
#topcontent ul a:hover	{ color:#333; text-decoration:underline; }
#topcontent ul a#m1		{ margin-left:0; }
#topcontent ul a#m6		{ margin-right:0; }
#page1 a#m1, #page1 a#m1, #page2 a#m2, #page3 a#m3, #page4 a#m4, #page5 a#m5, #page6 a#m6	{ text-decoration:underline; }

/*styles used on multiple pages*/
#contentstripe			{ padding:20px 0; background:#fff; }
#contentbox				{ position:relative; margin:0 auto; width:720px; }
.content				{ position:relative; padding-bottom:40px; }
.left-2col		{ float:left; width:520px; }
#right-2col		{ float:right; width:160px; text-align:right; }
#right-2col img	{ margin-bottom:20px; }
.righttop		{ margin-top:30px; }

/*home page*/
#homeimg		{ position:absolute; top:0; right:-340px; width:310px; height:310px; }
.homecontent	{ margin-right:340px; height:auto !important; height:320px; min-height:320px; }

/*for the galleries layout*/
ul.gallerybox			{ position:relative; clear:left; margin:0; padding:0; list-style:none; }
ul.gallerybox li		{ position:relative; margin:20px 24px 0 0; padding:0; float:left; width:160px; overflow:hidden; }
ul.gallerybox li.right	{ margin-right:0; }
ul.gallerybox li.left	{ clear:both; }
ul.gallerybox .galimg	{ display:block; border:1px solid #e7e7e7; background:#f7f7f7; padding-top:10px; height:150px; text-align:center; }
ul.gallerybox .galtxt	{ display:block; margin:2px; border:0; font-size:90%; font-weight:normal; }
ul.gallerybox img.item	{ border:1px solid #ccc; padding:4px; }
ul.gallerybox .zoomimg	{ background:#f7f7f7 url('/images/icons/zoom-mag.gif') no-repeat bottom right; }
ul.gallerybox .zoomimg:hover	{ background-color:#fff; }

/*for the item layout*/
div#itembox					{ position:relative; margin:20px 0; }
div#itembox img				{ border:1px solid #e7e7e7; padding:4px; }
div#itembox h1				{ border-top:2px dotted #ccc; padding-top:4px; font-style:italic; }
div#itembox p				{ margin:0 0 5px 0; }
div#itembox span			{ display:block; float:left; width:108px; margin:0 4px 4px 0; font-weight:bold;  }
div#itembox p#buyart		{ margin:10px 0 0 0; padding:0; }
div#itembox p#itemdesc		{ margin:10px 0 4px 0; border-top:2px dotted #ccc; padding:10px 0 0 0; font-style:italic; font-weight:bold; }

/*contact page*/
#contactimg					{ position:absolute; top:0; right:0; width:260px; height:260px; }
#contact-panel				{ position:relative; border-top:2px dotted #ccc; border-bottom:2px dotted #ccc; width:720px; overflow:auto; }
#contactinfobox				{ position:relative; margin:7px 8px 15px 0; padding-right:28px; float:left; width:280px; overflow:auto; }
#contactinfobox p			{ margin:8px 0 4px 0; padding-left:85px; line-height:33px; }
#contactinfobox p#address	{ height:auto !important; height:30px; min-height:30px; line-height:normal; }
#contactinfobox img			{ margin:0 0 8px -38px; border:0; padding:0; float:left; }

#frmcontact					{ position:relative; margin:15px 0; border-left:1px solid #ccc; padding-left:20px; float:left; width:320px; overflow:hidden; }
#frmcontact input.text		{ width:230px; }
#frmcontact textarea		{ width:230px; }
#frmcontact input.doit		{ margin-left:84px; }
#frmcontact label			{ display: block; float: left; width:80px; text-align:right; margin:0 6px 0 0; }

/*vertification code formatting*/
#codeframe		{ margin:0; border:0; padding:0; height:12px; width:48px; }
.vcode			{ font-size:1.2em; }
.textvcode		{ font-size:1em; }

/*contact page*/
#2contactinfobox				{ position:relative; margin:15px 8px 15px 0; padding:0 20px 0 0; float:left; width:280px; overflow:hidden; }
#2contactinfobox p			{ margin:8px 0 4px 0; padding-left:85px; font-family:Tahoma, Arial, Helvetica, Sans-Serif; letter-spacing:0.2em; line-height:33px; }
#2contactinfobox p#address	{ height:auto !important; height:30px; min-height:30px; line-height:normal; }
#2contactinfobox img			{ margin:0 0 8px -44px; border:0; padding:0; float:left; }

#2frmcontact					{ position:relative; margin:20px 0 15px 12px; border-left:1px solid #ccc; padding-left:40px; float:left; width:350px; overflow:hidden; }
#2frmcontact input.text		{ width:260px; font-size:0.909em;/*10px*/}
#2frmcontact textarea		{ width:260px; font-size:0.909em;/*10px*/}
#2frmcontact input.doit		{ margin-left:71px; font-size:0.909em;/*10px*/}
#2frmcontact label			{ display: block; float: left; width:65px; text-align:right; margin:0 6px 0 0; }

/*the footer link for CubeConnection*/
/*the footer link for CubeConnection*/
#sitebybox						{ border-top:7px solid #c7c8bb; }
#sitebybox #siteby				{ position:relative; margin:0 auto; padding:2px; width:720px; color:#999; }
#sitebybox #siteby p			{ margin:3px 6px 40px 6px; text-align:right; font-size:1.1em; }
#sitebybox #siteby #copyright	{ float:left; }
#sitebybox #siteby a#cube		{ text-decoration:none; color:#888; font-weight:bold; }
#sitebybox #siteby a#cube:hover{ color:#089cb1; }


/*================================*/
/* define all the admin style bits*/
/* needed on user pages           */
/*================================*/
#adminmenu			{ position:absolute; top:0; left:0; overflow:hidden; width:100%; font-family:Tahoma, Geneva, sans-serif; }
.editlink			{ border:1px solid #ccc; color:#00f; padding:1px; font-weight:normal; background-color:#ffb; line-height:1em; }
.editlink a			{ text-decoration:none !important; color:#d00 !important; font-weight:normal !important; }
.editlink a:hover	{ text-decoration:underline !important; color:#00f !important; }
#adminnotes			{ clear:left; margin-top:10px; border-top:2px dotted #c00; padding-top:4px; color:#c00; font-style:italic; font-size:1.1em; }

/*define position of edit button on images*/
img.cmschange		{ position:absolute; top:1px; left:1px; margin:0; border:1px solid #f00; padding:0; }
img.cmszoom			{ left:25px; }