@charset "utf-8";
/* imports */
@import url("css/reset.css");@import url("css/form.css");@import url("css/mobile.css");

/*body elements */
body{background:url(i/bg.jpg) center top no-repeat fixed;line-height:1.5;font-family:arial,sans-serif;font-size:13px;}
body, html {height: 100%;}

/* IE 6 PNG Fix */
#logo img,#statement img,#pictures img{behavior:url(iepngfix.htc);}

/* link styles */
a:link{color:#fb1656;text-decoration:underline;}
a:active{color:#fb1656;text-decoration:underline;}
a:visited{color:#fb1656;text-decoration:underline;}
a:hover{color:#4bbee8;text-decoration:underline;}

/* typography */
@font-face {font-family: Delicious; src: url("fonts/Delicious.otf") format("Opentype");}
@font-face {font-family: Tallys; src: url("fonts/Tallys.otf") format("Opentype");}
h2{margin:0 0 10px 0;font-size:2.4em;font-weight:normal;border-bottom:1px solid #e8e8e8;color:black;font-family:Tallys,georgia,serif;}
h3{font-size:1.6em;margin:0 0 5px 0;font-weight:normal;font-family: Delicious, Arial, Sans-serif;}
h4 {font-size:16px;margin-bottom:5px;}

/* container */
.container{width:960px;margin:0 auto;}

/* top, logo, nav */
header{background: url(i/top-bg.png) repeat-x;height:54px;max-height:54px;}
#nav{float:right;width:508px;position:relative;font-size: 15px;}
#nav ul{z-index:10;z-index:100;}
#nav li{float:left;padding:15px 0px 4px; margin: 0 10px;}
#nav li a{color:white;text-decoration:none;}
#slide{position:absolute;bottom:0;height:4px;background:#fd2964;z-index:10;}
#logo{float:left;padding:4px 0;width:248px;}

/* statement, picture, sentence */
#statement{clear:both;float:left;margin:40px 0;display:inline;}
#pictures{float:right;margin:30px 0;}
#sentence {font-size:2.5em;color:black;text-align:center;padding: 20px 0;font-family: Delicious, Arial, Sans-serif;clear:both;}

/* content */
#content{background:white url(i/content-bg.png) repeat-x;clear:both;padding-bottom:43px;overflow:auto;min-height:100%;}

/* grids */

/* homepage */
#left_2,#right_2{display:inline;position:relative;margin:20px 10px 0 10px;}
#left_2{float:left;width:540px;}
#right_2{float:right;width:380px;}
#left_2 a img, #right_2 a img{border:3px solid #e8e8e8;}
#left_2 a img:hover, #right_2 a img:hover{border:3px solid #8ed3ec;}
.left{float:left;}
.right{float:right;}
.left, .right{width:260px;padding:10px 0;font-size:17px;}
.left img {vertical-align:middle;}
.right img{vertical-align:middle;}
.desc {font-size:13px;}
.button1, .button1:visited{background:white; display:inline-block; padding:5px 10px 6px; color:#fff; text-decoration:none; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.6); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:18px}
a.button1 {color: black; text-decoration: none;}
.button2, .button2:visited{background:#fb1656; display:inline-block; padding:5px 10px 6px; color:#fff; text-decoration:none; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.6); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:18px}
a.button2 {color:white;text-decoration:none;}

/* portfolio */
.left_1,.center_1,.right_1{display:inline;float:left;position:relative;margin:20px 20px 0 20px;width:280px;}
.left_1 li {line-height:2;font-size:16px;}
.left_1 img {vertical-align:middle;}
.right_1 a img, .left_1 a img, .center_1 a img{border:3px solid #e8e8e8;}
.right_1 a img:hover, .left_1 a img:hover, .center_1 a img:hover{border:3px solid #8ed3ec;}

/* all others */
#left_3{display:inline;position:relative;margin:20px 10px 0 10px;width:940px;float:left;}

/* image classes */
.picture{float:left;margin:0 20px 0 0;border:3px solid #e8e8e8;}
.port{float:right;margin:0 10px;}

/* footer */
footer {background:#0e81b4 url(i/footer-bg.png) repeat-x;clear:both;position:relative;font-size: 15px;color:white;overflow:auto;}
footer section#left_1 img {border: 0px solid white;margin:0 5px 0 0;}
footer a:link {color:white;text-decoration:underline;}
footer section#center_1 ul {list-style:disc;}
footer section#center_1 li {margin:10px 0;}

/*Opera Fix*/
body:before{content:""; height:100%; float:left; width:0; margin-top:-32767px; /}

/* Twitter integration */
div#twitter{width:20em; color:white}
div#twitter h4{margin:0; padding:0.4em 1em; font-size:1.1em; color:#fff; background-color:}
p#preloader{margin:0; padding:1em 1em 1em 3em; background:transparent url("i/loader.gif") 1em center no-repeat; /* generate your own loader gif:http://www.ajaxload.info */}
ul#twitter_update_list{margin:0; padding:0 1em 0.5em 1em; list-style-type:none}
ul#twitter_update_list li{margin:0; padding:0.8em 0}
ul#twitter_update_list li a{/* timestamp link */color:#4bbee8}
ul#twitter_update_list li span{display:block}
ul#twitter_update_list li span a{/* links in tweet */color:white}
ul#twitter_update_list li.firstTweet{}
ul#twitter_update_list li.lastTweet{border-bottom:none}