/*
Theme Name: JasonBobich.com
Description: Oh, it's awesome.
Author: Jaosn Bobich
Author URI: http://www.jasonbobich.com
*/
 
/*  Los Angeles THEME  */
/*  CORE STYLESHEET   */

/* Stylesheet IMPORT LOS ANGELES */
@import url(assets/css/core.css);

/* PRIMARY LAYOUT CHANGES */

body {
	background-image: none;	
}

/* 
#page {
	padding: 0;
	margin-right: 50px;
	margin-left: 20px;
	width: 650px;
}

#page .author {
	width: 650px;
}

#page .author .info {
	width: 547px;
}

#page ul#entries li {
	width: inherit;
}
*/
#page ul#entries li .entry {
	padding-top: 5px;
	float: left;
}

#page ul#entries li .img_link {
	float: left;
	margin-right: 15px;
}

/* 
#sidebar {
	padding: 0;
	width: 260px;
	margin-right: 20px;
}
*/

#page #comments {
	border-bottom: none;
}

a {
	color: #2377a7;	
}

a:hover {
	color: #00a2ff;	
}

#page h2 a, #page a {color: #2377a7;}
#page h2 a:hover, #page a:hover { color: #00a2ff; }
#page ul#entries li .entry small a, #page ul#entries li .entry p a, #content ul.quick_links li a { color:#2377a7;}

.photo {
	border: 1px solid #ccc;
	padding: 3px;
}

#header {
	height: auto;	
	margin-top: 0;
	background: #282828;
	border-bottom: 1px solid #000;
}

#home-display {
	background: url('assets/img/custom/ornate-white.png');
	text-align: center;
}

#container-wrapper {
	background: url('assets/img/custom/content-bg.png') repeat-x;	
}

#content {
	margin-top: 0;
}

#content .entry h2 {
	padding: 5px 0;
	margin: 0;
}

#page .title {
	margin: 0;
}


/* HEADER */

#header #logo {
	float: left;
	margin-top: 5px;
}

#header ul {
	float: left;
	padding: 15px 0 0 0;
}

#header li {
	float: left;	
}

#header li a {
	color: #e1e1e1;
	padding: 10px;
	font-size: 13px;
	font-style: italic;
}

#header li a:hover {
	color: #fff;	
}

#header .search {
	margin-top: 9px;	
}

#header .search input {
	border:1px solid #000000;
}

#navigation {
	margin: auto;
	overflow: hidden;
	padding: 0 0 5px 0;
	width: 980px;
}

#header .social {
	float: right;
	width: 76px;
	height: 20px;
	display: block;
	background-image: url(assets/img/custom/social.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin: 10px 7px 0 7px;
}

#header .twitter {
	background-position: 0 0;	
}

#header .twitter:hover {
	background-position: 0 -20px;	
}

#header .facebook {
	background-position: 0 -40px;	
}

#header .facebook:hover {
	background-position: 0 -60px;	
}

/* FOOTER */

#footer {
	color: #ccc;
	text-align: center;	
}

.footer-ads {
	padding: 25px 0 15px 0;
}

.footer-ads img {
	padding: 5px;
	background: #ccc;
	border: 1px solid #000;
}

/* SIDEBAR */

.themes-feed img {
	margin: 0 4px 4px 0;
}

.themes-feed a img {
	border: 1px solid #ccc;
}

.themes-feed a:hover img {
	border: 1px solid #000;
}

.adrotate_widget img {
	padding-right: 2px;
}

/* FOLLOW MY WORK */

#follow {
	background: url('assets/img/custom/follow-bg.png') repeat-x;
	overflow: hidden;
}

#follow #follow-inner {
	margin: auto;
	width: 960px;
}

#follow #follow-inner .follow-box {
	margin: 20px 10px 21px 10px;
	float: left;
}

#follow #follow-inner .follow-box a {
	display: block;	
	width: 220px;
	height: 104px;
	text-indent: -99999px;
	background: url('assets/img/custom/follow-me-buttons.png') no-repeat;
}

#follow #follow-inner .follow-box a.follow01 {
	background-position: 0 0;
}

#follow #follow-inner .follow-box a.follow01:hover {
	background-position: 0 -104px;
}

#follow #follow-inner .follow-box a.follow02 {
	background-position: 0 -208px;
}

#follow #follow-inner .follow-box a.follow02:hover {
	background-position: 0 -312px;
}

#follow #follow-inner .follow-box a.follow03 {
	background-position: 0 -416px;
}

#follow #follow-inner .follow-box a.follow03:hover {
	background-position: 0 -520px;
}

#follow #follow-inner .follow-title {
	background: url('assets/img/custom/follow-my-work.png')	center left no-repeat;
	width: 220px;
	height: 104px;
	text-indent: -99999px;
}

/* CONTACT FORM */ 

#contact {
	position: relative;
}

#contact #sent {
	display: none;
}

#contact h3 {
	margin-bottom: 20px;	
}

#contact label.error {
	color: #990000;
	padding: 5px 0 5px 90px;
	display: block;
	font-size: 11px;
}

#contact fieldset {
	margin-bottom: 10px;
}

