/******************************************************************
Theme Name: Photocentric
Theme URI: http://www.carlaborsoi.com
Description: This site was built on top of the Bones Development Theme by Eddie Machado.
Author: Elea C
Author URI: http://in-essence.org
Version: 1.0

License: GPL or whatever
License URI: http://www.gnu.org/copyleft/gpl.html

All Default Styles are in library/css/normalize.css
I reccommend not editing those files and making all
changes here. That way if something goes awry, you
can easily revert back to the original, but that's
totally up to you. Happy Developing!
******************************************************************/

/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/

html { font-size:62.5%; }
body { background: #484848;font-family: Georgia, 'Bookman Old Style', serif;font-size: 16px; font-size: 1.6rem;margin: 0; }

/******************************************************************
GRID STYLES
******************************************************************/

/* 960 Grid System (http://960.gs/ ) */

#container, .wrap { 
	width: 960px;
	background: #efefef;
	border-left: 1px solid #33044c;
	border-right: 1px solid #33044c;
	border-bottom: 1px solid #33044c;
	box-shadow: 0 0 7px #333;
	margin: 0 auto;
	padding: 0;
}
	
	/* layout options ( all have margins right & left of 2.1276596%) */
	.col60  { width: 6.3829787%; } /* width 60px  / grid_1  */
	.col140 { width: 14.893617%; } /* width 140px / grid_2  */
	.col220 { width: 23.404255%; } /* width 220px / grid_3  */
	.col300 { width: 31.914894%; } /* width 300px / grid_4  */
	.col380 { width: 40.425532%; } /* width 380px / grid_5  */
	.col480 { width: 48.936170%;  } /* width 480px / grid_6  */
	.col540 { width: 57.446809%; } /* width 540px / grid_7  */
	.col620 { width: 65.957447%; } /* width 620px / grid_8  */
	.col700 { width: 74.468085%; } /* width 700px / grid_9  */
	.col780 { width: 82.978723%; } /* width 780px / grid_10 */
	.col860 { width: 91.489362%; } /* width 860px / grid_11 */
	.col940 { width: 100.0%;     } /* width 940px / grid_12 */
	
	/* layout & column defaults */
	.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { 
		display: inline; 
		float: left; 
		position: relative;
		margin-left: 1.0638298%;   /* 10px */ 
		margin-right: 1.0638298%;  /* 10px */
	}
	
	/* default styles & fixes */
	.first { margin-left: 0; } /* fixes alignment */
	.last { margin-right: 0; } /* fixes alignment */
	
/* To Use Another Grid System, simply visit:
http://themble.com/support/bones-grid/
There, you can check out how to replace this grid with other like:
960, Blueprint, and any other custom ones.
*/

/******************************************************************
COMMON & REUSABLE STYLES
******************************************************************/

/* floats */
.left { float: left; }
.right { float: right; }
	
