/*
Theme name: Hookedup Installs
Author: Lakeshore Branding
Description: 
*/

* { margin:0; padding:0; }

body          { background: url(images/bg-body.jpg) repeat-x 0 0 #161616; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; font-size:78%; color:#999898; line-height:1.4; }
body.home     { background: url(images/bg-body-home.jpg) repeat-x 0 0 #161616;} 
img           { border:0; vertical-align:top; } 

p {margin-bottom:10px;}

a, a:visited  {color:#626262;}
a:hover       {color:#bf2619;}
:focus        { outline: 0; }

/* Headings */
h1, h2, h3, h4, h5, h6 {color:#990000; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
h1            { font-size:2em; line-height:1.4; color:#FFF; }
h2            { font-size:1.6em; line-height:1.4;}
h3            { font-size:1.26em; line-height:1.4; }
h4            { font-size:1.2em;  }
h5            { font-size:1.22em; }
h6            { font-size:1.2em;  }

/* Forms */
form          { display:inline; }
fieldset      { border:1px solid #323132; padding:20px 20px; }
legend        { padding:0px 5px; color:#bf2619;}

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
address       { font-style:normal; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; padding:0 20px; }
q:before, 
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }
hr            {margin:15px 0px 10px 0px; width:90%; border:1px solid #323132; background:#323132; height:1px; }

/* Lists */
ul,ol         { list-style:none; }
.content ul li {margin-left:15px;}

/* Tools */
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left, .alignleft       { float:left; margin:0px 20px 10px 0px; }
.a-center, .aligncenter     { text-align:center !important; }
.a-right, .alignright      { float:right; margin:0px 0px 10px 20px;}
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
.big          { font-size:1.4em;}
.clear        {clear:both;}
.red          {color:#bf2619;}


.sf-menu {
line-height:1;
}
.sf-menu ul {
position:absolute;
top:-999em;
}
.sf-menu ul li {
width:150px;
}
.sf-menu li:hover {
visibility:inherit;
}
.sf-menu li {
float:left;
position:relative;
}
.sf-menu a {
display:block;
position:relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left:0;
top:46px;
z-index:99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
left:10em;
top:0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
left:10em;
top:0;
}

/*** DEMO SKIN ***/
.sf-menu {
padding:3px 0px;
float:left;
}
.sf-menu a {
padding:17px 18px 16px 18px;
text-decoration:none;
}

.sf-menu a, .sf-menu a:visited {
color:#FFF;
font-size:1.2em;
font-weight:bold;
}

.sf-menu li ul {padding-top:5px; font-size:.8em;
}

.sf-menu li li {
background:url(images/bg-navigation-sub.png) repeat 0 0;
border:1px solid #000;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu .current_page_item a, .sf-menu .current_page_ancestor a {
background: url(images/bg-navigation-hover.gif) repeat-x 0 0;
color:#FFF;
}

.sf-menu .current_page_item li a, .sf-menu .current_page_ancestor li a {background:none;}

.sf-menu li li:hover, .sf-menu li li a:hover {
background: url(images/bg-navigation-sub-hover.png) repeat 0 0;
}

.sf-menu a.sf-with-ul {
min-width:1px;
padding-right:2.25em;
}


#wrapper {width:982px;margin: 0px auto;}

#header {height:127px;}
#header .logo {background:url(images/logo-hookedupinstalls.jpg) no-repeat 0 0; text-indent:-999em; margin-top:5px; margin-left:5px; float:left;}
#header .logo a {display:block; width:316px; height:116px;}
#header .phone-number {background:url(images/bg-phone-number.gif) no-repeat 0 0; text-indent:-999em; width:227px; height:57px; margin-top:17px;}
#header .request-quote {background:url(images/btn-request-quote.gif) no-repeat 0 0; text-indent:-999em; margin: 10px 0px 0px 60px;}
#header .request-quote a {display:block; width:161px; height:29px;}
#header .request-quote:hover { background-position:0px -30px;}

#navigation { background:url(images/bg-navigation.jpg) repeat-x 0 0; height:53px; position:relative; font-family:Arial, Helvetica, sans-serif;  position:relative; z-index:2; }
#navigation .ask-the-expert {background: url(images/bg-expert.jpg) no-repeat 0 0; position:absolute; top:0px; right:0px; text-indent:-999em;}
#navigation .ask-the-expert a {display:block; width:205px; height:53px;}
#navigation .ask-the-expert:hover {background-position: 0px -53px;}
#navigation .left-cap {background:url(images/bg-left-cap.jpg) no-repeat 0 0; width:14px; height:53px; float:left;}

#home-wrapper {position:relative;}
#banner {margin:15px 0px 31px 5px; position:relative; z-index:1;}

#email-signup { background:url(images/bg-email-signup.gif) no-repeat 0 0; width:210px; height:291px; padding:20px; color:#000000; position:absolute; top:8px; right:8px;}
#email-signup .angies-list { margin:-19px auto 10px auto; text-align:center; height:104px; width:225px; font-size:.7em;}
#email-signup .signup { padding:0px 0px 0px 7px; position:relative; width:220px; font-family:Arial, Helvetica, sans-serif;}
#email-signup h2 {color:#000000; font-size:1.4em;}
#email-signup #mc_mv_NAME {background:none; border:none; width:190px; position:absolute; top:77px; left:14px;}
#email-signup #mc_mv_EMAIL { background:none; border:none; width:190px; position:absolute; top:110px; left:14px;}
#email-signup #mc_signup_submit {background:url(images/btn-signup.gif) no-repeat 0 0; width:104px; height:31px; border:none; text-indent:-999em; cursor:pointer; position:absolute; top:136px; left:116px; font-size:0px; display:block; line-height:0px;}
#email-signup #mc_signup_submit:hover {background-position:0px  -31px;}
#email-signup fieldset {border:none;}
#email-signup label {display:none;}
#email-signup #mc-indicates-required {visibility:hidden;}
#email-signup #mc_message {position:absolute; top:137px; left:-2px; width:200px; color:#bf2619!important; width:120px; font-size:.9em;}

#main {clear:both; padding:4px 0px 30px 0px; position: relative; z-index:1; width:100%;}
#main .headline {background:url(images/bg-headline.gif) no-repeat left; height:58px; padding-left:70px; float:left; margin:20px -40px 0px 0px;}
body.default #main  h1 { background: url(images/bg-headline.gif) no-repeat right; height:46px; float:left; padding:12px 30px 0px 0px; margin-top:20px;}
body.home  #main h1 { text-transform:uppercase; color:#990000; font-weight:bold; font-size:1.4em; position: absolute; top:7px; left:13px;}
#main .content { padding:10px 16px; clear:both;}
body.home #main .content { background: url(images/bg-main-separator.gif) no-repeat top right; float:left; width:380px; padding:0px 16px; padding-top:65px;}
#main .content ul { margin-left:15px; margin-bottom:10px;}
#main .content ul li { list-style: circle;}
#main .column-left {float:left; width:680px;}
#main .sidebar {background:url(images/bg-sidebar.gif) no-repeat 0 0; float:left; width:238px; padding:30px 0px 30px 28px;}
#main .sidebar img {border:5px solid #000; }
#main .sidebar .wp-caption {background:#000; text-align:center;}
#main .sidebar .wp-caption p {padding-bottom:4px;}
#main .sidebar .photo-gallery {margin-top:20px; margin-left:-2px;}
#main .sidebar .photo-gallery h2 {text-transform:uppercase;}
#main .sidebar .photo-gallery .thumbs {margin-top:0px;}
#main .sidebar .ngg-galleryoverview img {width:60px; height:60px; margin:0px; padding:0px; margin-bottom:6px;}
#main .sidebar ul li {list-style:circle; margin-left:20px;}
#main .sidebar .read-more {float:right; margin-top:15px; margin-right:25px;}

body.home #main .photo-gallery {background: url(images/bg-main-separator.gif) no-repeat top right; float:left; width:300px; padding:3px 17px 0px 17px; font-family:Arial, Helvetica, sans-serif;}
body.home #main .photo-gallery  h2 {margin-bottom:35px; margin-left:5px; font-size:1.4em; text-transform:uppercase; font-weight:bold;}
body.home #main .photo-gallery .thumbs { width:300px; height:244px; padding:0px 0px 0px 16px;}

body.home #main .photo-gallery .ngg-gallery-thumbnail-box { border:none;}
#main .photo-gallery .thumbs a.read-more {float:right; margin-right:30px; margin-top:-15px;}

#main .recent-posts {float:left; width:200px; padding:3px 16px 0px 16px;}
#main .recent-posts h2 {margin-bottom:40px; font-size:1.4em; text-transform:uppercase; font-weight:bold;}
#main .recent-posts .post { background:url(images/bg-home-posts.gif) repeat-y 0 0 ; padding:5px 5px 5px 15px; margin-bottom:8px;}
#main .recent-posts .post:hover {}
#main .recent-posts .post .title a {}
#main .recent-posts .post .date {}
#main .recent-posts .btn-view-all {margin-top:20px; margin-left:105px;}

#footer {color:#9f9f9f; border-top:5px solid #41403c; margin-top:10px; padding:15px 0px; font-size:.9em; margin-bottom:30px; font-family:Arial, Helvetica, sans-serif;}
#footer .copyright { float:left; margin-left:5px;}
#footer ul { float:right; margin-right:5px;}
#footer ul li {display:inline; padding:0px 2px; }
#footer a {}

.wpcf7-response-output {border:none !important;}
.wpcf7-validation-errors {border:none !important;}
.wpcf7-not-valid-tip {border:none !important; background:#000000 !important; color:red;}

.piclenselink { visibility:hidden;}

.post-info-title {color:#9f9f9f;}
.content .post {margin-bottom:30px;}
.content .title a {color:#b80000;}
.content  .date {color:#9f9f9f;}

.content input, .content textarea {background:#202020; border:2px solid #323232; color:#e2e2e2;  margin-top:4px; padding:2px 4px;}
.content input {}
.content select {background:#202020; border:2px solid #323232; color:#e2e2e2; margin-top:4px;}
.submit input, #submit {border:2px solid #363636;padding:5px 15px;}
.submit input:hover, #submit:hover {background:#bf2619;cursor:pointer;}
.content textarea {width:550px;}
.wpcf7-list-item input { border:none; background:none;}

/* MM Forms */
div.mmf {
	margin: 0;
	padding: 0;
}

div.mmf-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.mmf-mail-sent-ok {
	border: 1px dashed #AFAFA4 !important;
}

div.mmf-mail-sent-ng {
	border: 1px dashed #bf2619 !important;
}

div.mmf-spam-blocked {
	border: 1px dashed #bf2619 !important;
}

div.mmf-validation-errors {
	border: 1px dashed #bf2619 !important;
}

span.mmf-form-control-wrap {
	position: relative;
}

span.mmf-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #161616 !important;
	border: 1px solid #000000 !important;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
	padding-left:5px !important;
	color: #bf2619 !important;
}

span.mmf-not-valid-tip-no-ajax {
	color: #bf2619 !important;
	font-size: 10pt;
	display: block;
}

span.mmf-list-item {
	margin-left: 0.5em;
}


.read-more { background:url(images/bg-view-more.gif) no-repeat  right -15px; padding-right:15px; text-decoration:none;  text-transform:uppercase;}
.read-more a { color:#000;}
.read-more:hover {background:url(images/bg-view-more.gif) no-repeat right 0px;}

/* Blog Page */

.blog .date {color:#626262; margin-bottom:30px;}
.blog .photo img {border:5px solid #000;} 
.blog .photo {float:left; padding-right:10px; padding-bottom:5px;}
.blog img.size-medium {border:5px solid #000;}

/* Solutions Page */

h2.in-home-consultation {background:url(images/icon-inhome-consultation.gif) no-repeat left 3px; padding-left:28px;}
h2.video-installation {background:url(images/icon-videoinstallation.gif) no-repeat left 3px; padding-left:28px;}
h2.flat-panel-installation {background:url(images/icon-flatpanel.gif) no-repeat left 3px; padding-left:28px;}
h2.home-audio-installation {background:url(images/icon-homeaudio.gif) no-repeat left 3px; padding-left:28px;}
h2.custom-remote-programming {background:url(images/icon-custom-remote-programming.gif) no-repeat left 3px; padding-left:28px;}
h2.outdoor-speaker-system {background:url(images/icon-outdoor-speaker-system.gif) no-repeat left 3px; padding-left:28px;}
h2.custom-lighting-controls {background:url(images/icon-custom-lighting.gif) no-repeat left 3px; padding-left:28px;}
h2.dvd-and-cd {background:url(images/icon-dvd-and-cd.gif) no-repeat left 3px; padding-left:28px;}
h2.house-audio {background:url(images/icon-house-audio.gif) no-repeat left 3px; padding-left:28px;}
h2.home-automation {background:url(images/icon-home-automation.gif) no-repeat left 3px; padding-left:28px;}
h2.service-call {background:url(images/icon-service-call.gif) no-repeat left 3px; padding-left:28px;}

/* Comments */

/* Pagination */
.wp-pagenavi {font-size:12px; margin-top:30px;}
.wp-pagenavi .pages        {color:#d3d3d3 !important; border: 2px solid #131313 !important; background:#000000 !important;}
.wp-pagenavi .pages:hover { cursor:default;}
.wp-pagenavi .current      {color:#FFFFFF !important; border: 2px solid #242424 !important; background:#242424 !important;}
.wp-pagenavi .current:hover { cursor:default;}
.wp-pagenavi a             {color:#d3d3d3 !important; border: 2px solid #131313 !important; background:#000000 !important;}
.wp-pagenavi a:hover       {color:#d3d3d3 !important; border: 2px solid #242424 !important; background:#000000 !important;}



/* Products Page */

table.products-page { margin:10px 0px 15px15px;}
table.products-page tr {}
table.products-page td {}
table.products-page img {border:3px solid #000; margin:5px;}

/* Photo Gallery */



/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:2px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:170px;
	margin-right:6px;
	text-align:left;
	width:120px;
	border:1px solid #2a2a2a;	
	background-color:#1f1f1f;
}

.ngg-album-compactbox {
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:3px solid #000; margin-right:12px; margin-bottom:15px; background:none !important;
}

	.ngg-album-compactbox .Thumb:hover {border-color:#131313;/* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;}

.ngg-album-compact h4 {
	width:110px;
	margin-left:10px;
}

.ngg-album-compact h4 a {text-decoration:none; font-size:.9em; font-weight:normal;}

.ngg-albumoverview p {font-size:.8em; margin-left:10px;}
.ngg-albumoverview p strong {font-weight:normal;}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	border:1px solid #FFF; margin-right:12px; margin-bottom:15px; background:none !important;
}

.ngg-gallery-thumbnail img:hover {
	border-color:#CCCCCC;/* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
		padding: 2px 6px 0px 6px; 
	margin: 2px;
	font-weight: bold;
	background:#323232; 
	border:2px solid #323232; color:#FFF;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	padding: 2px 6px 0px 6px;
	margin: 2px;
	text-decoration: none;
	background:#323232;
	 border:2px solid #323232; color:#e2e2e2;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	padding: 2px 6px 0px 6px;
	margin: 2px;
	text-decoration: none;
	background:#323232; 
	border:2px solid #323232; 
	color:#e2e2e2;
}


/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
}