/*
Theme Name: Hi Control Grafix
Theme URI: http://hicontrolgrafix.com
Description: Intergalactic Space Theme
Version: 0.1
Author: Carlos Hernandez	
Author URI: http://hicontrolgrafix.com
Tags: Web Design San Diego, Ca., Hi Control Grafix 
Template: 
*/

*{
    margin: 0px;
    padding: 0px;
}

a img {border:none;}

a{outline: none;}

h1,h2,h3,h4,h5 {
    font-weight:lighter;
    font-family: "Helvetica Neue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica,  Verdana, Arial, sans-serif;
}

p{margin:0; padding:0;}

.right{float:right;}

.l_ff{font-size:17px;}
.m_ff{font-size:12px;}

html {background: url('images/bg_slice4303.jpg') repeat-x scroll left top #131313; padding-bottom:-30px;}

body{
    background: url('images/bg18001200.jpg') no-repeat scroll center top;
    width:100%;
    display: table;
    font-family: "Helvetica Neue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica,  Verdana, Arial, sans-serif;
    font-size: 15px;
    font-weight: lighter;
    line-height: 1.55em;
    padding: 0;
    margin: 0;
    color: #CCCCCC;

    /*overflow-x: hidden;*/
}



body.home{
    background: url('images/bg_home18001200.jpg') no-repeat scroll center top;
    width: 100%;
    display: table;
    padding: 0;
    margin: 0;
    font-family: "Helvetica Neue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica,  Verdana, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.55em;
    color: #CCCCCC;
}



/*body#about-2{
    padding: 0;
    margin: 0;
    background: url('images/bg18001200.jpg') no-repeat scroll center top;
    width: 100%;
    display: table;
    color: #CCCCCC;
    font-family: "Helvetica Neue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica,  Verdana, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.55em;
}*/

body.blog{
    padding: 0;
    margin: 0;
    background: url('images/bgBlog.jpg') no-repeat scroll center top;
    width: 100%;
    display: table;
    color: #CCCCCC;
    font-family: "Helvetica Neue-Light", "Helvetica Neue Light""Helvetica Neue", Helvetica,  Verdana, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.55em;

    /*overflow-x: hidden;*/
}

/*-------------------begin Lavalamp styles---------------------------*/
.lavaLampBottomStyle {
    position: relative;
    height: 34px;
    width: 394px;
    padding: 13px;
    margin: 3px 0 3px 0;
    overflow: hidden;
}

.lavaLampBottomStyle li {
    float: left;
    overflow: hidden;
    list-style: none;
}

.lavaLampBottomStyle li.back {
    border-bottom: 10px solid #22B8F1;
    width: 82px;
    height: 35px;
    z-index: 11;
    position: absolute;
}

.lavaLampBottomStyle li a {
    font: 19px "Helvetica Neue", Helvetica;
    font-weight:lighter;
    text-decoration: none;
    color: #CCC;
    outline: none;
    text-align: center;
    /*top: 7px;*/
    letter-spacing: 0;
    z-index: 13;
    display: block;
    float: left;
    height: 35px;
    position: relative;
    overflow: hidden;
    margin: auto 13px;
}
   
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
    border: none;
}

/*---------------------------------End Lavalamp styles-----------------------------------*/

.container {
    margin:0 auto;
    width: 1000px;
    position: relative;
    /*z-index:1;*/
}

.container p{ text-shadow:0 1.5px 0 #000000;}

#wrap {
    margin:0px;
}

#header{
    width:960px;
    height:250px;
    margin: 0 20px;
    float:left;
}

#header h1{display:none;}

#logo{
    /*background:url('images/logo490153.png') no-repeat;*/
    height:153px;
    /*float:left;*/
    /*z-index:3;*/
    width:490px;
    margin: 80px 0 0 0;
    /*position: relative;*/
}

#logo .fade {
  position: relative;
}

#logo .fade div{
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

/*#logo a{
    display:block;
    width:490px;
    height: 153px;
    font-size:0px;
}*/

#nav{
    float:left;
    width:394px;
    height:66px;
    overflow:hidden;
    /*z-index:10;*/
    /*position:relative;*/
}

.block{
    width: 960px;
    margin: 0 auto;
    position:relative;

}

#breadcrumbs{
    background: #151515;
    border: 1px dotted #2a2a2a;
    padding: 3px 5px;
    margin: 0 0 30px 0;
   /* position: relative;
    z-index: 7;*/
}

p#breadcrumbs{
    color: #444444;
}

p#breadcrumbs a{
    color: #2a2a2a;
}

p#breadcrumbs a:hover{
    text-decoration: none;
    color: #bcdd5a;
}

.post_tab {
	position:absolute;
	top:-32px;
	left:10px;
}

#featuredpost_block{
    width:960px;
    height:310px;
    float:left;
    margin: 0 0 40px 0;
    position:relative;

}

.image_block{width:620px; height:310px; float:left;}

