/* ***************************
****                      ****
**** byersalex.com MASTER ****
****                      ****
*************************** */

/**********************
****     MISC      ****
**********************/

body { width:1000px; margin: 0 auto }
#wrapper { width:1000px; margin: 0 auto }
.alignright { float: right }
 

 
.none { display: none }

/**********************
****     IMAGES    ****
**********************/
 
img { border: none }

#content img { border:1px solid #ccc; margin: 3px 0 10px 10 px }
 
#content .wp-caption p.wp-caption-text {
	font-size: 13px;
	line-height: 1.2em;
	padding: 5px 0;
	margin: 0;
	font-family: times new roman;
	text-align: center }

.entry-content .wp-caption {
	background-color: #eee;
	padding: 10px;
	margin-bottom: 10px; }
 
	.entry-content .wp-caption.alignright {
		float: right;
		margin-left: 10px; }
 
	.entry-content .wp-caption.alignleft { float: left; }
 
.entry-content img { border: none;
		     margin: 0 5px;
}

/**********************
****     HEADER    ****
**********************/
 
#header { border-bottom:1px solid #ccc; height: 175px }

.headlogo { float: left }
 
.headnavs { float:right; width: 468px }
 
div.logo {
	border-bottom: 10px solid #eee;
	padding-bottom: 4px;
	margin-top: 30px;
	width: 383px;
	height: 73px; }
 
a.logo {
	position: relative;
	top: 0;
	left: 0;
	width: 383px;
	height: 73px;
	display: block;
	background-image: url(/wp-content/themes/skyblue/images/skybluenamesprite.png);
	background-position: 0 0; }
 
	a.logo:hover { background-position: 0 74px }
 
h2.logo {
	color: #333;
	font-family: tahoma;
	font-size: 14px;
	font-weight: normal;
	margin-top: 8px }
 
ul#topnav { list-style-type: none; }
 
#topnav li {
	display: inline;
	color: #333;
	text-transform: uppercase;
	padding-left: 16px;
	font-family: tahoma;
	font-size: 17px;
	position: relative;
	top: 23px }
 
	#topnav li a:link, #topnav li a:visited { color:#333; text-decoration: none }
 
	#topnav li a:hover { color:#0061ba; text-decoration: none }

ul#iconnav {
	list-style-type: none;
	position: relative;
	right: -11.5%;
	top: 18px }
 
#iconnav li {
	display: inline;
	color: #333;
	text-transform: uppercase;
	padding-left: 16px;
	font-family: tahoma;
	font-size: 17px; }
 
	#iconnav li a:link { text-decoration: none }
 
	#iconnav li a:visted { text-decoration: none }
 
	#iconnav li a:hover { text-decoration: none }
	
body.home #wrapper #header .headnavs ul#topnav li.Home a, body.page-id-2 #wrapper #header .headnavs ul#topnav li.About a, body.page-id-3 #wrapper #header .headnavs ul#topnav li.Résumé a, body.page-id-19 #wrapper #header .headnavs ul#topnav li.Portfolio a, body.page-id-20 #wrapper #header .headnavs ul#topnav li.Contact a { color: #00a6ff }
	
/**********************
****     MAIN      ****
**********************/
#main {
	background: url(/wp-content/themes/skyblue/images/linepixel.png) repeat-y scroll 675px 0;
	height: 100%;
	overflow: hidden }
 
#main h2.entry-title {
	font-family: helvetica;
	color: #00a6ff;
	font-size: 34px;
	letter-spacing: 0px;
	margin: 8px 0;
	line-height: 1em }
 
#main #content .page h2 {
	font-family: helvetica;
	color: #00a6ff;
	font-size: 34px;
	letter-spacing: 0px;
	margin: 8px 0;
	text-align: center }
 

 
#main a:link, #main-resume a:link { color:#00a6ff; text-decoration: none }
 
#main a:visited, #main-resume a:visited { color:#00a6ff; text-decoration: none }
 
#main a:hover, #main-resume a:hover { color:#0061ba; text-decoration: none }

/**********************
****    CONTENT    ****
**********************/

#content {
	width: 650px;
	float: left;
	padding-right: 30px; } 
 
#content p {
	font-family: arial;
	line-height: 1.4em;
	font-size: 15px;
	color: #333 }
 
#content .postdata .posted_date {
	font-family: arial;
	color: #999;
	font-size: 14px }
 
#content .postdata { color:#00a6ff; font-family: arial }

#content .thepost {
	border-bottom: 5px dotted #ccc;
	padding-bottom: 0px;
	margin-bottom: 22px }
 
#content .tags { color: #00a6ff }


blockquote { border-left:5px solid #ccc; padding-left: 10px }

 
ul, ol { list-style-type: square }
 
li {
	font-family: arial;
	line-height: 1.4em;
	font-size: 15px;
	color: #333 }
 
/**********************
****    SIDEBAR    ****
**********************/

#sidebar {
	width: 300px;
	float: right;
	padding-left: 15px; }
 
#sidebar h3 {
	font-family: arial;
	color: #00a6ff;
	font-size: 24px;
	margin: 8px 0 }
 
#sidebar h2 {
	font-family: arial;
	font-size: 19px;
	margin: 8px 0 0 0 }
 
