/*
Theme Name: Ambiguous
Theme URI: http://themeforest.net/?ref=Maximus
Description: A bold, clean, fun wordpress portfolio theme
Version: 1.0
Author: Maximus
Author URI: http://themeforest.net/?ref=Maximus
*/

html, body, .wrapper
{
	height:100%;
}
body > .wrapper
{
	height:auto;
	min-height:100%;
}
body
{
	margin:0;
	padding:0;
	color:#414242;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#e9e8e8 url(images/bg.jpg) repeat-x;
}
body#not_home
{
	background:#e9e8e8 url(images/bg_small.jpg) repeat-x;
}
.wrapper
{
	width:970px;
	margin:0 auto;
	padding:0 15px 52px 15px;
}
#header
{
	width:970px;
	height:50px;
	background:url(images/header_bg.jpg) no-repeat;
	overflow:hidden;
}
#header ul
{
	margin:16px 0 0 0px;
	padding:0;
	float:right;
	list-style:none;
}
#header ul li
{
	float:left;
	margin:0 0 0 30px;
	padding:0;
}
#header ul li a
{
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}
#header ul li a:hover,
#header ul li.current_page_item a
{
	border-bottom:1px dotted #1486b8;
}
#header h1
{
	margin:0 15px 0 2px;
	padding:0;
	width:114px;
	line-height:500px;
	overflow:hidden;
	display:block;
	width:277px;
	height:50px;
	float:left;
	background:url(images/blog-logo.gif) no-repeat top left;
	/* JACKIE: changed width from 277 and then back to 305 */
}
#header h1 a
{
	line-height:500px;
	overflow:hidden;
	display:block;
	width:277px;
	height:50px;
	/* JACKIE: this is where the MEET JOHN FOX logo lives */
	/* JACKIE: changed width from 277 to 305 and back*/
}
#header div
{
	float:left;
	color:#9ed5ec;
	font-size:12px;
	/* JACKIE: here is the tagline font-size (was 11px) (can change font style normal) */
	/*font-style:italic;*/
	font-weight:bold;
	margin:19px 0 0 0;
}
#main {
	margin-top: 0px;
}
#home_content
{
	color:#FFF;
	/*background:url(images/home_content_bg.png) no-repeat;*/
	height:460px;
	width:970px;
}
#home_content .right_featured
{
	margin:50px 0 0 0;
	float:right;
	width:235px;
	text-align:left;
}
#home_content h2
{
	margin:0;
	padding:0;
	color:#FFF;
	font-size: 26px;
	letter-spacing:-0.5px;
}
#home_content h2 a
{
	color:#FFF;
	text-decoration:none;
}
#home_content h2 a:hover
{
	text-decoration:underline;
}
#home_content p
{
	margin:20px 0;
	padding:0;
	color:#d3f2ff;
	font-size:14px;
	line-height:25px;
}
.view_project
{
	width:114px;
	height:30px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	display:block;
	overflow:hidden;
	font-size:12px;
	background:url(images/view_project.png) no-repeat;
	padding:11px 0 0 40px;
}
.view_project:hover
{
	text-decoration:underline;
}
.clear
{
	clear:both;
	display:block;
}
.blue_arrow
{
	background:url(images/blue_arrow.png) no-repeat top right;
	padding:2px 55px 7px 0 ;
	font-size:15px;
	font-weight:bold;
	color:#2b2b2b;
	text-decoration:none;
	margin:20px 0 0 0;
	display:inline-block;
}
.blue_arrow:hover
{
	text-decoration:underline;
}
#previous_arrow
{
	background:url(images/black_arrows.png) no-repeat top left;
	width:20px;
	height:20px;
	display:block;
	line-height:500px;
	overflow:hidden;
	position:absolute;
	left:-8px;
	top:215px;
	z-index:1;
	color:transparent;
	float:left;
}
#next_arrow
{
	background:url(images/black_arrows.png) no-repeat 0px -20px;
	width:20px;
	height:20px;
	display:block;
	line-height:500px;
	overflow:hidden;
	position:absolute;
	right:-8px;
	top:215px;
	z-index:1;
	color:transparent;
	float:right;
}

