/*
Theme Name:Spinelli Theme, by CarbonGraffiti.com
Theme URI:http://spinellicoffee.co.uk
Description: Spinelli Coffee Theme
Author: Jonathan Aizlewood ~ www.carbongraffiti.com
Author URI:http://carbongraffiti.com
version:1.0
*/

/* -------------------------------------------------------------- 
  Reset default browser CSS.
  Based on work by Eric Meyer:
  http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}

/* remember to define focus styles! */
:focus{outline:0}

/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}

/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse; border-spacing:0}

a img{border:none}

/*------------------- basics*/

/********************************960.gs*******************************/

/* Un-comment the line below to set a grid with 18px line-height 
body{background:url(library/grids/960_grid_12_col.png) repeat-y top center}*/

/*********************************************************************/

body{ background-color:#2A1907; font-family:verdana,arial,tahoma,sans-serif; font-size:10pt; line-height:20px; margin:0px}

h1{font-size:18pt;font-family:palatino linotype,georgia,arial,times; font-weight:300; letter-spacing:-0.01em; margin-bottom:20px; color:#E8E0B2}
h2{font-size:16pt; margin-top:10px;font-family:palatino linotype,georgia,arial,times; font-weight:300; letter-spacing:-0.01em; }
h3{font-size:14pt; margin-top:10px; font-family:palatino linotype,georgia,arial,times; font-weight:300; }
h4{font-size:9pt}

/* images and misc. */
img{border:none; padding:6px}
img a{border:none}
.clear { clear:both;}

img.left{float:left; border:none; padding:6px}
img.right{float:right; border:none; padding:6px}

blockquote{border-left:1px solid #A5ABAB; margin:15px; padding:0 12px 0 12px}

code{margin:10px; font-family:"Courier New",Courier,monospace}

/* links */
a{color:#CCC1A2; text-decoration:none; border:none}
a:hover{color:#fff; text-decoration:underline; border:none}

/* fullwrapper */
#fullwrapper{margin:0 auto; padding:0px;}

/* container */
#container{width:940px; margin:0 auto; padding:6px; color:#fff;}

/* main menu */
#menu{background:url(images/menu_bg.gif) repeat-x top left; height:69px}
#menuwrapper { margin:0 auto; width:940px; height:69px; position:relative;}

#menunav ul#nav{ position:absolute; top:0px; left:0px; width:940px; height:69px; background:url(images/nav.gif) no-repeat}
#menunav ul#nav li{list-style:none;text-indent:-9999px; }
#menunav ul#nav li a{position:absolute; text-decoration:none; border:none !important; top:0; height:69px}

#menunav ul#nav li#aa a{left:160px; width:135px; background:url(images/nav.gif) -160px 0 no-repeat;}
#menunav ul#nav li#bb a{left:325px; width:111px; background:url(images/nav.gif) -325px 0 no-repeat}
#menunav ul#nav li#cc a{left:472px; width:153px; background:url(images/nav.gif) -472px 0 no-repeat}
#menunav ul#nav li#dd a{left:663px; width:118px; background:url(images/nav.gif) -663px 0 no-repeat}

#menunav ul#nav li#aa a:hover{background-position:-160px -69px;-moz-outline-style: none;}
#menunav ul#nav li#bb a:hover{background-position:-325px -69px;-moz-outline-style: none;}
#menunav ul#nav li#cc a:hover{background-position:-472px -69px;-moz-outline-style: none;}
#menunav ul#nav li#dd a:hover{background-position:-663px -69px;-moz-outline-style: none;}

#menunav ul#nav li#aa.active a {background-position:-160px -138px;-moz-outline-style: none;}
#menunav ul#nav li#bb.active a {background-position:-325px -138px;-moz-outline-style: none;}
#menunav ul#nav li#cc.active a {background-position:-472px -138px;-moz-outline-style: none;}
#menunav ul#nav li#dd.active a {background-position:-663px -138px;-moz-outline-style: none;}

/* header */
#headerwrapper{ margin:0 auto; border:6px solid #AB0115; background:url(images/header_bg.jpg) repeat-x top left; border-width:6px 0px 6px 0px;  width:100%; color:#fff;}
#headerwrapperhome{ margin:0 auto; border:6px solid #AB0115; background:url(images/header_bg.jpg) repeat-x top left; border-width:6px 0px 6px 0px; width:100%; height:490px; color:#fff; position:relative;}

#header{ margin:0 auto;  width:940px; color:#fff; height:140px; position:relative}
#headerhome{ margin:0 auto; background:url(images/header.jpg) no-repeat top center; width:940px; color:#fff; height:490px; position:relative}

#headerhome .skipto {width:128px; height:14px; background:url(images/skipto.gif) no-repeat top left; float:right;}
#headerhome .skipto a { display:block; width:128px; height:14px;}

#header .logo { position:absolute; top:0px; right:8px; width:200px; height:200px; background:url(images/coffeecup_small.png) no-repeat center;}
#header .logo a { width:200px; height:170px; display:block;}
#headerhome .logohome {display:none; position:absolute; top:280px; left:238px; width:412px; height:252px; background:url(images/coffeecup_big.png) no-repeat center;}

#headerhome h1, #header h1{font-family:palatino linotype,georgia,arial,times; font-variant: small-caps; font-size:28pt; color:#fff; font-weight:200; letter-spacing:-1px;padding:70px 0 0 16px}
#headerhome h1 a, #header h1 a{text-decoration:none}
#headerhome h1 a:hover, #header h1 a:hover{ text-decoration:none}
#headerhome h2, #header h2{font-family:palatino linotype,georgia,arial,times; font-size:10pt; font-weight:300; font-style:italic; letter-spacing:1px; margin:0; padding:0 0 0 18px}
#headerhome h1.hide, #headerhome h2.hide, #header h1.hide, #header h2.hide { text-indent:-1000em; overflow:hidden;}

#homemodulewrapper { clear:both; margin-top:20px; width:940px; }
#homemodulewrapper .module1 { float:left; width:218px; height:100px; margin-right:10px; border:1px solid #4b351e; position:relative;}
#homemodulewrapper .module2 { float:left; width:218px; height:100px; margin-left:10px; margin-right:10px; border:1px solid #4b351e;  position:relative;}
#homemodulewrapper .module3 { float:left; width:218px; height:100px; margin-left:10px; margin-right:10px; border:1px solid #4b351e; position:relative;}
#homemodulewrapper .module4 { float:left; width:218px; height:100px; margin-left:10px; border:1px solid #4b351e; position:relative;}
#homemodulewrapper .module1 h2, #homemodulewrapper .module2 h2, #homemodulewrapper .module3 h2, #homemodulewrapper .module4 h2 { padding:10px;}
#homemodulewrapper .module1 p, #homemodulewrapper .module2 p, #homemodulewrapper .module3 p, #homemodulewrapper .module4 p { padding:0px 10px 10px 10px; width:38%; font-size:70%; line-height:110%;}
#homemodulewrapper .module1 a, #homemodulewrapper .module2 a, #homemodulewrapper .module3 a, #homemodulewrapper .module4 a {width:218px; height:90px; display:block; text-decoration:none; }
#homemodulewrapper img { position:absolute; top:10px; right:10px; }

/* content */
#content{float:left; margin-top:40px; width:700px; background-color:#2D1C0A; border:1px solid #4b351e; overflow:hidden;}
#contenthome{float:left; margin-top:40px; width:540px; height:230px; background-color:#2D1C0A; border:1px solid #4b351e; overflow:hidden;}

.post{margin:0 10px; padding:10px 10px 10px 5px; line-height:18px}
.post h2 a{ text-decoration:none}
.post h2 a:hover{color:#666; text-decoration:none}
.post p{ padding-top:10px; line-height:150%;}
.post a{text-decoration:underline}
.post ul{}
.post li{}
.entry p{margin:12px 0}
.postmetadata{clear:both; background:#F7F7F7; padding:6px; margin-top:16px}
.navigation{font-size:8pt; float:left; width:100%}
.alignleft{float:left; margin:25px}
.alignright{float:right; margin:25px}
.notfound{padding:25px; font-size:14pt; font-weight:300}

/* sidebarhome */
#sidebarhome { float:right; margin-top:40px; width:380px; height:230px; background-color:#2D1C0A;  border:1px solid #4b351e;}
#sidebarhome h1 { padding-top:8px;}
#sidebarhome p{margin:0; padding:10px 6px 0 12px}
#sidebarhome img{padding:0; margin:0}
#sidebarhome ul{margin:12px; padding:0; }
#sidebarhome ul li{margin:0; padding:0; line-height:18px;  }
#sidebarhome ul ul{margin:6px 0 6px 12px; padding:0}
#sidebarhome ul ul li{list-style-type:none; padding:6px; list-style-position:inside;border-bottom:1px solid #4a3b2c;background:url(images/bulletbean.gif) no-repeat left; padding-left:20px;}
#sidebarhome ul ul ul{margin:0; padding:0}
#sidebarhome ul ul ul li{padding:0 0 0 15px; list-style-type:square; color:#898989}

/* sidebar */
#sidebar{ float:right; width:218px; margin:40px 0 24px 0; padding:0; /*background-color:#2D1C0A;  border:1px solid #4b351e;*/}
#sidebar p{margin:0; padding:0 6px 0 12px}
#sidebar img{padding:0; margin:0}
#sidebar ul{margin:12px; padding:0; list-style-type:none}
#sidebar ul li{margin:0; padding:0; line-height:18px; list-style-type:none}
#sidebar ul ul{margin:6px 0 6px 12px; padding:0}
#sidebar ul ul li{list-style-type:none; list-style-position:inside}
#sidebar ul ul ul{margin:0; padding:0}
#sidebar ul ul ul li{padding:0 0 0 15px; list-style-type:square; color:#898989}
/*-----*/
#sidebar .sidebarboxes {}
#sidebar .sidebarboxes #hidden { display:none; background-color:red;}
#sidebar .sidebarboxes .sidebox { margin-bottom:20px; padding-bottom:18px;  position:relative;}
#sidebar .sidebarboxes .sidebox h2 { padding:5px; margin-bottom:10px;}
#sidebar .sidebarboxes .sidebox p { padding:5px 5px 15px 10px; line-height:90%;}
#sidebar .sidebarboxes .sidebox img { margin:5px; }
#sidebar .sidebarboxes .sidebox a { display:block; text-decoration:none;}
#sidebar .sidebarboxes .sidebox .linkwrapper a {display:block; cursor:pointer} 
#sidebar .sidebarboxes .sidebox .thumbnail { float:left; width:30%; height:50px;}
#sidebar .sidebarboxes .sidebox .blurb { float:left; width:70%; height:50px; margin-top:-5px;}
#sidebar .sidebarboxes .sidebox .squiggle { clear:both; background:url(images/squiggle.gif) no-repeat bottom center; width:100%; height:19px;}

/*cForm */
.linklove {display:none;}

/* Google Map */
.googlemap { margin:0 auto; border:5px double #AB0115; padding:20px; margin:20px 20px 20px 50px; width:550px;}

/* Enzo Pic */
.enzo { margin:0 auto; border:5px double #AB0115; padding:20px; margin:20px 20px 20px 50px; width:550px;}
.enzo img { margin:0px 40px;}

/* Large Pic */
.largepic { margin:0 auto; border:5px double #AB0115; padding:20px; margin:20px 20px 20px 50px; width:550px;}
.largepic img { margin:0px 40px;}

/* Facebook Group/Page */
.fb-group { margin:0 auto; border:5px double #AB0115; padding:20px; margin:20px 20px 20px 50px; width:550px;}
.fb-group img { margin:0px 40px;}

/* Gallery */
.gallery { margin:0 auto; border:5px double #AB0115; padding:20px 20px 20px 20px; margin:20px 20px 20px 50px; width:550px;}
.gallery .gallerywrapper { margin:0px 10px;}
.gallery img { margin:5px;}


/* comments */
#commentssection{clear:both; padding:2px 12px; margin:0}
#commentssection h3{font-family:georgia,times,verdana; font-size:12pt; font-weight:300; font-style:normal; color:#000}
#commentform{background:#F0F0F0; margin:12px 12px 20px 12px; padding:20px}
#commentform p{color:#000}
#commentform a{color:#000; text-decoration:none; border-bottom:1px dotted #465D71; line-height:18px}
#commentform h3{font-family:georgia,times,verdana; font-size:10pt; font-weight:300; color:#000}
#commentbox{width:75%; min-width:400px; margin:5px 5px 0 0}
#author, #email, #url, #commentbox, #submit{background:#fff; font-family:verdana,arial,times; font-size:8pt; margin:5px 5px 0 0; border:none; padding:6px; border:1px solid #B2B2B2}
#submit{margin:5px 5px 0 0}
ol.commentlist{list-style-type:none}
ol.commentlist li{background:#fff; margin:10px 0; padding:5px 0 5px 10px; overflow:hidden}
ol.commentlist li.alt{background:#E5E5E5}
ol.commentlist li p{margin:6px 0 6px 0; padding:0 12px 0 0; line-height:18px}
ol.commentlist a{color:#000}
cite{font-family:arial,verdana,tahoma; font-size:9pt; font-weight:bold; font-style:normal}
cite a{color:#000; text-decoration:none; border-bottom:1px dotted #465D71}

/* search */
#searchform{padding:6px 0 6px 6px; font-family:verdana,arial,times}
#searchform input#s{font-family:verdana,arial,times; font-size:8pt; padding:2px; margin:2px; border:1px solid #B7B7B7}
#searchform input#searchsubmit{font-family:verdana,arial,times; font-size:7pt; padding:2px; margin:2px 0 0 2px; border:1px solid #B7B7B7; background-color:#fff; color:#797979}

/* footer */
#squiggle_large { margin:50px auto; background:url(images/squiggle_large.gif) no-repeat center; width:940px; height:30px;}

#footer{clear:both; margin-top:60px; width:100%; height:120px; font-size:7pt; position:relative;}
#footer .beans { position:absolute; top:0px; left:0px; background:url(images/beans.gif) no-repeat top left #2A1907; width:463px; height:120px;}
#footer p{padding:6px; float:right; width:400px; line-height:150%; margin:20px 0 0 0; color:#7c654d}
#footer a{}
#footer a:hover{}


/* ******* Fancy Box **************************************** */
div#fancy_overlay{position:absolute; top:0; left:0; z-index:90; width:100%; background-color:#333}
div#fancy_loading{position:absolute; height:40px; width:40px; cursor:pointer; display:none; overflow:hidden; background:transparent; z-index:100}
div#fancy_loading div{position:absolute; top:0; left:0; width:40px; height:480px; background:transparent url(library/fancybox_images/fancy_progress.png) no-repeat}
div#fancy_close{position:absolute; top:-12px; right:-12px; height:30px; width:30px; background:transparent url(library/fancybox_images/fancy_closebox.png); cursor:pointer; z-index:100; display:none}
div#fancy_content{position:absolute; top:0; left:0; width:100%; height:100%; padding:0; margin:0; z-index:96}
#fancy_frame{position:relative; width:100%; height:100%; display:none}
img#fancy_img{position:absolute; top:0; left:0; width:100%; height:100%; border:0; padding:0; margin:0; z-index:92}
div#fancy_title{position:absolute; bottom:-35px; left:0; width:100%; z-index:100; display:none}
div#fancy_title table{margin:0 auto}
div#fancy_title div{color:#FFF; font:bold 12px Arial; padding-bottom:2px}
td#fancy_title_left{height:32px; width:15px; background:transparent url(library/fancybox_images/fancy_title_left.png) repeat-x}
td#fancy_title_main{height:32px; background:transparent url(library/fancybox_images/fancy_title_main.png) repeat-x}
td#fancy_title_right{height:32px; width:15px; background:transparent url(library/fancybox_images/fancy_title_right.png) repeat-x}
div#fancy_outer{position:absolute;top:0;left:0; z-index:90;padding:18px 18px 58px 18px; margin:0; overflow:hidden;background:transparent;display:none}
div#fancy_inner{position:relative; width:100%; height:100%; border:1px solid #444; background:#FFF}
a#fancy_left, a#fancy_right{position:absolute; bottom:10px; height:100%; width:35%; cursor:pointer; background-image:url(library/fancybox_images/data:image/gif; base64,AAAA); z-index:100}
a#fancy_left{left:0px}
a#fancy_right{right:0px}
a#fancy_left:hover{background:transparent url(library/fancybox_images/fancy_left.gif) no-repeat 0% 100%}
a#fancy_right:hover{background:transparent url(library/fancybox_images/fancy_right.gif) no-repeat 100% 100%}
#fancy_bigIframe, #fancy_freeIframe{position:absolute; top:0; left:0; width:100%; height:100%; z-index:10}
div#fancy_bg{display:none}
div.fancy_bg{position:absolute; display:block; z-index:70}
div.fancy_bg_n{top:-18px; width:100%; height:18px; background:transparent url(library/fancybox_images/fancy_shadow_n.png) repeat-x}
div.fancy_bg_ne{top:-18px; right:-13px; width:13px; height:18px; background:transparent url(library/fancybox_images/fancy_shadow_ne.png) no-repeat}
div.fancy_bg_e{right:-13px; height:100%; width:13px; background:transparent url(library/fancybox_images/fancy_shadow_e.png) repeat-y}
div.fancy_bg_se{bottom:-18px; right:-13px; width:13px; height:18px; background:transparent url(library/fancybox_images/fancy_shadow_se.png) no-repeat}
div.fancy_bg_s{bottom:-18px; width:100%; height:18px; background:transparent url(library/fancybox_images/fancy_shadow_s.png) repeat-x}
div.fancy_bg_sw{bottom:-18px; left:-13px; width:13px; height:18px; background:transparent url(library/fancybox_images/fancy_shadow_sw.png) no-repeat}
div.fancy_bg_w{left:-13px; height:100%; width:13px; background:transparent url(library/fancybox_images/fancy_shadow_w.png) repeat-y}
div.fancy_bg_nw{top:-18px; left:-13px; width:13px; height:18px; background:transparent url(library/fancybox_images/fancy_shadow_nw.png) no-repeat}

/* ******* xxxxxxxxxxxxxxxxx **************************************** */