@charset "UTF-8";
/* CSS Document */
/*
Theme Name: Brightsky WordPress
Theme URI: http://brightsky.ie/
Description: Brightsky theme
Author: Abban Dunne
Author URI: http://brightsky.ie/
Tags: blue, custom header, fixed width, two columns, widgets, 960.gs
*/

/*resets*/
.ieSucks{position:relative;}
.fixer{clear:both;}
.spacer{clear:both; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dotted #333;}
.space{height:20px;}
.alignLeft{float:left; padding:5px; border:1px solid #999; background:#FFF; margin:4px 10px 0 0;}
.clearLeft{clear:left;}
.clearRight{clear:right;}
.padding_10{padding:0 10px;}
.textRight{text-align:right;}
.alignCenter{text-align:center;}

.space_10{height:10px;}
.space_20{height:20px;}

.pull_quote_left, .pull_quote_right{
	font-size:24px;
	font-weight:bold;
	width:200px;
	color:#d50d0d;
}
.pull_quote_left{
	float:left;
	border-right:1px solid #666;
	margin:0 15px 0 0;
}
.pull_quote_right{
	float:right;
	border-left:1px solid #666;
	margin:0 0 0 15px;
	padding-left:15px;
}

.info_list_right{
	float:right;
	width:220px;
	margin:0 0 0 15px;
	padding:0 10px;
	background:#000b2e;
	color:#fff;
	list-style-type:none;
}
.info_list_right li{
	margin:10px 0;
}
.info_list_head{
	font-size:14px;
	border-bottom:1px dashed #fff;
}


.floatLeft{float:left;}
.floatRight{float:right;}

.alignleft{float:left;}
.alignright{float:right;}

img.alignleft{float:left; margin:0 8px 0 0;}
img.alignright{float:right; margin:0 0 0 8px;}

/*typography and colours*/
body {
	color:#020e29;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}

strong, em, b, i {
    font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-style:italic;
}
h1{line-height:31px;}
a{color:#d50d0d; background:url(images/links-bg.png); text-decoration:none;}
a:hover{text-decoration:underline; background:url(images/dark-bg.png);}
.image_link, .image_link:hover{background:0;}
#footer a{background:url(images/dark-bg.png);}
.read_more{background:#d50d0d; color:#fff; padding:2px;}
.read_more:hover{background:#d50d0d;}
#single_body img{display:block;}

#navigation{
	font-family: "Trebuchet MS", Verdana, sans-serif;
}

.comments input[type=text], .comments textarea, code {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}

#blurb_2 h4{
	font-weight:100;
}
.blurb_text{
	font-weight:bold;
	font-style:normal;
	line-height:25px;
	font-size:1.4em;
	color:#fff;
	background: #D50D0D;
	display: inline;
}
#front_blurb{
	margin-top: 60px;
}
.blurb{
	font-family:'Helvetica Neue UltraLight','HelveticaNeue-UltraLight','Helvetica Neue','HelveticaNeue',Arial;
	font-size:46px;
}
blockquote{
	margin:20px;
	padding:10px 10px 5px 10px;
	background:url(images/dark-bg.png);
}
blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6{
	font-weight:100;
}
.massive_text, .big_text, .notsobig_text{
	display:block;
	font-family: 'Arial Black', "Trebuchet MS", Verdana, sans-serif;
}
.massive_text{
	font-size:50px;
	line-height:50px;
}
.big_text{
	font-size:30px;
	line-height:30px;
	margin-bottom:20px;
	color:#b51414;
}
.notsobig_text{
	font-size:24px;
	line-height:30px;
	margin:20px 0;
	color:#b51414;
}

.service_link, .service_tag{
	font-family: 'Arial Black', "Trebuchet MS", Verdana, sans-serif;
}
.service_link{
	font-size:32px;
	color:#b51414;
	line-height:32px;
	float:left;
}
.service_star{
	color:#020e29;
	float:right;
	font-size:32px;
	line-height:32px;
	font-weight:bold;
}
.service_tag{
	font-size:12px;
	color:#020e29;
	float:left;
}
p.excerpt{
	text-transform:uppercase;
	font-style:italic;
	margin-bottom:0;
}
pre{
	background:url(images/dark-bg.png);
	overflow:auto;
	padding:5px;
}
/*lists*/
#navigation{position:relative; z-index:4; background:#020c2d; float:right;}
#navigation ul{list-style-type:none; float:right; margin-bottom:10px;}
#navigation li{margin:0; padding:0; display:inline;}
#navigation ul li a{display:block; line-height:30px; padding:0 15px; outline:none; float:left; color:#fff; font-family:'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size:17px; font-weight:100; background: 0;}

#sign_text{background:transparent url(images/light-bg.png); padding:0 10px; position:relative;}
#sign_text ul{list-style-type:none; padding:2px 0 10px 0; position:relative;}
#sign_text li{margin:0; padding:0;}
#sign_text a{display:block; padding:10px; background:0; width:260px; position:relative;}
#sign_text a.selected{background:url(images/light-bg.png);}
#sign_text a:hover{text-decoration:none; background:url(images/dark-bg.png);}

#flowtabs{
	list-style-type:none;
	height:30px;
	font-weight:bold;
	font-family: 'Arial Black', "Trebuchet MS", Verdana, sans-serif;
	margin-bottom:0;
	font-size:16px;
	line-height:32px;
	position:relative;
	z-index:2;
}
#flowtabs li{display:inline; margin:0; padding:0;}
#flowtabs a{float:left; display:block; width:106px; text-align:center; border:5px solid #dadff7; border-bottom:0; background:#dadff7; padding-bottom:5px;}
#flowtabs a:hover{background:url(images/dark-bg.png); text-decoration:none;}
#flowtabs li a.current, #flowtabs li a.current span.raquo{color:#fff; background:#000b2e;}

#t1, #t2, #t3, #t4{margin-right:10px;}
.raquo{color:#020e29;}

/*layout*/
html{
	background:url(images/bg.png);
}
body{
	background:url(images/clouds.png);
}
#holder{
	width:960px;
	margin:auto;
	background:url(images/light-bg.png);
	border: 5px solid #fff;
	border-bottom: 0;
	
	-moz-box-shadow:1px 1px 3px #7279bd;
	-webkit-box-shadow:1px 1px 3px #7279bd;
	box-shadow:1px 1px 3px #7279bd;
}
#header{
	position:relative;
}
#icon_bar{
	height:90px;
	text-align:right;
}
#icon_bar img{
	margin:20px 0 20px 20px;
}
#navbar{
	position:absolute;
	top:90px;
	height:30px;
	background:#020c2d;
	z-index:3;
	width:100%;
}
#header #logo{
	margin-top:10px;
	position:relative;
	z-index:4;
}
#content{
	padding-bottom:100px;
	margin-bottom:-100px;
	padding-top:-50px;
}
#red_rocket{
	margin-top: -50px;
}
#blurb{
	padding-top:10px;
	padding-bottom:20px;
}
#blurb_pic{
	overflow:hidden;
	height:264px;
}
#blurb_pic a{
	padding:20px;
}
#about{
	background:url(images/light-bg.png);
	margin-bottom:20px;
}
#good_at{
	list-style-image:url(images/bullet_tick.png);
}
.portfolio_front{
	margin-bottom:20px;
}
.portfolio_image{
	padding:10px;
	display:block;
}
#tweets{
	background:url(images/light-bg.png);
}
#mixbox{
	background:#000;
	margin-bottom:10px;
}
#mixtapes{
	background:url(images/mixtape-bg.gif);
	color:#999;
	padding:10px;
	border:1px solid #999;
	margin:1px;
}
#mixtapes img{
	margin-bottom:10px;
}
#mixtapes a{background:0; color:#ae6106;}
#tweets ul, #tweets h2, #tweets h6{
	margin:10px;
}
.love_box{
	height:60px;
	margin-bottom:20px;
}
.love_box a{
	padding:4px;
	display:block;
	border:1px solid #fff;
}
.love_box a:hover{
	border-color:#003;
}
#sidebar{
	background:url(images/light-bg.png);
}
#sidebar h4, #sidebar ul, #sidebar p, #sidebar h6{
	padding:0 10px;
}
#footer{
	background:#3037ae url(images/footer-pattern.png);
	color:#f9f9f9;
}
.footer_bg{
	height:128px;
	background:url(images/footer-bg.png) repeat-x;
}
#footer li, #tweets ul li, #mixtapes ul li{
	margin-left:15px;
}
#player{
	margin:10px 0;
}
#player img{
	display:block;
}
/*----CONTACT DIVS----*/
#contact p{
margin-bottom:5px;
}
#contact input[type="text"]{
	width:294px;
	height:20px;
	padding:2px;
	border:0;
	border:1px solid #fff;
	font-size:16px;
	background:url(images/dark-bg.png);
	color:#020e29;
}
#contact textarea{
	width:294px;
	height:70px;
	padding:2px;
	border:0;
	border:1px solid #fff;
	font-size:16px;
	background:url(images/dark-bg.png);
	color:#020e29;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}
