/*  
Theme Name: Alma Latina
Theme URI: http://www.almalatina.info
Description: Alma Latina
Version: 1.0
Author: BeeSoft srl
Author URI: http://www.beesoft.it/
*/

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

* { padding: 0px; margin: 0px; }

BODY {
	background: url('images/bg.jpg');
	font-family: Trebuchet Ms, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #000000;
}

H1, H2, H3 { 
	font-family: Georgia, Times New Roman, serif;
	color: #4b2824; 
}

IMG { border: 0px; }

LI { list-style: none; }

A { 
	text-decoration: none;
	color: #DE503C; 
	outline: 0px;
}

A:hover { text-decoration: underline; }

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

#container { background: url('images/bg-top.jpg') repeat-x; }

#header {
	background: url('images/bg-header.jpg') no-repeat top center;
	padding-top: 40px;
	height: 285px;
}

#logo {
	background: url('images/logo-almalatina.jpg') no-repeat;
	margin: 0px auto 0px auto;
	width: 340px;
	height: 200px;
}

#logo H1 { 
	text-indent: -90000px; 
	font-size: 10px;
}

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

#menu { padding: 0px 30px 0px 30px; }

#menu LI {
	height: 85px;
	float: left;
}

#menu LI A, #menu .sel {
	text-indent: -90000px;
	display: block;
	height: 85px;
	float: left;
}

#menu .m1 A {
	background: url('images/bg-m1.jpg') no-repeat 0px 0px;
	margin-right: 48px;
	width: 55px;
}

#menu .m2 A {
	background: url('images/bg-m2.jpg') no-repeat 0px 0px;
	margin-right: 41px;
	width: 73px;
}

#menu .m3 A {
	background: url('images/bg-m3.jpg') no-repeat 0px 0px;
	margin-right: 60px;
	width: 122px;
}

#menu .m4 A {
	background: url('images/bg-m4.jpg') no-repeat 0px 0px;
	margin-right: 53px;
	width: 71px;
}

#menu .m5 A {
	background: url('images/bg-m5.jpg') no-repeat 0px 0px;
	margin-right: 50px;
	width: 53px;
}

#menu .m6 A {
	background: url('images/bg-m6.jpg') no-repeat 0px 0px;
	margin-right: 48px;
	width: 87px;
}

#menu .m7 A {
	background: url('images/bg-m7.jpg') no-repeat 0px 0px;
	width: 96px;
}

#menu LI A:hover { background-position: 0px -95px; }

#menu .sel { background-position: 0px -190px !important; }

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

#content {
	background: url('images/bg-content.jpg') repeat-y center;
}

#intro {
	background: url('images/bg-intro.jpg') no-repeat top center;
	height: 305px;
}

#intro .wrap { 
	padding: 50px 330px 0px 50px; 
	width: 540px;
}

#intro H1 {
	background: url('images/title-intro.gif') no-repeat;
	text-indent: -90000px;
	font-size: 10px;
	width: 330px;
	height: 44px;
}

#intro P {
	margin-bottom: 10px;
	line-height: 22px;
}

#stage { 
	background: url('images/bg-stage.jpg') no-repeat top center;
	overflow: hidden;
	width: 100%;
}

#stage .wrap {
	padding: 20px 30px 0px 30px;
	width: 860px;
}

.home #stage { background: url('images/bg-stage-home.jpg') no-repeat top center;  }

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

#status {
	margin-bottom: 10px;
	font-size: 10px;
}

#main {
	width: 560px;
	float: left;
}

#main.wide {
	width: 100%;
	float: none;
}

#sidebar {
	width: 280px;
	float: right;
}

.box .title H1 {
	text-indent: -90000px;
	height: 50px;
}

.box .cont { padding: 0px 20px 30px 20px; }

.box .item {
	padding-top: 30px;
	overflow: hidden;
	width: 100%;
}

.box .item H1 {
	font-weight: normal;
	font-size: 22px;
}

.box .dots { padding-left: 5px; }

.box .archive { 
	padding-right: 50px;
	height: 20px; 
}

.box .archive A { 
	text-indent: -90000px;
	display: block;
	height: 20px; 
	width: 125px;
	float: right;
}

.box .foot {
	background: url('images/bg-box-foot.jpg') no-repeat;
	height: 20px;
}

#main .box .cont { background: url('images/bg-box-main.gif') repeat-y; }

#main.wide .box .cont { background: url('images/bg-box-wide.gif') repeat-y; }
#main.wide .box .foot { background: url('images/bg-box-foot-wide.jpg') no-repeat; }

#sidebar .box .cont { background: url('images/bg-box-side.gif') repeat-y; }
#sidebar .box .foot { background: url('images/bg-box-foot-side.jpg') no-repeat; }

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

#events .title { background: url('images/title-events.jpg') no-repeat; }
#nextevents .title { background: url('images/title-nextevents.jpg') no-repeat; }

#nextevents .item H1, #nextevents .excerpt, #nextevents .more, #nextevents .date  { margin-left: 130px; }
#nextevents .nophoto H1, #nextevents .nophoto .excerpt, #nextevents .nophoto .more  { padding-left: 0px; }