.post_meta img,
.post_content img
{
	margin:0 0 10px 0;
}
#portfolio_featured
{
	position:relative;
	width:690px;
	height:425px;
	padding:20px 0 0 0;
	background:url(images/portfolio_featured.png) no-repeat transparent;
	top:27px;
}
#portfolio_featured img
{
	width:685px;
	border:0;
}
#portfolio_image_dock
{
	width:685px;
	height:402px;
	overflow:hidden;
	position:relative;
	left:2px;
	border-bottom:1px solid #888888;
	}
.portfolio_dock
{
	background:url(images/portfolio_featured.png) no-repeat;
	padding:20px 0 0 2px;
	width:690px;
	/*height:405px;*/
	overflow:hidden;
	margin:20px 0;
	display:block;
	clear:both;
}
.portfolio_dock img
{
	width:685px;
	border:0;	
}
.limit
{
	height:383px;
	overflow: hidden;
}
#commentform
{
	margin:0;
	padding:0;
	width:685px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#404040;
}
#commentform .input,
#commentform .textarea
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#404040;
	background:#FFF url(images/input_bg.jpg) repeat-x;
	border:1px solid #cfcfcf;
	display:block;
	padding:10px 15px;
	width:550px;
	margin:0 0 15px 0;
}
#commentform .textarea
{
	height:110px;
}
#commentform #submit
{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/view_project.png) no-repeat;
	padding:0px 0px 0px 25px;
	margin:0 0 0 0;
	border:0;
	width:152px;
	height:39px;
}
#commentform .right
{
	float:right;
	padding-top:10px;
	font-size:12px;
	font-style:italic;
}
#commentform .red
{
	color:#c61111;
}
#comment_list
{
	margin:0;
	padding:0 0 25px 100px;
	list-style:none;
	font-size:13px;
}
#comment_list li
{
	margin:0 0 10px 0;
	padding:0;
	clear:both;
	width:100%;
	position:relative;
}
#comment_list img
{
	border:1px solid #cfcfcf;
	width:78px;
	margin:0 0 10px 0;
}
#comment_list li a
{
	color:#33707e;
	text-decoration:underline;
}
#comment_list li a:hover
{
	text-decoration:none;
}
#comment_list li.comment_end
{
	clear:both;
	height:1px;
	margin:0 0 0 0;
	padding:0;
}
.comment_meta
{
	width:80px;
	margin:0 20px 0 0;
	text-align:right;
	position:absolute;
	left:-100px;
}
.comment_meta span
{
	display:block;
	margin:5px 0 0 0;
	font-size:10px;
	font-style:italic;
	color:#727272;
}
#comment_list li .comment_meta span a
{
	color:#727272;
	text-decoration:none;
}
#comment_list li .comment_meta span a:hover
{
	text-decoration:underline;
}
.comment_text
{
	background:#FFF;
	color:#404040;
	border:1px solid #cfcfcf;
	display:block;
	padding:10px 15px 85px 15px;
	width:550px;
	margin:0 0 10px 0;
}
.comment_text p
{
	margin:0 0 10px 0;
	padding:0;
	font-size:13px;
	line-height:21px;
}
#form_avatar
{
	float:left;
	width:100px;
}
#form_data
{
	float:left;
	width:580px;
}
#form_data p
{
	margin:0 0 10px 0;
	padding:0;
}
hr
{
	clear:both;
	display:block;
	height:1px;
	background:#b9b9b9;
	width:100%;
	border:0;
	margin:10px 0 20px 0;
	padding:0;
}