.image_block img{width:600px; height:290px; border: #2A2A2A solid 1px; padding:9px;}
.image_block img:hover{width:600px; height:290px; border: #BCDD5A solid 1px; padding:9px;}

.text_block{width: 320px; height:310px; margin:0 0 0 20px; float:left;}

h2.feat_header{
    font-size: 24px;
    font-weight: bolder;
    margin: 0 0 5px 0;
    font-family: "Helvetica Neue-Light", "Helvetica Neue Light""Helvetica Neue", Helvetica,  Verdana, Arial, sans-serif;
}

h2.feat_header a{
    color: #000000;
    padding: 3px 7px;
    background: #BCDD5A;
    text-decoration:none;
}


h2.feat_header a:hover{
    color: #BCDD5A;
    background: #000000;
}

.text_block a{ color:#BCDD5A; text-decoration: none;}


/*--------------------------------------------------FADE THIS STYLES--------------------------------------------------------*/

.fadeThis *{display:none;}

.fadeThis{cursor:pointer;}

.more-link .fadeThis{
    background: url(images/readmorebtn10190.png)  no-repeat 0 0;
    display:block;
    width: 101px;
    height: 45px;
    position:relative;
    text-indent:-9999px;
}

.more-link .fadeThis span.hover{
    background: url(images/readmorebtn10190.png)  no-repeat 0 -45px;
    display:block;
    left:0;
    position:absolute;
    top:0;
    width: 101px;
    height: 45px;
}

.marginBot{ margin: 0 0 20px 0;}


/*----------------------------------------END FADE THIS STYLES----------------------------------------------------*/

#slider{
    /*background: #171717 url('images/slider_slice350280.jpg') top right no-repeat; */
    width:960px;
    height:310px;
    float:left; 
    margin:20px 20px;
    position:relative;
}

#sliderContent{width:320px; height:310px; margin:0 0 0 20px; float:left;}

#vslider{float:left; width:620px;}

.sparks{
    background:url('images/stars17580.png') no-repeat;
    width: 175px;
    height: 80px;
    z-index: 5;
    top:4px;
    left:116px;
    position:absolute; 
}

.sparks p{display:none;}

.grey_p{
    width:300px;
    padding:5px 10px; 
    background:#0f0f0f;
    margin: 0 0 13px 0;
}

.button_vw{
    width:105px;
    height:50px;
    float:right;
    margin: 10px 0 0 0;
}

.button_vw .fade {
  position: relative;
}

.button_vw .fade div{
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}


a.button_vw {
    text-decoration:none;
}


/*a:hover.button_vw{
    background:#0190be;
    color:#d7d9da;
    text-decoration:underline;
}*/

/*#navigation{
    position: relative;
    top: -300px;
    width: 410px;
    margin:0 0 0 515px;
    z-index:10;
}*/

#page-nav {
	width: 421px;
	margin: 0;
}
#page-nav li {
    float: left;
    list-style: none;
    margin:0 5px;
}
#block_content{
    float:left;
    margin-top:20px;
}

#sidebar{
    background: #151515 url('images/sidebar_texture.jpg') no-repeat;
    width:280px;
    padding:20px 20px 40px 20px;
    float:left;
    border-left: 1px dotted #2a2a2a;
}


#sidebar ul li{list-style:none;}


#sidebar .sidebar_block li{margin: 0 0 5px 0;}

#sidebar .sidebar_block li a{color:#BCDD5A; /*border-bottom: 1px dotted #BCDD5A;*/ }

#sidebar .sidebar_block li a:hover{text-decoration:none;}

#sidebar .sidebar_botBlock li{margin: 0 0 5px 0;}

#sidebar .sidebar_botBlock li a{color:#BCDD5A; /*border-bottom: 1px dotted #BCDD5A;*/ }

#sidebar .sidebar_botBlock li a:hover{text-decoration:none;}


#sidebar h2{
    font-size: 22px;
    background-color:#000;
    padding: 3px 8px;
}

#content_home{
    width:960px;
    margin:0 20px;
    position:relative;
    float:left;
}
#content_home h3{
    font-size:26px; 
    background: #191919 url('images/qoutes150115.jpg') no-repeat bottom right;
    padding:8px 10px;
    line-height:32px;
    border-top: 1px solid #131313;
    border-left: 1px solid #131313;
    border-bottom: 1px solid #2A2A2A;
    border-right: 1px solid #2A2A2A;
    color:#636363;}

#content_home h4{
    font-size:22px;
    margin: 0 0 5px 0;
    padding:0 0 2px 0;
    border-bottom: 1px dotted #2a2a2a;
}
#content_wrap{
    width:960px;
    float:left;
    padding:20px 20px;
}

.page #content_wrap{
    width:960px;
    float:left;
    margin: 0 0 20px 0;
    padding:20px 20px 0 20px;
    border-left: 1px solid #101010;
    border-right: 1px solid #101010;
}

.single #content_wrap{
    width:960px;
    float:left;
    margin: 0 0 20px 0;
    padding:20px 20px 0 20px;
    border-left: 1px solid #101010;
    border-right: 1px solid #101010;
}

#content{
    width:620px;
    margin:0 19px 0 0;
    float:left;
}
#content h3{
    font-size:26px; 
    background:#191919;
    padding:8px 10px;
    line-height:32px;
    color:#636363;}

#content h4{
    font-size:22px;
    margin: 0 0 5px 0;
    padding:0 0 2px 0;
    border-bottom: 1px dotted #202020;
}

#post-13 h2{
    text-indent:-9999px;
    background: url('images/aboutHeading62060.png') no-repeat 0 0;
    width:600px;
    height:60px;
    margin: 0 0 20px 0;
}

#post-16 h2{
    text-indent:-9999px;
    background: url('images/folioHeader62060.png') no-repeat 0 0;
    width:620px;
    height:60px;
    margin: 0 0 20px 0;
}

#post-24 h2{
    text-indent:-9999px;
    background: url('images/contactHeading62060.png') no-repeat 0 0;
    width:620px;
    height:60px;
    margin: 0 0 20px 0;
}
#about-content{float:left; padding: 0 0 0 5px; width: 595px;}

#about-content img{ margin: 0 10px 0 0;}


ul.servicesprovided li a{
    color:#bcdd5a;
}

ul.servicesprovided li a:hover{
    text-decoration:none;
}

