body {
height: 100%
width: 100%;
margin: 0px;
padding: 0px;
font-family: myriad web, helvitica, sans-serif;
text-align: center;
font-size: medium;
}

img {
border: none;
}

h2 {
text-align: left;
font-size: 120%;
font-weight: normal;
margin: 1.5em 0em 1.5em 0em;
padding: 0px;
color: #333333;
}

p, li, em {
font-size: 80%;
margin: 0em 0em 1em 0em;
padding: 0px;
color: #666666;
line-height: 1.3em;
text-align: justify;
}


#frontlogo {
padding: 10px 0px 5px 0px;
width: 100%;
position: relative;
}

#menu {
position: absolute;
top: 45px;
left: 243px;
padding: 0px;
margin:0px;
}


#menu ul, #menu li {
margin: 0px;
padding: 0px;
}

a:link,
a:active,
a:visited {
color: #999999;
text-decoration: none;
}

a:hover {
color: black;
}

#menu ul {
margin: 0px;
}

#menu ul li{
margin: 0px;
display: inline;
}


/*-- front Page styles --*/

#frontpreview {
font-size: 80%;
text-align: right;
color: #999999;
padding: 60px 25px 0px 50px;
}

/*-- front photograph --*/

#frontpicbordermid {
display: block;
position: relative;
padding: 0px 0px 0px 46px;
background-image: url(ultramattimages/frontpicleft.gif);
background-repeat: repeat-y;
background-position: left;
}

#frontpicside {
padding-right: 46px;
position: relative;
display: block;
background-image: url(ultramattimages/frontpicright.gif);
background-repeat: repeat-y;
background-position: right;
}


#frontpic {
position: relative;
text-align: center;
width: 100%;
height: 300px;
overflow: hidden;
}

html>body #frontpic{
height: 50%;
}

#frontpic img {
position: relative;
margin-top: -14%;
width: 100%;
}

#fullpic a {
color: white;
position: absolute;
bottom: 10px;
right: 50px;
font-family: sans-serif;
text-decoration: none;
font-size: 80%;
display: none;
}

#frontblurb {
text-align: right;
position: absolute;
top: 150px;
right: 46px;
margin-top: -2.5em;
background-image: url(ultramattimages/blurbbg.png);
padding: 10px 20px 10px 10px;
color: white;
font-size: 80%;
font-family: sans-serif;
}

html>body #frontblurb {
top: 46%;
}


/*-- front Pic top & bottom --*/

#frontpicbordertop {
height: 43px;
position: relative;
padding-top: 0px;
background-image: url(ultramattimages/frontpictop.gif);
background-repeat: repeat-x;
background-position: top;
}

#frontpictl {
height: 43px;
display: block;
margin-top: 0px;
margin-left: 0px;
background-image: url(ultramattimages/frontpictl.gif);
background-repeat: no-repeat;
}

#frontpictr {
height: 43px;
display: block;
margin-top: 0px;
margin-left: 0px;
background-image: url(ultramattimages/frontpictr.gif);
background-repeat: no-repeat;
background-position: top right;
}

#frontpicborderbum {
height: 51px;
position: relative;
background-image: url(ultramattimages/frontpicbum.gif);
background-repeat: repeat-x;
background-position: bottom;
}

#frontpicbl {
height: 51px;
display: block;
margin-top: 0px;
margin-left: 0px;
background-image: url(ultramattimages/frontpicbl.gif);
background-repeat: no-repeat;
background-position: bottom left;
}

#frontpicbr {
height: 51px;
display: block;
margin-top: 0px;
margin-left: 0px;
background-image: url(ultramattimages/frontpicbr.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

.iefix {
display: none;
}

#frontlogo #menu a {

}

/*-- Inside page styles --*/

#insidecontainer {
position: relative;
margin-left: auto;
margin-right: auto;
width: 554px;
}

#updates {
font-size: 80%;
color: #999999;
position: absolute;
top: 97px;
left: 590px;
text-align: left;
}

/*-- Photoindex --*/

/*-- photoindx Pic top & bottom --*/

.photoindxpicbordertop {
width: 554px;
height: 43px;
position: relative;
padding-top: 0px;
background-image: url(ultramattimages/frontpictop.gif);
background-repeat: repeat-x;
background-position: top;
}

.photoindxpictl {
height: 43px;
display: block;
margin-top: 0px;
margin-left: 0px;
background-image: url(ultramattimages/frontpictl.gif);
background-repeat: no-repeat;
}

.photoindxpictr {

height: 43px;
display: block;
margin-top: 0px;
margin-left: 0px;
background-image: url(ultramattimages/frontpictr.gif);
background-repeat: no-repeat;
background-position: top right;
}

