/*
Site: Lyn Lake Chiropractic - Minneapolis, MN
Author: Christian Ross (@christianross)
Author URI: http://www.thinairmediasolutions.com  
Jan 06, 2011 
*/


/* ---- Reset CSS ---- */

html, body, img {
	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; }

html { overflow-x: auto; overflow-y: auto; }

body { line-height: 1; }
p { margin:0; padding:0; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
em { font-style: italic; }
strong { font-weight: bold; }

.clear:after { content: "."; display: block; height: 0;	font-size: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */ 
.image { display: block; font-size: 0; text-indent: -9999px; outline: none; }
td { vertical-align:top; }


/*  Lyn Lake Chiropractic - CSS  */
/*  Layout  */

body {
	margin: 0;
	background:#e3e3e3 url(../images/bg1.png) 0 0 repeat-x;
	font: 14px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#000; text-align:left;
}

#container	{ width:964px; margin:0 auto; }
#header		{ height:76px; background:url(../images/header-bg-small.png) 0 0 no-repeat; }
  #logo		{ width:300px; float:left; }
  #nav		{ width:640px; float:right; text-align:right; margin-top:35px; }
#banner		{  }
#social		{ background:url(../images/social-bar-bg.png) 0 0 no-repeat; height:68px; position:relative; }
  #rss			{ top:-10px; position:relative; margin-left:20px; float:left; }
  #social-icons { margin:0 20px; position:relative; float:left; }
  #phone		{ float:right; width:300px; text-align:right;top:-6px; position:relative; margin-right:20px; }
#content	{ background:url(../images/content-bg.png) 0 0 repeat-y; padding-top:50px; }
  #sidebar	{ background:url(../images/sidebar-bg.png) 0 0 no-repeat; padding:8px; }
	#sidebar-bottom { background:url(../images/sidebar-bottom.png) 0 0 no-repeat; height:10px; }
    #sponsors		{ margin:30px 10px; }
  #main		{ margin-bottom:30px; }
  #content-bottom { background:url(../images/content-bottom.png) 0 0 no-repeat; height:10px; }
#footer { text-align:center; margin:15px; line-height:28px; font-size:12px; }

  
/*  links  */

a:link    { color: #F8001F; font-weight: bold; text-decoration: none; } 
a:visited { color: #F8001F; font-weight: bold; text-decoration: none; }
a:active  { color: #F8001F; font-weight: bold; text-decoration: none; }
a:hover   { color: #D6001C; font-weight: bold; text-decoration: underline; }

a.completesite:link    { color: #F8001F; font-weight: bold; text-decoration: none; } 
a.completesite:visited { color: #F8001F; font-weight: bold; text-decoration: none; }
a.completesite:active  { color: #F8001F; font-weight: bold; text-decoration: none; }
a.completesite:hover   { color: #D6001C; font-weight: bold; text-decoration: underline; }

a.mainNav:link,	a.mainNav:active, a.mainNav:visited  { 
	color:#FFF; font-size: 20px; line-height:26px;
	font-weight:normal; text-decoration:none; text-transform:uppercase;
	font-family:"league-gothic-1","league-gothic-2", Arial, Helvetica, sans;
}

a.mainNav:hover   { 
	color:#CCC; font-size: 20px; line-height:26px;
	font-weight:normal; text-decoration:none; text-transform:uppercase;
	font-family:"league-gothic-1","league-gothic-2", Arial, Helvetica, sans;
}

a.vertNav { font-size:16px; line-height:16px; }

a.footer:link, a.footer:active, a.footer:visited {
	color:#F9001F; text-decoration:none; font-size:12px;
	font-weight:bold; padding:0 8px 10px; text-transform:uppercase;
}
a.footer:hover {
	color:#D6001C; text-decoration:none; font-size:12px;
	font-weight:bold; padding:0 8px 10px; text-transform:uppercase;
}

/* text */

.completesite 	{ font: 14px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
p { padding:0; margin:0; }
p.completesite  { margin-bottom:20px; }

h1.completesite { margin: 0 0 20px 0; font-size: 38px; line-height:42px; font-weight:normal; color:#222; font-family: "league-gothic-1","league-gothic-2", serif; }
h2.completesite { margin: 0 0 20px 0; font-size: 32px; line-height:36px; font-weight:normal; color:#222; font-family: "league-gothic-1","league-gothic-2", serif; }
h3.completesite { margin: 0 0 10px 0; font-size: 28px; line-height:32px; font-weight:normal; color:#222; font-family: "league-gothic-1","league-gothic-2", serif; }
h4.completesite { margin: 0 0 10px 0; font-size: 24px; line-height:28px; font-weight:normal; color:#222; font-family: "league-gothic-1","league-gothic-2", serif; }

#sidebar .completesite	 { margin:0px 10px; }
#sidebar h2.completesite { font-size: 30px; line-height:36px; display:block; background:#e3e3e3; margin:0px 8px 20px; }


/* Lists */

ul { padding:0; margin:0; }
li { padding:00; margin:0 0 0 20px; border:0; }

#sidebar ul { list-style:none; margin:0; padding:0; }
#sidebar li { margin:0; padding:0; }

#social-icons ul { list-style:none; margin:0; padding:12px 0 0 0; }
#social-icons li { margin:0; padding:0; display:inline-block; }

#footer ul { list-style:none; margin:0; padding:0; }
#footer li { margin:0 6px; padding:0; display:inline; }

/* form elements */

input[type="text"], textarea {
	-moz-border-radius:3px !important;
	-webkit-border-radius:3px !important;
	border-radius:3px !important;
	border:1px solid #DDD !important;
	padding:5px !important;
}

input[type="text"]:focus, textarea:focus { background-color:#EEE !important; padding:5px !important; border-color:#BBB !important; }

input [type="image"] { border:none; }


/* random */
.center			{ text-align:center; }
.space			{ padding:0 10px; }
.pipe			{ padding:0 6px; color:#AAA; }


a.facebook { display:block; background:url(../images/social-sprite.png) 0 0 no-repeat; width:39px; height:39px; }
a.facebook:hover { display:block; background:url(../images/social-sprite.png) 0 -39px no-repeat; width:39px; height:39px; }

a.twitter { display:block; background:url(../images/social-sprite.png) -100px 0 no-repeat; width:39px; height:39px; }
a.twitter:hover { display:block; background:url(../images/social-sprite.png) -100px -39px no-repeat; width:39px; height:39px; }

a.youtube { display:block; background:url(../images/social-sprite.png) -50px 0 no-repeat; width:39px; height:39px; }
a.youtube:hover { display:block; background:url(../images/social-sprite.png) -50px -39px no-repeat; width:39px; height:39px; }