ul.servicesprovided{
    width:960px;
    min-height: 250px;
    padding:30px 0;
    font-size: 13px;
    border-bottom: 1px solid #000000;

}

li.webdesign{
    background: url('http://hicontrolgrafix.com/wp-content/uploads/2010/01/computer_webdesign150120.png') no-repeat center left;
    width:160px;
    height:180px;
    padding:30px 20px 30px 150px;
    list-style:none;
    float:left;
}

li.webdesign:hover{
    background: #191919 url('http://hicontrolgrafix.com/wp-content/uploads/2010/01/computer_webdesign150120.png') no-repeat center left;
    border-color: #131313 #2A2A2A #2A2A2A #131313;
    border-width:1px;
    border-style: solid;
    width:158px;
    height:180px;
    padding:30px 20px 30px 150px;
    list-style:none;
    float:left;
}

li.graphicdesign{
    background: url('http://hicontrolgrafix.com/wp-content/uploads/2010/01/graphic_chalkboard150120.png') no-repeat center left;
    width:160px;
    height:180px;
    padding:30px 20px 30px 150px;
    list-style:none;
    float:left;
}

li.graphicdesign:hover{
    background: #191919 url('http://hicontrolgrafix.com/wp-content/uploads/2010/01/graphic_chalkboard150120.png') no-repeat center left;
    border-color: #131313 #2A2A2A #2A2A2A #131313;
    border-width:1px;
    border-style: solid;
    width:158px;
    height:180px;
    padding:30px 20px 30px 150px;

    list-style:none;
    float:left;
}

li.otherservices{
    background: url('http://hicontrolgrafix.com/wp-content/uploads/2010/01/otherservices120120.png') no-repeat center left;
    width:160px;
    height:180px;
    padding:30px 20px 30px 120px;
    list-style:none;
    float:left;
}

li.otherservices:hover{
    background: #191919 url('http://hicontrolgrafix.com/wp-content/uploads/2010/01/otherservices120120.png') no-repeat center left;
    border-color: #131313 #2A2A2A #2A2A2A #131313;
    border-width: 1px;
    border-style: solid;
    width:158px;
    height:180px;
    padding:30px 20px 30px 120px;
    list-style:none;
    float:left;
}

#slider_2{
    width:940px;
    padding: 60px 10px;
    height:165px;
    overflow:hidden;
    position:relative;
    border-top: 1px solid #2A2A2A;
}

#slider_2 h5{
    font-size:25px;
}

#slider_2 li .haveaproject a, #slider_2 li .quickbio a{
    color:#bcdd5a;
}

#slider_2 li .haveaproject a:hover, #slider_2 li .quickbio a:hover{
    text-decoration:none;
}

#slider_2 ul{
    width: 940px;
    height: 165px;
    /*margin: 0 0 20px 0;*/
    padding: 0 10px 0 10px;

}
#slider_2 li{margin:20px 40px 0 0; }

#slider_2 ul, #slider_2 li{
    list-style:none;
}


#slider_2, #slider_2 ul{overflow:hidden; }

#slider_2 h5.slider_heading{
    width:400px;
    height:30px; 
    position:absolute;
    left:20px; 
    top:30px;
}

#slider_2 div.haveaproject{
    background: url('http://hicontrolgrafix.com/wp-content/uploads/2010/01/haveAproject18590.png') no-repeat top left;
    padding: 0 40px 0 200px;
    width:209px;
    height:135px;
    float:left;
/*  list-style:none;*/
    border-right: 1px dotted #2a2a2a;
}

#slider_2 div.quickbio{
    background: url('images/me2010_s.jpg') no-repeat top left;
    padding: 0 0 0 65px;
    margin: 0 0 0 40px;
    width:345px;
    height:135px;
    float:left;
    list-style:none;
}

#formBlock{
    width: 450px;
    float:left;
}

label{
    font-size:20px;
    color: #6A6B6C;
}

.inputStyle input{
    width: 350px;
    height: 25px;
    padding: 1px 8px;
    color: #00B7F1;
    margin: 5px 0 10px;
    font-size: 18px;
    font-weight:lighter;
    background: #151515;
    border: 2px solid #2A2A2A;
    border-left: 7px solid #00B7F1;
}

.inputStyle input:hover, .inputStyle input:focus{
    width: 350px;
    height: 25px;
    padding: 1px 8px;
    color: #00B7F1;
    margin: 5px 0 10px;
    font-size: 18px;
    font-weight:lighter;
    background: #101010;
    border: 2px solid #2A2A2A;
    border-left: 7px solid #00B7F1;
}

.textareaStyle textarea{
    width: 350px;
    height: 125px;
    padding: 5px 8px;
    margin: 5px 0 20px;
    color: #BCDD5A;
    font-size: 18px;
    font-weight:lighter;
    background: #151515;
    border: 2px solid #2A2A2A;
    border-left: 7px solid #00B7F1;
}

.textareaStyle textarea:hover, .textareaStyle textarea:focus{
    width: 350px;
    height: 125px;
    padding: 5px 8px;
    margin: 5px 0 20px;
    color: #BCDD5A;
    font-size: 18px;
    font-weight:lighter;
    background: #101010;
    border: 2px solid #2A2A2A;
    border-left: 7px solid #00B7F1;
}

input.quiz{
    width: 60px;
    height: 25px;
    color: #BCDD5A;
    font-size: 18px;
    background: #151515;
    margin: 5px 0 10px;
    border: 2px solid #2A2A2A; 

}

input.quiz:hover, input.quiz:focus{
    width: 60px;
    height: 25px;
    color: #BCDD5A;
    font-size: 18px;
    background: #101010;
    margin: 5px 0 10px;
    border: 2px solid #2A2A2A; 

}

