/*
Description: kdot v. 2.0
Author Name: Victoria H.
Author URI: http://www.kdotproductions.com
Version: 0910
*/

/* CSS Reset 
******************** */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,button,fieldset,input,textarea,p,blockquote,th,td 
{  
	margin:0; 
	padding:0; 
} 

table 
{ 
	border-collapse:collapse; 
	border-spacing:0; 
} 

fieldset,img,form,button
{  
	border:0; 
} 

address,caption,cite,code,dfn,th,var 
{ 
	font-style:normal; 
	font-weight:normal; 
} 

caption,th 
{ 
	text-align:left; 
}
 
h1,h2,h3,h4,h5,h6 
{ 
	font-size:100%; 
	font-weight:normal; 
}

q:before,q:after 
{ 
	content:''; 
} 

abbr,acronym 
{ 
	border:0; 
} 

/* Additions 
******************** */

body
{
	font-size:100%;
	line-height:1.125em;
}

:focus
{
	outline:none;
}

a
{
	text-decoration:none;
}

ol,ul
{
	list-style-type:none;
}

/* Helper Classes 
*************************** */

#container 
{
	overflow:hidden;
}

* html #container 
{
	height:0;
}

.clear
{
	clear:both;
}

.pkg
{
	display:inline-block;
}

.pkg:after
{
	clear:both;
	content: " ";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}

.spacer
{
	clear:both;
	height:1px;
	width:1px;
}

/* Page Layout
******************** */

* 
{
	margin: 0;	/*need for sticky footer*/
}

html, body
{
	height:100%;	/*need for sticky footer*/
	text-align: center;	/*centers layout*/
}

#container
{
	position:relative;
	width:1020px;
	background:url(images/kdot-redesign_02.png) repeat-y;
	text-align:left;
	height: auto !important; /*sticky footer*/
	height: 100%;
	margin: 0 auto -162px auto; /* the bottom margin is the negative value of the footer's height; added more negative to compensate for neg top positioning*/
}

#header
{
	position:relative;
	left:42px;
	background:url(images/kdot-redesign_01.png) no-repeat;
	width:935px;
	height:295px;
	text-indent:-9999px;
}

#nav
{
	position:relative;
	top:-170px;
	left:260px;
	width:165px;
	text-indent:-9999px;
	z-index:100;
	height: 150px;
}

ul li#home a
{
	position:relative;
	background:url(images/kdot-redesign-nav_03.png) no-repeat;
	display:block;
	width:162px;
	height:30px;
}

ul li#services a
{
	position:relative;
	top:15px;
	background:url(images/kdot-redesign-nav_06.png) no-repeat;
	display:block;
	width:162px;
	height:25px;
}

ul li#samples a
{
	position:relative;
	top:30px;
	background:url(images/kdot-redesign-nav_08.png) no-repeat;
	display:block;
	width:162px;
	height:32px;
}
	
ul li#subscribe a
{
	position:relative;
	top:40px;
	background:url(images/kdot-redesign-nav_10.png) no-repeat;
	display:block;
	width:162px;
	height:26px;
}

ul li#home a:hover
{
	background:url(images/kdot-redesign-nav-ltblue_03.png) no-repeat;
}

ul li#services a:hover
{
	background:url(images/kdot-redesign-nav-ltblue_06.png) no-repeat;
}

ul li#samples a:hover
{
	background:url(images/kdot-redesign-nav-ltblue_08.png) no-repeat;
}

ul li#subscribe a:hover
{
	background:url(images/kdot-redesign-nav-ltblue_10.png) no-repeat;
}	

#content
{
	position:relative;
	top:-120px;
	left:41px;
	float:left;
	width:900px;
}

#main
{
	position:relative;
	width:500px;
	float:left;
}

#description
{
	position:relative;
	background:url(images/kdot-redesign_04.png) no-repeat;
	width:480px;
	height:329px;
	text-indent:-9999px;
}

#new
{
	position:relative;
	top:20px;
	left:50px;
	width:430px;
}

#new-top
{
	position:relative;
	background:url(images/whats-new_05.png) no-repeat;
	width:427px;
	height:99px;
}

#new-middle
{
	position:relative;
	background:url(images/whats-a-kdot_08.png) repeat-y;
}

#new-btm
{
	position:relative;
	background:url(images/whats-a-kdot_10.png) no-repeat;
	width:427px;
	height:41px;
}

#new-content
{
	position:relative;
	left:45px;
	width:350px;
}

#whatskdot
{
	position:relative;
	top:40px;
	left:50px;
	width: 430px;
}