#commentform .hidden
{
	display:none;
}
h3
{
	margin:25px 0;
	padding:0;
}
#page_header
{
	height:91px;
}
#page_header h2
{
	margin:18px 0 0 0;
	float:left;
	padding:12px 0 0 55px;
	color:#FFF;
	/* JACKIE: here is the changed icon for MY STORY. Note, I changed it back to default image since adding additional pages */
	background:url(images/page_icon.png) no-repeat center left;
	font-size:22px;
	height:45px;
}
#page_header h2#mystory_icon
{
	background:url(images/my-story_icon.gif) no-repeat center left;
	/* JACKIE: here is the changed icon for MY STORY but didnt work - code not being called */
}
#page_header h2#blog_icon
{
	background:url(images/blog_icon.png) no-repeat center left;
}
#page_header h2#portfolio_icon
{
	background:url(images/portfolio_icon.png) no-repeat center left;
}
.content
{
	width:690px;
	float:left;
	margin:0 45px 0 0;
	font-size:12px;
}
.content .post
{
	border-bottom:1px solid #b9b9b9;
	padding:20px 0;
	font-size:12px;
	/* JPF - Here is where you change width btw posts- changed from 30 */
}
.content .post h2
{
	width:420px;
	color:#2b2b2b;
	margin:10px 0;
	padding:0;
	font-size:23px;
	letter-spacing:-0.5px;
}
.content .post.single_post h2
{
	margin:0 0 5px 0;
	width:625px;
}
.content .post h2 a
{
	color:#2b2b2b;
	text-decoration:none;
}
.content .post h2 a:hover
{
	text-decoration:underline;
}
.content .single_page h2
{
	border-bottom:1px solid #b9b9b9;
	width:auto;
	font-size:20px;
	margin:5px 0 15px 0;
	padding:0 0 10px 0;
}
.content .post.single_page
{
	padding-top:13px;
	border-bottom:0;
}
.content .post_content
{
	margin:20px 0;
}
.post ul
{
	margin:5px 0 30px 0;
	padding:0 0 0 10px;
	list-style:none;
}
.post ul li
{
	margin:0 0 5px 15px;
	padding:5px 0 0 15px;
	background:url(images/li.png) no-repeat 0 6px;
}
.post ol
{
	margin:5px 0 30px 0;
	padding:0;
}
.post ol li
{
	margin:0 0 5px 45px;
	padding:0;
}
.post a,
#commentform a
{
	color:#33707e;
	text-decoration:underline;
}
.post a:hover,
#commentform a:hover
{
	text-decoration:none;
}
.content .post p
{
	font-size:12px;
	line-height:21px;
}
.post_icon
{
	float:left;
	margin:0 25px 0 0;
	_margin:0 10px 0 0;	
	width:150px;
	height:150px;
}
.post_icon a
{
	border:1px solid #b9b9b9;
	width:150px;
	height:150px;
	color:transparent;
}
.post_icon img
{
	width:150px;
	height:150px;
	border:0;
}
.post_meta
{
	float:left;
	width:515px;
}
.post_meta span,
span.date_meta
{
	font-weight:bold;
	color:#6f6f6f;
	font-size:12px;
}
.comments_icon
{
	width:46px;
	height:46px;
	background:url(images/comments_icon.png) no-repeat;
	float:right;
	overflow:hidden;
}
.comments_icon a
{
	width:44px;
	height:39px;
	text-align:center;
	display:block;
	color:#2b2b2b;
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	padding-top:7px;
}
.comments_icon a:hover
{
	text-decoration:underline;
}
.sidebar
{
	float:left;
	width:235px;
}
.sidebar h2
{
	color:#2b2b2b;
	margin:15px 0 4px 0;
	padding:10px 0 7px 0;
	font-size:16px;
	border-bottom:1px solid #b9b9b9;
}
.sidebar h2#icon_search
{
	background:url(images/icon_search.png) no-repeat 0 7px;
	padding-left:37px;
}
.sidebar h2#icon_bio
{
	background:url(images/icon_bio.png) no-repeat top left;
	padding-left:37px;
	padding-bottom:13px;
}
.sidebar h2#icon_twitter
{
	background:url(images/icon_twitter.png) no-repeat 0 2px;
	padding-left:37px;
	
}
.sidebar h2 a
{
	color:#2b2b2b;
	text-decoration:none;
}
#searchform
{
	margin:0;
	padding:0;
	width:235px;
	height: 30px;
	overflow: hidden;
}
.sidebar form #search_input
{
	background:url(images/search_form.jpg) no-repeat top left;
	width:165px;
	height:23px;
	float:left;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#414242;
	font-style:italic;
	padding:7px 10px 0 10px;
}
.sidebar form #search_submit
{
	background:url(images/search_form.jpg) no-repeat top right;
	width:40px;
	height:30px;
	float:left;
	border:0;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.sidebar ul
{
	margin:0;
	padding:0;
	list-style:none;
}
.sidebar ul li
{
	margin:0;
	padding:0;
}
.sidebar p
{
	color:#414242;
	font-size:12px;
	text-align:justify;
	margin:15px 0;
	padding:0;
	line-height:18px;
}
.sidebar p a,
.sidebar ul li a
{
	color:#00567b;
	text-decoration:underline;
}
.sidebar p a:hover,
.sidebar ul li a:hover
{
	text-decoration:none;
}
.sidebar p span
{
	display:block;
	color:#7d7d7d;
	font-size:11px;
	font-style:italic;
}
.sidebar p span a
{
	color:#7d7d7d;
	text-decoration:none;
}
.sidebar p span a:hover
{
	color:#2b2b2b;
	text-decoration:underline;
}
#footer
{
	margin:-2px 0 0 0;
	clear:both;
	display:block;
	height:52px;
	background:url(images/footer_bg.jpg) repeat-x;
	position:relative;
	z-index:10;
}
#footer .wrapper
{
	padding:20px 0 0 0;
	height:32px;
	background:url(images/footer_bg_container.jpg) no-repeat;
	color:#c5c4c4;
	font-size:11px;
	font-weight:bold;
}
#footer .wrapper a
{
	color:#FFF;
	text-decoration:none;
}
#footer .wrapper a:hover
{
	text-decoration:underline;
}
#footer .wrapper .right
{
	float:right;
}
blockquote
{
	display:block;
	line-height:1.2em;
	font-style:italic;
	padding:0px 20px 20px 30px;
	margin:20px 0;
	background:url(images/quotes.png) no-repeat;
}
.sidebar .widget ul
{
	margin:0 0 0 5px;
	padding:0;
}
.sidebar .widget ul li
{	
	margin:0 0 2px 0px;
	padding:5px 0 0 20px;
	background:url(images/li.png) no-repeat 0 6px;
	/* JPF Here is where remove the bullets or add different image */
}
.sidebar li.widget
{
	margin:0 0 20px 0;
	/* JPF Here is where you change width btw widgets-changed from 45 */
}

/* JACKIE: Here is the sidebar-socials styling section, please call if you have any questions. Also added free training code here as well */

.sidebar ul li.sidebar-socials		{ margin: 0 0 20px; }
.sidebar-socials ul					{ margin: 0; padding: 0; width: 100% }
.sidebar-socials li					{ display: inline; float: left; height: 36px; }
.sidebar-socials li a				{ display: block; height: 36px; width: 50px; }
.sidebar-socials li a.last			{ width: 35px; }

.sidebar-facebook,
.sidebar-myspace,
.sidebar-twitter,
.sidebar-youtube,
.sidebar-rss						{ background-image: url(images/sidebar-socials.gif); background-repeat:no-repeat; }

.sidebar-facebook 					{ background-position: 0 0;}
.sidebar-myspace					{ background-position: 0 -36px; }
.sidebar-twitter					{ background-position: 0 -72px; }
.sidebar-youtube					{ background-position: 0 -108px; }
.sidebar-rss						{ background-position: 0 -144px; }

/* JPF: Added free training code */
/*
.sidebar ul li.side-button			{ height: 40px; background: url(images/free-training.gif); }
.sidebar ul li.side-button h2		{ border-bottom: none; margin-bottom: 40px;  font-size: 17px; font-variant:small-caps; }
.sidebar ul li.side-button h2 a		{ color: #FFF; padding: 10px 0 0 15px; text-decoration: none; }
*/

/* JACKIE: here are the icons for the sidebar widgets */

.sidebar h2#get-social				{ background: url(images/social-icon.gif) no-repeat 0 7px; padding-left: 37px; } /* GET SOCIAL */
.sidebar li.widget_links h2			{ background: url(images/my-links.gif) no-repeat 0 7px; padding-left: 37px; } /* MY LINKS */
.sidebar li.widget_recent_entries h2{ background: url(images/recent-posts.gif) no-repeat 0 7px; padding-left: 37px; } /* RECENT POSTS */
.sidebar li.widget_text h2			{ background: url(images/free-training-icon.gif) no-repeat 0 7px; padding-left: 37px; } /* Text */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}