.submitBtn input{
    width:100px;
    height: 35px;
    margin: 10px 0 20px 0;
    font-size: 16px;
    background: #151515;
    color: #CCCCCC;
    border: 2px solid #2A2A2A; 
    border-left: 7px solid #00B7F1;
    cursor: pointer;
}

.submitBtn input:hover{
    background: #000000;
    color: #BCDD5A;
    border: 2px dotted #2A2A2A; 
    border-left: 7px solid #00B7F1;
    cursor: pointer;
}

.marginbottom{ margin: 0 0 20px;}


/*---------------------------------START IMG SLIDE-------------------------*/

.boxgrid{  
    width: 171px;  
    height: 131px;  
    margin:0 25px;  
    float:left;  
    background:#161613;  
    border: solid 2px #2A2A2A;  
    overflow: hidden;  
    position: relative;  
}

.boxgrid img{
    position: absolute;
    top: 0;
    left: 0;
    border:0;
}
.boxgrid p{ 
padding: 0 10px; 
color:#afafaf; 
font-weight:bold; 
font:10pt "Lucida Grande", Arial, sans-serif; 
}

.boxcaption{
    float: left;
    position: absolute;
    background: #000;
    height: 100px;
    width: 100%;
    opacity: .8;
     /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

h5.sub-heading{
    color: #00B7F1;
    font-size: 26px;
    padding:13px 0 8px 0;

}
.captionfull .boxcaption {
    top: 131;
    left: 0;
}

.caption .boxcaption {
    top: 101px;
    left: 0;
}

.boxcaption h5{
    color:#00B7F1;
    padding:5px;
}  

/*--------------------------------------END IMG SLIDE-------------------------------------------*/

#servicesBlock{
    width: 595px;
    float:left;
    margin:30px 0 0 0;
}

#servicesBlock h5{
    font-size: 23px;
    color: #00B7F1;
    margin: 0 0 10px 0;
}

#servicesBlock a{
    text-decoration: underline;
    color: #bcdd5a;
}

#servicesBlock a:hover{
    text-decoration: none;
    color: #bcdd5a;
}

.leftserviceBlock{
    width:275px;
    float:left;
    padding: 0 35px 0 0;
    margin: 0 0 30px 0;
}

.rightserviceBlock{
    width:275px;
    float:right;
    margin: 0 0 30px 0;
}

.svcimg_left{
    float:left;
    padding: 9px 0 0;
}

ul#getStarted{
    width: 275px;
    float:left;
    margin: 0 0 15px 0;
    border-bottom:1px solid #2a2a2a;
}

#getStarted li{
    padding: 10px 0 5px 30px;
    list-style: none;
}

#getStarted li.phone{
    background: url('images/phone2019.png') no-repeat left center;
    border-bottom:1px solid #000;
}

ul#nextSteps{
    width:280px;
    float:left;
}

#nextSteps li{
    padding: 5px 0 10px 30px;
    border-bottom:1px dotted #2a2a2a;
    list-style: none;
}

li.rss{
    background: url('images/rss2019.png') no-repeat left center;
}


#nextSteps li.facebook{
    background: url('images/facebook2019.png') no-repeat left center;
}

#nextSteps li.portfolio{
    background: url('images/portfolio2019.png') no-repeat left center;
}

#nextSteps li.envelope{
    background: url('images/envelope2019.png') no-repeat left center;
}

#nextSteps li.twitter{
    background: url('images/twitter2019.png') no-repeat left center;
}

#getStarted li.envelope{
    background: url('images/envelope2019.png') no-repeat left center;
    border-top:1px solid #2a2a2a;
    border-bottom:1px solid #000;
}

.sidebar_topblock{
    border-bottom:1px solid #000000;
    padding: 0 0 40px 0;
    width: 280px;
    float:left;
}
.sidebar_botBlock{
    width: 280px;
    float:left;
    padding: 20px 0 40px 0;
    border-top:1px solid #2a2a2a;
}

ul.abilitys-list{ 
    width: 280px;
    float:left;
}

.abilitys-list li{
    padding: 3px 0 3px 18px;
    border-bottom: 1px dotted #2a2a2a;
    margin: 0;
}

.check li{
    background: url(images/check1513.png) no-repeat center left;
}

.sidebar_block{
    border-top:1px solid #2a2a2a;    
    border-bottom:1px solid #000000;
    padding: 20px 0 40px 0;
    width:280px;
    float:left;
}


/*-----------------------------------------START BLOG STYLES--------------------------------------------*/

.entry{ position:relative;}

.post_block{width:620px; float:left;}

.post_block p a{
    color:#BCDD5A;
    text-decoration:none;
}

.post_block p a:hover{
    color:#BCDD5A;
    text-decoration:underline;
}

.post_img_block{width: 250px; float:left; margin: 0 20px 0 0;}

.post_img_block img{
    border:1px solid #2A2A2A;
    padding: 8px;
    width: 230px;
    height: 180px;
}

.post_img_block img:hover{
    border:1px solid #BCD55A;
    padding: 8px;
    width: 230px;
    height: 180px;
}


.post_text_block{width: 350px; float:left;}


h2.post_header{
    font-size: 22px;
    font-weight: bolder;
    margin: 0 0 5px 0;
    font-family: "Helvetica Neue-Light", "Helvetica Neue Light""Helvetica Neue", Helvetica,  Verdana, Arial, sans-serif;
}

h2.post_header a{
    color: #BCDD5A;
    background: #000000;
    padding: 3px 7px;
    line-height: 33px;
    text-decoration:none;
}


h2.post_header a:hover{
color: #000000;
background: #BCDD5A;


}

