/*

Theme Name: Cell Phone Repair

Theme URI: 

Description: Cell Phone Repair Theme

Version: 2.8

Author: David Alexander (Starkers Base: Elliot Jay Stocks)

Author URI: 

Tags: 

*/



@import "style/css/reset.css";

@import "style/css/typography.css";




/* LAYOUT */



/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */

.aligncenter { display:block; margin:0 auto }

.alignleft { float:left; margin-right:15px; }

.alignright { float:right; margin-left:15px; }

.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }



/* You might find the following useful */

/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */

li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */




body {

     padding: 0;
     margin: 0;
     background: #f8f8f8 url(images/body-bg.gif) repeat-x;
     font-family: Arial, sans-serif;
}

#page {
    background: #f8f8f8 url(images/page_bg.jpg) repeat-x;
}

form {

     display: inline;		
}

.clear {

	height:1%;
	clear:both;
	overflow:hidden;
}

.container {

     margin: 0 auto;
     width: 960px;

}

a.editinline    {display: none; }

/* Heading */

#header	{

     width: 960px;

}

#logo {

     background: url(images/logo.png) no-repeat;
     float: left;
     height: 157px;
     width: 156px;
}

#site-title {

     background: url(images/site-title.png) no-repeat;
     float: left;
     height: 50px;
     margin: 60px 0 0 10px;
     width: 286px;
}

#header-info {

     float: right;

}

#header-info p {

     color: #333;
     font-size: 13px;
     font-weight: bold;
     margin: 7px 0 0px 0;
     text-align: right;

}

#header-info p.big-red-phone {

     color: #c00;
     font-size: 21px;
     font-weight: bold;
     margin: 0;

}

/* Header Top Nav */

#header-nav {

     font-size: 12px;
     margin: 10px 0 5px 0;
     text-align: right;

 }

#header-nav a {

     color: #333;
     text-decoration:none;
}

#header-nav a:hover {

     color: #999;

}

/* Locator */

#store-locator	{

     background: #f7fafb;
     border: 1px solid #d1d4d5;
     margin: 5px 0 5px 5px;
     padding: 5px 5px 5px 10px;
     width: 360px;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;

}

#store-locator label {

     color: #333;  
     font-size: 13px;   
     font-weight: bold;

}

#store-locator	input[type="text"] {

     border: 1px solid #bcbcbc;
     color: #555;
     font-size: 12px;
     padding: 3px;

 }

#store-locator input[type="image"] {

     margin-bottom: -5px;

 }

/* Splash */

#splash	{
     margin-top:2px;
     height: 282px;
     width: 960px;

}

*+html #splash	{
     margin-top:-17px;
     height: 282px;
     width: 960px;

}

#splash_page	{
     margin-top:3px;
     height: 194px;
     width: 960px;
     background: url(images/splash_page.jpg) no-repeat;
     

}

*+html #splash_page	{
     margin-top:-16px;
     height: 194px;
     width: 960px;
     background: url(images/splash_page.jpg) no-repeat;
     

}

.estimate {

     width:300;
     height:40;
     padding:140px 0 0 635px;
     position: absolute;
     z-index:100;
}

.phone_page {
     margin-top:85px;
}

li#phone-number {

     color: #c00;
     font-size: 21px;
     font-weight: bold;
     margin: -353px 0 0 0;
     float: right;
     display:inline;

}

/* Top Navigation Bar Home */				

div#nav {

     float: left;
     margin-top: -47px;
     margin-left:155px;
	 width: 1000px;

}

*+html div#nav {

     float: left;
     margin-top: -66px;
     margin-left:155px;

}

div#nav ul {

     padding: 0;
     margin: 0;
     list-style: none;

 }

div#nav ul li {

     float: left;
     margin: 0px;			 
}

div#nav ul li a	{

     color: #fff;
     display: block;
     font-size: 15px;
     text-decoration: none;
     padding: 11px 11px 0px 11px;
     margin-top: 7px;
     height: 30px;

}

div#nav ul li a:hover	{

     color: #fdf3c2;
     display: block;
     font-size: 15px;
     text-decoration: none;
     padding: 11px 11px 0px 11px;
     margin-top: 7px;
     height: 30px;
     background-color:#e04739;
}

