/* modify default styles */
body, html {
	padding: 0px;
	margin: 0px;
	font-family: gill sans, helvetica, verdana, ariel;
	font-size: 12pt;
	letter-spacing: .5px;
	color: #444444;
}

em {
	font-weight: normal;
	font-style: normal;
	color: #ee0099;
}

a {
	color: #ee0099;
	text-decoration: underline;
}
a:hover {
	color: #ff6622;
}

hr {
	border: 0;
	width: 100%;
	color: #eeeeee;
	background: #eeeeee;
	height: 2px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* clears floating elements; helps align elements properly */

.clear {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/* multiple containers for layout. defines width, height, background elements. */

#container-full {
	width: 100%;
	margin: 0px;
	padding: 0px;
	//background: url('images/bg-spatter.jpg') top right no-repeat;
}

/* the whole header, including the two nav menus and the logo */

#header-full {
	width: 100%;
	background: url('images/bg-header.gif') repeat-x;
	height: 137px;
	margin: 0px;
	padding: 0px;
}

#header {
	height: 116px;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

#header a {
	color: white;
	text-decoration: none;
}

#logo {
	background: url('images/logo.jpg') no-repeat;
	background-position: top left;
	height: 91px;
	width: 384px;
	padding: 0px;
	margin: 0px;
	float: left;
	clear: none;
}

/* the butterfly */

#bHead {
	float: left;
	margin-left: -46px;
}

/*the menu that contains links to the galleries */

#headRight {
	width: 640px;
	margin: 0px;
	padding: 0px;
	float: right;
	clear: none;
}

#headRight ul, #headRight li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#headRight ul {
	position: relative;
	width: 640px;
	height: 116px;
}

#headRight li {
	float: left;
	clear: none;
	height: 116px;
	background-position: top left;
	background-repeat: no-repeat;
}

#headRight a {
  display: block;
  text-indent: -900%;
  outline: none;
}

#headRight a:hover span {
  display: block;
}

#sketch {
	background: url('images/album-sketch.jpg');
	width: 204px;
}

#sketch span, #sketch a {
	position: relative;
	width: 204px;
	height: 116px;
	padding: 0px;
	margin: 0px;
}

#digital {
	background: url('images/album-digital.jpg');
	width: 217px;
}

#digital span, #digital a {
	position: relative;
	width: 217px;
	height: 116px;
	padding: 0px;
	margin: 0px;
}

#traditional {
	background: url('images/album-traditional.jpg');
	width: 219px;
}

#traditional span, #traditional a {
	position: relative;
	width: 219px;
	height: 116px;
	padding: 0px;
	margin: 0px;
}

/* the menu that contains site navigaton, including home, about, etc */

#nav {
	height: 46px;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
       position: relative;
}

#navRight {
	width: 458px;
	position: absolute;
        top: 0px;
       right: 0px;
}
#navRight a {
	text-decoration: none;
}
.navLink {
	width: 100%;
	height: 100%;
	display: block;
}
#navRight li, #navRight ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navRight li {
	float: left;
	clear: none;
	height: 46px;
	background-position: top left;
	background-repeat: no-repeat;
}

#navRight li img {
	margin-top: 36px;
	border: 0px;
}

#nav-home {
	background: url('images/nav-home.jpg');
	width: 79px;
}
#nav-home span, #nav-home a {
	position: relative;
	width: 79px;
	height: 46px;
	padding: 0px;
	margin: 0px;
}
#nav-home img {
	margin-left: 23px;
}

#nav-about {
	background: url('images/nav-about.jpg') top left no-repeat;
	width: 78px;
}
#nav-about span, #nav-about a {
	position: relative;
	width: 78px;
	height: 46px;
	padding: 0px;
	margin: 0px;
}
#nav-about img {
	margin-left: 23px;
}

#nav-downloads {
	background: url('images/nav-downloads.jpg');
	width: 110px;
}
#nav-downloads span, #nav-downloads a {
	position: relative;
	width: 110px;
	height: 46px;
	padding: 0px;
	margin: 0px;
}
#nav-downloads img {
	margin-left: 40px;
}

#nav-contact {
	background: url('images/nav-contact.jpg'); 
	width: 98px;
}
#nav-contact span, #nav-contact a {
	position: relative;
	width: 98px;
	height: 46px;
	padding: 0px;
	margin: 0px;
}
#nav-contact img {
	margin-left: 35px;
}

#nav-rss {
	background: url('images/nav-rss.jpg');
	width: 93px;
}
#nav-rss span, #nav-rss a {
	position: relative;
	width: 93px;
	height: 46px;
	padding: 0px;
	margin: 0px;
}

