
/*

Theme Name: Blinq

Theme URI: http://www.elliotcondon.com

Description: Blinq Website theme

Version: 3.0

Author: Elliot Condon

*/





/*------------------------------
			GENERAL
--------------------------------*/
*
{
	margin:0;
	padding:0;
}

body
{
	background:#000 url(images/content-background.png) 50% 0% repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}

.container
{
	margin:0px auto;
	width:960px;
	padding:30px 0px;
	position:relative;
}

.container.content
{
	padding:30px 0px;
}

img
{
	border:none;
}

/* needs ie6 over ride*/
.inner
{
	width:100%;
	background:url(images/pixle.png) 0% 0% repeat;
}

.inner h1
{
	margin:0px;
	margin-bottom:5px;
}

.inner h1 span
{
	color:#ef4136;
}

.inner h2 span 
{
	color:#ef4136;
}

.clear
{
	clear:both;
}

table tr
{
	vertical-align:top;	
}

/*------------------------------
	       TYPOGRAPHY
--------------------------------*/

h1, h2, h3, h4, p, a, span
{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}

h1
{
	font-weight:normal;
	font-size:30px;
	text-shadow:#000 0px 1px 1px;
	margin-bottom:30px;
	color:#FFF;
}

h1 span
{
	color:#ef4136;
}

h2
{
	font-weight:normal;
	font-size:24px;
	text-shadow:#000 0px 1px 1px;
	margin-bottom:15px;
	color:#FFF;
}

h3
{
	font-size:18px;
	font-weight:normal;
	text-shadow:#000 0px 1px 1px;
}

p, ul, li
{
	font-size:12px;
	line-height:18px;
	color:#CCC;
}

a
{
	text-decoration:none;
}

a img{
	border:none;	
}

p
{
	margin-bottom:10px;	
}

a:hover
{
	color:#ef4136;
}

p a
{
	color:#ef4136;
}

p a:hover
{
	text-decoration:underline;
}

/*------------------------------
	      SUPER SIZED
--------------------------------*/
/*Supersized Stamp*/
.stamp
{
	float: right;
	margin: 25px 20px 0 0;
}

/*Supersize Plugin Styles*/
#navigation
{
	background: url('images/navbg.gif') no-repeat;
	float: right;
	margin:22px 20px 0 0;
}

#loading
{
	position: absolute;
	top: 49.5%;
	left: 49.5%;
	z-index: 3;
	width: 24px;
	height: 24px;
	text-indent: -999em;
	background-image: url(images/progress.gif);
}

#supersize
{
	position:fixed;
}

#supersize img, #supersize a
{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}

#supersize .prevslide, #supersize .prevslide img
{
	z-index: 1;
}

#supersize .activeslide, #supersize .activeslide img
{
	z-index: 2;
}

/*------------------------------
	       HOME
--------------------------------*/

.home-box
{
	position:absolute;
	height:130px;
	width:100%;
	z-index:4;
	background:#000 url(images/content-background.png) 50% 0% repeat-y;
	bottom:0px;
	left:0px;
	overflow:hidden;
}

/*------------------------------
	       HOME TABS
--------------------------------*/

#jFlowSlide
{
	overflow:hidden;
}

#myController
{
	width:100%;
	background:#000 url(images/nav-background.png) 50% 0% repeat-y;
	border-top:#1F1F1F solid 1px;
	border-bottom:#000 solid 1px;
}

#myController .container
{
	padding:0px;
}

#myController ul
{
	list-style:none;
}

#myController li
{
	list-style:none;
	float:left;
}

#myController li a
{
	display:block;
	padding:15px 20px;
	text-transform:uppercase;
	font-size:14px;
	margin-bottom:-10px;
	padding-bottom:25px;
	cursor:pointer;
	color:#FFF;
}

#myController li a.jFlowSelected
{
	background:url(images/nav-arrow.gif) 50% 100% no-repeat;
}

#myController li a#home
{
	padding:0px;
}

#myController li a#home img
{
	padding:8px 20px 18px 0px;
}


#myController a#client
{
	display:block;
	padding:15px 0px 15px 20px;
	background:url(images/login-lock.gif) 0% 45% no-repeat;
	color:#b3dd7d;
	font-size:12px;
	position:absolute;
	top:0px;
	right:0px;
}

#slides
{
}

.slide-wrapper h2
{
	font-size:1.8em;
	margin:0px;
}
.slide-wrapper h1
{
	font-size:1.8em;
	margin:0px;
}

.slide-thumbnail
{
}

.slide-thumbnail img
{
}

.slide-details
{
}

.slide-details h2
{
}

.slide-details .description
{
}

.jFlowControl, .jFlowPrev, .jFlowNext
{
}

.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover
{
}

.slide-wrapper li.widget
{
	width:480px;
	float:left;
	list-style:none;
}

.slide-wrapper li.widget h2
{
	font-size:24px;
	float:left;
}

.slide-wrapper li.widget ul
{
	float:left;
}

.slide-wrapper li.widget ul li
{
	margin-left:30px;
}

.slide-wrapper .widget_gdsw_popularposts
{
}

table.home-login
{
	
}

table.home-login h2
{
	color:#b3dd7d;
	font-size:20px;
}

table.home-login td
{
	padding-right:5px;
	vertical-align:middle;
}

table.home-login input
{
	font-size:16px;
	padding:5px 10px;
	margin-right:20px;
}

table.home-login p
{
	margin-bottom:0px;
}

table.home-login p a
{
	color:#b3dd7d;
}



/*------------------------------
	         NAV
--------------------------------*/
.nav
{
	width:100%;
	background:#000 url(images/nav-background.png) 50% 0% repeat-y;
	border-top:#1F1F1F solid 1px;
	border-bottom:#000 solid 1px;
}

.nav .container
{
	padding:0px;	
}


.nav ul
{
	list-style:none;
}

.nav ul li
{
	list-style:none;
	float:left;
}

.nav ul li a
{
	display:block;
	padding:15px 20px;
	text-transform:uppercase;
	font-size:14px;
	margin-bottom:-10px;
	padding-bottom:25px;
	cursor:pointer;
	color:#FFF;
}

.nav ul li.current_page_item a, .nav ul li.current_page_parent a
{
	background:url(images/nav-arrow.gif) 50% 100% no-repeat;
	color:#ef4136;
}

.nav ul li a:hover
{
	color:#ef4136;
}

.nav ul li a#home
{
	padding:8px 20px 18px 0px;
}

.nav a#client
{
	display:block;
	padding:15px 0px 15px 20px;
	background:url(images/login-lock.gif) 0% 45% no-repeat;
	color:#b3dd7d;
	font-size:12px;
	position:absolute;
	top:0px;
	right:0px;
}

.nav ul li.page-item-1419 a
{
	margin-left:220px;
	padding:15px 0px 15px 20px;
	text-transform:none;
	background:url(images/login-lock.gif) 0% 45% no-repeat;
	color:#b3dd7d;
	font-size:12px;
}


/*------------------------------
	       PORTFOLIO
--------------------------------*/

.portfolio-slider
{
	position:relative;
	
}


.portfolio-slider .slide-wrapper .image
{
	position:relative;
	overflow:hidden;
	height:600px;
	width:960px;
	background-color:#000;
}

.portfolio-slider .slide-wrapper .image img
{
	display:block;
	margin:0 auto;
	max-height:600px;
}

.portfolio-slider .slide-wrapper .image .details
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	padding:3px 0px;
	background-color:#000;
	color:#FFF;
}