div#nav li ul {

     background: url(images/dd_menu_bg.png);
     left: -999em;				 
     position: absolute;
     width: 170px;

}

div#nav li ul li {

     display: block;

}

div#nav li ul li a {

     border-left: 1px solid #fff;
     border-right: 1px solid #fff;
     border-bottom: 1px solid #fff;
     display: block;
     font-weight: normal;
     height: 20px;
     margin: 0;
     padding: 10px;
     width: 149px;

}

div#nav li ul li a:hover {

     height: 20px;
     text-decoration:underline;
     margin: 0;
     padding: 10px;
     width: 149px;
}



div#nav li:hover ul {

     left: auto;

}

div#nav li:hover ul, div#nav li.sfhover ul {

     left: auto; 

}

/* Top Navigation Menu Page */

div#nav-page {

     float: left;
     margin-top: -47px;
     margin-left:155px;

}

*+html div#nav-page {

     float: left;
     margin-top: -66px;
     margin-left:155px;

}


div#nav-page ul {

     padding: 0;
     margin: 0;
     list-style: none;

 }

div#nav-page ul li {
     float: left;
     margin: 0px;			 
}

div#nav-page ul li a	{

     color: #fff;
     display: block;
     font-size: 15px;
     text-decoration: none;
     padding: 11px 11px 0px 11px;
     margin-top: 7px;
     height: 30px;

}

div#nav-page ul li a:hover	{

     color: #fdf3c2;
     display: block;
     font-size: 15px;
     text-decoration: none;
     padding: 11px 11px 0px 11px;
     margin-top: 7px;
     height: 30px;
     background-color:#e04739;
}

div#nav-page li ul {

     background: url(images/dd_menu_bg.png);
     left: -999em;				 
     position: absolute;
     z-index:1000;
     width: 170px;

}

div#nav-page li ul li {

     display: block;
     width:149px;
}

div#nav-page li ul li a {

     border-left: 1px solid #fff;
     border-right: 1px solid #fff;
     border-bottom: 1px solid #fff;
     display: block;
     font-weight: normal;
     height: 20px;
     margin: 0;
     padding: 10px;
     width: 149px;

}

div#nav-page li ul li a:hover {
     display: block;
     height: 20px;
     text-decoration:underline;
     margin: 0;
     padding: 10px;
     width: 149px;
}



div#nav-page li:hover ul {

     left: auto;

}

div#nav-page li:hover ul, div#nav-page li.sfhover ul {

     left: auto; 

}

div.under-splash {

     width: 960px;

}

/* Content */

.content_wrap {
    width:960px;
    margin: 160px 0 20px 0;
    background-color: #fff; 
}

*+html .content_wrap {
    width:960px;
    margin: 20px 0 20px 0;
    background-color: #fff; 
}

.content_wrap_secondary {
    width:960px;
    margin: 25px 0 20px 0;
    background-color: #fff; 
}

.content_wrap_page {
    width:960px;
    margin: -65px 0 20px 0;
    background-color: #fff; 
}

*+html .content_wrap_page {
    width:960px;
    margin: -25px 0 20px 0;
    background-color: #fff; 
}

div.page-content {

     float: left;
     width: 600px;
     padding: 0 20px;
     color: #4d4d4d;
     line-height:18px;
     font-size:13px; 
     background-color:#fff;

}


div.page-content2 {

     float: left;
     width: 920px;
}

div.page-content h2{

     margin-bottom:10px;
     margin-top:10px;

}

div.page-content h1 {

     margin-bottom:10px;
     margin-top:10px;

}

div.page-content a:link, a:visited {

     color:#cf2411;
     text-decoration:none;

}

div.page-content a:hover {

     color:#cf2411;
     text-decoration:underline;

}

div.page-content p{

     padding-bottom:15px;

}

div.page-content-sub {

     float: left;
     width: 600px;
     padding: 0 20px;
     color: #4d4d4d;
     line-height:18px;
     margin-top:-50px;
     font-size:13px; 
     background-color:#fff;

}