#nav-home:hover, #nav-about:hover, #nav-downloads:hover, #nav-contact:hover, #nav-contact:hover, #nav-rss:hover, #logo:hover, #sketch:hover, #digital:hover, #traditional:hover {
	background-position: bottom left;
}

#bNav {
	float: left;
	margin-left: -46px;
}

#footer-full {
	width: 100%;
	background: url('images/bg-footer.gif') repeat-x;
	height: 90px;
	padding: 1px 0px 0px 0px;
}

#footer {
	width: 1024px;
	padding-top: 20px;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	color: #ee0099;
	text-align: center;
	background: url('images/bg-footer2.jpg') no-repeat top right;
}

#content {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	min-height: 500px;
}

#content-main {
	padding: 0px;
	margin: -10px 0px 0px 0px;
	width: 600px;
	float: left;
	clear: none;
}

#content-main h1, #content-main a h1:hover {
	background: url('images/title.jpg');
	padding: 20px 0px 20px 20px;
	margin: 10px 0px 0px -50px;
	font-size: 18pt;
	font-weight: normal;
	color: #ff1188;
}
#content-main a h1:hover {
	background: url('images/title-over.jpg');
}

#content-main .title {
text-decoration: none;
}


.date {
	display: inline;
	float: right;
	margin: -50px 7px 0px 0px;
	padding: 0px;
	width: 50px;
	text-align: center;
	font-size: 16pt;
	color: #ff1188;
}
/* ALL #content-body ELEMENTS NEED TO BE CHANGED TO .content-body CLASS */
#content-body {
	margin: -10px 0px 10px -20px;
}

.content-body {
margin: -10px 0px 10px -20px;
}

#spatter {
	padding: 0px;
	margin: 0px;
	float: left;
	margin-left: -160px;
}

#sidebar {
	float: right;
	clear: none;
	width: 280px;
}

/* #sidebar img {
     border: 0px;
} */

#sidebar h2 {
	font-weight: normal;
	font-size: 15pt;
	padding: 0px;
	margin: 10px 0px 10px 0px;
}

#sidebar .regular ul {
	padding: 0px 0px 0px 20px;
}
#sidebar .regular ul li {
	list-style-type: disk;
}

/* This is for the google feed */

#sidebar h3 {
	display: none;
}

#sidebar .s {
	font-size: 9pt;
	color: #cccccc;
}

#sidebar .s a {
	color: #ff77aa;
}

/* end google feed style */

/*style for gallery nav*/
.gal ul, .gal li {
	list-style: none;
}
.gal ul {
	width: 280px;
	padding: 0px;
	margin: 0px 0px 0px -20px;
}
.gal li {
	margin: 0px;
	width: 270px;
	border-bottom: 1px solid #cccccc;
}
.gal li:hover {
	background-color: #ffccee;
}
.gal .link  {
	width: 270px;
	height: 20px;
	padding: 10px;
	display: block;
}

.gal a {
        color: #ee0099;
	text-decoration: none;
}

.small {
	font-size: 8pt;
}

#usrMsgSubmit input, #usrMsgSubmit textarea {
	border: 2px solid white;
	border-left: 2px solid #bbbbbb;
	background: none;
	padding: 2px;
	margin: 0px 0px 3px 0px;
	font-family: gill sans, helvetica, verdana, ariel;
	font-size: 10pt;
}

#usrMsgSubmit input:focus, #usrMsgSubmit input:hover, #usrMsgSubmit textarea:hover, #usrMsgSubmit textarea:focus {
	border: 2px solid #ee0099;
}

#usrMsgSubmit .submit {
	border: 2px solid #bbbbbb;
	background: #ffddee;
}

.warning {
	border: 1px solid red; 
	background: #ffeeee; 
	margin: 3px 0px 3px 0px; 
	padding: 2px;
}

#gallery {
	width: 100%;
}
#gallery img, .content-body img {
	padding: 3px;
	margin: 10px;
margin-right: 20px;
	float: left;
	border: 2px solid #cccccc;
}
#gallery img:hover, .content-body img:hover {
	border: 2px solid #ee0099;
}

#content-main h3 {
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

input {
     width: 200px;
}

textarea {
     width: 500px;
}

.thanks {
     width: 100%;
     color: #fff;
     background: #ff4499;
     padding: 10px;
     margin: 20px 0px 0px -30px;
     font-size: 15pt;
}

.small {
     font-size: 10pt;
}

.tumblr ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  margin-top: 15px;
}

.tumblr img {
   padding: 2px;
   border: 2px solid #ccc;
}

.tumblr img:hover {
   border: 2px solid #ee0099;
}


.buff {

}