.portfolio-slider .slide-wrapper .image .details p
{
	padding:0px 10px;
}

.portfolio-slider .portfolio-prev
{
	height:21px;
	width:14px;
	background:url(images/portfolio-prev.gif) 0px 0px no-repeat;
	position:absolute;
	top:250px;
	left:0%;
	margin-left:-30px;
	margin-top:-10px;
	cursor:pointer;
}

.portfolio-slider .portfolio-prev:hover
{
	background:url(images/portfolio-prev.gif) 0px -21px no-repeat;
}

.portfolio-slider .portfolio-next
{
	height:21px;
	width:14px;
	background:url(images/portfolio-next.gif);
	position:absolute;
	top:250px;
	right:0px;
	margin-right:-30px;
	margin-top:-10px;
	cursor:pointer;
}

.portfolio-slider .portfolio-next:hover
{
	background:url(images/portfolio-next.gif) 0px -21px no-repeat;
}

.portfolio-shadow
{
	width:960px;
	height:32px;
	background:url(images/portfolio-shadow.png);
}

#portfolio-nav
{
}

#portfolio-nav img
{
	height:40px;
	margin-right:5px;
	cursor:pointer;
	float:left;
	margin-bottom:5px;
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);
}


#portfolio-nav img:hover
{
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/*------------------------------
	      BLOG SUB NAV
--------------------------------*/

.sub-nav
{
	width:100%;
	padding:5px 0px;
	background:#000 url(images/sub-nav-background.png) 50% 0% repeat-y;
}

.sub-nav .container
{
	padding:5px 0px;
}

.sidebar form#searchform div
{
	text-align:right;
	font-size:12px;
}

/*------------------------------
	         BLOG
--------------------------------*/

.main
{
	width:630px;
	float:left;
}

.main p.breadcrumb a
{
}

.post
{
	background:url(images/pixle.png) 0% 0% repeat;
	padding:30px;
	border-top:#ef4136 solid 0px;
	margin-bottom:30px;
	position:relative;
}

.post h2
{
	font-size:36px;
}

.post h2 a:hover
{
	color:#ef4136;
}

/*------------------------------
	        BLOG POST
--------------------------------*/

.post .post-header
{
	margin-bottom:10px;
}

.post .post-title
{
/*width:520px;
	float:left;*/
}

/*-- Calender --*/
.post .post-date
{
	background-color:#FFF;
	width:inherit;
	font-size:10px;
	margin-top:0px;
	/*float:right;*/
	position:absolute;
	top:25px;
	right:0px;
	margin-right:615px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.post .post-date p.date
{
	background-color:#ef4136;
	font-size:10px;
	line-height:10px;
	color:#FFF;
	padding:2px 4px;
	text-align:center;
	min-width:36px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	margin-bottom:0px;
}

.post .post-date p.day
{
	padding:6px 0px;
	text-align:center;
	font-size:18px;
	color:#000;
	margin-bottom:0px;
}

.post .entry
{
	margin-bottom:25px;
	padding-bottom:15px;
	border-bottom:#464457 dotted 1px;
}

.post .entry p
{
	margin-bottom:10px;
}

.post .entry img
{
	max-width:570px;
}

.post .entry ul
{
	margin-left:15px;
}

.post .entry ul li
{
	font-size:12px;
}

.post .post-meta-data
{
}

.post .post-meta-data ul
{
	list-style:none;
}

.post .post-meta-data a
{
	color:#ef4136;
}

.post .post-meta-data a:hover
{
	text-decoration:underline;
}

/*------------------------------
	      BLOG COMMENTS
--------------------------------*/
ul.comment-list
{
	list-style:none;
}

ul.comment-list li, .comment-box
{
	background:url(images/pixle.png) 0% 0% repeat;
	padding:30px;
	margin-bottom:5px;
	position:relative;
}

ul.comment-list li cite
{
	font-size:14px;
	font-style:normal;
	color:#FFF;
}

ul.comment-list li p.date
{
	margin-bottom:12px;
	color:#75798A;
}

ul.comment-list li a.comment-edit-link
{
	display:block;
	height:25px;
	width:25px;
	position:absolute;
	top:10px;
	right:10px;
	background:url(images/edit-comment.gif);
}

ul.comment-list img.avatar
{
	border:#2D2E35 solid 4px;
}

.comment-box h2#comments
{
	margin:0px;
}

.comment-box p
{
	margin-bottom:10px;
}

#rounded-top
{
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
}

/*------------------------------
	      SOCIABLE
--------------------------------*/

div.sociable
{
	margin:40px 0px 30px 0px;
}

span.sociable_tagline
{
	position: relative;
}

span.sociable_tagline span
{
	display: none;
	width: 14em;
}

span.sociable_tagline:hover span
{
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}

.sociable span
{
	display: block;
}

.sociable ul
{
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}

.sociable ul li
{
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}

.sociable ul li:before
{
	content: "";
}

.sociable img
{
	float: none;
	width: 32px;
	height: 32px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers
{
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}

.sociable-hovers:hover
{
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/*------------------------------
	     BLOG NAVIGATION
--------------------------------*/
.navigation
{
	font-size:12px;
	position:relative;
}

.navigation .alignleft
{
	float:left;
}

.navigation .alignright
{
	float:right;
}

/*------------------------------
	      BLOG SIDEBAR
--------------------------------*/

.sidebar
{
	width:300px;
	margin-left:30px;
	float:left;
}

.sidebar li
{
	list-style:none;
	margin:0px;
	padding:0px;
}

.sidebar li.widget
{
	background:url(images/pixle.png) 0% 0% repeat;
	width:270px;
	padding:15px;
	margin-bottom:30px;
	font-size:12px;
	position:relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.sidebar li.widget ul li
{
	margin-bottom:2px;
	color:#9DA0B3;
}

.sidebar li.widget ul li a
{
	color:#D7DBFB;
}

.sidebar li.widget ul li a:hover
{
	color:#ef4136;
}

.sidebar li.widget_recent_comments ul li
{
	padding-bottom:10px;
	border-bottom:#464457 dotted 1px;
	margin-bottom:10px;
}

h2.widgettitle
{
	height:23px;
	padding-top:7px;
	padding-left:40px;
}

.widget_popular_posts h2.widgettitle
{
	background:url(images/icon-popular.png) top left no-repeat;
}

.widget_categories h2.widgettitle
{
	background:url(images/icon-topics.gif) top left no-repeat;
}

.widget_archive h2.widgettitle
{
	background:url(images/icon-category.png) top left no-repeat;
}

.widget_recent_comments h2.widgettitle
{
	background:url(images/icon-comments.gif) top left no-repeat;
}

.widget_recent_entries h2.widgettitle
{
	background:url(images/icon-recent.gif) top left no-repeat;
}

.widget_tag_cloud h2.widgettitle
{
	background:url(images/icon-tags.gif) top left no-repeat;
}





li.widget-popular-posts
{
	margin-bottom:30px;
	font-size:12px;
	position:relative;
}

li.widget-popular-posts .widget-header
{
	background:url(images/pixle.png) 0% 0% repeat;
	width:270px;
	padding:15px;
	margin-bottom:5px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
}

li.widget-popular-posts .widget-header h2
{
	background:url(images/icon-popular.png) top left no-repeat;
	margin:0px;
}


/******* MENU *******/ 
li.widget-popular-posts .widget-body ul{  
     list-style: none;  
}  
 
li.widget-popular-posts .widget-body ul.tab-menu{  

} 

li.widget-popular-posts .widget-body ul.tab-menu li{  
     float: left;  
     margin-right: 5px;  
}  
 
li.widget-popular-posts .widget-body ul.tab-menu li{   
     display: block;
	 font-size:14px;
	 width:147px; 
     padding: 5px 0px 5px 0px; 
     background:#4F4628 url(images/pixle.png) 0% 0% repeat;
	 text-shadow:#CAA200 0px -1px 0px;
     position: relative; 
	 font-weight:bold;
     color: #FFF;  
     cursor: pointer;  
	 -moz-border-radius: 10px 10px 0px 0px;
	 -webkit-border-radius: 10px 10px 0px 0px;
	 text-align:center;
}  

li.widget-popular-posts .widget-body ul.tab-menu li:hover{   
}

li.widget-popular-posts .widget-body ul.tab-menu li.active{   
	 background-color:#fdbd1d;
	 background-image:none;
	 width:148px; 
	 padding: 7px 0px 3px 0px; 
}
 

/******* CONTENT *******/  
li.widget-popular-posts .widget-body .content{  
	background:url(images/pixle.png) 0% 0% repeat; 
    padding: 14px; 
	border:#fdbd1d solid 1px;
} 

li.widget-popular-posts .widget-body .content li{  
	padding:10px 0px;
	border-bottom:#464457 dotted 1px;
} 

li.widget-popular-posts .widget-body .content h3{  
	font-size:14px;
	font-weight:normal;
} 
li.widget-popular-posts .widget-body .content p{  
	font-style:italic;
	text-align:right;
} 
 
 
/******* THIS month *******/  
li.widget-popular-posts .widget-body .content.this-month{  
     display: block;  
}  


/******* TUTORIALS *******/  
li.widget-popular-posts .widget-body .content.all-time{  
     display: none;  
} 



/*------------------------------
	         FOOTER
--------------------------------*/

.footer
{
	width:100%;
	margin-top:20px;
	border-top:#464457 dotted 1px;
	padding-top:20px;
	padding-bottom:5px;
}

.footer ul
{
	list-style:none;
}

.footer ul li
{
	float:left;
	padding-right:60px;
}

.footer ul li h4
{
	font-size:12px;
	margin-bottom:10px;
}

.footer ul li p
{
	font-size:10px;
	line-height:14px;
}

.footer ul li.navigation h4 a
{
	padding-right:10px;
	color:#ef4136;
}


/*------------------------------
	     CONTACT PAGE
--------------------------------*/
table.contact-layout
{
	width:100%;	
}

table.contact-layout tr
{
	vertical-align:top;
}

table.contact-layout tr td
{
	padding-right:70px;
	width:300px;
}

table.contact-layout tr td.last
{
	padding-right:0px;
	width:auto;
}

table.contact-layout a img
{
	opacity: .9;
	-moz-opacity: .9;
	filter: alpha(opacity=90);
}

table.contact-layout a:hover img
{
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

table.contact-layout p
{
	margin-bottom:10px;
}

table.contact-layout address
{
	margin-top:5px;
	font-size:16px;
	line-height:20px;
	font-style:italic;
	margin-bottom:10px;
}

table.contact-layout address a
{
	color:#ef4136;
}

table.contact-layout p strong
{
	color:#FFF;
	line-height:14px;
	margin-bottom:0px;
}

.wpcf7 .input-title
{
	background-color:#ef4136;
	line-height:12px;
	padding:5px 10px 6px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	font-size:12px;
	width:35px;
}

.wpcf7 .wpcf7-form-control-wrap
{
	
}

.wpcf7 input.wpcf7-validates-as-required
{
	padding:3px 5px 4px 5px;
	width:246px;
	margin-left:-1px;
	line-height:12px;
	border:none;
}

.wpcf7 textarea
{
	padding:5px;
	border:none;
	width:300px;
}

.wpcf7 table tr td
{
	width:auto;
	padding-right:0px;
	padding-bottom:10px;
}

.wpcf7 p.send
{
	text-align:right;
	margin-bottom:0px;
}

.wpcf7 p.send input
{
	width:80px;
	height:20px;
	background:url(images/send-button.gif) 0% 0% repeat; 
	border:none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor:pointer;
}

.wpcf7 p.send img.ajax-loader
{
	position:absolute;
	margin-left:-100px;
}

h2 img.icon{
	margin-bottom:-7px;
	padding:0px;
	padding-right:5px;
}



/*------------------------------
	     ABOUT US PAGE
--------------------------------*/

.inner .sub-nav
{
	background:none;
	padding:0px;
	
}

.inner .sub-nav ul
{
	list-style:none;
	width:960px;
	margin:0 auto;
	border-top:#111 solid 1px;
}

.inner .sub-nav ul li
{
	list-style:none;
	float:left;
}

.inner .sub-nav ul li a
{
	display:block;
	padding:10px 15px;  
	font-size:12px;
	margin-bottom:-10px;
	padding-bottom:21px;
	cursor:pointer;
}

.inner .sub-nav ul li a:hover
{
	color:#ef4136;
}

.inner .sub-nav ul li.page-item-1309  a
{
	padding-left:0px;
}

.inner .sub-nav ul li.current_page_item a, .inner .sub-nav ul li.current_page_parent a
{
	background:url(images/sub-nav-arrow.gif) 50% 100% no-repeat;
	color:#ef4136;
}

table.staff
{
	width:100%;
}

table.staff tr
{
	vertical-align:top;
}

table.staff tr td
{
	width:210px;
	padding-right:40px;
}

table.staff tr td.last
{
	padding-right:0px;
}

table.staff tr td h3
{
	
}



#toppanel {
    position: absolute;
    top: 48px;
	right:0px;
    width: 300px;
    z-index: 25;
}
#panel {
    width: 300px;
    position: relative;
    top: 1px;
    height: 0px;
    z-index: 10;
    overflow: hidden;
    text-align: left;
}
#panel_contents {
    background:#0a0a0a;
    height: 168px;
    width: 298px;
    position: absolute;
    z-index: -1;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border:#b3dd7d solid 1px;
}

#panel_contents form{
    padding:15px;
	font-size:12px;
	color:#FFF;
}

#panel_contents table{
    width:100%;
}

#panel_contents a{
	font-size:10px;
	color:#b3dd7d;
}

#panel_contents a:hover{
	text-decoration:underline;
}

#panel_contents p.close {
	text-align:right;
	line-height:12px;
}

#panel_contents p.close a{
	font-size:10px;
	
}

#panel_contents form{
    padding:15px;
}


#panel_contents form table tr td{
    padding-bottom:5px;
	position:relative;
}

#panel_contents form input{
    padding:3px;
	width:180px;
}
