/* mah custom css reset */

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, 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, 
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{margin-left:auto; margin-right:auto; margin-top: 15px; margin-bottom: 15px;}
img{max-width:800px; /*border:1px solid #727272;*/ margin-right:auto; margin-left:auto; display: block}
ol{margin-bottom:15px}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0; margin:auto;}
li{margin-left:15px; margin-bottom:7px;}
p{margin-bottom:10px}

/* end CSS reset */

body{background:#121212; color:#666; font:12.4px/1.67em "georgia"; text-decoration:none; letter-spacing:1pt}

img{margin-bottom: 20px;}

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

#big img, #tutorial img, #locs img, #home img, #aboutme img{border:1px solid #727272; margin-right:auto; margin-left:auto; display: block}
#big img{width:800px;}
#tutorial img{max-width:700px; margin-bottom:50px; margin-top:50px;}
#aboutme img{width:260px; display: inline; margin-right: 30px}

#pictures {width: 600px; text-align: center}
#aboutme {width: 600px; margin:auto}
#tutorial{width:1000px; margin:auto}
#home{margin-left:auto; margin-right:auto}
#tutorials{width:800px; margin:auto}
.copyright{text-align:center; color:#666; font:11px/1.67em "georgia"; text-decoration:none; letter-spacing:1pt; margin-top:100px}

h1, h3, h4{text-align:left; color:#666; font:12.4px/1.67em "georgia"; text-decoration:none; letter-spacing:1pt}

h2{font-family:Georgia,serif; font-size:20px; font-style:normal; font-weight:normal; text-transform:normal; letter-spacing:normal; text-decoration:normal; line-height:1.4em; margin-bottom:15px; margin-top:15px; margin-left: 5px}

a:link,a:visited,a:active{color:#666; font:13.3px/1.67em "georgia"; text-decoration:none; letter-spacing:1pt; margin-bottom:15px}
a:hover{color:#333; font:13.3px/1.67em "georgia"; text-decoration:none; letter-spacing:1pt; margin-bottom:15px}

a.copyright:link,a.copyright:visited,a.copyright:active{color:#666; font:11px/1.67em "georgia"; text-decoration:none; letter-spacing:1pt; margin-bottom:15px}
a.copyright:hover{color:#999; font:11px/1.67em "georgia"; text-decoration:none; letter-spacing:1pt; margin-bottom:15px}

/* special images */

.zitem {height: 300px; width: 300px; text-align:center; margin-bottom: 20px; border:1px solid #727272; overflow:hidden; position:relative;}

.zitem img {height: 300px; width: 300px;}

.zitem .caption {width:100%; height:60px; background: #000; position:absolute; bottom:-1px; left:0; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.6; }

.zitem .caption a {color:#999; font:16.3px/1.67em "georgia"; text-decoration:none; letter-spacing:1pt; display:block; text-align:center; margin-top:15px;}