#nextevents .excerpt, #events .excerpt {
	margin-bottom: 20px;
	line-height: 22px;
}

#nextevents .photo, #events .photo {
	border: 1px solid #D8CA98;
	padding: 4px;
	width: 100px;
	float: left;
}

#events .item H1 { margin-bottom: 10px; }

#events .photo {
	margin: 0px 0px 20px 20px;
	float: right;
}

#nextevents .photo IMG, #events .photo IMG { width: 100px; }

#nextevents .archive { background: url('images/bg-archive-nextevents.jpg') no-repeat bottom; }

#events .date, #nextevents .date { 
	background: url('images/icon-calendar.gif') no-repeat left; 
	margin-bottom: 5px;
	padding-left: 15px;
	font-size: 12px;
}

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

#archive .title { background: url('images/title-archive.jpg') no-repeat; }

#archive UL { padding-top: 30px; }

#archive LI {
	background: url('images/bg-item-archive.jpg') no-repeat;
	margin-bottom: 5px;
	text-align: center;
	font-size: 16px;
}

#archive A {
	line-height: 35px;
	display: block;
	height: 35px;
	color: #55332F;
}

#archive A:hover { color: #DE503C; }

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

#requestinfo .title { background: url('images/title-requestinfo.jpg') no-repeat; }

#contacts .title { background: url('images/title-contacts.jpg') no-repeat; }

#contacts .cont { 
	line-height: 180%;
	padding-top: 20px; 
	font-size: 14px;
}

#contacts .link { 
	background: url('images/icon-star.jpg') no-repeat left;
	line-height: 20px;
	padding-left: 30px;
	margin-top: 30px; 
}

#contacts P { margin-bottom: 10px; }

#contacts STRONG { font-size: 18px; }

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

#news .title { background: url('images/title-news.jpg') no-repeat; }
#lastnews .title { background: url('images/title-lastnews.jpg') no-repeat; }

#news .date, #lastnews .date { 
	background: url('images/icon-calendar.gif') no-repeat left; 
	margin-bottom: 5px;
	padding-left: 15px;
	font-size: 12px;
}

#news .photo {
	border: 1px solid #D8CA98;
	margin: 0px 0px 20px 20px;
	padding: 4px;
	width: 100px;
	float: right;
}

#news .photo IMG { width: 100px; }

#lastnews .item H1 { font-size: 16px; }

#news .excerpt {
	margin-bottom: 20px;
	line-height: 22px;
}

#lastnews .excerpt {
	margin-bottom: 10px;
	line-height: 18px;
	font-size: 10px;
}

#lastnews .more { font-size: 10px; }

#lastnews .archive { background: url('images/bg-archive-lastnews.jpg') no-repeat bottom; }

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

#animation .title { background: url('images/title-animation.jpg') no-repeat; }

#animation .photo {
	border: 1px solid #D8CA98;
	margin: 0px 0px 20px 20px;
	padding: 4px;
	width: 100px;
	float: right;
}

#animation .photo IMG { width: 100px; }

#animation .preview {
	padding-top: 20px;
	overflow: hidden;
	width: 100%;
}

#animation .preview .photo {
	margin: 0px;
	margin-right: 10px;
	width: 100px;
	height: 100px;
	float: left;
}

#animation .preview IMG {
	width: 100px;
	height: 100px;
}

#animation .preview H1, #animation .desc { margin-left: 120px; }

#animation .preview H1 { 
	margin-bottom: 5px;
	font-size: 18px; 
}

#animators .title { background: url('images/title-animators.jpg') no-repeat; }

#animators UL { padding-top: 20px; }
#animators LI { padding: 5px; }

#animators LI A {
	background: url('images/icon-pointer.gif') no-repeat left;
	padding-left: 18px;
	color: #55332F;
}

#animators LI A:hover { color: #DE503C; }

#animators .odd { background: #F0F4E7; }

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

#schools { padding-top: 10px; }

#schools .title { background: url('images/title-schools.jpg') no-repeat; }

#schools .title H1 { margin: 0px; padding: 0px; }

#schools .desc { line-height: 180%; }

#schools UL {
	padding-top: 20px;
	overflow: hidden;
	width: 100%;
}

#schools LI {
	text-align: center;
	width: 25%;
	float: left;
}

#schools H1 {
	margin-bottom: 5px;
	font-size: 20px;
}

#map {
	background: url('images/bg-map.jpg') no-repeat top center;
	height: 425px;
}

#map .wrap { 
	padding: 55px 48px 0px 48px;
	width: 824px;
}

#googlemap {
	border-top: 1px solid #AFA06D;
	border-left: 1px solid #AFA06D;
	border-right: 1px solid #FFF8DF;
	width: 823px;
	height: 318px;
}

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

#gallery .title { background: url('images/title-gallery.jpg') no-repeat; }

#gallery .preview {
	padding-top: 20px;
	overflow: hidden;
	width: 100%;
}