#contact input, #contact textarea {
	padding: 5px;
	font-family: "Lucida Grande", "Liberation Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#contact textarea {
	width: 350px;
	height: 200px;
}

#contact legend {
	padding: 0 2px;
	font-weight: bold;
}

#contact label.name {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}

#contact fieldset ol {
	margin: 0;
	padding: 0;
}

#contact fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	background-image: none;
}

#contact label.name {
	width: 85px; /* Width of labels */
}

#contact .submit {
	cursor: pointer;
	padding: 5px 10px;
}

#contact .honeypot {
	display: none;	
}

	/* CONTACT FORM - skin */
	
	#contact input, #contact textarea {
		background-color: #ffffff;
		color: #666;
		border: 1px solid #cccccc;
	}
	
	#contact .submit {
		background-color: #ffffff;
		border: 1px solid #cccccc;
	}
	
	#contact .submit:hover {
		background-color: #f2f2f2;
	}
	
/* SIDEBAR WIDGET TABS */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 258px;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}

ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 11px;
	padding: 0 5px;
	border: 1px solid #fff;
	outline: none;
}

ul.tabs li a:hover {
	background: #ccc;
}
	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	background: #fff;
	width: 258px;
}

.tab_container ul {
	border-top: 1px dashed #ccc;
}

.tab_container li a {
	display: block;
	padding: 8px 0;
	border-bottom: 1px dashed #ccc;
}

.tab_content {
	padding: 20px;
	font-size: 1.2em;
}

.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}

.tab_content h3 a{
	color: #254588;
}

.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}


/* ADDED TYPOGRAPHY ELEMENTS */

code {
	background: url(layout/images/code_bg.png);
	border: 1px solid #C7C7C7;
	display: block;
	margin-bottom: 10px;
	overflow-x: visible;
	overflow-y: hidden;
	font-family: Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
	font-size: 11px;
	line-height:19px;
	padding: 0 5px;
}

.clean {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.clean th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
	background: #f2f2f2;
}

.clean td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
}

/* SHORT CODES */

.shortcode {
	background-position: 0 100%;
	background-repeat: repeat-x;
	display: block;
	margin: 15px 0;
}

.shortcode div {
	background: 10px 12px no-repeat;
	display: block;
	margin: 0;
	padding: 8px 10px 8px 36px;
}

.alert {
	background-color: #FFFBFB;
	background-image: url(layout/images/shortcodes/alert.png);
	border: 1px solid #F8C9BB;
	color: #D0583F;
}

.alert .icon {
	background-image: url(layout/images/shortcodes/alert-icon.png);
}

.approved {
	background-color: #FAFDF9;
	background-image: url(layout/images/shortcodes/approved.png);
	border: 1px solid #C1CEC1;
	color: #6CB656;
}

.approved .icon {
	background-image: url(layout/images/shortcodes/approved-icon.png);
}

.attention {
	background-color: #FFFDF6;
	background-image: url(layout/images/shortcodes/attention.png);
	border: 1px solid #E4E4D5;
	color: #E1B42F;
}

.attention .icon {
	background-image: url(layout/images/shortcodes/attention-icon.png);
}

.camera {
	background-color: #F6FBFB;
	background-image: url(layout/images/shortcodes/camera.png);
	border: 1px solid #C9D5D8;
	color: #55A0B4;
}

.camera .icon {
	background-image: url(layout/images/shortcodes/camera-icon.png);
}

.cart {
	background-color: #FCFCFC;
	background-image: url(layout/images/shortcodes/cart.png);
	border: 1px solid #D3D3D3;
	color: #559726;
}

.cart .icon {
	background-image: url(layout/images/shortcodes/cart-icon.png);
}

.doc {
	background-color: #FFFFFF;
	background-image: url(layout/images/shortcodes/doc.png);
	border: 1px solid #E5E5E5;
	color: #666666;
}

.doc .icon {
	background-image: url(layout/images/shortcodes/doc-icon.png);
}

.download {
	background-color: #FCFCFC;
	background-image: url(layout/images/shortcodes/download.png);
	border: 1px solid #D3D3D3;
	color: #666666;
}

.download .icon {
	background-image: url(layout/images/shortcodes/download-icon.png);
}

.media {
	background-color: #FBF9FD;
	background-image: url(layout/images/shortcodes/media.png);
	border: 1px solid #DBE1E6;
	color: #8D79A9;
}

.media .icon {
	background-image: url(layout/images/shortcodes/media-icon.png);
}

.note {
	background-color: #FFFAF6;
	background-image: url(layout/images/shortcodes/note.png);
	border: 1px solid #E6DAD2;
	color: #B76F38;
}

.note .icon {
	background-image: url(layout/images/shortcodes/note-icon.png);
}

.notice {
	background-color: #FAFCFD;
	background-image: url(layout/images/shortcodes/notice.png);
	border: 1px solid #C7CDDA;
	color: #6187B3;
}

.notice .icon {
	background-image: url(layout/images/shortcodes/notice-icon.png);
}

.quote {
	background-color: #F3F3F3;
	background-image: url(layout/images/shortcodes/quote.png);
	border: 1px solid #D4D4D4;
	color: #727272;
}

.quote .icon {
	background-image: url(layout/images/shortcodes/quote-icon.png);
}