@charset "UTF-8";
/* CSS Document */

strong {
	font-weight:bold;
}

body {
	background:top repeat-x url(../images/okeedoke_wide_bg.jpg);
	background-color: #f4f4dd;
	font: normal 10pt Arial, Helvetica, sans-serif;
}

a {
	text-decoration:none;
	color:#340200;
}

a:hover {
	text-decoration:underline;
}

h2 {
	font:36px Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:.8em;
}

h3 {
	font:18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:5px 0 0 0;
	letter-spacing:-1px;
}

p {
	margin:0 0 10px 0;
}

/* HEADER */

#header_homepage {
	width: 1010px;
	height: 113px;
	margin:0 auto;
	background:left top no-repeat url(../images/okeedoke_header_bg.jpg);
}

#logo {
	height: 113px;
	width: 301px;
	background:left top no-repeat url(../images/okeedoke_studios_logo.jpg);
	float:left;
}

#logo a {
	display:block;
	width:100%;
	height:100%;
}

#navigation {
	height:113px;
	width:639px;
	background:left top no-repeat url(../images/okeedoke_header_bg.jpg);
	float:right;
}

#navigation ul {
	text-align:right;
	padding:15px 0 0 0;
}

#navigation ul li {
	display:inline;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	margin-right:15px;
	letter-spacing:-1px;
}

#navigation ul li:last-child {
	margin-right:0;
}

#navigation ul li a:hover {
	border-bottom:5px solid #340200;
	cursor:pointer;
	text-decoration:none;
}

#quote_button {
	display:block;
	width:219px;
	height:34px;
	float:right;
	margin:20px 0 0 0;
	/* padding:30px 0 20px 0; */
	background:top left no-repeat url(../images/web_design_free_quote.jpg);
}

#quote_button:hover {
	background:top left no-repeat url(../images/web_design_free_quote_hover.jpg);
	cursor:pointer;
}

#quote_button a {
	display:block;
	width:100%;
	height:100%;
}

/* FEATURED WORK BANNER */

#featured {
	height:266px;
	width:1010px;
	margin:0 auto;
}

#featured #left_side {
	height:266px;
	width:275px;
	background:top left no-repeat url(../images/featured_design_left_bg.jpg);
	float:left;
}

#featured #right_side {
	height:266px;
	width:275px;
	background:top right no-repeat url(../images/featured_design_bg_right.jpg);
	float:right;
}

#featured #video {
	height:266px;
	width:460px;
	background:top left no-repeat url(../images/featured_design_video_bg.jpg);
	float:left;
	overflow:hidden;
	cursor:pointer;
}

/* MAIN CONTENT */

#page_heading {
	display:block;
	width:960px;
	margin:0 auto;
	height:70px;
	color:#FFFFFF;
	font:36px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:right;
	padding:130px 0 0 0;
}

#content {
	width:1010px;
	margin:0 auto;
	margin-bottom:25px;
}

#quote {
	margin:15px 0 0 0;
	width:450px;
	height:117px;
	/* background:top right no-repeat url(../images/quote_mark_right.jpg); */
	float:left;
}

#quote h2 {
	font-size:22px;
	padding:5px 0 0 40px;
	text-align:left;
	background:top left no-repeat url(../images/quote_mark_left.jpg);
	font-weight:normal;
}

#quote h3 {
	font-size:16px;
	color:#340200;
	text-align:right;
	padding:5px 0 0 0;
	margin:0;
	font-weight:normal;
}

#intro {
	width:400px;
	float:right;
	padding:30px 50px 0 110px;
}

#intro h1 {
	font-size:28px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#340200;
}

#intro p {
	font-size:20px;
	letter-spacing:-1px;
	color:#000000;
}

#sidebar {
	width:325px;
	padding:30px 0 0 0;
	float:left;
}

#main_content {
	width:640px;
	margin:20px 0 0 0;
	padding:15px 0 0 20px;
	font-size:18px;
	letter-spacing:-1px;
	color:#000000;
	float: right;
	background:top left no-repeat url(../images/web_design_cincinnati_line.jpg);
}

#main_content h1 {
	display:block;
	font-size:40px;
}

#main_content p {
	margin:0 0 20px 0;
}

/* BLOG */

#blog {
	display:block;
	padding:40px 0 0 0;
	background:top left no-repeat url(../images/design_blog_header.jpg);
}

#entry {
	font:15px normal Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
}

span#title {
	color:#340200;
	margin:0 5px 0 0;
}

span#tweet {
	color:#340200;
}

span#author {
	color:#590400;
}

span#date {
	display:block;
	clear:both;
	color:#bf9b50;
	margin:0 0 20px 0;
	font:14px normal Arial, Helvetica, sans-serif;	
}

#twitter {
	display:block;
	padding:50px 0 0 0;
	background:top left no-repeat url(../images/twitter_feed_header.jpg);
}

#subscribe_button {
	display:none;
	width:111px;
	height:24px;
	/* padding:30px 0 20px 0; */
	margin:0 0 20px 0;
	background:top left no-repeat url(../images/blog_subscribe_button.jpg);
}

/*
#subscribe_button:hover {
	background:top left no-repeat url(../images/blog_subscribe_button_hover.jpg);
	cursor:pointer;
}

#subscribe_button a {
	display:block;
	width:100%;
	height:100%;
} */

#follow_button {
	display:block;
	width:94px;
	height:23px;
	/* padding:30px 0 20px 0; */
	background:top left no-repeat url(../images/twitter_follow_button.jpg);
}

#follow_button:hover {
	background:top left no-repeat url(../images/twitter_follow_button_hover.jpg);
	cursor:pointer;
}

#follow_button a {
	display:block;
	width:100%;
	height:100%;
}

/* FOOTER */

#footer {
	height:247px;
	width:1010px;
	margin:0 auto;
	background:top left no-repeat url(../images/cincinnati_skyline_footer.jpg);
	font:12px normal Arial, Helvetica, sans-serif;
	color:#f4f4dd;
	text-align:right;
	clear:both;
	letter-spacing:0px;
}

#footer span#contact {
	display:block;
	padding:140px 30px 0 0;
}

#footer span#about {
	display:block;
	padding:25px 30px 0 0;
}

#footer span#copyright {
	display:block;
	padding:15px 30px 0 0;
}

#footer a {
	color:#FFFFFF;
}