.divider2{
    background: url(images/divider58010_2.png) no-repeat bottom center;
    width:580px;
    height:10px;
    float:left;
    margin: 30px 0;
}

#prevBtn, #nextBtn{ 
    display:block;
    width:60px;
    height:90px;
    position:absolute;
    text-indent:-8000px;
    left:-60px;
    top:560px;
}	

#nextBtn{ 
    left:960px;
}
														
#prevBtn a, #nextBtn a{  
    display:block;
    outline:none;
    width:60px;
    height:90px;
    background:url('images/prevarr.png') no-repeat 0 0;	
}
#prevBtn a:hover, #nextBtn a:hover{  
    display:block;
    width:60px;
    height:90px;
    background:url('images/prevarr.png') no-repeat 0 -90px;	
}
	
#nextBtn a{ 
    background:url('images/nextarr.png') no-repeat 0 0;	
}

#nextBtn a:hover{ 
    background:url('images/nextarr.png') no-repeat 0 -90px;
}

li.recent_blog_post{
    width: 920px;
    height: 135px;
    float:left;

}

.recent_post{
    width: 275px;
    height: 120px;
    float:left;
    padding: 0 10px 0 0;
    margin: 0 20px 0 0;
    border-right: 1px dotted #2A2A2A;
}

.small_image_block{
    width:70px;
    float:left;
}

.small_image_block a{
    background: #191919;
    padding:4px;
    float:left;
    border:1px solid #2A2A2A;
}

.small_image_block a:hover{
    background: #191919;
    border: 1px solid #BCD55A;
    padding:4px;
    float:left;
}

.recent_post_content{
    width:195px;
    margin: 0 0 0 10px;
    float:left;
}

.recent_post_content a{
    font-size: 13px;
    color: #BCDD5A;
    background: #000000;
    padding: 3px;
    text-decoration: none;
}

.recent_post_content a:hover{
    font-size: 13px;
    color: #000000;
    background: #BCDD5A;
    padding: 3px;
    font-weight: bolder;
    text-decoration: none;
}


/*-----------------------------------BEGIN COMMENT STYLES-------------------------------------------*/

h2.single_post_header{
    font-size: 36px;
    color: #BCDD5A;
    background: #000000;
    padding: 7px 3px;
    font-weight: bolder;
}


.calender{ 
    background: url('images/calendar.png') no-repeat 0 0; 
    height:16px; 
    width:16px; 
    padding: 0 0 0 20px;
}

.calender_small{ 
    background: url('images/calendar_small.png') no-repeat 0 0; 
    height:11px; 
    width:11px; 
    padding: 0 0 0 13px;
}
.single_post_img_block{
    width:618px;
    height:248px;
    float:left;
    margin: 20px 0;
}


.single_post_img_block img{
border:1px solid #CCCCCC;
}

.single_post_text_block{
    width: 620px; 
    float:left;
}

#comments_template{
    width: 620px;
    float:left;

}

#comments_template h2{
    font-size: 46px;
    font-weight: bolder;
    float:left;
    color:#000000;
    text-shadow:0 1px 0 #343434;
    margin: 10px 0 30px 0;
    letter-spacing: -4px;
}

#commentform{
    width:620px;
    float:left;
}

#commentform input.input{
    width:450px;
    height: 35px;
    border-color: #2A2A2A #2A2A2A #2A2A2A #00B7F1;
    border-style: solid;
    border-width: 2px 2px 2px 7px;
    background: #151515;
    padding: 3px 8px;
    margin: 5px 0 20px 0;
    color: #00B7F1;
    font-size: 18px;
    font-weight:lighter;
}

#commentform input.input:hover, #commentform input.input:focus{
    width: 450px;
    height: 35px;
    padding: 3px 8px;
    color: #00B7F1;
    margin: 5px 0 20px;
    font-size: 18px;
    font-weight:lighter;
    background: #101010;
    border: 2px solid #2A2A2A;
    border-left: 7px solid #00B7F1;
}

#commentform textarea{
    width:450px;
    height: 150px;
    border-color: #2A2A2A #2A2A2A #2A2A2A #00B7F1;
    border-style: solid;
    border-width: 2px 2px 2px 7px;
    background: #151515;
    font-size: 18px;
    font-weight:lighter;
    margin: 5px 0 30px;
    padding: 5px 8px;
    color: #BCDD5A;

}

#commentform textarea:hover, #commentform textarea:focus{
    width: 450px;
    height: 150px;
    padding: 5px 8px;
    color: #BCDD5A;
    font-size: 18px;
    font-weight:lighter;
    background: #101010;
    border: 2px solid #2A2A2A;
    border-left: 7px solid #00B7F1;
}
ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
        width: 590px;
        float:left;
	padding: 20px 15px;
	display:block;
	font-style:normal;
	border-top:1px solid #222222;
	border-bottom:1px solid #191919;

	}

.commentlist a:link, .commentlist a:visited {
/*	color:#596e3b;*/
	}

.commentlist a:hover, .commentlist a:active {
	/*color:#8ec343; */
	}

.commentlist .avatar_block img {
	padding:3px;
	border:2px solid #2A2A2A;
	float:left;
	margin-right:30px;
	}

.commentlist .author {
	text-transform: uppercase;
	font-size:22px;
        font-weight:bold;
        margin:10px 0;	
        color:#00B7F1;
	}

.commentlist .time_small {
	background: url(images/time_small.png) no-repeat left center;
        width:12px;
        height: 12px;
	padding-left:14px;
	}

.time{
	background: url(images/time.png) no-repeat left center;
        width:16px;
        height: 16px;
	padding-left:18px;
}

