/*
Theme Name: The Creative Career 2
Theme URI: http://thecreativecareer.com
Description: Default styles for The Creative Career
Version: 2.0
Author: jeff@loudpixel.com
Author URI: http://loudpixel.com
*/

/* Global Styles
--------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande", Helvetica, sans-serif;
	background: #fff url(images/header_bg.gif) repeat-x top;
	font-size: 62.5%;
	color: #333;
}

h1, h2, h3, h4 ul, li, p, img {
	margin: 0;
	padding: 0;
	border: 0;
}

h3 {
	margin: 0 0 10px 0;
	padding: 0 0 4px 2px;
	font-size: 1.6em;
	border-bottom: 1px solid #ddd;
	color: #aaa;
}

h4 {
	font-size: 2em;
}

p {
	font-size: 1.4em;
	line-height: 1.6em;
}

ul {
	margin: 0 0 20px 0;
	padding: 0 0 0 5px;
	list-style-type: none;
	font-size: 1.4em;
	line-height: 1.6em;
}

ol {
	margin: 0 0 20px 30px;
	padding: 0;
	font-size: 1.4em;
	line-height: 1.6em;
}

ol li {
	margin: 0 0 5px 0;
}

ul li {
	margin: 0 0 0 2px;
}

span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style: italic;
	font-weight: normal;
}

#wrap {
	margin: 0 auto;
	width: 960px;
}

/* http://phark.typepad.com/phark/2003/08/accessible_imag.html */
#masthead {
	display: block;
	background: url(images/building_logo.png) no-repeat;
	width: 400px;
	height: 160px;
	float: left;
}

#masthead a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9000px;
}

/* Linkage
--------------------------------------------- */
a:link, a:visited {
	color: #333;
	text-decoration: none;
	color: #798c35;
}

a:hover {
	text-decoration: none;
	color: #455927;
}

/* Navigation
--------------------------------------------- */
#nav {
	float: right;
	margin: 100px 0 0 0;
	padding: 10px 18px 8px 0;
	font-size: 1.4em;
	background: url(images/subscribe_bg.png) no-repeat right top;
}

#nav li {
	margin: 0 0 0 15px;
	display: inline;
}

#nav li.podcast {
	padding: 0 0 0 20px;
	background: url(images/podcast_sm.png) no-repeat;
	margin: 0 0 0 30px;
}

#nav li a {
	padding: 0 0 33px 0;
	text-decoration: none;
	color: #593b2a;
	-webkit-transition: color .2s linear;
}

#nav li a.active, #nav li a:hover.active {
	color: #fff;
	background: url(images/arrow.gif) no-repeat center;
	font-weight: bold;
	text-shadow: #777 1px 1px;
}

#nav li a:hover {
	color: #fff;
	background: none;
}

#nav li.feed a:hover, #nav li.podcast a:hover {
	color: #cbc49f;
}


/* Page Columns
--------------------------------------------- */
#main-content, #sidebar, #sidebar-left, #sidebar-right {
	float: left;
	margin-bottom: 20px;
}

#main-content {
	width: 560px;
	margin-right: 20px;
	margin-top: 40px;
}

#sidebar {
	width: 380px;
	margin-top: 40px;
}

#sidebar-left {
	width: 180px;
	margin-right: 20px;
}

#sidebar-right {
	width: 180px;
}

/* Post Typography
--------------------------------------------- */
.post {
	margin-bottom: 40px;
}

.post h2 {
	font-size: 3em;
	font-weight: normal;
	margin: 0 0 10px 0;
	letter-spacing: -1px;
	font-family: Georgia, serif;
}

.post h2 a {
	color: #333;
}

.post h2 a:hover {
	color: #455927;
}

.post h4 {
	margin: 0 0 10px 0;
}

.post p {
	margin: 0 0 10px 0;
}

p.post-meta {
	margin: 0 0 20px 0;
	padding: 5px 10px;
	font-size: 1.2em;
	background: #f2f0e5;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #999;
}

.post-meta a {
	padding: 0 0 0 20px;
	background: url(images/tiny_bubble.gif) no-repeat center left;
}

/* Post Images
--------------------------------------------- */
img.center {
	display: block;
	text-align: center;
	margin: 0 auto;
}