#contact .contact_submit{
	border:0;
	width:100px;
	height:30px;
	border:1px solid #99b895;
	padding:0;
	margin:0;
	background: #6d9a67;
	color:#fff;
	font-size: 16px;
}
.contact_submit:hover{
	cursor:pointer;
}
.wpcf7-not-valid-tip-no-ajax, .wpcf7-response-output{
	background:url(images/light-bg.png);
	color:#900;
}
.wpcf7-response-output{
	margin-bottom:20px;
}

/*----SINGLE DIVS----*/
#single_post{
	width:660px;
	float:left;
}
#single_post img{
	margin-top:10px;
	margin-bottom:10px;
}
#single_photos{
	float:right;
	width:540px;
	margin-right:60px;
}

.date{
	height:71px;
}
.date_bg{
	width:62px;
	height:71px;
	margin-left:-20px;
	padding-left:10px;
	padding-top:2px;
	background:url(images/date.png) top left no-repeat;
	color:#fff;
}
/*----TEAM DIVS----*/
.tweet{
	background:url(images/dark-bg.png);
	padding:0 5px 6px 5px;
	margin-bottom:10px;
}
.tweet p{
	margin-bottom:10px;
}
.tweet_top{
	height:31px;
	width:220px;
	background:url(images/tweet-top.png) top left no-repeat;
}
.tweet_time{
	text-align:right;
	font-size:9px;
}
/*----SKILLS DIVS----*/
#monkey{
	margin-top:-20px;
}
/*----PROCESS DIVS----*/
#process_holder{
	height:333px;
	position:relative;
	overflow:hidden;
	border:5px solid #dadff7;
	width:610px;
	background:#000b2e;
	color:#fff;
	top:-5px;
	z-index:1;
}
#process_holder h3{
	line-height:30px;
	margin:0;
	padding:0;
	border-bottom:1px solid #323b59;
	margin-bottom:10px;
}
#process_holder img{
	border:1px dashed #323b59;
}
.process_items{
	position:absolute;
	width:3100px;
	float:left;
}
.process_item{
	width:560px;
	float:left;
	margin:20px 25px;
}
.process_item p{
	font-size:14px;
}
#process_container .prev{
	position:relative;
	top:-184px;
	left:-5px;
	z-index:2;
}
#process_container .next{
	position:relative;
	top:-184px;
	left:565px;
	z-index:2;
}
#process_cta{
	margin-bottom:-130px;
}
/* Begin Comments*/
#author, #email, #url, #comment, #submit{
	border:0;
	padding:2px;
	border:1px solid #ccc;
	font-size:16px;
	background:#fff;
	color:#020e29;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}
