/*
Theme Name: jmg
Theme URI: http://johnmcgregor.it
Description: Theme for my personal website johnmcgregor.it
Author: Giovani Di Gregorio
Version: 1.2
2011-02-10-23:35:50
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline;outline:none;}
body{background:#70a1c2;height:101%;}
#body-rel{position:relative;top:0;}
#back-fixed{position:fixed;width:100%;height:100%;background:url('images/bg_repeater.jpg') 0 0 repeat-x;}
#back{position:absolute;overflow:hidden;top:374px;left:0;padding-top:220px;width:100%;height:100%;min-width:1000px;}
#back-background{position:absolute;width:100%;height:100%;margin-top:-578px;background:#181d23;}
html>/**/body #back-background{/* not read by IE7 */
top:0;}
#back-sea-footer{position:absolute;width:200%;height:230px;bottom:-230px;background:url('images/footer_sea.png') -100% 0 repeat-x;}
#sea-wash-one{position:absolute;width:200%;height:517px;bottom:0px;margin-bottom:-578px;background:url('images/sea_wash_one.png') -200% 0 repeat-x;}
#sea-wash-two{position:absolute;width:200%;height:517px;bottom:0px;margin-bottom:-578px;background:url('images/sea_wash_two.png') -300% 0 repeat-x;}
#sea-wash-tree{position:absolute;width:200%;height:517px;bottom:0px;margin-bottom:-578px;background:url('images/sea_wash_tree.png') -500% 0 repeat-x;}
#footer-text{position:absolute;height:40px;bottom:0px;width:1000px;margin-bottom:-490px;left:50%;margin-left:-500px;font-family:helvetica;font-size:16px;letter-spacing:-1px;font-weight:bold;line-height:22px;}
#footer-text-left{float:left;width:420px;padding:40px;text-align:right;padding-top:20px;}
#footer-text-right{float:right;width:419px;height:40px;padding:40px;border-left:1px #181d23 dotted;padding-top:20px;}
#troat-one{position:absolute;bottom:190px;left:50%;margin-left:-450px;width:224px;height:163px;margin-bottom:-578px;background:url('images/sprite.png') -958px -528px no-repeat;}
#troat-two{position:absolute;bottom:320px;left:50%;margin-left:310px;width:169px;height:113px;margin-bottom:-578px;background:url('images/sprite.png') -1009px -690px no-repeat;}
#pattern{position:fixed;width:100%;height:100%;background:url('images/bg_pattern.png') 0 0 repeat;}
#mountains{position:absolute;top:235px;left:0;width:100%;min-width:1000px;height:139px;z-index:2;background:url('images/mountains.png') 0 0 repeat;}
#page{position:relative;width:1000px;margin:0 auto;z-index:3;}
#header{position:relative;display:block;background:url('images/sprite.png') 0 0 no-repeat;width:555px;height:370px;}
#me{position:absolute;left:50%;margin-left:54px;background:url('images/sprite.png') -479px -370px no-repeat;width:463px;height:412px;}
#me-arm{position:absolute;left:50%;margin-left:54px;background:url('images/sprite.png') 0 -370px no-repeat;width:463px;height:412px;z-index:3;}
.menu{position:absolute;width:555px;height:47px;}
#column-content{width:555px;padding-bottom:20px;background:#a8c2d7;}
#content{position:relative;margin-top:-135px;left:60px;font-family:"Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;font-size:15px;}
.content-stop{position:absolute;left:0;margin-top:-18px;margin-left:-74px;width:583px;height:52px;background:url('images/sprite.png') -430px -823px no-repeat;}
.first-item{width:435px;font-size:18px;}
.first-item h1{position:relative;left:22px;margin-bottom:40px;font-size:38px;line-height:36px;letter-spacing:-1px;color:#fff;font-weight:normal;margin-left:-24px;}
.first-item p{margin-bottom:40px;line-height:26px;}
.item h1{background:url('images/sprite.png') -1014px -820px no-repeat;overflow:hidden;padding-left:34px;margin-bottom:20px;font-size:33px;line-height:30px;letter-spacing:-1px;margin-left:-14px;padding-bottom:10px;}
.item h1 a{text-shadow:0 0 0 #000;font-weight:bold;}
.item h1 a:hover{text-shadow:0 0 3px #000;font-weight:bold;}
.item{margin-top:90px;}
.item-text{width:435px;min-height:258px;}
.item-text p{margin-bottom:10px;line-height:22px;font-size:16px;}
.item-text p a{color:inherit;font-family:"Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;text-decoration:none;text-shadow:0 0 0 #000;}
.item-text p a:hover{text-decoration:underline;}
.item-image{position:absolute;left:564px;margin-top:-50px;}
.item-image img{position:absolute;top:68px;left:7px;border:1px #a4c3d8 solid;}
.item-image-cloud{position:absolute;top:10px;width:385px;height:308px;background:url('images/sprite.png') -555px -62px no-repeat;}
#btn-home a{width:89px;height:47px;float:left;background:url('images/buttons/btn_home.png') 0 0 no-repeat;display:none;}
#btn-home-hover{width:89px;height:47px;float:left;display:none;}
#b-home-h-i{width:89px;height:47px;opacity:0;filter:alpha(opacity=0);background:url('images/buttons/btn_home_hover.png') 0 0 no-repeat;display:none;}
#btn-about a{position:relative;width:116px;height:47px;float:left;background:url('images/buttons/btn_about.png') 0 0 no-repeat;z-index:100;}
#btn-about-hover{width:116px;height:47px;float:left;}
#b-about-h-i{width:105px;height:116px;opacity:0;filter:alpha(opacity=0);background:url('images/buttons/btn_about_hover.png') 0 0 no-repeat;}
#btn-follow a{position:relative;width:131px;height:47px;float:left;background:url('images/buttons/btn_follow.png') 0 0 no-repeat;z-index:100;}
#btn-follow-hover{width:131px;height:47px;float:left;}
#b-follow-h-i{width:131px;height:47px;opacity:0;filter:alpha(opacity=0);background:url('images/buttons/btn_follow_hover.png') 0 0 no-repeat;}
a{color:#fff;text-shadow:0 0 3px #000;text-decoration:none;}
a:hover{text-shadow:0 0 0 #000;}
a:active{text-decoration:underline;}
#about-zone{position:relative;width:100%;height:0;overflow:hidden;background:url('images/bg_shemoon.png') 0 0 repeat-x;}
#about-text{position:relative;width:875px;margin:0 auto;padding:60px;padding-bottom:20px;font-family:helvetica,arial,sans-serif;background:#a8c2d7;text-align:center;}
#about-text h1{font-size:31px;font-weight:normal;letter-spacing:-1px;line-height:31px;margin-bottom:12px;}
#about-text h2{font-size:26px;font-weight:normal;letter-spacing:-1px;line-height:26px;margin-bottom:12px;}
#about-text h3{font-size:21px;font-weight:normal;letter-spacing:-1px;line-height:21px;margin-bottom:12px;}
#about-text h4{font-size:36px;font-weight:normal;letter-spacing:-1px;line-height:36px;margin-bottom:12px;}
#about-text h6{font-size:30px;font-weight:normal;letter-spacing:-2px;line-height:30px;margin-bottom:12px;}
#about-text h5{font-size:18px;font-weight:normal;line-height:18px;margin-bottom:12px;}
#contact{border-top:1px #3f4850 dotted;margin-top:50px;padding-top:30px;margin-bottom:0;}
#about-footer{width:995px;margin:0 auto;height:20px;background:url('images/sprite.png') 0 -782px no-repeat;}
#content-footer{position:absolute;width:555px;margin-left:-60px;height:20px;margin-top:20px;background:url('images/sprite.png') 0 -802px no-repeat;}
#stars-left{position:absolute;top:90px;left:0;margin-left:-85px;width:72px;height:371px;background:url('images/sprite.png') -1223px 0 no-repeat;}
#she-moon{position:absolute;top:15px;left:0;margin-left:895px;width:265px;height:527px;background:url('images/sprite.png') -958px 0 no-repeat;}
#tweets{position:absolute;top:160px;left:570px;width:344px;}
#tweets h2{font-size:24px;font-weight:normal;font-family:helvetica,arial,sans-serif;color:#fff;letter-spacing:-1px;padding-bottom:10px;}
#tweets ul{font-family:"Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;font-size:14px;}
#tweets li{list-style-type:none;padding:10px;border:1px #3f4850 dotted;color:#eee;margin-right:10px;margin-bottom:6px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#tweets li a{color:#0094c5;}
#tweets li a:hover{text-decoration:underline;}
.twitter-timestamp{color:#a8c2d7;}
.twitter-timestamp:before{content:':: '}
#wp_page_numbers{margin-top:60px;font-weight:bold;}
#wp_page_numbers ul li{display:inline;color:#fff;}
#wp_page_numbers li{margin-right:8px;}
#wp_page_numbers .page_info{margin-right:16px;}
#wp_page_numbers a{text-shadow:0 0 0 #000;}
#wp_page_numbers a:hover{text-shadow:0 0 3px #000;}
.active_page{border:1px #fff solid;padding-left:4px;padding-right:4px;}
#social{position:absolute;overflow:hidden;width:10px;height:10px;top:20px;left:234px;background:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;box-shadow:2px 2px 12px #444;-webkit-box-shadow:2px 2px 12px #444;-moz-box-shadow:2px 2px 12px #444;z-index:200;}
#social .social{position:relative;display:block;height:200px;padding:12px;font-size:15px;font-family:helvetica,arial,sans-serif;}
.social div a{position:relative;float:left;margin-left:64px;margin-top:-26px;width:250px;height:44px;color:#0094c5;text-shadow:none;}
.social div a:hover{text-decoration:underline;}
.social img{float:left;margin-right:14px;margin-top:-4px;}
#ico-fb{position:relative;float:left;top:8px;left:14px;margin-right:6px;width:36px;height:36px;background:url('images/sprite.png') -712px -10px no-repeat;}
#ico-tw{position:relative;float:left;top:8px;left:14px;margin-right:6px;width:36px;height:36px;background:url('images/sprite.png') -570px -10px no-repeat;}
#ico-feed{position:relative;float:left;top:8px;left:14px;margin-right:6px;width:36px;height:36px;background:url('images/sprite.png') -663px -10px no-repeat;}
#ico-jmg{position:relative;float:left;top:8px;left:14px;margin-right:6px;width:36px;height:36px;background:url('images/sprite.png') -617px -10px no-repeat;}
#show-more{position:relative;color:#a8c2d7;width:430px;height:82px;top:40px;font-weight:bold;text-align:center;background:url('images/sprite.png') 0 -822px no-repeat;line-height:26px;cursor:pointer;}
#wait{position:fixed;z-index:100;width:100%;height:100%;background:#181D23;}
#loader{position:absolute;width:32px;height:32px;top:50%;left:50%;margin-top:-16px;margin-left:-16px;background:url('images/ajax-loader.gif') 0 0 no-repeat;}
#sprite{position:absolute;width:0;height:0;overflow:hidden;}
.post-edit-link{position:relative;top:4px;left:8px;float:right;}