#whatskdot-top
{
	position:relative;
	background:url(images/whats-a-kdot_05.png) no-repeat;
	width:427px;
	height:99px;
}

#whatskdot-middle
{
	position:relative;
	background:url(images/whats-a-kdot_08.png) repeat-y;
}

#whatskdot-btm
{
	position:relative;
	background:url(images/whats-a-kdot_10.png) no-repeat;
	width:427px;
	height:41px;
}

#whatskdot-content
{
	position:relative;
	left:45px;
	width:350px;
}

#side
{
	position:relative;
	left:5px;
	width:400px;
	float:left;
}

#facebook
{
	position:relative;
	left:35px;
	width:340px;
}

#smalltown
{
	position:relative;
	top:20px;
	left:35px;
	background:url(images/smalltown-btn.png) no-repeat;
	display:block;
	width:340px;
	height:242px;
	text-indent:-9999px;
}

#smalltown:hover
{
	background:url(images/smalltown-btn-roll.png) no-repeat;
}

#happyhour
{
	position:relative;
	top:40px;
	left:35px;
	background:url(images/happyhour-btn_05.png) no-repeat;
	display:block;
	width:341px;
	height:243px;
	text-indent:-9999px;
}

#happyhour:hover
{
	background:url(images/happyhour-btn-roll_05.png) no-repeat;
}

#camera
{
	position:relative;
	top:60px;
	left:35px;
	background:url(images/camera_07.png) no-repeat;
	display:block;
	width:349px;
	height:187px;
	text-indent:-9999px;
}

#camera:hover
{
	background:url(images/camera-roll_07.png);
}

#footer
{
	position:relative;
	clear:both;
	background:url(images/footer_08.png) repeat-x;
	width:1020px;
	height:162px; /*need to declare height for sticky footer*/
	text-align:left;
}

#footer-logo
{
	position:relative;
	float:left;
	left:20px;
	z-index:100;
	background:url(images/footer_07.png) no-repeat;
	width:223px;
	height:162px;
}

#footer-content
{
	position:relative;
	float:left;
	left:100px;
	top:75px;
	width: 600px;
	z-index:100;
}

#whatwedo,#samplebox,#sub
{
	position:relative;
	left:50px;
}

#whatwedo-top /*services page only*/
{
	position:relative;
	background:url(images/services_05.png) no-repeat;
	width:427px;
	height:99px;
}

#whatwedo-middle,#samplebox-middle,#sub-middle
{
	position:relative;
	background:url(images/whats-a-kdot_08.png) repeat-y;
}

#whatwedo-btm,#samplebox-btm,#sub-btm
{
	position:relative;
	background:url(images/whats-a-kdot_10.png) no-repeat;
	width:427px;
	height:41px;
}

#whatwedo-content,#samplebox-content,#sub-content
{
	position:relative;
	left:45px;
	width:350px;
}

#samplebox-top /*samples page only*/
{
	position:relative;
	background:url(images/samples_05.png) no-repeat;
	width:427px;
	height:99px;
}

#sub-top /*subscribe page only */
{
	position:relative;
	background:url(images/subscribe_05.png) no-repeat;
	width:427px;
	height:99px;
}

.push 
{
	clear:both;
	height: 162px; /* .push must be the same height as .footer */
}
	

/* Fonts and Type 
******************** */

h1
{
	padding-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#336699;
}

p
{
	padding-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
}

a
{
	color:#93caee;
}

.tumblr_title
{
	font-family: Courier New, Courier, mono;
	font-size:14px;
	color:#336699;
	padding-bottom:20px;
}

#footer-content p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}

#footer-content p a
{
	color:#ffffff;
}

ul.ceebox li
{
	padding-bottom:20px;
}

ul.ceebox li a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#93caee;
}

/* Form Style 
******************** */

#phpcontactform
{
	margin:0 auto;
	width:300px;
	padding:20px;
	border:solid 2px #336699;
	background:#93caee;
}

#phpcontactform h1 
{
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	margin-bottom:20px;
	border-bottom:solid 1px #b7ddf2;
	padding-bottom:10px;
}

#phpcontactform p
{
	font-size:14px;
	font-weight:normal;
	color:#ffffff;
	text-align:left;
}

#phpcontactform input.required
{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:300px;
	margin-bottom:20px;
}

#phpcontactform textarea
{
	float:left;
	font-size:12px;
	border:solid 1px #aacfe4;
	margin-bottom:20px;
}

#phpcontactform input.formbutton
{
	width:62px;
	height:33px;
	background:url(images/buttons_05.png) no-repeat;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	border:none;
}