/* CSS Document */

/* RESET DEFAULT STYLES */

* {margin:0px; padding:0px;} /* normalizes margin, padding */
div {position:relative;} /* to help with position:absolute and z-index */
a {outline:none;} /* firefox fix */
h1,h2,h3,h4,h5,h6 {font-size:100%;}
ol, ul {list-style:none;} /* removes bullets from lists */
table {border-collapse:collapse; border-spacing:0px;}
fieldset, img {border:none;} /* removes border */
caption, th {text-align:left;} /* default is center */
html {overflow-y:scroll;} /* forces space for scrollbar so that centered site does not shift with longer content */

/* SOME COMMON STYLES */
/* for forms */
.warning_msg {color:#FF0000;}
.confirmation_msg2 {color:#009900;}
#content_wrapper .confirmation_msg {
	color:#000000;
	background-color:#FFFFCC;
	padding:12px 6px;
	border:1px solid #666666;
	width:90%;
	margin-bottom:18px;
	font-weight:bold;
}
.form_label {text-align:right;}
.form_input {text-align:left;}
.clear_floats {clear:both;}
.clear_left {clear:left;}
.clear_right {clear:right;}
hr {border:0px;height:1px;background-color:#cccccc;margin-bottom:16px;}
.img_float_left {float:left;margin:10px 12px 10px 0px;}
.img_float_right {float:right;margin:10px 0px 10px 12px;}
.float_left {float:left;}
.float_right {float:right;}
#content_wrapper p.float_right {padding:0px;}

/* MAIN STYLES */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1,h2,h3,h4,h5,h6 {
	font-family:'IM Fell DW Pica', Arial, Helvetica, sans-serif; 
	text-transform:none;
	font-weight:500;
}

#my_account h1,#my_account h2,#my_account h3,#my_account h4,#my_account h5,#my_account h6 {font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;text-transform:none;font-weight:bold;}

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

#masthead {
	height:200px;
	z-index:1;	
}

#masthead img {position:absolute;bottom:0px;left:0px;}
#about #masthead img, #blog #masthead img {border-bottom:2px solid #FFFFFF;}
#masthead #dot_com {top:-10px;left:-20px;}
#contact #masthead img {top:-20px;left:-30px;}
#services #masthead img {top:20px;left:0px;}
#portfolio #masthead img {top:0px;left:0px;}
#my_account #masthead #keys {left:20px;}
#code_ie6 {display:none;}

#masthead h1 {
	background-image:url(../images/txt_sweet_thursday.png);
	width:522px;
	height:41px;
	text-indent:-9999px;
	position:absolute;
	bottom:10px;
	left:150px;
}

#navigation {z-index:200;}
#navigation li {float:left;}
#navigation a {
	display:block;
	background-image:url(../images/btn_navigation.png);
	background-position:top left;
	width:150px;
	height:44px;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	line-height:34px;
	text-decoration:none;
	text-transform:none;
}

#navigation a:hover {background-position:top right;}

/* on page states */
#home #navigation .link_home a,
#services #navigation .link_services a,
#contact #navigation .link_contact a,
#portfolio #navigation .link_portfolio a,
#my_account #navigation .link_account a,
#about #navigation .link_about a {background-position:top right;}

#content_wrapper a {color:#000000;font-weight:bold;text-decoration:underline;}
#content_wrapper a:hover {text-decoration:none;}

#content_wrapper > div {
	width:300px;
	float:left;	
}

#content_wrapper div .padding {padding:12px 32px 12px 0px;}
#content_wrapper #right_column .padding {padding-right:0px;}

/* ONE COLUMN */
.one_column #left_column {width:900px;}

/* TWO COLUMN */
.two_columns #left_column {width:600px;}
.two_columns #right_column {width:300px;}


#content_wrapper h1 {font-size:20px;}
#my_account #content_wrapper h1 {font-size:16px;}

#content_wrapper p,
#content_wrapper h1 {padding-bottom:16px;}

#content_wrapper h2 {font-size:14px;}