p.smalltext{ font-size: 11px;}

.bubble{ width:460px; float:left; background: #232323; padding:5px; position:relative;}

.bubble .bubblecurl{position:absolute; left:-15px; top: 5px;  }


.commenttext {
	background: #191919;
	border-top:1px solid #131313;
	border-left:1px solid #131313;
	border-bottom:1px solid #2A2A2A;
	border-right:1px solid #2A2A2A;
	padding: 10px 10px 30px 10px;
	color:#fafcf6;
}

#commentform input#submit{
    width:180px;
    height: 45px;
    margin: 10px 0 20px 0;
    font-size: 16px;
    background: #151515;
    color: #CCCCCC;
    border: 2px solid #2A2A2A; 
    border-left: 7px solid #00B7F1;
    cursor: pointer;
}

#commentform  input#submit:hover{
    background: #000000;
    color: #BCDD5A;
    border: 2px dotted #2A2A2A; 
    border-left: 7px solid #00B7F1;
    cursor: pointer;
}



/*-----------------------------------END COMMENT STYLES-------------------------------------------*/

/*-----------------------------------------END BLOG STYLES--------------------------------------------*/

p.inline{display:inline;}

.small_text{font-size: 10px;}
.hcgtext{color:#CCCCCC;}
.hcgGreen{color:#BCDD5A;}
.hcgGreen:hover{text-decoration:none;}
.hcggrey{color:#636363;}
.hcgBlue{color:#00B7F1;}
.hcgGreenBtn{color:#BCDD5A; font-size:10px; margin: 25px 0 0 0;}
.hcgGreenBtn:hover{text-decoration:none;}

.hcgBlueplus{
    color:#00B7F1; 
    font-size:24px;
}

/*div div .sparks img{z-index:25; position:relative;}*/

#post-2 h2{display:none;}

#post-2 small{display:none;}

p.postmetadata{display:none;}

#searchwrap {
width:280px; /*follow your image's size*/
height:31px;/*follow your image's size*/
background-image:url(images/searchbg28031.jpg);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:relative; /*important*/
}

.searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
font-size:20px;
color:#636363;
top:4px;
left:9px;
width:225px;
height:23px;
}

.searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
text-indent:-9999px;
cursor:pointer;
top:4px;
left:238px;
width:40px;
height:23px;
}

#hapBlock{
float:left;
width:280px; 
margin:15px 0 0 0;
padding-bottom:25px;
border-bottom:2px dotted #181818;
}

#hap_title{
background: url(images/haveAproject280137.png) no-repeat; 
width:280px; 
height:137px;
/*float:left;*/
text-indent:-9999px;
}

#freeqoute{
/*width:85px;
float:left;*/
font-size:18px;

line-height:28px;

}
.freeqoute a{
     background:#FBCA05;
     padding:2px;
     color: #222222;
}
.freeqoute a:hover{
    background:#181818;
    text-decoration:none;
    padding:2px;
    color: #cccccc;
}

h2.widgettitle{
    width:0px;
    text-indent:-9999px;
    display:none;
}

li#text-5{
    float:left;
    width:280px; 
    margin:0 0 15px 0;
    padding-bottom:25px;
    border-bottom:2px dotted #181818;
    font-size:12px;
    list-style: none;
}
li#text-5 a{
    color:#FBCA05;
    border-bottom: 1px dotted #FBCA05;
}

li#text-5 a:hover{
    text-decoration:none;
}

#l_col{float:left; width:620px; height:300px; background:#0C9; margin: 20px 20px 0 0;}
#r_col{float:left; width:300px; height:300px; background:#990; margin: 20px 0 0 0;}


#footer {
	background: url(images/fuzzbg.jpg) repeat top left;
	border-top: 1px solid #101010;
	border-bottom: 1px solid #101010;
        padding-bottom:20px;
	height: 100%;
        width:100%;
        float:left;
	clear: both;
	color: #666666;

}

#footer li {
	list-style-type: none;
	line-height: 25px;
}

#footer a {
	text-decoration: none;
	color: #333333;
}

#footer a:hover {
	text-decoration: none;
	color: #BCDD5A;
	text-decoration: underline;
}
/*--------------------------start flickr---------------------*/


.footer_block{
background: url(images/footer_new.jpg) no-repeat center top;
width: 960px;
min-height:550px;
margin:0 auto;
padding: 30px 0 0 0;

}

.flickr_images{ 
width: 918px;
min-height:100px;
float:left;
padding: 10px 20px;
background: #191919;
border-style: solid;
border-color: #101010 #303030 #303030 #101010;
border-width: 1px;
}

.flickr_badge_image {
	margin:0 8px;
        float:left;
}

.flickr_badge_image a img{
     border: 1px solid #2A2A2A !important;
     filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
     opacity: 0.5;
     background: #131313;
     padding: 4px;
}

.flickr_badge_image a img:hover {
	border: 1px solid #BCDD5A !important;
	filter: alpha(opacity=100);
    -moz-opacity: 1.0;
	-khtml-opacity: 1.0;
    opacity: 1.0;
     background: #131313;
        padding: 4px;
}

.flickr_text{
 font-size: 15px;
 font-family: Tahoma, Geneva, sans-serif;
 color: #0000FF;
 font-style:bold;

}

.flickr_red{ color:#FF33CC;}

#footer_mid {
    min-height: 350px;
    width: 920px;
    float:left;
    padding: 20px 20px;
    background: #191919;
    border-style: solid;
    border-color: #101010 #303030 #303030 #101010;
    border-width: 1px;
    text-shadow: 0 1px 0 #000000;
    margin: 20px 0;
}