/* text alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* highlighting search term on search page */
mark, .search-term { background: #EBE16F; }

/* alerts & notices */
.help, .info, .error, .success { margin: 10px; padding: 5px 10px; border: 1px solid #fff;border-radius: 7px; }
.help { border-color: #fefefe; background: #F3FEC2; color: #555;}
.info { border-color: #92cae4; background: #d5edf8; }
.error { border-color: #fbc2c4; background: #fbe3e4; }
.success { border-color: #c6d880; background: #e6efc2; } 

/* 	To embed your own fonts, use this syntax
	and place your fonts inside the 
	library/fonts folder. For more information
	on embedding fonts, go to:
	http://www.fontsquirrel.com/
	Be sure to remove the comment brackets.
*/

/*	@font-face {
    	font-family: 'Font Name';
    	src: url('library/fonts/font-name.eot');
    	src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/

	
/******************************************************************
LINK STYLES
******************************************************************/

a, a:visited, .meta a.comments-link { color: #055cc7; text-decoration: none; }
a:hover, a:focus { color: #76502E; }
a:active { color:#333; } /* on click */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }
h2 a, h2 a:visited, .wp-prev-next a { color: #73219e; }
.wp-prev-next a {font-family: "Trebuchet MS", Verdana, sans-serif;}
.meta a, .meta a:visited, .meta a.comments-link:hover, .wp-prev-next a:hover, .commentlist .vcard time a, .comment-reply-link { color: #76502e;}
.meta a.comments-link {font-weight: bold;}
.tags a {background:#73219e;color:#eee;border-radius:4px;padding:2px 7px;white-space:nowrap;}
h2 a:hover, p.meta a:hover, .commentlist .vcard a:hover, .commentlist .vcard cite a:hover { color: #000; }
#inner-header a:link, #inner-header a:active, #inner-header a:visited, #inner-header nav menu a, #rss a:hover { color: #66d2f1; }
#inner-header a:hover, #rss a, .tags a:hover { color: #fff; }
.tags a:hover {background: #055cc7;}
#inner-header nav .menu a:hover { color: #ccc; }
nav[role=navigation] .menu ul li a {
  font-size: 20px; 
	font-size: 2rem;
	text-transform: uppercase;
	text-decoration: none; 
}
#inner-header nav .menu .current-menu-item a {color: #fff; cursor: default;}
article.post h1 a:link,  article.post h1 a:active, article.post h1 a:visited {color: #73219E;}
article.post h1 a:hover {color: #000;}
.commentlist .vcard time a {font-size:13px;font-size:1.3rem;}

/******************************************************************
TEXT SELECTION STYLES
******************************************************************/

/* Highlighted Text */
::selection { 
	background: #73219E; 
	color:#fff; 
}

/* Firefox */
::-moz-selection { 
	background: #73219E; 
	color:#fff; 
}

/******************************************************************
HEADLINES & TITLES
******************************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: Verdana, "Trebuchet MS", sans-serif; font-weight: 500; letter-spacing: -0.063em; }
h1, .h1 { font-size:38px; font-size: 3.8rem; }
h1.single-title, h2, .h2 { font-size:28px; font-size: 2.8rem; line-height:1.1em; color: #73219e; border-bottom: 2px dotted #d6d5d5; margin: 0.5em 0 0 0; }
h3, .h3 { font-size:24px; font-size: 2.4rem; }
h3.h2 {border:0; font-size:22px; font-size: 2.2rem;}
h4, .h4 { font-size:18px; font-size: 1.8rem; }
h5, .h5 { font-size:16px; font-size: 1.6rem;}
footer h4 { font-family: Georgia, 'Bookman Old Style', serif; }


/******************************************************************
HEADER STYLES
******************************************************************/

header[role=banner] { border-bottom: 11px solid #4bc920; position: relative; }
	#logo { margin: 0.8em 0 1em; position: relative; }
	#logo span { position: absolute; background: #EFEFEF url(/images/cb-assets.png) no-repeat 20px 0; }
	#logo #logo-img { top: -2px; left: 0; width: 400px; display: block; height: 35px; }
	#logo #desc-img { top: 5px; right: 0; width: 500px; background-position: 180px -35px; height: 30px; }
	header .caption { font-size:14px; font-size: 1.4rem; font-style: italic; color: #d7d7d7; position: absolute; right: 30px; bottom: 45px; }
header img { padding: 1px 0; border-top: 11px solid #66d2f1; background: #fff; }

/******************************************************************
NAVIGATION STYLES
(Main Navigation)
******************************************************************/
nav[role=navigation] { margin-top: -7px; background: #585858; border-bottom: 1px solid #fff;}

	nav[role=navigation] .menu ul { 
		display: table;
		width: 80%;
		height: 38px;
		margin: 0 auto;
	}
		nav[role=navigation] .menu ul li {
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			width: 33.33%;
		}
		nav .menu .current-menu-item {
			background: url(/images/selector.png) no-repeat center -1px;
		}

/******************************************************************
POSTS & CONTENT STYLES
******************************************************************/

#content {}
	#main {margin-bottom: 35px;}
	
		.hentry { padding: 20px 20px 0; }
		.search .hentry { padding-top: 0; }
		.search article.hentry, .archive article.hentry {padding: 15px 10px; background:#fff; border-radius: 7px; border: 1px solid #ddd; margin-bottom:30px;}
		.archive article.hentry {padding: 20px 20px 0;}
		.search h3 { margin: 0 0 -15px;}
		
		.single-title, .page-title { margin: 0 0 0.375em;}
		.archive h1.single-title {margin-bottom: 1em;}
		.page-title {margin-top:0.5em; margin-bottom: 0.8em;}
		.archive_title { padding: 0; margin: 1.1em 0;}
	
		/* post meta */
		.meta { font-family: Verdana, 'Trebuchet MS', sans-serif;font-size:13px;font-size:1.2rem; letter-spacing:-0.063em; line-height:1.4rem; color: #333; margin: 0.875em 0;}
		.meta p {display: inline-block;}
		.meta .tags {font-size: 1.3rem; line-height: 2em;}
		.meta .tags span {text-transform:uppercase;color:#555;}
		.meta .divider {padding: 0 4px;}
		.meta time {color: #76502e;}
		.tags { float: right; width: 40%; text-align:right;}
		.postdata {width:58%; line-height: 1.7em;}
			
		/* post content */
		.post_content {clear:both;}
			
			.post_content p { margin: 0 0 1.5em 0; line-height: 1.8em; }
			.post_content ul, .post_content ol, .post_content table, .post_content dl { margin: 1.5em 0; }
			.post_content ul, .post_content ol { list-style-position:outside; line-height:1.5; margin-left: 2.2em; margin-right: 2.2em; }
			.post_content li { margin-bottom: 0.2em; }
			.post_content ul li { list-style-type: disc; }
			.post_content ul li ul li { list-style-type: circle; }
			.post_content ol li { list-style-type: decimal; }
			
			.post_content blockquote { font-style:italic; line-height:1.6em; margin: 1.5em 2.2em; color:#555;}
			.post_content blockquote:before { font-family:Georgia, serif; content: "“"; font-size:2.75em; text-indent:-.8em; margin-top:.1em; float:left; opacity:.3; filter:alpha(opacity=30); } /* this adds the quote before the blockquote */
			
			.post_content dl { margin:1.75em 0 1.75em; }
			.post_content dt { margin-top: 1.25em; font-weight:700; }
			.post_content dd { font-style: italic; margin-top:0.5em; line-height:1.6em; }
			
			.post_content img { margin: 0 0 1.5em 0; max-width: 100%; border: 1px solid #ccc; }
			.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
			.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
			.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
			
			.post_content video { margin: 1.5em 0; max-width: 100%; display: block; }
			.post_content object { display: block; margin: 1.5em 0; max-width: 100%; }
			.post_content pre, .post_content code { font-size: 0.9em; line-height: 1.7em; padding: 0.5em 1em; background: #fff; border: 1px solid #ccc; border-radius:7px }
			.post_content code {background:#f3fec2;}
			
			.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
			.wp-caption img { border: 0 none; padding: 0; margin: 0; }
			.wp-caption .wp-caption-text { font-size:0.8em; font-style:italic; margin:.6em 0 -.2em; }
			
			/* image gallery styles */
			.gallery dl {}
			.gallery dt {}
			.gallery dd {}
			.gallery dl a {}
			.gallery dl img {}
			.gallery-caption {}
			
			.size-full {}
			.size-large {}
			.size-medium {}
			.size-thumbnail {}
			
		.hentry footer { clear: both; margin: 1.5em 0 0; padding-bottom: 2.2em; }
		.car-container ul li {color: #666;}
		.car-container ul li ul li {color:#000;}
		.car-yearmonth { font-size:18px; font-size:1.8rem; font-style: italic; }
		.car-yearmonth span {font-style:normal;}
		.post_content .car-monthlisting {margin:0.5em 2.2em;}
	
	
/******************************************************************
PAGE NAVI STYLES
(Special Feature)
******************************************************************/

/* page navigation */
.page-navigation, .wp-prev-next { margin: 2.2em 0 1.1em }
	.bones_page_navi, .wp-prev-next ul { }
		.bones_page_navi li { float: left; margin-left: 10px; } 
			.bones_page_navi li a { padding: 3px 6px; display: block; text-decoration: none; position: relative; }
				.bones_page_navi li a:hover { color: #f01d4f; }
		.bones_page_navi li.bpn-current { padding: 3px 6px; border-bottom: 2px solid #f01d4f; position: relative; } /* current page link */
				.bones_page_navi li.bpn-current:hover {}
		.bones_page_navi li.bpn-prev-link { } /* previous link */
			.bones_page_navi li.bpn-prev-link a { padding: 0; }
				.bones_page_navi li.bpn-prev-link a:hover { background: none; }
		.bones_page_navi li.bpn-next-link { font-weight: 700; } /* next page link */
			.bones_page_navi li.bpn-next-link a { padding: 0; }
				.bones_page_navi li.bpn-next-link a:hover { background: none; }
		.bones_page_navi li.bpn-last-page-link {} /* last page link */
			.bones_page_navi li.bpn-last-page-link a {}
				.bones_page_navi li.bpn-last-page-link a:hover { background: none; }
		.bones_page_navi li.bpn-first-page-link {} /* first page link */
			.bones_page_navi li.bpn-first-page-link a {}
				.bones_page_navi li.bpn-first-page-link a:hover { background: none; }
	
	/* fallback previous & next links */
	.search .wp-prev-next {width: 100%;}
	.wp-prev-next {width: 96%; margin: 0 auto; font-size:22px; font-size: 2.2rem;}
			.wp-prev-next .prev-link { float: left; }
			.wp-prev-next .next-link { float: right; }

	
/******************************************************************
COMMENT STYLES
******************************************************************/

#comments { margin: 0 20px 0.75em; }/* h3 comment title */
		
.commentlist { margin: 0 20px; }
	.commentlist li { position: relative; clear: both; list-style-type: none; margin-bottom: 1.5em; padding: 0.7335em 30px; }
		.commentlist li[class*=depth-] { margin-top: 1.1em; }
			.commentlist li.depth-1 { margin-left: 0; margin-top: 0; }
				.commentlist li:not(.depth-1) { margin-right: -10px; margin-top: 0; padding-bottom: 0; }
			.commentlist li.depth-2 {}
			.commentlist li.depth-3 {}
			.commentlist li.depth-4 {}
			.commentlist li.depth-5 {}
			.commentlist li:last-child { margin-bottom: 0; }
				.commentlist li ul.children li {}
				.commentlist li ul.children li.alt {}
				.commentlist li ul.children li.byuser {}
				.commentlist li ul.children li.comment {}
				.commentlist li ul.children li.depth-1 {} /* change number for different depth */
				.commentlist li ul.children li.bypostauthor {}
				.commentlist li ul.children li.comment-author-admin {}
				.commentlist li ul.children .alt {}
				.commentlist li ul.children .odd {}
				.commentlist li ul.children .even {}
			.commentlist .alt {}
			.commentlist .parent {}
			.commentlist .comment {}
			.commentlist .pingback {}
			.commentlist .bypostauthor {}
			.commentlist .comment-author {}
			.commentlist .comment-author-admin {}
			.commentlist .thread-alt {}
			.commentlist .thread-odd {}
			.commentlist .thread-even {}	
			
			.commentlist .vcard { font-size:18px; font-size: 1.8rem; letter-spacing:-0.063em; }
				.comment-author time, .commentlist .comment-reply-link {font-family: Verdana, "Trebuchet MS", sans-serif; }
				.commentlist .vcard cite.fn { float:right; color: #555;font-size:20px;font-size:2rem; margin-top:25px;}
				.commentlist li .comment_content {position:relative;}
				.commentlist li .comment_content p { margin: 0.7335em 0;font-size: 1em; line-height: 1.5em;padding-right:1.6em; }
				.commentlist li .comment_content:before {content: "\201C ";font-size:55px;font-size:5.5rem;font-weight:bold;color:#cdcdcd;position:absolute;left:-35px;top:-23px;}
				.commentlist li .comment_content:after {content: " \201D";font-size:55px;font-size:5.5rem;font-weight:bold;color:#cdcdcd;position:absolute;right:-12px;bottom:-40px;}
				.commentlist li ul { margin: 0; }		
				.commentlist .comment-reply-link:before {content: "\00a0\2022\00a0\00a0";color: #555;}
				.commentlist .comment-reply-link { font-size:13px; font-size: 1.3rem;}
					.commentlist a.comment-reply-link:hover { opacity: 1; }
			
				
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
input, select, textarea {font-family: Verdana, "Trebuchet MS", sans-serif; font-size:14px; font-size: 1.4rem; color: #555;}
.respond-form { margin: 1.5em 20px; padding-bottom: 2.2em; position:relative; }
	#comment-form-title { margin: 0 0 1.1em; }
	
	#cancel-comment-reply { position:absolute; right:0; top:3px;}
			#cancel-comment-reply a { color:#555; font-size:14px; font-size:1.4rem;font-family:Verdana, "Trebuchet MS", sans-serif;}
			
	.respond-form form[method=post] { margin: 0.75em 0; }
	.respond-form label {float: left;margin-right: 20px; width:200px;}
		
		.comments-logged-in-as {font-style:italic;font-size:14px;font-size:1.4rem;color:#555;}
		
		.respond-form form[method=post] li { list-style-type: none; clear: both; margin-bottom: 1em; }
			.respond-form form[method=post] li label, .respond-form form[method=post] li small { }
			.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url], .respond-form textarea { padding: 4px 6px; background: #fff;; border: 1px solid #ccc; line-height: 1.5em; }
			.respond-form input[type=text]:focus, .respond-form input[type=email]:focus, .respond-form input[type=url]:focus, .respond-form textarea:focus { border: 1px solid #999; }
			.respond-form input[type=text], .respond-form input[type=email], .respond-form input[type=url] { max-width: 400px; min-width: 250px; }
			.commentlist div.row {margin-left:30px;margin-top: 1em;}
			.respond-form textarea { resize: none; width: 60%; height: 100px; }		
	/* form validation */
	.respond-form input:invalid, .respond-form textarea:invalid { border-color: #ff2929; background: #fbe3e4; outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background-color: #f6e7eb; }		
	
	/* no comments */
	.nocomments { margin: 0 20px 1.1em; }			

/******************************************************************
SIDEBARS & ASIDES
******************************************************************/

#sidebar1 { margin-top: 2.2em; }

	.widget { padding: 0 10px; margin: 2.2em 0; }
		.widget li { margin-bottom: 0.75em; }
		.widget li ul { margin-top: 0.75em; padding-left: 1em; }
		
		.widgettitle { border-bottom: 2px solid #444; margin-bottom: 0.75em; }

	/* links widget */
	.widget_links {}
	.widget_links ul {}
	.widget_links ul li {}
	.widget_links ul li a {}
	
	/* meta widget */
	.widget_meta {}
	.widget_meta ul {}
	.widget_meta ul li {}
	.widget_meta ul li a {}
	
	/* pages widget */
	.widget_pages {}
	.widget_pages ul {}
	.widget_pages ul li {}
	.widget_pages ul li a {}
	
	/* recent-posts widget */
	.widget_recent_entries {}
	.widget_recent_entries ul {}
	.widget_recent_entries ul li {}
	.widget_recent_entries ul li a {}
	
	/* archives widget */
	.widget_archive {}
	.widget_archive ul {}
	.widget_archive ul li {} 
	.widget_archive ul li a {}
	.widget_archive select {}
	.widget_archive option {}
	
	/* tag-cloud widget */
	.widget_links {}
	.widget_links li:after {}
	.widget_links li:before {}
	.widget_tag_cloud {}
	.widget_tag_cloud a {}
	.widget_tag_cloud a:after {}
	.widget_tag_cloud a:before {}
	
	/* calendar widget */
	.widget_calendar {}
	#calendar_wrap {}
	#calendar_wrap th {}
	#calendar_wrap td {}
	#wp-calendar tr td {}
	#wp-calendar caption {}
	#wp-calendar a {}
	#wp-calendar #today {}
	#wp-calendar #prev {}
	#wp-calendar #next {}
	#wp-calendar #next a {}
	#wp-calendar #prev a {}
	
	/* category widget */
	.widget_categories {}
	.widget_categories ul {}
	.widget_categories ul li {} 
	.widget_categories ul ul.children {}
	.widget_categories a {}
	.widget_categories select{}
	.widget_categories select#cat {}
	.widget_categories select.postform {}
	.widget_categories option {}
	.widget_categories .level-0 {}
	.widget_categories .level-1 {}
	.widget_categories .level-2 {}
	.widget_categories .level-3 {}
	
	/* recent-comments widget */
	.recentcomments {}
	#recentcomments {}
	#recentcomments li {}
	#recentcomments li a {}
	.widget_recent_comments {}
	
	/* search widget */
	#searchform #s {width: 270px;}
	input {font-family: "Trebuchet MS", Verdana, sans-serif;font-size:15px;font-size: 1.5;padding:2px;}
	input[type='submit'] {border:1px solid #4eda27; color:#fff; background:#46be25;text-transform: lowercase;padding:5px 25px;background: -moz-linear-gradient(top, #53ec29 6%, #42b124 63%);background: -webkit-linear-gradient(top, #53ec29 6%,#42b124 63%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #53ec29 6%,#42b124 63%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #53ec29 6%,#42b124 63%); /* IE10+ */background: linear-gradient(top, #53ec29 6%,#42b124 63%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53ec29', endColorstr='#42b124',GradientType=0 ); /* IE6-9 */
	}
	input[type='submit']:hover {background: -moz-linear-gradient(top, #53ec29 4%,#42b124 45%);background: -webkit-linear-gradient(top, #53ec29 4%,#42b124 45%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #53ec29 4%,#42b124 45%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #53ec29 4%,#42b124 45%); /* IE10+ */background: linear-gradient(top, #53ec29 4%,#42b124 45%); /* W3C */
	}
	input[type='submit']:active {color:#333;border:1px solid #42b124;}
	#submit {margin: 1em 0 0 220px;}
	#submit.logged-in {margin-left: 0;}
	#searchsubmit {margin-left:12px;padding:3px 15px;}
	
	/* text widget */
	.textwidget {}
	.widget_text {}
	.textwidget p {}
	

/******************************************************************
FOOTER STYLES
******************************************************************/

#blog-history {background: #585858; padding: 15px 30px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size:18px;font-size: 1.8rem;}

#blog-history a {float: right; color: #4bc920;}
#blog-history a:hover {color: #fff;}

footer[role=contentinfo] { padding: 14px 30px 24px; margin: 0; text-transform: uppercase; color: #fff; font-size:18px; font-size: 1.8rem; height: 20px; border-top: 1px solid #fff; background:#424242 url(/images/footer-bg.jpg) no-repeat right 0;}

footer h4 { float: left; margin: 2px 15px 0 0;}
	/* footer menu */
		footer ul { margin-top: 0; }
			footer ul li { list-style-type: none; float: left; padding-top: 2px; }
				footer a { margin-right: 10px; opacity: 0.85; filter:alpha(opacity=85); }
				footer a:hover {opacity: 1; filter:alpha(opacity=100);}
					footer a:last-child { margin-right: 0; }
footer .icon {float:left;height:25px;width:25px;background:url(/images/cb-assets.png) no-repeat 0 -70px;margin-right: 13px;}
footer #contact .icon {background-position:-32px -70px;width:30px;}
#contact {margin: 0 0 0 35px;text-transform:lowercase;color:#66d2f1; }
#contact span {text-transform:uppercase;color:#fff;font-size:14px;font-size:1.4rem;}
#social-media { float: right; width:330px;  }
	
/******************************************************************
MEDIA QUERIES & DEVICE STYLES
To use a responsive design, it's reccomended to use the responsive version of Bones. You can find it on github: https://github.com/eddiemachado/bones-responsive
******************************************************************/

@media only screen and (min-width: 480px) {
	/* insert styles here */
}

@media only screen and (min-width: 768px) {
/* insert styles here */
}

@media only screen and (min-width: 992px) {
/* insert styles here */
}

@media only screen and (min-width: 1382px) {
/* insert styles here */
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
/* insert styles here */
}

/******************************************************************
PRINT STYLES
(Handled by default, but if you want to edit it, feel free)
******************************************************************/

@media print { }

/******************************************************************
IE SPECIFIC FIXES
******************************************************************/

/*
Thanks to the HTML5 Boilerplate there's an easier way
to target IE specific bugs. Simply use the html class
to target the specific version of IE.

To target the .post_content area in IE6, use:
html.ie6 .post_content { ... }

To target the .post_content area in IE7, use:
html.ie7 .post_content { ... }

To target the .post_content area in IE8, use:
html.ie8 .post_content { ... }

To target the .post_content area in older IE use:
html.oldie .post_content { ... }

Much easier right? This way, you don't have to call
any more stylesheets, you can leave it at the bottom
and it will overwrite depending on the html class.
*/