#content_wrapper ul,
#content_wrapper ol {margin-bottom:16px;margin-left:24px;}
#content_wrapper ul {list-style-type:disc;}
#content_wrapper ol {list-style-type:decimal;}
#content_wrapper li {line-height:16px;}
.blog #content_wrapper h2 {padding-bottom:16px;}
.blog #content_wrapper #right_column h2 {padding-bottom:4px;}
.blog #content_wrapper li {padding-bottom:8px;}
.blog #content_wrapper #right_column ul {list-style-type:none;margin:0px 0px 0px 36px;}
.blog #content_wrapper h3 {font-size:14px;padding-left:0px;margin-left:0px;}
.blog #content_wrapper #right_column ul ul {margin:0px 0px 0px 12px;}
.blog #content_wrapper #right_column ul ul li {padding-bottom:2px;}

.blog #content_wrapper #right_column .aktt_tweets li {padding-bottom:12px;}

#content_wrapper p {line-height:17px;}

#content_wrapper th, #content_wrapper td {padding:2px 8px 2px 0px;}

/* FORMS */
#content_wrapper form p {overflow:hidden;padding-bottom:12px;position:relative;display:block;}
p .column, p .column2 {display:block;float:left;position:relative;}
p .column2 input {display:block;}
p .column {width:125px;}
fieldset {
	border:1px solid #999999;
	padding:12px;
	margin-bottom:12px;
}
fieldset p {padding-left:25px;}
legend {font-weight:bold;padding:0px 5px;font-size:14px;color:#000000;}

.mailings p .column2 {width:300px;}
.mailings p .column2 input {float:left;clear:left;margin-right:5px;}
.mailings p .column2 label strong {display:block;width:300px;}

/* ACCOUNT PAGES */
/* dashboard */

.dashboard #left_column .padding, .detail_pages #left_column .padding {padding-right:0px;}
#dashboard_header {height:24px;margin-bottom:16px;}
#dashboard_header h1 {position:absolute;top:0px;width:50%;}
#dashboard_header .title {left:0px;}
#dashboard_header .balance {right:0px;text-align:right;}

.dashboard_box {width:290px;height:150px;float:left;margin:0px 0px 50px 0px;}
.two {width:300px;margin-left:10px;}
.three {left:10px;}
.dashboard_box h2 {
	padding:6px;
	background-color:#eeeeee;
	border:1px solid #cccccc;
	/*border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;*/
	font-size:14px;
}

.dashboard_box h3 {padding:2px 6px;}

.dashboard_box .box_border {border:1px solid #CCCCCC;border-top:none;height:100%;}

#my_account #content_wrapper .box_border li, #my_account #content_wrapper .box_border p  {padding:0px 5px;font-size:11px;}

#my_account #content_wrapper .box_border ul {margin:0px;list-style-type:none;}
#my_account #content_wrapper .box_border li {line-height:21px;overflow:hidden;}
.box_border li span {display:block;float:left;}
.box_border li .link {width:20%;text-align:right;}
.box_border li .title {width:79%;}
.odd, .category {background-color:#eeeeee}
.category {font-size:14px;}
#my_account #content_wrapper .box_border hr {margin:8px 0px;}

.payments li .title {width:30%;text-align:left;}
.payments li .date {width:40%;text-align:left;}
.payments li .link {width:30%;text-align:right;}

#content_wrapper .data_table {
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	margin-bottom:12px;
	width:100%;
}
#content_wrapper .data_table th, #content_wrapper .data_table td {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	vertical-align:top;
	padding:5px;
}

.td_right {text-align:right;}

/* project detail page */
#content_wrapper .float_table {
	width:45%;
	float:left;
	margin-right:3%;
}

#content_wrapper .float_table th {
	width:80px;
}

#content_wrapper .charges_table {
	width:200px;
}

#project_description {width:600px;margin-bottom:16px;}


#content_wrapper .paging_links, #content_wrapper .paging_links a {color:#666666;}
#content_wrapper .paging_links a, #content_wrapper .paging_links strong {margin-right:4px;text-decoration:none;}
#content_wrapper .paging_links strong, #content_wrapper .paging_links a:hover {color:#000000;text-decoration:underline;}


