Monday, May 19, 2008

Update Alpha

Hi all, here's what I've got as of 11:00 pm 5/19; I'll work on it more before sleep to work on getting things aligned as desired. I just wanted to get something up so you didn't have to wait to start at least. The index.html will be in the email, as html in this is treated as html to be converted.

==========mainStyle.css===========
/* CSS Document */


/* Reset Css */
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* Reset CSS */

html {
background-image: url(../assets/cssElements/background.jpg);
background-repeat: repeat;
}

#page {
background-image: url(../assets/cssElements/background.jpg);
background-repeat: repeat;
margin-left: auto;
margin-right: auto;
}

#bottom-container {
background-image: url(../assets/cssElements/bottom-container.jpg);
background-position: center bottom;
font-family: Geneva, Arial, Helvetica, sans-serif;
width: 1040px;
height: 142px;
margin-left: auto;
margin-right: auto;
background-repeat: no-repeat;
}

#container {
background-image:url(../assets/cssElements/container.jpg);
background-repeat: repeat;
background-position: center;
font-family: Geneva, Arial, Helvetica, sans-serif;
width: 1040px;
height: 600px;
margin-left: auto;
margin-right: auto;
text-indent: 100px;
}

#main-container-top {
background-image: url(../assets/cssElements/main-container-top.jpg);
background-position: center top;
badkground-repeat: no-repeat;
font-family: Geneva, Arial, Helvetica, sans-serif;
width: 1040px;
height: auto;
margin-left: auto;
margin-right: auto;
}

#navigation {
font-family: Geneva, Arial, Helvetica, sans-serif;
margin-left: auto;
margin-right: auto;
}

#navigation ul, li {
display: inline;
margin-left: 10px;
margin-right: 10px;
}

#orange-border {
background-image: url(../assets/cssElements/orange-border.png);
background-position: center top;
background-repeat: no-repeat;
width: 902px;
height: 342px;
margin-left: auto;
margin-right: auto;
margin-bottom:100px;
border:none;
}

#top-container-image {
background-image: url(../assets/cssElements/top-container-image.jpg);
background-repeat: no-repeat;
background-position:center;
width:840;
height:278;
margin-left: auto;
margin-right: auto;
}

#top-image {
background-image: url(../assets/cssElements/top-image.jpg);
background-position: center top;
background-repeat: repeat-x;
width:auto;
height:446px;
margin-left: auto;
margin-right: auto;
}

No comments: