@charset "utf-8";
body {
	color: #000;
	background-color: #CCC;
	font-family: "Courier New", Courier, monospace;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}

h1 .fltleft {
	font-size: 28pt;
}

.container {
	width: 880px;
	background-color: #FFF;
	text-align: left;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 5px double black;
}
#logo {
	float: left;
}
#header {
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
}

#pagetitle {
	float: left;
	width: 723px;
	height: 92px;
	font-size: medium;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: black;
}
#picsfornav li a img { /*pictures in the picture nav on the homepage*/
	margin-right: auto;
	margin-left: auto;
	width: 180px;
	height: 180px;
}
.centeredimagelink {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#picsfornav li {
	float: left;
	height: 250px;
	width: 200px;
	list-style-type: none;
}
.underpiclink {
	float: left;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}
a:active.linktext, a:hover.linktext, a:focus.linktext {
	color: #900;
	font-size: 17px;
	font-weight: bold;
}
a.linktext, a:visited.linktext {
	color: black;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 5px;
	text-align: center;
	font-size: 17px;
}

#catchphrase {
	display: block;
	margin-top: -10px;
	font-size: 22px;
	margin-left: 15px;
}
#name {
	font-size: 36px;
	margin-top: 10px;
	margin-left: 15px;
}


.fltleft {
	float: left;
}
.fltright {
	float: right;
	padding-top: 50px;
	font-variant: small-caps;
	padding-right: 15px;
}

#menu {  /*all menu items control the navbar across the top of every page with all pages included*/
	margin-right: auto;
	margin-left: 5px;
	width: 865px;
	padding-bottom: 15px;
	float: left;
	clear: both;
	font-size: 13px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
	padding-top: 10px;
	
}
#menu li {
	float: left;
	text-align: center;
	margin: 1px;
	padding-left: 0px;
	list-style-type: none;
}
#menu a {
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	color: #000;
	font-size: 17px;
	font-weight: bold;
}

#menu a:hover {
	color: #900;
}


.imgfloatright {
	float: right;
	padding-left: 20px;
}

.imgfloatleft {
	float: left;
	padding-right: 20px;
}
#categorylinks a, #categorylinks a:visited {
	color: #000;
	text-decoration: none;
}
#categorylinks a:hover, #categorylinks a:active, #categorylinks a:focus {
	color: #900;
	text-decoration: none;
}


.textcenter {
	text-align: center;
	padding-bottom: 30px;
}
.browse {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	float: left;
}
.imageonpage {  /*all the images on the category pages that you browse through*/
	float: left;
	width: 410px;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}
.tallwideimageonpage {
	float: left;
	width: 820px;
	height: 720px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}
.wideimageonpage {
	float: left;
	width: 820px;
	height: 460px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}




.horizontal { /*special class for images on category pages that are wider than the standard size of .imageonpage*/
	width: 412px;
}

#special1 { /*for work that is very wide, too wide for the horizontal space created in .imageonpage.horizontal*/
	width: 550px;
}


.generalwidebodyonpage { /*used for paragraphs of info on homepage, with a top border*/
	float: left;
	width: 860px;
	padding-right: 10px;
	padding-left: 10px;
	border-top: white double medium;
}




#nobottomborder {
	margin-bottom: 0px;
	padding-bottom: 0px;
}


.generalwidebodyonpagenotopborder {  /*used for paragraphs of info on homepage, with no top border*/
	float: left;
	width: 840px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: left;
}
.divforimageandtext { /*use for pic plus, if needed, caption, say in div on homepage listing new events*/
	padding: 10px;
	float: left;
	width: 250px;
}
.imageonpage.horizontal p { /*to center the captions under the works on the category pages*/
	text-align: center;
}
.browse .imageonpage p { /*to center the captions under the horizontal works on the category pages*/
	text-align: center;
}
img { /*to center all images, within their divs*/
	display: block;
	margin-right: auto;
	margin-left: auto;
	border: none;
}

.viewcart {
	text-align: right;
	float: right;
	display: block;
	clear: both;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
}
/*following is for the commissions page*/
.prices {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding: 25px;
	border: thin solid white;
	clear: both;
}
.prices h3 {
	text-decoration: underline;
	text-align: center;
}
.prices p {
	text-align: center;
}
p #topp {
	clear: both;
	float: right;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	font-size: 18px;
}
.imageonpage p {
	text-align: center;
}
h1 {
	text-align: left;
}
#leftjustify {
	text-align: left;
}
#selfportrait {
	padding-bottom: 20px;
	padding-left: 20px;
	float: right;
}
form {
	margin-right: 30px;
	margin-left: 30px;
}
.wideimageonpage p {
	text-align: center;
}
.tallwideimageonpage p {
	text-align: center;
}
#categorylinks a {
	text-decoration: underline;
}