/* payment page */
.payment_page #content_wrapper h2 {
	font-size:14px;
	background-color:#CCCCCC;
	width:50%;
	line-height:22px;
	margin-bottom:20px;
	border-bottom:1px solid #888888;
	border-right:1px solid #888888;
}


#footer {
	clear:both;
	text-align:center;
	border-top:1px solid #CCCCCC;
	padding-top:16px;
}

#footer p, #footer p a {color:#8e8e8e;font-size:11px;}

#footer_image {text-align:center;}

/* PORTFOLIO PAGE: Scrollable Items */

#portfolio #left_column img, #portfolio #right_column img {border:1px solid #666666;}
#portfolio #right_column {text-align:right;}
#portfolio #right_column img {margin-bottom:24px;}
#portfolio #right_column .padding {padding-right:0px;}
#portfolio #right_column .img_float_left {float:none;margin:0px 0px 0px 0px;}

#portfolio #left_column {width:100%;}
#portfolio #left_column .padding {padding:0px;}
#portfolio #footer {border:none;}

/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 460px;	 
	width: 100%;
	border-top:1px solid #ddd;	
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
	width:100%;
}

/* single scrollable item */
#content_wrapper #left_column .items div {
	border-bottom:1px solid #cccccc;
	margin:10px 0;
	padding:15px 0px;
	font-size:12px;
	height:180px;
	width:100%;
}

/* elements inside single item */
#portfolio #left_column .items img {
	float:left;
	margin-right:60px;
	border:1px solid #000000;
}

.items h1, .items h2, 
#content_wrapper #left_column .items h1 a, 
#content_wrapper #left_column .items h2 a  {
	margin:0 0 5px 0;
	font-size:16px;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}

#content_wrapper #left_column .items h1 a:hover, 
#content_wrapper #left_column .items h2 a:hover {text-decoration:underline;}

#content_wrapper #left_column .items p {
	font-size:14px;
	color:#000000;
	width:80%;
	clear:none;
}

/* the action buttons above the scrollable */
#actions {
	width:100%;
	margin:4px 0px 4px 0px;
	height:30px;
}

#actions a, #content_wrapper .btn_links, #content_wrapper .btn_links_small {
	font-size:14px;	
	cursor:pointer;
	color:#222222;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #888888;
	padding:3px 12px;
	margin-left:6px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#content_wrapper .btn_links_small {
	font-size:11px;
	padding:0px 3px;
	margin-left:0px;
}

#content_wrapper h2 .btn_links_small {
	font-size:12px;
	padding:1px 4px;
	margin-left:6px;
}

#actions a:hover, #content_wrapper .btn_links:hover, #content_wrapper .btn_links_small:hover {
	text-decoration:none;
	color:#777777;
}

.disabled {
	display:none;	
}

.nextPage {float:left;}
.prevPage {float:left;margin-right:12px;}

.my_account_users td p span.column {display:none;}	

#content_wrapper #little_girl {
	width:286px;
	float:left;
	margin-right:30px;
	text-align:center;
}

#little_girl img {}

#content_wrapper #little_girl p {
	padding-bottom:20px;
	text-align:center;
	font-size:20px;
	line-height:24px;
}

#four_oh_four {position:absolute;top:40px;right:100px;width:400px;}

#social_icons {
	width:32px;
	height:200px;
	position:fixed;
	top:200px;
	right:2px;
	z-index:500;
}

#social_icons a {
	display:block;
	width:32px;
	height:32px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	margin-bottom:3px;
}

#link_glens_blog {background-image:url(../images/glens_blog_icon.jpg);}
#link_twitter {background-image:url(../images/Twitter.png);}
#link_facebook {background-image:url(../images/Facebook.png);}

#social_icons #link_twitter:hover,
#social_icons #link_facebook:hover, 
#social_icons #link_glens_blog:hover {background-position:top right;}