#footer_mid h3{
    font-size: 28px;
    color:#343434;
    text-shadow:0 1.3px 0 #000000;
    margin: 0 0 10px 0;
    letter-spacing: -1px;

}

.footer_col_l{
width: 180px;
height:330px;
padding:0 20px 0 0;
float:left;
border-right:1px solid #2A2A2A;
}


.footer_col{
width: 180px;
height:330px;
padding:0 20px;
float:left;
border-right:1px solid #2A2A2A;
border-left:1px solid #101010;

}

.ftr_hdr{
font-size:18px;
font-weight:bolder;
}

.twitter_col{
background: url(images/twitterbubble230120.jpg) no-repeat top right;
width: 230px;
height:330px;
padding:0 0 0 20px;
float:left;
border-left:1px solid #101010;


}


ul#twitter_update_list{
    width:208px;
    margin:10px 0 0 0;
    padding: 10px;
    min-height:230px;
    background: #131313;
    border-left: 1px solid #101010;
    border-bottom: 1px solid #303030;
    border-right:  1px solid #303030;
    float:left;
    font-size:12px;
}

ul#twitter_update_list li{
    list-style-type: none;
    border-bottom: 1px solid #2A2A2A;
    padding 5px;
}

ul#twitter_update_list li:hover {
    background: #171717;
    border-top: 1px solid #101010;
}

ul#twitter_update_list ul li a:hover {
	text-decoration: underline;
	color: #BCDD5A;
}


.twitter_col #twitter_div ul li a {
	text-decoration: none;
	color: #FBCA05;
}

.twitter_col #twitter-link{
	color:#00B7F1;
	margin-top:5px;
	font-weight: bold;
}

.qc_icon{
    background: url(images/contact3535.png) no-repeat left top;
    height: 45px;
    padding: 0 0 0 40px;

}

.gs_icon{
    background: url(images/user3535.png) no-repeat left top;
    height: 45px;
    padding: 0 0 0 40px;

}

.ws_icon{
    background: url(images/star3835.png) no-repeat left top;
    height: 45px;
    padding: 0 0 0 40px;
}

ul.address li{
    margin:3px 0;
    line-height:15px;
    font-size: 12px;
}

.pdf_icon{
    background: url(images/pdf_doc2020.png) no-repeat left center;
    height:20px;
    padding: 0 0 0 30px;

}

.arrow{
    background: url(images/arrow1515.png) no-repeat left center;
    padding: 0 0 0 25px;
}

/*--------------------------------------------BEGIN SOCIAL NTWK STYLES------------------------------------*/

ul.stalkme{ width: 180px; margin:10px 0 0 0; float:left;}


.stalkme li{
width: 50px;
height: 48px;
float:left;
margin: 0 10px 10px 0;
}

.fb_icon .fadeThis{
background: url(images/fb_icon5096.png) no-repeat 0 -48px;
width: 50px;
height: 48px;
position:relative;
text-indent:-9999px;
display:block;
float:left;
}


.fb_icon .fadeThis span.hover{
background: url(images/fb_icon5096.png) no-repeat 0 0;
width: 50px;
height: 48px;
position:relative;
text-indent:-9999px;
display:block;
float:left;
}


.twitter_icon .fadeThis{
background: url(images/twitter_icon5096.png) no-repeat 0 -48px;
width: 50px;
height: 48px;
position:relative;
text-indent:-9999px;
display:block;
float:left;
}


.twitter_icon .fadeThis span.hover{
background: url(images/twitter_icon5096.png) no-repeat 0 0;
width: 50px;
height: 48px;
position:relative;
text-indent:-9999px;
display:block;
float:left;
}


.flickr_icon .fadeThis{
background: url(images/flickr_icon5096.png) no-repeat 0 -48px;
width: 50px;
height: 48px;
position:relative;
text-indent:-9999px;
display:block;
float:left;
}


.flickr_icon .fadeThis span.hover{
background: url(images/flickr_icon5096.png) no-repeat 0 0;
width: 50px;
height: 48px;
position:relative;
text-indent:-9999px;
display:block;
float:left;
}

.linkedin_icon .fadeThis{
background: url(images/linkedin_icon5096.png) no-repeat 0 -48px;
width: 50px;
height: 48px;
position:relative;
text-indent:-9999px;
display:block;
float:left;
}


.linkedin_icon .fadeThis span.hover{
background: url(images/linkedin_icon5096.png) no-repeat 0 0;
width: 50px;
height: 48px;
position:relative;
text-indent:-9999px;
display:block;
float:left;
}


.myspace_icon .fadeThis{
background: url(images/myspace_icon5096.png) no-repeat 0 -48px;
width: 50px;
height: 48px;
position:relative;
text-indent:-9999px;
display:block;
float:left;
}


.myspace_icon .fadeThis span.hover{
background: url(images/myspace_icon5096.png) no-repeat 0 0;
width: 50px;
height: 48px;
position:relative;
text-indent:-9999px;
display:block;
float:left;
}

.deviant_icon .fadeThis{
background: url(images/deviant_icon5096.png) no-repeat 0 -48px;
width: 50px;
height: 48px;
position:relative;
text-indent:-9999px;
display:block;
float:left;
}


.deviant_icon .fadeThis span.hover{
background: url(images/deviant_icon5096.png) no-repeat 0 0;
width: 50px;
height: 48px;
position:relative;
text-indent:-9999px;
display:block;
float:left;
}

.yt_icon .fadeThis{
background: url(images/yt_icon5096.png) no-repeat 0 -48px;
width: 50px;
height: 48px;
position:relative;
text-indent:-9999px;
display:block;
float:left;
}