#comment{
	width:100%;
	height:150px;
}
#submit{
	border:1px solid #620a0a;
	width:auto;
	height:30px;
	padding: 5px 10px;
	background:#b51414;
	color:#fff;
	font-weight: bold;
	text-transform: uppercase;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
#submit:hover{
	cursor:pointer;
}
.commentlist{
	width:660px;
	text-align: justify;
	list-style:none;
}
.commentlist li{
	margin:0 0 50px 0;
}
#commentform p {
	margin: 5px 0;
}
.author_info{
	background:url(images/light-bg-comments.png) no-repeat;
	background-position:20px bottom;
	height:30px;
}
.comment_body{
	background:url(images/dark-bg.png);
}
.comment_body p{
	margin:10px;
}
.comment_date{
	text-align:right;
}
.avatar{
	margin-top:-10px;
	padding:0;
}
/* End Comments */


/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 660px; 
    height:90px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
.blah{
	height:200px;
	background:#666;
}


.content_right, .content_left{
    float:left;
    width:45%;
}

.content_left{
    padding-right:5%;
}

/*----GALLERY----*/
.gallery{
	width:540px;
	margin-left:-10px;
}
.thumb img{
	padding:1px;
	border:1px solid #020e29;
	background:#fff;
}
.thumb img:hover{
	border-color:#d50d0d;
}


/* the overlayed element */ 
.simple_overlay{
	width:30px;
    display:none; 
    z-index:10000;
    background-color:#333; 
    border:1px solid #666; 
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;
	position:relative;
}

.simple_overlay .close{ 
    background-image:url(images/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.simple_overlay .next, .simple_overlay .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}
.simple_overlay .prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.simple_overlay .next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.simple_overlay .next:hover, .simple_overlay .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.simple_overlay .next, .simple_overlay .prev, .simple_overlay .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) repeat-x;		
}