#gallery .date { 
	background: url('images/icon-calendar.gif') no-repeat left; 
	margin-bottom: 5px;
	padding-left: 15px;
	font-size: 12px;
}

#gallery .preview .date { margin-left: 120px; }

#gallery .gal .date { 
	margin: 0px auto 0px auto; 
	width: 70px;
}

#gallery .preview .photo {
	border: 1px solid #E0E5D4;
	margin-right: 10px;
	padding: 4px;
	width: 100px;
	height: 100px;
	float: left;
}

#gallery .preview IMG {
	width: 100px;
	height: 100px;
}

#gallery .preview H1 { 
	margin-bottom: 5px;
	font-size: 18px; 
}

#gallery .gal {
	overflow: hidden;
	width: 100%;
}

#gallery .gal H1 {
	background: url('images/bg-title-dirty.jpg') no-repeat center;
	padding: 10px 0px 10px 0px;
	margin-top: 10px;
	text-align: center;
	font-size: 20px;
}

#gallery .gal UL { width: 110%; }

#gallery .gal LI {
	border: 1px solid #E0E5D4;
	margin-top: 25px;
	margin-right: 25px;
	padding: 4px;
	height: 100px;
	width: 100px;
	float: left;
}

#gallery .gal IMG, #gallery .gal A {
	display: block;
	width: 100px;
	height: 100px;
}

#gallery .gal .desc {
	padding-top: 10px;
	font-size: 14px;
	text-align: center;
}

#album .title { background: url('images/title-album.jpg') no-repeat; }

#album UL { padding-top: 20px; }
#album LI { padding: 5px; }

#album LI A {
	background: url('images/icon-pointer.gif') no-repeat left;
	padding-left: 18px;
	color: #55332F;
	display: block;
}

#album LI A:hover { color: #DE503C; }

#album .odd { background: #F0F4E7; }

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

#fromgallery {
	background: url('images/bg-fromgallery.jpg') no-repeat center;
	padding-top: 100px;
	height: 115px;
}

#fromgallery UL { padding-left: 50px; }

#fromgallery LI {
	border: 1px solid #E0E5D4;
	margin-right: 25px;
	padding: 4px;
	height: 100px;
	width: 100px;
	float: left;
}

#fromgallery LI IMG, #fromgallery LI A {
	display: block;
	width: 100px;
	height: 100px;
}

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

#form-contatti { padding-top: 20px; }

#form-contatti .credits { display: none; }

#form-contatti .fieldwrap INPUT, #form-contatti .fieldwrap TEXTAREA {
	border: 2px solid #C6D0AE;
	padding: 5px;
	width: 50%;
}

#form-contatti .fieldwrap TEXTAREA {
	height: 200px;
	width: 506px;
}

#form-contatti .fieldwrap, #form-contatti .submit, #form-contatti .alert { margin-bottom: 20px; }

#form-contatti .required { color: red; }

#form-contatti .submit INPUT { 
	text-transform: uppercase;
	cursor: pointer;
	padding: 5px;
}

#form-contatti .alert { font-size: 10px; }
#form-contatti .alert P { margin-bottom: 10px; }

#form-contatti .ddfmerrors {
	border-top: 1px dotted red;
	padding: 10px 0px 0px 0px;
	font-weight: bold;
	font-size: 16px;
	line-height: 150%;
	color: red;
}

#form-contatti .errorlist {
	border-bottom: 1px dotted red;
	padding: 0px 0px 10px 0px;
	margin-bottom: 20px;
	line-height: 150%;
	font-size: 14px;
}

#form-contatti LABEL {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 12px;
	display: block;
}

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

#footer { background: url('images/bg-footer.jpg') repeat-x; }

#footer .bg-image {
	background: url('images/bg-footer-image.jpg') no-repeat top center;
	height: 265px;
}

#footer .address { 
	padding: 40px 0px 0px 50px; 
	font-size: 14px;
	color: #55332F;
	height: 190px;
}

#footer .address H1 {
	margin-bottom: 5px;
	font-size: 18px;
}

#footer .address P {
	margin-bottom: 10px;
	line-height: 20px;
}

#footer .address STRONG, #footer .address A { font-size: 18px; }

#footer .credits {
	padding: 10px 50px 0px 50px;
	font-size: 12px;
	color: #FFFFFF;
}

#footer .credits A { color: #FFFFFF; }

#footer .left { float: left; }

#footer .right {
	text-align: right;
	float: right;
}

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

.wp-pagenavi {
	padding: 0px 45px 0px 30px;
	text-align: right;
}

.wp-pagenavi .pages { float: left; }

.wp-pagenavi A {
	padding: 0px 5px 0px 5px;
	margin-left: 10px;
	background: #543530;
	color: #FFFFFF;
}

.wp-pagenavi .current {
	padding: 0px 5px 0px 5px;
	margin-left: 10px;
	background: #BAC6A0;
	color: #FFFFFF;
}

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

.wrap {
	margin: 0px auto 0px auto;
	width: 920px;
}