/*------------------RESET------------------------*/

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, 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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
body{line-height:1;color: black;background:white;}
ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;}



/*------------------CORE------------------------*/

body{background:#fff url(../images/back.jpg) repeat-x 50% 0;position:relative;
font:normal 67.5%/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#293f69;text-align:left;}

a{color:#097006;text-decoration:none;}
a:hover{text-decoration:underline;}

p, ul{padding: 0 0 15px 0;}
ul, li{list-style-type:none;}
h1{font: normal 2em "Helvetica Neue", Helvetica, Arial, sans-serif;color:#fff;}
h2{font: normal 1.3em "Helvetica Neue", Helvetica, Arial, sans-serif;color:#293f69;margin-bottom:25px;}
h2 span{font-size:0.8em;}
h3{font: normal 1em "Helvetica Neue", Helvetica, Arial, sans-serif;color:#333;margin:7px 0;}
h4{font: bold 1.1em "Helvetica Neue", Helvetica, Arial, sans-serif;color:#fff;margin-bottom:15px;text-transform:uppercase;}
small{font-size:0.9em;line-height:1.4em;}
.clear{clear:left;}
strong{color:#fff;}
.strikethru{text-decoration: line-through;}

.hrule1{background:url(../images/hrule1.png) repeat-x 0 0;height:2px;width:auto;clear:both;}
.hrule2{background:url(../images/hrule2.png) repeat-x 0 0;height:1px;width:auto;clear:both;}
.sidebar .hrule2{margin-bottom:20px;}
small{font-size:0.8em;color:#999;line-height:1.2em;}
.skip{display:none;}

.font-size-1{font-size:0.9em;}
.font-size-2{font-size:1.1em;}
.font-size-3{font-size:1.4em;}
.font-size-4{font-size:1.6em;}
.font-size-5{font-size:1.8em;}

.img-left{float:left;margin:0 15px 15px 0;}

/*----------------BUILD-------------------------*/

#wrap{font-size:1.2em;line-height:1.4em;}
#container{width:960px;margin:0 auto;}
#header{height:140px;width:960px;position:relative;}

#title p.intro{font-size:1.5em;line-height:1.2em;}
#title p.intro strong{color:#111;}


#content{width:720px;position:relative;padding:0 0 0 120px;}
#content2{width:840px;position:relative;padding:0 0 0 120px;}
#content2 h2{padding-top:35px;}
 .main{float:left;width:400px;padding:35px 0 20px 0;}
 .sidebar{float:left;width:275px;padding:35px 0 20px 45px;}



.ie6{color:#ddd;font-weight:bold;font-size:1em;width:680px;padding:0 0 0 40px;height:40px;line-height:40px;background:#a91e1e;position:absolute;top:0;left:120px;}
.ie6 a{color:#fff;}


/*----------------HEADER/LOGO-------------------------*/

#logo-wrap{float:left;position:absolute;left:0;top:0;width:40px;height:140px;}
#logo{color:#fff;padding:0;border:none;}

.replace span{display:block;position:absolute;top:0px;left:0px;z-index:3;}
a.replace span{cursor:pointer;}

h1#strap, h1#strap span{width:540px;height:120px;background:url(../images/strap.jpg) no-repeat 0 0;padding:0;margin:0;}
h1#strap-about, h1#strap-about span{width:540px;height:120px;background:url(../images/strap-about.jpg) no-repeat 0 0;padding:0;margin:0;}
h1#strap-portfolio, h1#strap-portfolio span{width:540px;height:120px;background:url(../images/strap-portfolio.jpg) no-repeat 0 0;padding:0;margin:0;}
h1#strap-contact, h1#strap-contact span{width:540px;height:120px;background:url(../images/strap-contact.jpg) no-repeat 0 0;padding:0;margin:0;}
h1#strap, h1#strap-about, h1#strap-portfolio, h1#strap-contact{display:block;position:relative;z-index:1;overflow:hidden;
font: normal 2em "Helvetica Neue", Helvetica, Arial, sans-serif;color:#fff;
line-height:1;font-weight:bold;letter-spacing:0px;}






/*----------------MENU-------------------------*/

#menu{position:absolute;left:120px;top:25px;}
#menu ul{}
#menu li{display:inline;float:left;text-align:center;}
#menu li a{display:block;color:#fff;font-size:1.2em;padding:15px 40px;background-color:transparent;text-decoration:none;}/**/
#home #menu li a#menu-home, #about #menu li a#menu-about, #portfolio #menu li a#menu-portfolio, #contact #menu li a#menu-contact
{background-color:transparent;color:#fff;text-decoration:none;background-image:url(../images/black-20.png);}
#menu li a:hover{background-color:transparent;color:#fff;text-decoration:none;background-image:url(../images/black-10.png);}

#menu li a.nolink{cursor:default;color:#aaa;}
#menu li a:hover.nolink{background-image:url(../images/black-10.png);color:#aaa;}



/*----------------HOME-------------------------*/


#cloud{line-height:1.8em;background:url(../images/cloud.png) no-repeat 0 50px;}
#cloud p{padding:10px 0 25px 15px;}
.showcase{float:left;width:190px;margin-right:20px;font-size:0.9em;}
a.show-screen{display:block;width:180px;height:80px;padding:5px;background:url(../images/black-20.png) repeat 0 0;}
a.show-screen:hover{background:url(../images/black-30.png) repeat 0 0;}
.nomargin{margin-right:0;}
.showcase h3, .showcase ul{margin-left:5px;margin-top:12px;}
.showcase li{padding:0 0 0 15px;background:url(../images/bullet1.gif) no-repeat 2px 6px;}

#tumblr h2, #tweet-flickr h2{margin-bottom:2px;}
.social-title{border-bottom:1px dotted #444;margin-bottom:20px;} 
.social-title p{padding:0 0 8px 0;}
#tumblr .social-title{margin-right:9px;}


#home-points h2{margin-bottom:10px;}
#home-points ul{width:275px;}/*background:url(../images/points-back.png) repeat-y 0 0;*/
#home-points ul li{width:235px;float:left;padding:0 0 0 40px;}
#home-points ul li p{line-height:1.3em;font-size:0.9em;}
#home-points ul li#points-1{background:url(../images/icon-mug.gif) no-repeat 0 2px;}
#home-points ul li#points-2{background:url(../images/icon-awards.gif) no-repeat 0 10px;}
#home-points ul li#points-3{background:url(../images/icon-noie.gif) no-repeat 0 10px;}
#home-points ul li#points-4{background:url(../images/icon-heart.gif) no-repeat 0 10px;}
#home-points ul li#points-5{background:url(../images/icon-ruby.gif) no-repeat 0 10px;}
#home-points ul li h2{margin-bottom:5px;}
li#points-1 h3{color:#357e1f;}
li#points-2 h3{color:#c29919;}
li#points-3 h3{color:#009db0;}
li#points-4 h3{color:#D95088;}
li#points-5 h3{color:#980700;}

#flickr li{width:90px;height:90px;}



/*----------About---------*/


#specs{clear:both;width:398px;border:1px solid #fefbb0;margin-top:20px;}
.specs-name{padding:5px;width:290px;font-size:0.9em;line-height:1.2em;}
.specs-no{padding:5px;width:90px;}
.specs-1 .specs-name{background:#fdffd2;}
.specs-1 .specs-no{background:#fbfdbf;}
.specs-2 .specs-name{background:#fcffad;}
.specs-2 .specs-no{background:#fafe94;}

/*-------------Tumblr----------------*/

#tumblr {background:url(../images/black-30.png) repeat 0 0;}
#tumblr h2{color:#fff;}
.tumblr{list-style: none;padding: 0;width:270px;}
#tumblr2 .tumblr{width:960px;height:300px;}
.tumblr li{float:left;margin:0 9px 9px 0;}
.tumblr li a{border: 3px solid black;display:block;}
.tumblr p{margin: 0;}
.tumblr img{display: block;}
.tumblr em{display: none;margin-top: 0.2em;}
.tumblr .tumblr-post-date{display:none;font-size: 0.9em;margin-top: 0.5em;}



/*-----------------Boxes------------------*/


.boxgrid{width:400px;height:250px;margin:0 20px 30px 0;}
.boxgrid{float:left;overflow: hidden; position: relative; }

.boxgrid img{position: absolute; top: 0; left: 0; border: 0; }
.boxgrid p{ padding: 0 10px; color:#ccc;line-height:1.4em;font-size:0.9em;}
.boxgrid strong{font-weight:bold;color:#fff;}
.show-back .boxgrid a{display:inline;}		
.boxcaption{float:left;position:absolute;background:url(../images/black-80.png) repeat 0 0;height:120px;padding:20px 0;width:100%;color:#fff;}
/* For IE 5-7
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
For IE 8 
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
			
.captionfull .boxcaption{top:250px;left:0;}
.caption .boxcaption{top:250px;left:0;}
				
				
/*---------------------flickr---------------------------------*/

#flickr_badge_wrapper{margin-bottom:30px;}
#flickr_badge_wrapper a{display:block;width:75px;height:75px;float:left;margin-right:7px;border:3px solid #ccc;}
#flickr_badge_wrapper a:hover{border:3px solid #aaa;}


/*---------------------tweet---------------------------------*/

#twitter_update_list{padding-bottom:0;}
#twitter_update_list li{line-height:1.2em;font-size:0.9em;}
#twitter_update_list li span{float:left;display:block;font-style:italic;}
#twitter_update_list li a{clear:both;font-size:0.9em;}

.twtr-hd, .twtr-ft{display:none;}
.twtr-widget p{font-size:1.1em;}
.twtr-widget i, .twtr-widget .twtr-new-results, #twtr-widget-1 i{color:#777;}

.twtr-tweet{padding:0 0 0 20px;background:url(../images/tweet.gif) no-repeat 0 6px;}
#current-track .twtr-tweet{padding:0 0 0 20px;background:url(../images/icon-music.gif) no-repeat 0 6px;}


/*---------------------footer---------------------------------*/


#footer-wrap{background:#1a2240 url(../images/footer-back.gif) repeat-x 0 0;margin-top:70px;}
#footer{width:840px;margin:0 auto;font-size:0.9em;padding:50px 0 50px 120px;color:#5c6182;}
#footer a{color:#70b441;}
.footer-col{float:left;}
.footer-col h3{margin:0 0 15px 0;font-size:1.2em;color:#fff;}
.footer-col p{padding-bottom:8px;}
#quick-links{}
#resources{width:210px;}
#site-access{width:220px;margin-left:40px;}
#credits{padding:0;width:210px;margin-left:40px;}
#social-net{width:80px;margin-left:40px;}
#social-net img{cursor:pointer;}
.footer-col ul{}
.footer-col li{margin-bottom:5px;}

#credits .hrule2{margin-bottom:8px;}

#google-badge{width:210px;height:40px;position:relative;}
#google-badge-cover{width:210px;height:20px;position:absolute;top:0;left:0;z-index:99;background:#000519;}

iframe{border:none;}
/* scrolling="no" frameborder="0" allowTransparency="true"*/

/*---------------------Space--------------------------------*/


.recently{float:left;width:135px;}
.recently a{display:block;border:3px solid #000;width:110px;}
.recently a:hover{display:block;border:3px solid #181829;}

#recently-web a{float:left;margin:0 8px 8px 0;width:50px;}





/* Form style */


#contact-form{width:360px;padding:20px;background:url(../images/white-20.png) repeat 0 0;}

#contact label { display: inline-block; line-height:1.4em;font-size: 1.1em;}
#contact input, textarea, select { width: 340px; margin: 0; padding: 5px; color: #666; background: #fbfbfb; border: 1px solid #ccc; margin: 0 0 20px 0; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor:pointer; font-size:1.2em; border: 1px solid #53aa29; background:#53aa29; color:#fff;float:right; }
#contact input.submit:hover { background:#72de3d; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { }
#contact legend {  color:#555; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin:0 0 20px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url("../images/error.gif") no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; }
#success_page strong{color:#000;}

.loader { padding: 0 10px; }

#success_page{ display: block; height: 22px; line-height: 22px;background:#d3ffb8 url("../images/success.gif") no-repeat 10px center;padding: 3px 10px 3px 35px;border: 1px solid #53aa29;}

acronym { border-bottom:1px dotted #ccc; }






/**/

.coverart{margin:0 15px 15px 0;float:left;border:1px solid #ddd;}