.yt_icon .fadeThis span.hover{
background: url(images/yt_icon5096.png) no-repeat 0 0;
width: 50px;
height: 48px;
position:relative;
text-indent:-9999px;
display:block;
float:left;
}

.rss_icon .fadeThis{
background: url(images/rss_icon5096.png) no-repeat 0 -48px;
width: 50px;
height: 48px;
position:relative;
text-indent:-9999px;
display:block;
float:left;
}

.rss_icon .fadeThis span.hover{
background: url(images/rss_icon5096.png) no-repeat 0 0;
width: 50px;
height: 48px;
position:relative;
text-indent:-9999px;
display:block;
float:left;
}



.mail_icon .fadeThis{
background: url(images/envelope_icon5096.png) no-repeat 0 -48px;
width: 50px;
height: 48px;
position:relative;
text-indent:-9999px;
display:block;
float:left;
}

img .single_post_text_block{
    border:1px solid #CCCCCC;
}


.mail_icon .fadeThis span.hover{
background: url(images/envelope_icon5096.png) no-repeat 0 0;
width: 50px;
height: 48px;
position:relative;
text-indent:-9999px;
display:block;
float:left;
}

/*---------------------------------------------------------END SOCIAL NTWK STYLES---------------------------------------------*/

#footer_bot{
    width: 100%;
    min-height: 40px;
    padding: 15px 0;
    float:left;
    border-top:1px solid #2A2A2A;
    background: #191919 url(images/footerbot.jpg) repeat-x left bottom;
    font-size:10px;
    color: #333333;
    text-shadow: 0 1px 0 #000000;
}

#footer_bot ul{
    list-style: none;
}

#footer_bot .footer_nav {
    background: url(images/hcg_logo5445.png) no-repeat left center;
    width: 350px;
    min-height: 45px;
    padding: 15px 0 15px 60px;
    text-align:left;
    line-height:15px;
    float: left;
}

#footer_bot .footer_nav a{
color: #2A2A2A;
text-decoration:none;

}


#footer_bot .footer_nav a:hover{
color: #333333;
text-decoration:underline;
}

.footer_icons{
     background: url(images/curlybracket2870.png) no-repeat left center ;
     padding: 15px 0 15px 40px;
     height:45px;
     width: 280px;
     float:right;

}

.footer_icons ul{
    width: 280px;
    height: 45px;

}

.footer_icons img{
    line-height: 45px;
    vertical-align:middle;
}

.footer_icons li{
    display:inline;
    padding: 0 10px 0 0;
}

.curlybracketnotes{
    width: 130px;
    text-align:right;
    float:left;
    margin: 25px 0 0 90px;
}

.curlybracketnotes p{
font-size:13px;
line-height:13px;
}

.footer_col3 {
	float: left;
	height: 350px;
	width: 300px;
	background-image: url(images/flickr_head.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-left:15px;
}

#scrolltop {
	right: 5px;
	bottom: 5px;
	text-align: right;
	margin: 10px;	
}
#scrolltop a{
	color: #FBCA05;
}


/* Caution! Ensure accessibility in print and other media types... */
div#explore{
    margin: 20px 0 0 0;
    float:left;
}

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {

.ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Helvetica Neue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica,  Verdana, Arial, sans-serif;
    font-weight: 300;
    font-size: 18px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 5px;
    background: #191919 url(images/tab20040.png) no-repeat 0 0;
    min-width: 200px; /* be nice to Opera */
    height: 40px;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 5px 0;
    /*background-color:#191919;*/
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #666666;
    /*line-height: 1.2;*/
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #00B7F1;
    background: #191919 url(images/tab20040.png) no-repeat 0 0;
}
.ui-tabs-nav a span {

    height: 35px; /* IE 6 treats height as min-height */
    min-height: 35px;
    /*padding-top: 6px;*/
}

*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #2A2A2A;
    float:left;
    padding: 20px;
    background: #191919; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../images/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.folio_block{
    width:580px;
    min-height:200px;
    float:left;

}

.divider{
    background: url(images/divider58010.jpg) no-repeat bottom center;
    width:580px;
    height:10px;
    float:left;
    margin: 0 0 30px 0;
}
.folio_cont{
    width:210px;
    height:180px;
    float:left;
}

.folio_cont .check{
    background: url(images/check1513.png) no-repeat left center;
    padding: 2px 0 2px 20px;
    color:#CCCCCC;
    font-size: 12px;
    font-weight:300;
    list-style: none;
}

.folio_cont ul{ 
    border-top:1px solid #131313;
}

li.h_underline{
    border-top: 1px solid #2a2a2a;    
    border-bottom: 1px solid #2A2A2A;
}

.folio_cont li{
    padding: 1px 0;
    color:#FFFFFF;
    font-size: 16px;
    font-weight:bolder;
    list-style: none;
}

h2.folio_header{
    color:#00B7F1;
    font-size: 20px;
    font-weight:300;
}
.img_left{
    width:350px;
    height:150px;
    margin: 0 20px 0 0;
    float:left;
}

.l_block{
    width:85px;
    float:left;
}

.r_block{
    width:85px;
    float:left;
}


/*cyc_img{
    background: url(../images/cyc_images350300.jpg) no-repeat 0 0;
    width:350px;
    height:150px;
    margin: 0 20px 0 0;
    float:left;
}*/


cyc_img:hover{
    background-position: 0 -150px;
}

.break{margin-top:15px;}
.min-break{margin-top:5px;}
.alignright {}
.alignleft {float:left;}
.alignnone {}
.aligncenter {}
.avatar {}
.wp-caption {}
.gallery {}
.wp-smiley {}@charset "UTF-8";
/* CSS Document */