/*
Theme Name: Boccalatte 2010
Theme URI: http://boccalatte.com
Description: A theme for Boccalatte Pty Ltd.
Version: 0.1
Author: Boccalatte, Fluid grid credit: http://rtherianto.net/toolbox/fluidgrid/index.html
Author URI: http://boccalatte.com/
Tags: Fluid Grid, Portfolio
*/

/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {padding: 0;margin: 0;}
fieldset, img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-weight: normal;font-style: normal;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}


			
body { position: relative; width: 100%; margin: 10px; background: #eee; }
div.box {-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px;border-radius: 8px; }
.box { background: #ccc; color: #444; font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; line-height: 13px; }
.box .boxinner {padding: 10px;}
a.thumblink img {padding-bottom: 10px;}
.box a { color: #444; }
.box a img {color: #fff; }
/*.box p, .box ul.boccamenu {padding: 10px;}*/
.box form {padding: 5px;}
.bocca { background: #fff;}
div.bocca { margin-bottom: 10px;}
p.intro { padding: 0px 5px 10px; color: #444; line-height: 14px; }
p.intro-omega { margin-bottom: 40px; color: #444; }
img.boccalogo { margin: 0px 0px 20px 0px; }*/
div.alt { background-color: #666; }
p.address {text-transform: uppercase; letter-spacing: 0.05em; }
.boccawords p, p.boccatag { padding: 0 0 10px 0;}
.boxinner h3 {padding-bottom: 10px; font-size: 11px; text-transform: uppercase; }
.boxinner h3:before { content:'';}
.boxinner h3 a { text-decoration: none; }

/*div.execphpwidget {padding-top: 10px;}*/
/*.box img.mainimg { display: block; }*/

/*ul.boccamenu { list-style-type:none; list-style-image:none; list-style-position:outside; }
ul.boccamenu li {display:inline; padding-right: 10px; }
ul.boccamenu li, input#s {letter-spacing:0.1em; padding-right: 10px; text-transform: uppercase; color: #ff0033;}*/
/*p.iconlist {padding: 10px 5px 5px 10px; margin: 5px }*/
.iconlist a {color: #fff;}
p.iconlist a img { border: none;}
#iconlist { width: 210px; overflow: hidden; height: 33px; padding: 20px 0px 20px 5px; }

/* expand/collapse info */

/* search box and enews input fields */
input#s, input.cm-input {font-family: Verdana, Arial, sans-serif; color: #ccc; background: #fff; font-size: 12px; line-height: 15px; border: 1px solid #ccc ; padding: 3px 10px 3px 3px; width: 185px; }
input#s:focus, input.cm-input:focus { color: #fff; background: #ff0033;}

/* blog category formatting */

.grid_1 .box, .grid_1 .bocca {margin-bottom: 10px;}
.grid_2 .box h2, .grid_3 .box h2 {padding: 0px 0px 15px 0px; font-size: 26px; line-height: 26px; text-transform:uppercase; width: 80% }
.grid_2 div.box, .grid_3 div.box {margin-bottom: 10px; background: #fff;}  
.grid_2 .box p, .grid_3 .box p {padding-bottom: 15px; font-size: 14px; line-height: 24px;}

body.boocablog { background: #222; }
p.postmetadata, p.postmetadata a { color:#999; font-size:11px; line-height: 13px;}
.boccablog .box, .boccablog .box { padding: 24px; }
.grid_3 .box p.wp-caption-text { font-size:9px; line-height: 10px; padding-top: 5px; }

/* tag cloud */
ul.wp-tag-cloud { padding: 0px 5px; }
ul.wp-tag-cloud li { display: inline; line-height: 16px; }
ul.wp-tag-cloud li a:hover { color:#ff0033;}
ul.wp-tag-cloud li a { color:#ccc;}

/* campaign monitor signup form */
div#enews-signup { padding: 0px 0px 10px 0px;}
h3.enewsheader { color: #ccc; font-weight: bold; padding-bottom: 0px;  }
input.cm-input, input.cm-button { margin: 3px 0px; }
input.cm-button { display:none;}

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_4 {
	/*margin-left: auto;*/
	/*margin-right: auto;*/
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .grid_1 {
	width:230px;
}

.container_4 .grid_2 {
	width:470px;
}

.container_4 .grid_3 {
	/* original 710px*/
	width:710px;
}

.container_4 .grid_4 {
	width:950px;
}



/* Prefix Extra Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .prefix_1 {
	padding-left:240px;
}

.container_4 .prefix_2 {
	padding-left:480px;
}

.container_4 .prefix_3 {
	padding-left:720px;
}



/* Suffix Extra Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .suffix_1 {
	padding-right:240px;
}

.container_4 .suffix_2 {
	padding-right:480px;
}

.container_4 .suffix_3 {
	padding-right:720px;
}



/* Push Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .push_1 {
	left:240px;
}

.container_4 .push_2 {
	left:480px;
}

.container_4 .push_3 {
	left:720px;
}



/* Pull Space >> 4 Columns
----------------------------------------------------------------------------------------------------*/

.container_4 .pull_1 {
	left:-240px;
}

.container_4 .pull_2 {
	left:-480px;
}

.container_4 .pull_3 {
	left:-720px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}