img.alignleft {
	float: left;
	padding: .9em .5em .5em;
}

img.alignright {
	float: right;
	padding: .9em 0 .5em .5em;
}

img.left {
	float: left;
	padding: .9em .5em .5em;
}

img.right {
	float: right;
	padding: .9em 0 .5em .5em;
}

/* Search Results
--------------------------------------------- */
.search-results h2 {
	border-bottom: 1px solid #ddd;
	font-size: 3em;
	font-family: Georgia, serif;
	font-weight: normal;
	margin: 0 0 40px 0;
}

.search-results .post {
	margin: 0 0 40px 0;
}

.search-results h2 strong {
	font-family: "Lucida Grande";
	background: #ffffaa;
}

.search-results h3 {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1.6em;
}

.search-results .permalink {
	margin: 0;
	color: #777;
	font-size: 1.2em;
}

/* Sidebar Typography
--------------------------------------------- */
p.about {
	background: url(images/about_bg.png) no-repeat center center;
	padding: 20px;
	margin: 0 0 30px 0;
}

ul.subscriptions {
	margin: 30px 0 30px 0;
}

ul.subscriptions li {
	padding: 0 0 0 25px;
	font-weight: bold;
	margin: 0 0 2px 0;
}

li.email {
	background: url(images/email.gif) no-repeat center left;
}

li.feed {
	background: url(images/feed.gif) no-repeat center left;
}

li.twitter {
	background: url(images/twitter.gif) no-repeat center left;
}

li.coffee {
	background: url(images/coffee.png) no-repeat center left;
}

/* Search Form
--------------------------------------------- */
#search p {
	margin: 0 0 20px 5px;
}

#search #s {
	padding: .4em;
	font-size: 1em;
	color: #777;
	width: 265px;
}

#search .search-button {
	padding: 5px 12px;
	margin: 0 0 0 5px;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	border: 1px solid #595959;
	background: #555 url(images/button_bg.gif) repeat-x 50%;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	overflow: visible;
}

/* Comments
--------------------------------------------- */
#comments {
	font-size: 1.8em;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
}

ul.commentlist {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

ul.commentlist li {
	margin: 0;
	padding: 0;
	clear: both;
}

ul.commentlist .comment-text {
	margin: 0 0 20px 0;
	padding: 20px;
	background: #eee;
	float: left;
	width: 420px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

ul.commentlist p {
	margin: 0 0 10px 0;
}

ul.commentlist p.gravatar {
	background: none;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}

ul.commentlist p.author {
	font-weight: bold;
}

ul.commentlist p.author cite {
	font-style: normal;
}

p.gravatar img {
	border: 10px solid #eee;
}

/* Comment Form
--------------------------------------------- */
#respond {
	clear: both;
	margin: 0 0 40px 0;
}

#respond h3 {
	font-size: 1.8em;
	margin: 40px 0 0 0;
}

#respond form {
	margin: 20px 0 0 0;
}

#respond label {
	float: left;
	width: 95px;
	padding: 0 0 0 5px;
	font-size: .8em;
	font-weight: bold;
}

#respond p {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #eee;
}

#respond input {
	padding: .3em;
	font-size: 1em;
	width: 290px;
}

#respond textarea {
	width: 445px;
}

#respond .comment-button {
	padding: 5px 12px;
	margin: 0 0 0 100px;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	border: 1px solid #595959;
	background: #555 url(images/button_bg.gif) repeat-x 50%;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	width: 150px;
	overflow: visible;
}

#respond .no-border {
	border: none;
}

#respond p.subscribe-to-comments {
	height: 25px;
}

#respond p.subscribe-to-comments input {
	float: left;
}

#respond p.subscribe-to-comments label {
	width: auto;
}

/* Footer
--------------------------------------------- */
#footer {
	clear: both;
	margin: 0;
	padding: 20px 0 10px 0;
	border-top: 1px solid #ddd;
	background: #f2f0e5;
	text-align: center;
}

#footer p {
	margin: 0 0 10px 0;
}

.cjjobbox {
        clear:both;
        font-family: "Lucida Grande", Helvetica, sans-serif;
        font-size: 1.4em;
        background: #EEEEE
        padding: 10px;
}