div.page-content-sub h2{

     margin-bottom:10px;
     margin-top:10px;

}

div.page-content-sub h1{

     margin-bottom:10px;
     margin-top:10px;
     font-size: 22px; 
     color: #d41b07; 
     font-weight: normal;

}

div.page-content-sub a:link, a:visited {

     color:#cf2411;
     text-decoration:none;

}

div.page-content-sub a:hover {

     color:#cf2411;
     text-decoration:underline;

}

div.page-content-sub p{

     padding-bottom:15px;

}


/* Sidebar */

div.right-margin {

     width: 280px;
     padding: 0 30px 0 0;
     float:right;
     display:inline;

}

div.post {

     padding: 10px;

}			

div.under-splash ul li {

     background: url(images/undersplash-bg.png);
     display: block;
     float: left;
     height: 132px;  
     width: 304px;
     margin: 15px 8px 25px;

}

div.under-splash ul li img {

	float: left;
	margin: 4px 0 0 4px;

}


div.under-splash ul li h2 {
    font-size:18px;
	float: left;		
	margin: 8px 0 0 8px;							 

}

div.under-splash ul li p {

	clear: left;
	color: #333;
	margin: -80px 0 0 20px;
	font-size: 12px;
	width: 180px;

}

div.under-splash a {

	color: #333;
	text-decoration: none;

}

div.under-splash a:visited; {

	color: #333;
	text-decoration: none;

}

div.under-splash a:hover {

	color: #009201;
	text-decoration: underline;

}

div.under-splash ul li .feature_image {

     z-index: 99;
     float: right;
     display:inline;
     position: absolute;
     margin: -97px 0 0 181px;

}

div.under-splash ul li#mailinrepairs-feature .bgimagehook {

															 background: url(images/mailbox.png) bottom right no-repeat;

															 height: 132px;

															 width: 304px;

													}

*+html div.under-splash ul li#mailinrepairs-feature .bgimagehook {

 background: url(images/mailbox.png) bottom right no-repeat;
 margin-top:-35px;
 height: 132px;

 width: 304px;

													}


div.under-splash ul li#walkinrepairs-feature .bgimagehook	{

															 background: url(images/woman.png) bottom right no-repeat;

															 height: 132px;

															 width: 304px;

															}
															

*+html div.under-splash ul li#walkinrepairs-feature .bgimagehook	{

 background: url(images/woman.png) bottom right no-repeat;
 margin-top:-35px;
 height: 132px;

 width: 304px;

															}															

div.under-splash ul li#recycling-feature .bgimagehook	{

														 background: url(images/greenbag.png) bottom right no-repeat;

														 height: 132px;

														 width: 304px;

														}
*+html div.under-splash ul li#recycling-feature .bgimagehook	{

 background: url(images/greenbag.png) bottom right no-repeat;
 margin-top:-35px;
 height: 132px;
 width: 304px;

														}
														

.page-content h2 {
     font-size: 22px; 
     color: #d41b07; 
     font-weight: normal;  
     line-height:26px;
}

.page-content h1 {
     font-size: 22px; 
     color: #d41b07; 
     font-weight: normal;  
     line-height:26px;
}

