/*** RESET ***/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/*** END RESET ***/

/* Layout */
body { background-color: #511d0f; font: 14px "Myriad Pro", Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.all { width: 900px; min-height: 30px; margin: auto auto auto auto; }
#top { background: url(./images/topBackground.jpg) repeat-x; }
#table { background: url(./images/tableBackground.jpg) repeat-x; height: 23px; }
#credits { background: url(./images/creditsBackground.jpg) repeat-x; height: 180px; display: block; }
#bottom { background: #511d0f url(./images/bottomBackground.jpg) repeat-x; height: 81px; }
#content { min-height: 565px; margin: auto auto auto auto; }
#iphoneContent { height: 565px; width: 400px; float: left; }
#iphone { background: url(./images/iPhone.png); height: 599px; width: 370px; position: absolute; top: 0px; }
#tag { background: url(./images/Tag.png); height: 191px; width: 205px; position: absolute; top: 10px; margin-left: 222px; }
#iphoneIcon { background: url(./images/iphoneIcon.png); height: 117px; width: 131px; position: absolute; top: 480px; margin-left: 270px; }
#contentText { width: 450px; height: 503px; margin-top: 62px; float: right; }
#studentText { width: 440px; margin-top: 10px; text-shadow: rgb(255, 234, 216) 0px 1px 0px; font-size:14pt;}
.separation { width: 445px; background: url(./images/separation.png) repeat-x; margin-top: 10px; margin-bottom: 15px; }
#download { margin-top:30px; height: 90px; width: 226px; }
#download a { opacity:.8; text-decoration: none; border: none; height: 70px; padding-bottom: 2px; padding-top: 2px; display: block; }
#download a:hover { opacity:1.0; text-decoration: none; border: none; height: 70px; }
#download a:active { opacity:1.0; text-decoration: none; border: none; height: 70px; }
#ratings { width: 400px; margin: auto auto auto auto; color:#453122}
#share { background: url(./images/share.png); width: 320px; height: 107px; margin-top: -78px; margin-right: 196px; position: relative; float: right; }
#shareText { margin-left: 146px; padding-top: 20px; }
#blogText { margin-left: 72px; margin-top:30px;padding:10px; padding-left:20px; padding-top: 10px;  background-color:#fff; width:190px; font-size:15pt; }
#blogText a {color:#571C19}

#news { background: url(./images/backgroundCredits.png); height: 98px; width: 219px; padding: 15px 20px 20px 15px; margin: 25px 25px 25px 40px; display: block; position: relative; float: left; }
#press { background: url(./images/backgroundCredits.png); height: 98px; width: 219px; padding: 15px 20px 20px 15px; margin: 20px 20px 25px 20px; display: block; position: relative; float: left; }
#contact { background: url(./images/backgroundCredits.png); height: 98px; width: 219px; padding: 15px 20px 20px 15px; margin: 20px 0px 25px 25px; display: inline; float: left; }
#credits a { color: #903B2A; }
#bottomLeft { color: #903B2A; font-size: 15px; margin: 30px 0 0 40px; }
#bottomLeft a { color: #d18770; font-size: 15px; }
.litop, .litop a { color: #d18770; text-align: right; font-size: 12px; margin-top: 22px; }
.libottom { color: #8d452f; font-size: 12px; margin-top: 5px; }
#crafted { display: block; position: relative; float: left; }
#emailMe, #emailMe a { display: block; position: relative; float: left; top: -8px; border: none; margin-left: 10px; }
#news a { margin:3px 0 0 10px; position: absolute; }
#press a { margin:1px 0 0 10px; position: absolute; }
#contact a { margin:-1px 0 0 10px; position: absolute; }
ul .list { margin: 10px 0px 10px 0px; }

/* Font */
p { display: block; font-size: 17px; font-weight: normal; }
h1 { font-size: 60px; font-weight: bold; display: inline; }
h2 { font-size: 24px; font-weight: normal; display: inline; }
h3 { font-size: 15px; font-weight: normal; display: inline; text-shadow: rgb(255, 234, 216) 0px 1px 0px; }
h4 { font-size: 15px; font-weight: normal; display: block; text-align: right; text-shadow: rgb(255, 234, 216) 0px 1px 0px; }
.ul { font-size: 16px; font-weight: normal; color: #d18770; margin-bottom: 5px; }

a { text-decoration: none; padding-bottom: 0px; border-bottom: 1px solid; color: black; z-index: 10; }
a:hover { border-bottom: 1px solid #CE9551; } 
a { margin-top: 5px; font-weight: normal; }
#crafted a { color: #d18770;}