#sidebar p {
		font-size: 12px;
		font-family: georgia;
		line-height: 1.4em;
		color: #333; }
 
#sidebar a:link { color:#00a6ff; text-decoration: none }
 
#sidebar a:visited { color:#00a6ff; text-decoration: none }
 
#sidebar a:hover { color:#0061ba; text-decoration: none }
 

 
.twitterwidget img { display: none }
 

 
#sidebar ul li {
	font-size: 13px;
	font-family: arial;
	margin: 0 0 0 10px;
	list-style-type: square }

#sidebar li { list-style-type: none }
 
#sidebar ul { padding-left: 10px }

img.sidebar {
	float: right;
	width: 45%;
	border: 1px solid #999;
	margin: 0 0 0 6px }

/**********************
****    FOOTER    ****
**********************/

 
#footer {
	height: 30px;
	border-top: 1px solid #ccc;
	clear: both }
 
#footer p {
		color: #ccc;
		font-size: 13px;
		text-align: center }
		
/**********************
****    RESUME     ****
**********************/		

#main-resume { height:100%; overflow: hidden }
 
#content.wide-page {
	width: 900px;
	margin: 20px auto;
	float:none; border: none }
 
#page-resume .location {
	float: right;
	margin-top: -30px;
	position: relative;
	font-size: 14px;
	line-height: 30px;
	font-family: arial;
	color: #333 }
 
#page-resume .duration {
	float: right;
	margin-top: -17px;
	position: relative;
	font-size: 14px;
	font-family: arial;
	color: #333 }
 
#page-resume ul {
	list-style-type: square;
	padding: 0 0 0 20px;
	margin: 0.5em 0 }
 
#page-resume h1 {
	text-align: center;
	color: #013b5a }
 
#page-resume li { font-family:arial; font-size: 14px }
 
#page-resume h1, #page-resume h2, #page-resume h3,
#page-resume h4, #page-resume h5, #page-resume h6 { margin: 0; border: none }
 
#page-resume h2 {
	font-size: 24px;
	color: #0061ba;
	margin: 10px;
	text-align: center;
	text-transform: uppercase }
 
#page-resume h3 {
	font-size: 17px;
	margin: 0 0 4px;
	line-height: 20px }
 
#page-resume h3 a { color:#00a6ff; text-decoration: none }
 
#page-resume h3 a:hover { color: #0061ba; text-decoration: none }
 
#page-resume h4 {
	font-size: 14px;
	font-weight: bold;
	font-family: arial;
	color: #333 }
 
#page-resume #contact p { text-align: center !important; }
 
#page-resume #contact p { margin: 0 }
 
hr {
	border-color: #666666;
	margin: 11.5px auto 5px;
	width: 65%; }
 
#line {
	height: 100%;
	border-right: 1px solid #ccc;
	width: 1%;
	position: relative;
	left: 67% }
 
/**********************
****    CLIPS      ****
**********************/
 
#clips .date { margin:0; font-size: 13px }
 
#clips h4 { margin:0; font-size: 17px }
 
#clips h3 {
	font-family: arial,helvetica;
	margin: 8px 0 10px; }
 
#clips .category h3 { color: #333 }
 
#clips .category .entry { margin: 10px 0 }
 
#contact h3 { color: #333 }
 
ul#portfolio {
	margin: 11px auto 20px;
	text-align: center;
	padding: 0 }
 
#portfolio li {
	display: inline;
	background-color: #0061ba;
	color: #fff;
	padding: 5px;
	margin: 0 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-border-radius: 7px }
 
#main ul#portfolio li.white a:link { color:#fff; text-decoration: none }
 
#main ul#portfolio li.white a:visited { color:#fff; text-decoration: none }
 
#main ul#portfolio li.white a:hover { color:#ccc; text-decoration: none }

/************************
****    PUBLISH2     ****
************************/ 
.publish2_story_quote { margin: 0; }
 
.publish2_story_publication_name { font-weight: bold }
 
.publish2_story_publication_date { font-style: italic }
 

/*************************
****    QUICKHITS     ****
************************/ 

 
#main.quickhits { background-image: none }
 
.quickhits .content { text-align: center }
 
#slider ul {
	width: 10000px;
	position: absolute;
	left: 0px;
	padding: 0;
	margin: 0; }
 
	#slider ul li.item {
		list-style-type: none;
		padding: 0;
		margin: 0;
		float: left;
		width: 700px;
		display: none }
 
#slider {
	overflow: hidden;
	width: 700px;
	height: 250px;
	position: relative;
	margin: 40px auto; }
 
	#slider ul li:first-child { display: block }
 
.button { bottom: 150px }
 
.byers-prev {
	-moz-border-radius: 7px;
	float: left;
	position: relative;
	background-color: #ccc;
	-webkit-border-radius: 7px;
	padding: 5px;
	font-size: 24px;
	font-family: arial;
	width: 120px;
	text-align: center }
 
.byers-next {
	-moz-border-radius: 7px;
	float: right;
	position: relative;
	background-color: #ccc;
	-webkit-border-radius: 7px;
	padding: 5px;
	font-size: 24px;
	font-family: arial;
	width: 120px;
	text-align: center }
 
.not-active { color: #666 }
 
.active { color: #000 }
 
 /*************************
****   POST FORMATS    ****
************************/ 

.format-image img { margin: 0px 5px }