/*
Theme Name: Arusha Cecone
Theme URI: http://www.arushacecone.com/
Description: The default Arusha Cecone theme.
Version: 1.0
Author: Marco Traverso
Author URI: http://www.line22.com/
Tags: black, art


*/


/*
RESET STYLES
/*Source: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/

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;}

/* 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;}

/* IE6 HACK FOR TRANSPARENT PNGs */

/*img, div {behavior: url(iepngfix/iepngfix.htc);}

img, div {behavior: url(pngbehaviour.htc);}*/


/*END OF STYLES GENERAL RESET */

body {background:#070707 url(images/bg-body.jpg) top center repeat-y; margin:0;}

#top-wrapper-ext	{width:100%; height:196px; margin:0 auto; background: url(images/bg-body-top.png) top repeat-x; }
#top-wrapper 		{width:100%; height:196px; margin:0 auto; background: url(images/bg-top-wrapper.png) top center no-repeat; font-family:"Trebuchet MS",Arial, Helvetica;}
#header-ext			{width:940px; height:140px; margin:0 auto; padding:0;}
#header {width:100%; margin:0; float:left; height:140px; background:url(images/bg-header-right.png) top right no-repeat;}
#header #logo {float:left;}

#language-box {float:right; width:300px; margin:40px 25px 0 0; text-align:right; font-size:12px; color:#ccc;}
#language-box a {color:#ccc;}
#language-box a:hover {color:#fff; text-decoration:underline;}


/*--- HORIZ MENUS ---*/

#menu-bar-top {width:100%; float:left; clear:left; margin:0;height:32px; background:#111 url(images/bg-menu-bar-top.png) top no-repeat; letter-spacing:0.2em}

#menu-bar-top ul {margin-top:0;}
#menu-bar-top li {float:left; margin-top:0px; font-size:16px; text-transform:uppercase; font-weight:normal; color:#ccc;}
#menu-bar-top li a {float:left; padding:8px 12px; color:#aaa; text-decoration:none;}
#menu-bar-top li a:hover {color:#fff; background-color:#111;}
#menu-bar-top li a.active { }

#menu-bar-bottom {width:100%; clear:left; float:left; height:24px; background:#43302f url(images/bg-menu-bar-bottom.png) top no-repeat; letter-spacing:0.2em; color:#9a997f;}

#menu-bar-bottom ul {margin:0 0 0 12px;}
#menu-bar-bottom li {float:left; font-size:14px; font-weight:normal; color:#ccc; list-style-type:none;}
#menu-bar-bottom li.title {padding:5px 5px 0 0;}
#menu-bar-bottom li a {float:left; padding:5px 12px; color:#b4b3a4; text-decoration:none;}
#menu-bar-bottom li a:hover {color:#fff/*#ffae00*/; background-color:#231d1c;}


#searchform {float:right; width:240px; margin:2px 2px 1px; letter-spacing:normal;}
#searchform label {}
#searchform input {height:24px; }
#searchform div#searchbox-ext {width:128px; height:23px; background:#eee url(images/bg-searchbox.png) no-repeat; border:solid 1px #999;}
#searchform input.searchbox { color:#666; background:none; border:none; margin:3px 0 0 20px; width:110px; height:16px; font-size:11px;}
#searchform input.searchbutton {float:right; margin-right:12px; text-transform:uppercase; }


#wrapper-ext	{width:960px; margin:0 auto; background:url(images/bg-wrapper-border.gif) repeat-y;}

#wrapper { width:940px; margin:0 auto; background:#151515; font-family:"Trebuchet MS",Arial, Helvetica; color:#999;}

#wrapper h1 {margin:0 0 14px; font-size:28px; font-weight:normal; letter-spacing:.1em; color:#fff;}

#page-ext 		{width:812px; margin:0 auto; padding-top:12px;}
#page 			{}

.metadata 	{width:100%; text-align:left; margin-bottom:12px; border-top:solid 2px #333; padding-top:5px; font-size:12px;color:#444;}
.metadata a {color:#999;}
.metadata a:hover {color:#ccc;}
.metadata b {color:#999;}
.metadata .right {float:right;}


.item-post 					{width:100%; float:left; clear:left; border-bottom:solid 1px #333; padding-bottom:6px; margin-bottom:8px;}
.item-post h2 				{color:#ddd; margin-bottom:4px; font-size: 20px; font-weight:normal;}
.item-post h2 a				{text-decoration:none; color:#ccc;}
.item-post h2 a:hover 		{text-decoration:underline; color:#fff;}
.item-post .metadata 		{border:none;}
.item-post .summary 		{font-family:Georgia, "Times New Roman", Times, serif; color:#777; line-height:20px;}
.item-post .more 			{float:right; font-family:"Trebuchet MS", Arial;font-size:12px; font-weight:bold;  text-transform:lowercase;}
.item-post .more a 			{text-decoration:none; color:#ddd;}
.item-post .more a:hover	{text-decoration:underline; color:#fff;}
.item-post img {float:left; border: solid 1px #444; padding:1px; margin-right:10px;}


.navigation {width:100%; font-size:13px; color:#444;}
.navigation a{color:#444;}
.navigation a:hover {color:#dedede;}
.navigation .next {float:right;}
.navigation .prev {float:left;}


.text 					{clear:both; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; letter-spacing:.5px; line-height:22px; color:#999;}
.text p					{margin:10px 0;}
.text h2 				{color:#ddd; font-family: "Trebuchet MS", Arial, Helvetica; font-size:20px; font-weight:normal;}
.text b, .text strong 	{color:#aaa;}
.text a 				{color:#ccc;}
.text a:hover 			{color:#eee;}
.text ul 				{list-style-type: disc; padding-left:16px; margin:6px 0;}

/* --- HOMEPAGE --- */

#home-tabs-box-ext {width:650px; padding:25px 0; margin:0 auto; background-color:#090909; border:solid 1px #34342e;}
#home-tabs-box {width:600px; height:410px; margin:0 auto; }

ul.tabNavigation { width:110px; float:left;}
ul.tabNavigation li img {padding:9px 10px 0 10px;}
.home-item-box {width:490px; float:right; text-align:center; padding-top:10px;}
.home-item-box .title {background-color:#000; height:30px; margin:0 auto;}
.home-item-box .title h2 {padding-top:5px;}
/* --- LINKS ---*/

.item-link 		{margin-top:8px; font-size:12px; padding-bottom:6px; border-bottom:solid 1px #333; color:#777; line-height:13px;}
.item-link h3 	{font-size:14px; margin-bottom:8px; color:#ccc;}
.item-link a	{color:#ccc;}
.item-link a h3:hover {color:#fff; text-decoration:underline;}


/*--- gallery page ---*/


#gallery-ext {width:812px; margin:0 auto; padding-top:12px;}
#gallery {width:807px; float:right; }


#gallery h1 {float:left; margin-right:25px; padding-bottom:10px;}


.gallery-periods 				{font-size:14px;}

.gallery-periods ul 			{	}
.gallery-periods ul li 			{float:left; padding:12px 4px;}
.gallery-periods ul li a	 	{color:#797979;  padding:2px 12px; text-decoration:none; background: url(images/bg-gallery-years-link.png) center; }
.gallery-periods ul li a:hover	{color:#ccc;}
.gallery-periods ul li.active 	{color:#fff; padding:12px 12px;  background: url(images/bg-gallery-years-active.png) center; }
.gallery-periods ul li.title 	{color:#d70e0e; font-size:16px; font-weight:bold; padding:10px;} 

#gallery .gallery-box {clear:both; }
#gallery .gallery-box p {margin:12px;}
#gallery .gallery-item-ext {width:264px; height: 340px; float:left; background:#0f0f0f; margin-right:5px;margin-bottom:10px;}
#gallery .gallery-item-ext :hover {background:#050505;}
#gallery .gallery-item 		{height: 100%; border:solid 1px #34342e; text-align:center;	}
#gallery .gallery-item .img-box {width:100%; height:264px;}
#gallery .gallery-item img 		{margin-top:6px; border: solid 1px #232323;}
#gallery .gallery-item h2		{margin:4px 0 12px; color:#fff; font-size:13px; font-weight:bold;}
#gallery .gallery-item h2 a 		{text-decoration:none; color:#fff;}
#gallery .gallery-item h2 a:hover	{text-decoration:underline; color:#fff;}
#gallery .gallery-item .description 	{margin:0 4px; text-align:center; font-size:11px; color:#afaea9; height:30px;}
#gallery .gallery-item .date		 	{margin-right:5px; font-size:11px; font-style:italic; color:#fff; float:right;}

/*--- SINGLE IMAGE PAGE ---*/

#gallery-single { text-align:center;}

#gallery-single .date {text-align:right; font-size:12px; font-style:italic; color:#aaa; margin-bottom:6px;}
#gallery-single img {padding:8px; background-color:#0e0e0e; border:solid 1px #444;}

#gallery-single .img-meta {width:100%; margin-top:8px; height:26px; font-family:"Trebuchet MS", Arial; font-size:12px; color:#777;}
#gallery-single .img-meta .left {float:left;}
#gallery-single .img-meta .right {float:right;}

#gallery-single .metadata {margin-top:20px; font-size:11px;}



#sidebar {clear:both;}

#footer {width:100%; background:#222; margin-top:40px; color:#666; text-align:center; font-size:11px; text-transform:uppercase; padding:8px 0; border-bottom:solid 1px #070707;}
#signature	{padding:16px 8px; text-align:right; font-size:12px; color:#666; background:#000;}
#signature a {color:#ccc; text-decoration:none; font-weight:bold;}
#signature a:hover {color:#fff; text-decoration:underline;}