@charset "utf-8";
/*
Theme Name: epresso
Theme URI: http://www.epresso.com.au/
Description: The theme for epresso
Version: 1.0
Tags: epresso
License: COMMERCIAL
*/


/*

    <div id="sitewrapper">
        <div id="top"><div id="logo"></div><div id="topnav"></div></div>
        <div id="contentwrapper"><div id="content"></div></div>
        <div id="footer"><div id="tagline"></div><div id="footerlinks"></div></div>
    </div>
	
	brown: #463031
	orange: #EE7D0C
	light blue: #99B4D4
	tan: #F9C08B
	
	
*/

body{margin:0px; background:#FFF; font-family:"Gotham Rounded", Arial, Helvetica, sans-serif; color:#463031; font-size:13px;}


a img{border:none; outline:none;}
p{padding:3px 0px; text-indent:0px; margin:0px;}

h1{display:block; float:left; width:100%; padding:10px 0px 10px 0px;  color:#99B4D4; text-decoration:none; margin:0px; font-size:26px; font-weight:normal;}
h4{display:block; float:left; width:100%; padding:10px 0px 10px 0px;  color:#99B4D4; text-decoration:none; margin:0px; font-size:20px; font-weight:normal;}
h2{display:block; float:left; width:100%; padding:10px 0px 5px 0px; color:#EE7D0C; margin:0px; font-size:16px; font-weight:normal;}
h3{display:block; float:left; width:100%; padding:3px 0px; color:#99B4D4; margin:0px; font-size:16px; font-weight:normal;}


.brown{color:#463031 !important;}
.orange{color:#EE7D0C !important;}
.tan{color:#F9C08B !important;}
.lightblue, .blue{color:#99B4D4 !important;}

.bold{}

strong{font-weight:normal;}


#sitewrapper{width:900px; display:block; clear:both; margin:0px auto;}
	#top{height:93px; float:left; width:100%;}
		#logo{float:left; width:224px;}
		#topnav{float:right; width:400px; text-align:right; padding-top:60px; padding-right:40px;}
		
	#contentwrapper{width:100%; float:left;}
		#content{width:810px; float:right;}
		
	#footer{width:100%; float:left;}
		#tagline{width:50%; text-align:right; padding:10px 0px 20px 0px; float:right;}
		#front-news{width:48%; float:left; color:#000; padding:10px 0px 0px 0px;}
			#front-news .feedtitle{display:none;}
			#front-news .feedtext{float:left; padding:0px 3px; color:#463031;}
			#front-news .feeddate{float:left; font-weight:normal; color:#EE7D0C; padding:0px 3px;}

		#social{width:20%; float:left;}
		#social div{float:left; width:90px; padding:6px 0px 0px 12px;}
		
		#social a.thanks_twitter
	{
		width: 33px;
		height: 33px;
		padding: 0;
		margin: 0;
		display: block;	
		background: url('/images/iphone/logo-twitter.png') no-repeat;
		float: left;
	}
	
	#social a.thanks_facebook
	{
		width: 33px;
		height: 33px;
		padding: 0;
		margin: 0;
		display: block;	
		background: url('/images/iphone/logo-facebook.png') no-repeat;
		float: left;
		margin-left: 12px;
	}

#footerlinks{width:55%; float:right; text-align:right; color:#99B4D4; font-size:12px; padding-top:20px;}


	#seolinks{width:100%; float:left;}
		#seolinks .col{width:24%; float:left; text-align:left; font-size:12px; color:#99B4D4;}
		#seolinks .col a{color:#99B4D4;}


/* News on the front page */



		
/* SPECIFICS */
	#topnav ul{list-style:none; text-indent:0px; margin:0px; padding:0px;}
	#topnav ul li{list-style:none; text-indent:0px; margin:0px; display:inline;}
	#topnav a{display:inline; color:#F9C08B; text-decoration:none; padding:0px 5px; font-size:13px; line-height:12px; border-right:1px solid #463031; float:right;}
	#topnav a:hover{text-decoration:underline;}
	
	#front-page{float:left; width:100%; margin-top:20px;}
	
	#footerlinks a{color:#99B4D4; text-decoration:none;}
	#footerlinks a:hover{text-decoration:underline;}

	#videoprev{float:right; width:200px; height:346px;}
	#frontnav{width:660px; float:left; padding-left:14px;}
	#frontnav img{float:left; padding:0px 6px;}
		#frontblurb{width:655px; float:left; padding:20px 0px 50px 5px; font-size:24px; text-align:left;}
	
	
	
	#contentnav{width:818px; float:right;}
	#contentnav img{float:left;}
	
	
	.pagecol{width:45%; float:left; padding-right:30px;}
	
	.pagecol-howtoLEFT{width:44%; float:left; font-size:14px;}
	.pagecol-howtoRIGHT{width:44%; float:right; font-size:14px;}
	
	.pagecol-howtoLEFT .dot, .pagecol-howtoRIGHT .dot{height:17px; width:17px; margin-left:-20px; display:block; position:absolute; padding-top:5px;}
	.pagecol-howtoLEFT .dot-1, .pagecol-howtoRIGHT .dot-1{background:url(images/bullets/1.png) right center no-repeat;}
	.pagecol-howtoLEFT .dot-2, .pagecol-howtoRIGHT .dot-2{background:url(images/bullets/2.png) right center no-repeat;}
	.pagecol-howtoLEFT .dot-3, .pagecol-howtoRIGHT .dot-3{background:url(images/bullets/3.png) right center no-repeat;}
	.pagecol-howtoLEFT .dot-4, .pagecol-howtoRIGHT .dot-4{background:url(images/bullets/4.png) right center no-repeat;}
	.pagecol-howtoLEFT .dot-5, .pagecol-howtoRIGHT .dot-5{background:url(images/bullets/5.png) right center no-repeat;}
	.pagecol-howtoLEFT .dot-6, .pagecol-howtoRIGHT .dot-6{background:url(images/bullets/6.png) right center no-repeat;}
	.pagecol-howtoLEFT .dot-7, .pagecol-howtoRIGHT .dot-7{background:url(images/bullets/7.png) right center no-repeat;}
	
	
	/* hide the header on 'find a cafe' */
	.page-id-23 h1.header{display:none;}
	
	form.findcafe {width:100%; float:left; padding:10px 0px 20px 0px;}
	form.findcafe input.text{float:left; border:#99B4D4 solid 1px; padding:5px 5px; width:100px; font-weight:bold; margin:3px 3px 3px 0px; outline:none; background:#FFF; font-size:16px; color:#99B4D4;}
	form.findcafe input.go{}
	
	
	.caferesult{width:400px; font-size:12px;}
		h1.address, h1.address address{font-size:14px; color:#463031; font-style:normal;}
		.caferesult h2{padding:0px; margin:0px; line-height:14px;}
		.caferesult h3{padding:0px; margin:0px; line-height:14px;}
	
	
	
	form.contactform {width:280px; float:left;}
	form.contactform .formrow{clear:left; float:left; width:100%; margin:3px 0px;}
	form.contactform label{width:60px; float:left;}
	form.contactform .text{width:180px; float:right; border:#463031 solid 1px;}
	form.contactform .textfield{width:180px; height:90px; float:right; border:#463031 solid 1px;}
	form.contactform .button{float:right; padding:2px 5px; color:#FFF; background:#99B4D4; font-size:11px;}