.photoindxpicborderbum {
width: 554px;
height: 51px;
position: relative;
background-image: url(ultramattimages/frontpicbum.gif);
background-repeat: repeat-x;
background-position: bottom;
}

.photoindxpicbl {
width: 554px;
height: 51px;
display: block;
margin-top: 0px;
margin-left: 0px;
background-image: url(ultramattimages/frontpicbl.gif);
background-repeat: no-repeat;
background-position: bottom left;
}

.photoindxpicbr {
height: 51px;
display: block;
margin-top: 0px;
margin-left: 0px;
background-image: url(ultramattimages/frontpicbr.gif);
background-repeat: no-repeat;
background-position: bottom right;
}

/*-- photoindx photograph --*/

.photoindxpicbordermid {
display: block;
position: relative;
width: 554px;
background-image: url(ultramattimages/frontpicleft.gif);
background-repeat: repeat-y;
background-position: left;
}

.photoindxpicside {
width: 554px;
position: relative;
display: block;
background-image: url(ultramattimages/frontpicright.gif);
background-repeat: repeat-y;
background-position: right;
}

.photoindxpic {
padding: 0px 46px 0px 46px;
position: relative;
height: 100px;
overflow: hidden;
}



.photoindxblurb {
font-family: century gothic, futura, arial;
text-align: right;
position: absolute;
top: 50%;
right: 47px;
margin-top: -1.7em;
padding: 10px 20px 10px 10px;
color: white;
font-size: 80%;

}

.photoindxblurbdark {
font-family: century gothic;
text-align: right;
position: absolute;
top: 50%;
right: 47px;
margin-top: -1.7em;
background-image: url(ultramattimages/blurbbg.png);
padding: 10px 20px 10px 10px;
color: white;
font-size: 80%;

}

/*-- new photo styles --*/

#newwrap {
width: 750px;
}

* html #newwrap {
width: 50px;
}

#newphoto {
position: relative;
width: auto;
display: table;
text-align: center;
margin-left: auto;
margin-right: auto;
}




#newleftborder{
background-image: url(images/leftborder.gif);
background-repeat: no-repeat;
float: left;
display: table;
padding: 30px 0px 0px 35px;
}

#newrightborder {
float: left;
background-image: url(images/border.gif);
background-repeat: no-repeat;
background-position: 100% 0px;
display: table;
padding: 0px 35px 0px 0px;
}

#newbottomright {
float: left;
background-image: url(images/rightcorner.gif);
background-repeat: no-repeat;
background-position: 100% 100%;
display: table;
padding: 0px 0px 35px 0px;
}

html>body #newbottomright {
padding: 0px 0px 40px 0px;
}

#newbottomleft {
float: left;
background-image: url(images/border.gif);
background-repeat: no-repeat;
background-position: 0px 100%;
}

#newcenter {
margin-left: auto;
margin-right: auto;
}




/*-- temp styles --*/

#frontpreview, #updates {
display: none;
}

#photosize1 {
padding: 0px 46px 0px 46px;
position: relative;
height: 100px;
overflow: hidden;
}

#photosettittle {
padding-left: 53px;
padding-right: 53px;
text-align: left;
font-size: 80%;
padding-bottom: 10px;
}

#photosettittle p {
font-size: 100%;
}


#photosettittle h2 
{
padding-right: 10px;
display: inline;
font-weight: normal;
font-size: 180%;
color: #666666;
}

p#tittlesummary {
color: #999999;
}

#thumbs {
margin-left: auto;
margin-right: auto;
width: 470px;
padding-bottom: 20px;
}

#thumbs img {
padding: 7px;
}

.blogpics {
text-align: left;
}

.blogpics img {
margin-right: 10px;
margin-bottom: 10px;
}

#videotext {
padding: 20px 0px 0px 0px;
text-align: left;
}

#videotext h2 {
text-align: left;
}

.vid {
border: 1px solid #cccccc;
}

#photonext {
padding-top: 20px;
font-size: 80%;
}

#thumbs img {
margin: 5px;
}

#blogarchive {
padding-top: 20px;
font-family: century gothic, futura, arial;
font-weight: bold;
font-size: 120%;
}

#blogarchive a:visited,
#blogarchive a:active,
#blogarchive a:link{
color: #cccccc;
font-size: 100%;
}

#blogarchive a:hover {
color: black;
}

img.floatleft {
float: left;
margin-right: 10px;
margin-bottom: 10px;
clear: both;}


img.floatright {
float: left;
margin-left: 10px;
margin-bottom: 10px;
clear: both;
}

.screenshots img{
border: 1px solid #ccc;
margin-bottom: 10px;
}

.photoComment {
color: #333;
font-size: 70%;
text-align: left;
width: 460px;
margin: 0px auto 0px auto;
}

.ihateie {
width: 100%;
}