.page-content h3 {
     margin-bottom:10px; 
     font-size:15px; 
     color:#cf2411;
}
.page-content-sub h2	{font-size: 22px; color: #d41b07; font-weight: normal;}

.page-content-sub h1	{font-size: 22px; color: #d41b07; font-weight: normal;}

.page-content-sub h3 {
     margin-bottom:10px; 
     font-size:15px; 
     color:#cf2411;
}

#learn-more-a   

{
  display: block;
  width: 195px;
  height: 34px;
  margin: 10px 30px 0 30px;
  background: url(http://www.cpr-stores.com/images/learn_more_rollover.jpg) no-repeat 0 0;

}

#learn-more-a:hover
{ 
  background-position: 0 -34px;
}

#learn-more-a span
{
  display: none;
}

.black a     {font-size: 16px; margin-bottom: 10px; color:#000 !important; text-decoration:none;}

.black a:hover     {font-size: 16px; margin-bottom: 10px; color:#cf2411 !important;}

.right-margin-feature     {width: 280px; margin: 20px;}

.right-margin-container     {border-left: 1px solid #5e6367; border-right: 1px solid #5e6367; padding: 10px 10px 10px 15px;}

.right-margin-container p     {font-size: 16px; margin-bottom: 10px;}

.right-margin-container .learn-more   {margin: 10px 30px 0;}

.right-margin-container .green-recycle     { }

.right-margin-header     { height: 40px; width: 280px;}

.right-margin-header h2     {font-size: 20px; font-weight: bold; color: #fff; text-align: center; padding-top: 7px; font-weight:normal;}

.right-margin-header h2 a    {font-size: 20px; font-weight: bold; color: #f9e092; text-align: center; padding-top: 7px; font-weight:normal; text-decoration:none;}

.right-margin-header h2 a:hover    {font-size: 20px; font-weight: bold; color: #fff; text-align: center; padding-top: 7px; font-weight:normal;}

.right-margin-footer     {background: url('images/right-margin-footer.gif'); height: 6px; width: 280px;}

.green     {background: url('images/right-margin-header-green.gif');}

.grey     {background: url('images/right-margin-header-grey.gif');}

.sidebar {
     width: 280px;
     float:right;
     display:inline;
     margin:0px;
}

div.right-margin-blog {
     width: 280px;
     margin-right: 10px;
     margin-bottom:20px;
     border: 1px solid #5e6367;     
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     float:right;
     display:inline;

}

div.right-margin-blog ul {
    margin-bottom:15px;
}

div.right-margin-blog li {
    font-size:14px;
    padding: 5px 10px 5px 20px;
}

div.right-margin-blog li a:link, a:visited {
    color:#d41b07;
    text-decoration:none;
}

div.right-margin-blog li a:hover {
    color:#ccc;
    text-decoration:underline;
}

div.right-margin-blog .grey {
     height: 40px; 
     width: 280px; 
     background: url('images/right-margin-header-grey.gif') no-repeat;
}

div.right-margin-blog h2 {
     font-size: 20px; 
     font-weight: bold; 
     color: #fff; 
     text-align: center; 
     padding-top: 7px;
}

right-margin-blog-footer {
     background: url('images/right-margin-footer.gif'); 
     height: 6px; 
     width: 280px;
}     

.tags {
	padding:10px;
	margin-bottom:20px;
	background-color:#EEE;
	border-top:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}                                                

/* Footer */

.page-content h2     {font-size: 22px; color: #d41b07; font-weight: normal;}

.footer     {width: 960px; margin: 0 auto 10px auto;}
.footer-top     {height: 5px; background: url('images/footer-container-ends.gif') top;}
.footer-container     {background: #3a3e43;}
.footer-bottom     {height: 5px; background: url('images/footer-container-ends.gif') bottom;}

.footer-location     {float: left; padding: 15px;}
.footer-location h2     {color: #fff; font-size: 18px; padding-bottom: 10px;}
.footer-location p     {color: #fff; font-size: 14px;}

.footer-contact     {float: right; width: 325px; margin: 25px 45px 25px 25px; font-size: 18px;}
.footer-contact p     {color: #fff;}
.footer-contact p.footer-greeting     {margin-bottom: 15px;}
.footer-contact p.footer-phone      {font-size: 22px;}

.secondary-footer     {background: #e2e2e2; padding: 5px; margin-bottom: 5px;}
.secondary-footer p     {font-size: 12px; margin-left: 15px;}
.secondary-footer a {color: #444; text-decoration: none;}
.secondary-footer a:hover {color: #444; text-decoration: underline;}

.third-footer     {padding: 5px; margin-bottom: 15px;}
.third-footer p     {color: #777; font-size: 12px; margin-left: 15px;}
.third-footer a {color: #777; text-decoration: none; margin-right: 5px;}
.third-footer a:hover {color: #444; text-decoration: underline;}

#commentform {
    width:500px;
}


h2.widgettitle a {color: #000; text-decoration: none; font-size:18px;}
h2.widgettitle a:hover {color: #D41B07; text-decoration: none; font-size:18px;}