/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles at the end of this file instead 
of style.css so it is easier to update the theme. 
Simply copy an existing style from style.css to this file, 
and modify it to your liking.
*/

#header {
height: 142px;
}

#navigation {
    height: 30px;
    padding-top: 20px;
margin-bottom: 1px;
}

/*
.nav li a:hover
{ 
background:url(../canvas/images/nav-hover.png) no-repeat right;
margin-top: -10px;
padding-top: 10px;
height: 30px;
}
*/

//.nav li.sfHover a { background:#000; }

#headerright {
    font-weight:bold;
    //text-shadow: #000 0px 1px 2px;
    text-shadow: #ffffff 0px 1px 2px;
    padding:25px 25px 25px 0;
    color:#000000;
    width:360px;
    float:right;
    margin-top: -20px;
}

#headerright img {
    float:right;
}

#headerright a {
    color: #000000;
}

#headerright a:hover {
    color: #262626;
    text-decoration:none;
}

#social{
margin-top: 10px;
}

#footer-widgets {
    border-top: 1px solid #E6E6E6;
    padding: 10px 0;
    background: #000000;
}

#footer-widgets a{
color: #FFFFFF;
}

#footer-widgets a:hover{
color: #B3B3B3;
}

#footer-widgets h3{
color: #E8741F;
}


#footer {
    margin-bottom: -40px;
}

h3 a:hover{
text-decoration: none;
}

#content {
    background: none repeat scroll 0 0 #FFFFFF;
}

.entry {
    padding: 0 10px 0 20px;
}

.two-col-left-1200 #main-sidebar-container #sidebar {
    display: inline;
    float: right;
    padding-right: 20px;
    padding-top: 35px;
   width: 350px;
    //width: 370px;
}

.post .title, .page .title, .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited {
    color: #000000;
    font: bold 22px/1.2em Arial,sans-serif;
    padding: 35px 10px 0 20px;
}

.col-left {
    float: left;
    margin-top: 30px;
    padding: 0 0 0 20px;
}

#slide {
    margin-left: -380px;
}
#video {
    margin-left: 830px;
    margin-top: -355px;
}
#welcome {
text-alignment: justify;
width: 770px;
margin-left: 20px;
margin-top: 10px;
}

/*-------------------------------------------------------------------------------------------*/
/* 22. LARGE SIDEBAR WEBFORM STYLING */
/*-------------------------------------------------------------------------------------------*/

#mc_embed_signup2 
{
background:url(images/webform-bg.png) no-repeat; 
clear:left; 
font:12px Arial; 
//width:265px;
width:300px; 
height:220px;
//height:380px; 
color:#fff; 
text-shadow: #000 0px 1px 1px; 
padding:75px 20px 0 15px; 
line-height:18px; 
}

#mc_embed_signup2 form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup2 h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup2 input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup2 input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup2 input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup2 input:focus {border-color:#333;}
#mc_embed_signup2 .button2 {clear:both; background:url(images/subscribe-button2.png); border: 0 none; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:14px; font-weight: bold; font-family:arial; text-shadow: #000 0px 1px 2px; height: 42px; line-height: 32px; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap;}
#mc_embed_signup2 .button2:hover {background-position: 0 -42px;text-decoration:none;}
#mc_embed_signup2 .small-meta {font-size: 11px;}
#mc_embed_signup2 .nowrap {white-space:nowrap;}     
#mc_embed_signup2 .clear {clear:none; display:inline;}

#mc_embed_signup2 label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup2 input.email {display:block; padding:8px 0 8px 8px; margin:0 auto 10px auto; width:242px; min-width:130px;}
#mc_embed_signup2 input.button2 {display:block; width:149px; margin:0 0 10px 0; min-width:90px; float:right;}

#mc_embed_signup2 div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup2 div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup2 #mce-error-response {display:none;}
#mc_embed_signup2 #mce-success-response {color:#529214; display:none;}
#mc_embed_signup2 label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc_embed_signup2 #bullet { background:url(http://www.expertcomputerrepairphiladelphia.com/wp-content/themes/mycustomcanvas/images/form-bullet.png) no-repeat left; padding-left:20px; margin:0 0 5px 0; } 
#mc_embed_signup2 #bullet1 { background:url(http://www.expertcomputerrepairphiladelphia.com/wp-content/themes/mycustomcanvas/images/form-bullet.png) no-repeat left; padding-left:20px; margin:-5px 0 5px 0; } 
#mc_embed_signup2 #form-text { margin:0 0 10px 0; }
#mc_embed_signup2 #security { margin:5px 0 0 0; float:left; background:url(images/lock-icon.png) no-repeat; padding:0 0 0 30px; width:70px; font-size:10px; line-height:13px; }



#optinbox {
    margin-left: 850px;
    margin-top: -180px;
    //margin-top: -250px;
}

div.fadehover {
	position: relative;
	}
 
img.a {
	position: absolute;
	left: 0;
	top: 0;
        z-index: 10;
	}
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	}

#fdtbl{
width: 550px;
margin-top: 30px;
margin-left: 50px;
}

#brands {
    margin-left: 800px;
}




#testimonials {
    background: url("../../uploads/2012/03/testimonial-bg.png") no-repeat scroll 0 0 transparent;
    color: #000000;
    height: 110px;
    padding: 20px 10px 25px 60px;
}


.entry img, img.thumbnail {
    border: 0px solid #E6E6E6;
}





#navigation {
    background-color: #DDDDDD !important;
    border-color: #DBDBDB #DBDBDB #2E2E2E;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 0 0 2px;
}

#header {
    border-bottom: 2px solid #2E2E2E;
 }


#contact-page ol.forms {
    float: left;
    list-style: none outside none;
    margin: 10px 0 0 20px;
    width: 100%;
}

#ticker {
    display: none;
}

#respond {
margin: 40px 0 0;
margin-left: 40px;
}
#comments {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    margin: 40px 0 0 40px;
    padding: 40px 0 0;
    position: relative;
}
.post-meta {
    color: #000000;
    font: bold 12px/1.5em Arial,sans-serif;
    padding-left: 20px !important;
}

.post-utility{
padding-left: 10px;
}
#post-author, #connect {
    background-color: #868686;
    border-bottom: 4px solid #868686;
    border-top: 1px solid #868686;
    margin-left: 20px;
}
#post-author, #connect {
    background-color: #868686;
    border-bottom: 4px solid #868686;
    border-top: 1px solid #868686;
    display: none;
    margin-left: 20px;
}

#gform_wrapper_1 {
width: 308px !important;
height: 600px !important;
background: #DDDDDD !important;
margin-left: 20px !important;
}

#input_1_7, #input_1_2, #input_1_3, #input_1_4, #input_1_6 {
width: 96% !important;


 background-color: #FFFFFF;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 2px #C4C4C4;
    color: #808080;
    font: 13px/16px 'Open Sans',Arial,Helvetica,sans-serif;
    padding: 8px;
}
.gform_body {
padding: 0px 10px 0px 15px !important;
}

.gform_wrapper input.button {
    font-size: 12px !important;
    margin-left: 20px;
    margin-top: -10px;
    padding: 5px 10px 6px !important;
}

#input_1_6, #input_1_8 {
height: 30px !important;
background-color: #FFFFFF;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 2px #C4C4C4;
    color: #808080;
    font: 13px/16px 'Open Sans',Arial,Helvetica,sans-serif;
    padding: 8px;
    width: 96% !important;
}