/*
Theme Name: Tick YES
Theme URI: http://www.digitalally.com.au
Description: Tick YES Theme.
Version: 0.1
Author: Alan White
Author URI: http://www.digitalally.com.au 
Tags: tickyes, orange, gradients
*/

/* html5doctor.com Reset Stylesheet v1.4 2009-07-27 | Author:Richard Clark - http://richclarkdesign.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre, 
abbr,address,cite,code, del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,
figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:none}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
iframe { float:right; padding:13px;}
body { 
	background: #e5e5e5; text-align: center; 
	font-family: Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;   
	line-height: 1;
}
         
/* Typography 
----------------------------------*/
h1, h2, h3, h4, h5 { font-weight: normal; }
h1 {}  
	#branding h1 { float: left; margin-right: 60px; }
h2 { font-weight: bold; color:#303030 }  
	#content-primary h2 { font-size: 50px; }
	#content-primary h2 span { color: #F60; }  
	#page article h2 { padding-bottom: 14px; border-bottom: 5px solid #f60; margin-bottom: 14px;}
	
h3 {}  
   #newsletter h3 { text-transform: uppercase; font-weight: normal; float: left; color: #fff; margin: 2px 10px 0 0; font-size: 16px; }
   #homepage #content-secondary h3 {padding: 10px 0;  text-transform: uppercase; font-size: 24px; margin-bottom: 12px; color: #fff; border-bottom: 7px solid #ff6600; border-top: 1px solid #f60; letter-spacing: 1px;}
   #twitter h3 { background: transparent url('assets/img/bg-h2-twitter.png') no-repeat 210px 10px;  }  
   article h3 { font-weight: bold; font-size: 18px; margin-bottom: 10px;  }
   #boxes h3 { padding: 10px 0; font-size: 24px; margin-bottom: 12px; color: #ffffff; border-bottom: 4px solid #f60; letter-spacing: 1px; }

h4 {}
h5 {}

p { margin-bottom: 10px; color: #303030; }   
	#homepage article p { font-size: 27px;  }
	#homepage #content-secondary section p { color: #FFFFFF;}   
	#page article p { font-size: 16px; margin-bottom: 20px; line-height: 1.3;}  
	
	#testimonials blockquote { background: #f60 url(assets/img/quote-open.png) no-repeat 10px 10px; padding: 5px 0; margin-bottom: 10px; }
	#testimonials blockquote p { text-indent: 20px; color: #2A2B2A !important; margin: 10px !important; }   
	#testimonials blockquote p:last-child { background: transparent url(assets/img/quote-close.png) no-repeat bottom right; }
	
	
/* Lists 
----------------------------------*/

article ul { margin-left: 20px; }
article ul li { font-size: 16px; padding-bottom:10px; } 
            
#nav-secondary {  float: left; width: 300px; padding-bottom: 116px; background: url('assets/img/bg-subnav-btm.png') no-repeat bottom left;  margin: 0 27px 0 30px; }   
    
	/* Top Level */ 
 	ul.top-level { min-height: 400px; background: url('assets/img/bg-subnav-top.png') no-repeat top left; padding-top: 36px; }
    ul.top-level li { margin: 0 35px; border-bottom: 1px solid #f60; }   
    #nav-secondary>ul>li>a { display: block; font-size: 21px; text-transform: uppercase; padding: 5px 0; }  

    /* Sub Level */
  	ul.top-level ul { border-top: 1px solid #f60; padding: 10px 0; display:none; }    
	ul.top-level .current_page_item ul,
	ul.top-level .current_page_parent ul { display: block !important;  }  
	
    ul.top-level ul li { font-size: 16px;background: transparent url('assets/img/bg-nested-page-nav.png') repeat-y top left; padding: 5px 0; border-bottom: none; margin: 0; }     
   	ul.top-level ul li a { display: block; margin-left: 30px; }   
    
	/* Projects overview */    
	#projects { position: relative; }  
	
	#project-thumbs {list-style-type: none; float: left; padding: 0; margin: 0 0 10px 0; position: relative; width:630px; }  
   /* #project-thumbs li { float:left; background: transparent url(assets/img/bg-thumb-work.png) repeat-x bottom left; padding: 0 0 20px 0; margin: 0 0 10px 20px; position: relative; left: -20px;} */
 	#project-thumbs li { float:left; background: transparent repeat-x bottom left; padding: 0 0 20px 0; margin: 0 0 10px 20px; position: relative; left: -20px;}
	#project-thumbs a { display: block;border: 2px solid #fff; -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);   } 
	#project-thumbs a:hover { border-color: #f60; }
   	#project-thumbs img { display: block; } 

	#post-nav { position: absolute; top: 20px; right: 0; list-style-type: none;} 
	#post-nav li { float: left; margin-left: 10px;}  
	
	ul.twitter { list-style-type:none; }
	ul.twitter li { border-bottom: 1px solid #B3B3B3; padding: 10px 0; color: #FFFFFF; }  
	ul.twitter li:last-child {border-bottom: none;}

#nav-tertiary { float: left; width: 70%; margin: 35px 0 10px 5px; }  
#social-links {/* position: absolute; bottom: 0; right: 0;*/ float: right; margin-top: 30px; }
    
#branding li, #footer li { float: left; }   
#branding li { margin-right: 22px;}   
#footer li { font-size: 12px; }
	#nav-tertiary li { padding-right: 10px; margin-right: 10px; border-right: 2px solid #878787; color: #878787; }  
	#nav-tertiary li:last-child { border-right: none; }

blockquote {}
cite {}

/* Links 
----------------------------------*/
a { text-decoration: none; outline: none;}
a:link { color: #f60; }
a:visited { color: #f60; }
a:hover {text-decoration: underline; }
a:active {} 

h1 a { display: block; width: 230px; height: 89px; }   

#homepage #content-secondary h3 a, 
#homepage #content-secondary h3 a:visited { color: #fff; }
#homepage #content-secondary h3 a:hover{ color: #f60; }

p.action { display: block; float: left; width: auto; clear: both; padding-bottom: 20px;background: transparent url(assets/img/bg-btn-action.png) repeat-x bottom left; } 
p.action a { background: #f60; text-transform: uppercase; display: block; width: auto; padding: 5px 10px; color: #fff;}   

#nav-secondary a { color: #FEFFFE; }    
#nav-secondary a:hover, .current_page_item a, .current_page_parent>a { text-decoration: none; color: #f60!important; }
.current_page_item ul li a { color: #FEFFFE !important; } 
.current_page_item ul li.current_page_item a { color: #f60 !important; } 
     
#homepage #content-secondary a:visited { /* color:#7B4E38; */ color: #f60;}

#footer a { color: #878787; }
#footer a:hover { color: #f60; }

/* Sprites 
----------------------------------*/  

	/* Branding */
	#branding h1, #branding li a {  display: block; height: 89px; background-repeat: no-repeat; background-image: url(assets/img/sprite-branding.png); text-indent: -9999px; }             
	#branding h1 		{ width: 230px; }    
	
	#home a 			{ width: 61px; background-position: -286px 0; }
	#home a:hover, #home a.active { background-position: -286px -89px; }
	#about a 			{ width: 70px; background-position: -367px 0; }
	#about a:hover, #about a.active	{ background-position: -367px -89px; }
	#work a    	 		{ width: 78px; background-position: -457px 0; }
	#work a:hover, #work a.active  	{ background-position: -457px -89px; }
	#services a 		{ width: 90px; background-position: -555px 0; }
	#services a:hover, #services a.active { background-position: -555px -89px; }
	#resources a 		{ width: 113px; background-position: -665px 0;}
	#resources a:hover, #resources a.active { background-position: -665px -89px;}
	#blog a 			{ width: 53px; background-position: -797px 0;}
	#blog a:hover, #blog a.active { background-position: -797px -89px;}
	#contact a 			{ width: 90px; background-position: -869px 0;}        
	#contact a:hover, #contact a.active	{ background-position: -869px -89px; }         
	
	/* Social Links */
	 #social-links li a {  display: block; height: 19px; background-repeat: no-repeat; background-image: url(assets/img/sprite-footer.png); text-indent: -9999px; margin-left: 7px; }                                                                       
	 #social-links .linkedin a { width: 64px; background-position: 0 0; } 
	 #social-links .linkedin a:hover {  }
	 #social-links .twitter a { width: 20px; background-position: -71px 0;  } 
	 #social-links .twitter a:hover {  } 
	 #social-links .rss a { width: 20px; background-position: -96px 0; } 
	 #social-links .rss a:hover {  } 

/* Core Layout 
----------------------------------*/  

 	/* Float: nearly everything */
    #branding, 
	#content, 
	#footer { width: 100%; float: left; } 
	
	/* Core central layout */
	.inner { width: 1000px; margin: 0 auto; text-align: left; position: relative; } 
	#branding, #footer { 
		clear: left;
		background-repeat: repeat-x; 
		background-position: top left; 
	}  
	#branding { min-height: 105px; background-image: url(assets/img/bg-header.png); position: relative; z-index: 5; }
	#footer { background-color: #e5e5e5; min-height: 315px; background-image: url(assets/img/bg-footer.png); position: relative; top: -12px; } 
    #content { background: transparent url(assets/img/bg-page.jpg) no-repeat top center; clear: both; position: relative; top: -9px; margin-bottom: -9px; z-index: 10;} 
	
    /* Newsletter */    
	#newsletter { background: url("assets/img/bg-newsletter.png") no-repeat top left; width: 480px; height: 50px; float: right; margin: 0 28px 20px 0; position: relative; z-index: 15; }
 		#newsletter form { margin: 10px 0 0 15px; }  
		#newsletter h3, #newsletter .text { margin-right: 10px;} 
		#newsletter label { position: absolute; left: -9999px;  } 
	 	#newsletter input.text { 
			width: 120px; height: 20px; border: 1px solid #cc3300; 
		    box-shadow:inset 0 0 3px rgba(0,0,0,.7);
		   -moz-box-shadow:inset 0 0 3px rgba(0,0,0,.7);
		   -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.7);  
			text-indent: 5px;
		}  
		#submit-newsletter { padding-top: 0px; }   
		
	/* Primary Content 
	----------------------------------*/
	#content-primary { clear: both;  }         
	
   	 	/* Homepage */
		#homepage #content-primary { padding-top: 50px; }
		#homepage article { width: 490px; margin-left: 60px; float: left; padding-bottom:100px;}
		#homepage #content-primary img { position: relative; top: -68px; margin-bottom: -100px; }
		#homepage article img { position: relative; bottom: -10px; } 
		
		#map { float: right; background: transparent url(assets/img/jigsaw.png) no-repeat top left; 
			display: block; width: 451px; height: 425px;  margin-bottom: -380px;list-style-type: none;
			position:absolute;top:54px;right:0} 
			#database-building, 
			#social-networks, 
			#promotion-offers, 
			#website-comms, 
			#content-dev { position: absolute; display: block; /*background: rgba(0,0,0,.5);*/ text-indent: -9999px;}
			
	   	 	#database-building { width: 108px ; height: 54px ; left: 53px ; top: 197px ; }
			#social-networks { width: 116px ; height: 54px ; left: 90px ; top: 113px ; }
			#promotion-offers { width: 108px ; height: 61px ; left: 200px ; top: 87px ; }
			#website-comms { width: 145px ; height: 52px ; left: 248px ; top: 165px; }
			#content-dev { width: 110px ; height: 53px; left: 277px ; top: 242px ; }     
			
			#map.default { background: transparent url(assets/img/jigsaw.png) no-repeat top left; }
			#map.database-building { background-position: -451px 0px;} 
			#map.social-networks {  background-position: -902px 0px; }
			#map.promotion-offers {  background-position: -1353px 0px; } 
			#map.website-comms { background-position: -1804px 0px;  }  
			#map.content-dev {  background-position: -2255px 0px; } 
	
		/* Page */  
		#page #content-primary { padding-top: 75px; }
		#page article { width: 618px; float: left; padding-bottom: 80px; }      
	
	                                                                               
	/* Secondary Content 
	----------------------------------*/ 
    
		/* Homepage */
	 	#homepage #content-secondary {   
		    clear: both;
			position: relative;
			background: transparent url(assets/img/bg-home-subsections.png) no-repeat top left; 
			height: 362px; width: 1008px;
		 }    

		#homepage #content-secondary section { width: 290px; min-height: 300px; border-bottom: 4px solid #f60; float: left; margin: 28px 0 28px 35px; }
        #latest-work img { margin-bottom: 10px; }    
		
		
		#jigsaw-image { float: left; margin: 0 10px 15px 0;  }
		#work-images { position: relative; left: -10px; }
		#work-images img { margin-left: 10px; }  
		
		.break { clear: both; }
    .navigation {
      margin: 0px;
    }   
    .alignleft {
      float:left;
      margin-right: 15px;
    }
    .alignright {
      margin: 0px;
    }      
		
/* Forms	 
----------------------------------*/ 
legend { display: none; }
form ol { list-style-type: none;  }
form li { line-height: 1.3; font-size: 16px; margin-bottom: 20px; line-height: 1.3; } 
form label { display: block; } 
form .cf-box-group label { display: inline; position: relative; bottom: -2px; }    
form .cf-box-group input { margin-right: 5px;  }    
form .single { margin-right: 10px; }   
.single, textarea { font-size: 13px !important; } 
.linklove {display:none; }

.sectionTitle {
  float:left;
  width:55px;
}

.sectionSummary {
  clear:right;
}

#fb {background:url(assets/img/fb-bg.png) no-repeat;height:64px;width:209px;position: absolute; left: 15px; top: 10px;}
#fb iframe {position:absolute;left:50px;top:20px}


/* Boxes Footer	 
----------------------------------*/ 
#boxes {float:left; width:290px; margin:15px 0 0 35px; height:240px; }
#boxes ul li { clear:both; list-style:none; line-height:18px; color:#333; padding-left:15px; background: transparent url(assets/img/bullet.gif) no-repeat top left; }
#boxes a { color:#333;}

div#rssincl-box-175183 { margin-top:16px; }
div#rssincl-box-175183 div.rssincl-content div.rssincl-entry { background: transparent url(assets/img/bullet2.gif) no-repeat top left; }
div#rssincl-box-175183 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle { margin-left:15px; color:#333; font-size:12px; margin-bottom:5px; }

.heading {
margin: 1px;
color: #f60;
padding: 3px 10px;
cursor: pointer;
position: relative;
background-color:transparent;
}
.content {
padding: 5px 10px;
background-color:transparent;
}