/*
Theme Name: e/m
Theme URI: http://enricomingardo.com
Description: il mio primo tema per wordpress
Version: 1.0
Author: Enrico Mingardo
Author URI: http://enricomingardo.com
Tags: photo, personal, portfolio
*/

/* -----------------------------------------
RESET
----------------------------------------- */
@import "style/css/reset.css";

/* -----------------------------------------
GLOBAL
----------------------------------------- */
body 				{background-color: #000;}
a 					{ color: #fff; text-decoration: none; }
a:hover 			{ color: #61a2db; }


/* -----------------------------------------
TYPOGRAPHY
----------------------------------------- */
body 				{color: #fff; font: 11px/1.5em "Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, 
h4, h5, h6			{font-weight: normal; } 
h1 					{font-size: 36px;}
h2					{font-size: 18px;}
h3 					{font-size: 16px;text-transform:uppercase; font-weight:bold;}
h4 					{font-size: 13px;}
h1.title 			{letter-spacing: -1.5px; line-height: 1em;}
h1.title em			{display: block; letter-spacing: normal; font:italic 14px Georgia; text-align:right;}
li.page_item		{font-size: 16px; line-height:1.5em;}

/* -----------------------------------------
PAGE ELEMENTS
----------------------------------------- */

#container 			{ width: 990px; overflow: hidden; margin: 50px auto 0 auto; }
#logo-bar			{ width: 90px; float: left; margin-right: 10px;}
#logo				{  }
#logo a				{ width: 90px; height: 90px; display: block; background-image: url("style/images/logo.png"); }
#menu-bar			{ width: 140px; float: left; margin-right: 20px; }
#menu				{ margin-top: 40px; text-align:right;}
#content			{ width: 730px; float: left; overflow: auto; overflow-y: hidden;}
div.em-photo		{ position: relative; height: 490px; width: 730px; }
div.em-photo img	{ margin: 0 auto; border: 5px solid #fff;}
p.em-photo-caption	{ position: absolute; top: 440px; left: 5px; background-color: #000; background-color: rgba(0,0,0,0.5); 
					font-size: 12px; text-align: left; line-height: 1.5em; padding: 10px; }


/*---------------------------------------------
GALLERY
-------------------------------------------- */
div.gallery				{ height: 490px; width: 150000px; } /* max 205 foto larghe 720 */
div.gallery-item		{ float: left;  height: auto; width: auto; background-color: #fff; margin-right:10px; position: relative;}
div.gallery-item img	{ border: 5px solid #fff; }
div.gallery-item p		{ position: absolute; top: 440px; left: 5px; background-color: #000; background-color: rgba(0,0,0,0.5);
						font-size: 12px; text-align: left; line-height: 1.5em; padding: 10px;}

/*---------------------------------------------
CONTACT
-------------------------------------------- */
#contact				{float:right; text-align:right; margin-right: 60px; font-size:13px;}
#contact p 				{margin-bottom: 20px;}
#contact li				{}
#contact li.organization{text-transform:uppercase; font-weight:bold;}
#contact li a			{background-repeat: no-repeat; background-color:transparent; background-position: right center;
						display:block; }
#contact li.address	a	{background-image: url("style/images/map.png");padding-right: 30px;}
#contact li.address	a:hover	{background-image: url("style/images/map-blue.png");padding-right: 30px;}
#contact li.tel	a		{background-image: url("style/images/phone.png");padding-right: 30px;line-height:30px;}
#contact li.tel	a:hover		{background-image: url("style/images/phone-blue.png");padding-right: 30px;line-height:30px;}
#contact li.skype a		{background-image: url("style/images/skype.png");padding-right: 30px;line-height:30px;}
#contact li.skype a:hover	{background-image: url("style/images/skype-blue.png");padding-right: 30px;line-height:30px;}
.spazio-sotto			{margin-bottom: 40px;}

/*---------------------------------------------
LOGIN
-------------------------------------------- */
#login					{width: 230px; margin: 20px auto;}
#login fieldset			{}
#login fieldset li		{padding:5px;}
#login label			{display: inline-block;vertical-align: top;width:60px;}
#login input			{background: #222;border-style:none none solid;border-width:medium medium 1px;
						border-color: #fff;vertical-align:top;color: #fff;}
#login input.button		{width:60px; border:1px solid #fff; margin-left:66px;}
#login p				{width:230px;text-align:left;margin:5px 0 0 5px;}

/*---------------------------------------------
PROFILE
-------------------------------------------- */
#profile				{width:400px; font-size: 13px;}
#profile h3				{text-transform:uppercase; font-weight:bold;}
#profile p 				{padding: 5px 0 5px 0; line-height: 1.5em;}
#profile img			{border: 5px solid #fff; margin: 5px 10px;}

/*---------------------------------------------
FOTOGRAFIA DI MATRIMONIO
-------------------------------------------- */
#fotografia_matrimonio {width:500px; font-size: 13px;}
#fotografia_matrimonio h2 {font: italic 32px Georgia; letter-spacing: -3px;}
#fotografia_matrimonio h3 {text-transform:uppercase; font-weight:bold; padding: 25px 0;}
#fotografia_matrimonio p {padding: 5px 0 5px 0; line-height: 1.5em;}
#fotografia_matrimonio ul {list-style: disc inside none;}
#fotografia_matrimonio li {padding: 5px 0 5px 15px;}
#fotografia_matrimonio blockquote {float: right;margin-left: 10px;width: 150px;padding: 0 4px;background-color: 
						#C0C0C0;color: #000;font-family: Georgia;font-style: italic;border: 5px solid #fff;}
#fotografia_matrimonio blockquote #dida{font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}				




/*---------------------------------------------
WP CLASSES
-------------------------------------------- */
.aligncenter 			{ display:block; margin:0 auto }
.alignleft 				{ float:left; }
.alignright 			{ float:right }
.link-item				{line-height: 2em; font-size: 13px;}
li.widget_text			{list-style: none;text-align: right;margin-top: 30px;}