@import url("reset.css");

/* STRUCTURE */

body {
	text-align: center;
}
	
#container {
	width:960px;
	margin:0 auto ;
	text-align: left;
	padding:5px 0 0 10px;
}

#sectionheader{
	width:960px;
	margin:0 auto;
	text-align: left;
	padding:5px 0 0 10px;
}

#footer {
	width:960px;
	font-size: 11px;
	color:#666;
	border-top: 1px solid #cbcbcb;
	margin:40px 0 0;
	padding:20px 0;
	float:left;
}

/* HEADER TYPES */

	.supersize {
	/*background: #FFF url(../images/topgrad_supersize.png) repeat-x;*/
	}
	
		.supersize #flashHold {
			width:180px;
			height:120px;
			position: absolute;
			left:69px;
			bottom:150px;
			z-index:99;
		}
	
		.supersize #header {
			height:465px;
		}	
	
	.tall {
		background: #fff url(../images/tall_bg.jpg) repeat-x;
	}
	
		.tall #header {
			height:265px;
		}
		
	.medium {
		background: #e8eeef url(../images/topgrad_medium.png) repeat-x;
	}
	
		.medium #header {
			height:190px;
		}
	
	.short {
		background: #e8eeef url(../images/topgrad_short.png) repeat-x;
	}
	
		.short #header {
			height:147px;
		}	
		
	#header {
		position: relative;
	}
	
		.headimg {
			position: relative;
			bottom:0px;
		}
						
			.headimg.home {
				width:2000px;
				height:470px;
				text-align:center;
				z-index:-1;
			}

			.headimg.specificpage {
				width:426px;
				height:197px;
				background: url(../images/specificpage.png) no-repeat;
				top: -110px;
				left:580px;
				position:relative;
			}
			
	.main {
		padding:0;
	}
	
	.two {
		width:460px;
		padding:0 20px 0 0;
		float: left;
	}
	
		.two ul, .wide ul, .two ol, .wide ol {
			margin:25px 0 25px;
		}
		
		.two li, .wide li {
			font-size: 14px;
			line-height: 130%;
			color:#666;
			letter-spacing: -0.4px;
		} 
	
		.two ul li, .wide ul li {
			padding:0 0 0 20px;
			margin:0 0 12px 12px;
			background: url(../images/bullet.png) 2px 4px no-repeat;
		} 
		
		.two ol li, .wide ol li {
			padding:0 0 0 10px;
			margin:0 0 12px 22px;
			list-style: decimal;
		} 		
	
	.three {
		width:300px;
		padding:0 20px 0 0;
		float: left;
	}
	
	.four {
		width:220px;
		padding:0 20px 0 0;
		float: left;
	}
	
	.five {
		width:172px;
		padding:0 20px 0 0;
		float: left;
	}
	
	.six {
		width:140px;
		padding:0 20px 0 0;
		float: left;
	}
	
	.eight {
		width:100px;
		padding:0 20px 0 0;
		float: left;
	}
	
		.row div.eight {
			padding:10px;
			margin:0px;
		}

	.nine {
		width:60px;
		padding:0 20px 0 0;
		float: left;
	}

/* TYPE/LINKS */

a:link, a:visited {
	color: #1594dd;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* BUTTONS */

a.bodybutton {
	height:34px;
	background: url(../images/bluebutton_left.png) top left no-repeat;
	color: white;
	font-size: 12px;
	line-height: 34px;
	text-transform: uppercase;
	display: inline-block;
}
	
a.bodybutton span {
	margin-right:-28px;
	display: inline-block;
	padding:1px 28px 0 18px;
	height:33px;
	background: url(../images/bluebutton_right.png) top right no-repeat;
}
	
a.bodybutton:hover {
	text-decoration: none;
	background-position: bottom left;
}
	
a.bodybutton:hover span {
	background-position: bottom right;
}
	
/* HEADINGS */

h1 a {
	background:url(../images/monacomedia_logo.png) no-repeat;
	height:40px;
	width:240px;
	margin:0 78px 0 0;
	display: block;
	float: left;
}

h1 a span { 
	display: none; 
}

h2 {
	font-size: 80px;
	letter-spacing: -5px;
	position: relative;
	left:0px;
	top:50px;
}

	.supersize h2 {
		text-align:left;
		top:330px;
		left:255px;
		width:500px;
		height:50px;
		font-size: 59px;
		letter-spacing: -4px;
		margin:auto;
	}
		
	h2.page {
		font-size: 50px;
		letter-spacing: -3.5px;
		position: absolute;
		left:0px;
		bottom:20px;
		width:480px;
	}	

h3 {
	font-size: 26px;
	letter-spacing: -1px;
	margin:20px 0 10px;
}
	
	.sidebar h3 {
		font-size: 22px;
	}
	
	/*.two h3, .wide h3 {
	font-size:26px;
	margin:20px 0 15px;
	}*/

h4 {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: normal;
	margin:15px 0 8px 0;
	color:#333;
}

	.wide div.single h4, .two h4 {
		text-transform: none;
		color: black;
		font-weight: bold;
		letter-spacing: -0.4px;
		margin:20px 0 10px;
	}
	
	h4.date {
		font-size:12px;
		margin:20px  0 10px;
	}
	
h5 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	margin:0 0 15px 0;
	color:#333;
}

	/*.wide div.single h5, .two h5 {
		margin:20px 0 10px;
		color: black;
	}*/
	
	#header h5 {
		position: absolute;
		bottom:10px;
		left:0px;
	}


h6 {
	font-size: 15px;
	letter-spacing: -0.5px;
	margin:6px 0 10px;
}

/* PARAGRAPHS */

p {
	font-size: 13px;
	color:#666;
	letter-spacing: -0.4px;
	line-height: 145%;
	margin:0 0 10px;
}

	p.large {
		font-size: 16px;
		line-height: 160%;
		margin:14px 0 14px;
	}
	
		.contact p.large {
			width:220px;
		}
	
		.blog p.paginate {
			font-size:12px;
			text-transform: uppercase;
			margin:10px 0;
		}
		
		p.paginate a {
			margin:0 3px;
		}
		
	p.page_tagline {
		font-size: 20px;
		line-height: 144%;
		font-family: Georgia,"Book Antiqua",serif;
		width: 500px;
		font-style: italic;
		color: #2f4c51;
		letter-spacing: -1px;
		position:relative;
		margin:0;
	}
		
		div.two p.page_tagline{
			font-size: 18px;
			margin:0 0 15px;
			line-height: 140%;
			width:460px;
			color: #2f4c51;
		}
		
		body.supersize #header p.page_tagline {
			text-align:left;
			left:255px;
			top:340px;
			font-size: 16px;
			width:500px;
			position:relative;
			margin:auto;
		}
		
		#header p.page_tagline {
			position: relative;
			left:0px;
			top:60px;
		}
			
	.wide div.single p.intro {
		font-family: Georgia,"Book Antiqua",serif;
		font-style: italic;
		font-size:17px;
		line-height: 150%;
		position: relative;
		color: #2f4c51;
		margin:0 0 20px 0;
	}
	
	p.postdate {
		text-transform: uppercase;
		margin:-5px 0 20px;
		font-size: 12px;
	}

		p.postdate span {
			text-transform: lowercase;
		}

	p.archive {
		line-height: 150%;
		margin:0px;
	}

	.caption, .two p.caption {
		font-size: 11px;
		color:#555;
		line-height: 130%;
	}
	
	.casethumbs p {
		margin:0;
		height:60px;
		overflow: hidden;
	}
	
	p.lead {
		color:#000;
		font-size: 14px;
		margin:20px 0;
	}
	
	.item p {
		font-size: 12px;
	}
	
	.two p, .wide p {
		font-size: 13px;
		line-height: 140%;
	}
			
	div.img_hold p.caption {
		font-size: 11px;
		margin:6px 0;
	}

/* GENERIC STYLES */

.small {
	font-size: 9px;
	text-transform: uppercase;
}

/* LISTS */

.sidebar ul li {
	padding:4px 0;
	line-height:120%;
}

/* NAVIGATION */

#nav{
	width:960px;
	margin:0 auto;
	text-align: left;
	padding:5px 0 0 10px;
	position:relative;
	z-index:10;
}

#top_nav {
	float:right;
	padding-right:5px;
}

	#top_nav li {
		float:left;
		padding:0 0 0 18px;
		margin:0 8px 0;
		background: none;
	}
	
		#top_nav li a {
			display: block;
			font-size: 12px;
			text-decoration: none;
			text-transform: uppercase;
			height:20px;
			padding:18px 18px 0 0;
			display: inline-block;
			color:#333;
			float: left;
		}
		
			#top_nav li a:hover {
				color:#1594dd;
			}

	#top_nav.selected li.selected{
		background:url(../images/nav_down_left.png) top left no-repeat;
	}
	
	#top_nav.selected li.off{
		background:url(../images/nav_down_left_off.png) top left no-repeat;
	}
	
	#top_nav.selected li.selected a{
		color:white;
		background:url(../images/nav_down_right.png) top right no-repeat;
	}

	#top_nav.selected li.off a{
		background:url(../images/nav_down_right_off.png) top right no-repeat;
	}

/* DROP DOWN NAV*/

#dropdownnav{
	padding-top:10px; 
	background:url(../images/dropdown_nav_bg.png) no-repeat center;
}
	
/* FORMS */	
	
input {
	border:1px solid #ccc;
	margin: 4px 0 0 0;
}
textarea {
	border:1px solid #ccc;
	margin: 4px 0 0 0;
}
select {
	border:1px solid #ccc;
	margin: 4px 0 0 0;
}
input.submit {
	border:none;
	color: white;
	height:29px;
	width:100px;
	margin: 1px 0 0 4px;
	text-align:center;
	background: url(../images/button_form.png) no-repeat;
}
input.search {
	border:none;
	color: white;
	height:29px;
	width:29px;
	margin: 1px 0 0 0;
	text-align:center;
	background: url(../images/button_search.png) no-repeat;
}

/* PAGINATION */

div.pagination {
	 width: 100%;
	 text-align:center;
	 float:left;
	 padding-top: 25px; 
	 margin: 0px; 
}
div.pagination a {
     padding: 2px 5px 2px 5px;
     margin: 2px;
     border: 1px solid #0f8ad9;
     text-decoration: none; /* no underline */
     color: #0f8ad9;
}
div.pagination a:hover, div.pagination a:active {
     border: 1px solid #0f8ad9;
     color: #304c54;
}
div.pagination span.current {
     padding: 2px 5px 2px 5px;
     margin: 2px;
     border: 1px solid #0f8ad9;
     font-weight: bold;
     background-color: #0f8ad9;
     color: #FFF;
     }
div.pagination span.disabled {
     padding: 2px 5px 2px 5px;
     margin: 2px;
     border: 1px solid #EEE;
     color: #DDD;
}
.bold14 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.rederror {
	color: red;
}

/* BREADCRUMBS */

#breadcrumbnav{

}
.arrowbc{

}

/* SIDEBAR */

.sidebarCSS {
	float:right; 
	width:220px;
}
.contentcenterCSS {
	width:700px; 
	float:left; 
	min-height:400px;
}
.searchpage {
	margin-top:25px;
}

.submenu li {
	line-height: 20px;	
}

.backlink {
	margin-top: 20px;	
}

li.backlink{
	float:left;
	padding:24px 0;
	line-height:120%;
}

/* PORTFOLIO GALLERY*/

.bb{
	width:220px; 
	height:132px; 
	background-color:#EDEDED; 
	position:absolute;
}
.ff{
	width:220px; 
	height:132px; 
	background-color:#0f8ad9;
}
.ii{
	width:200px; 
	height:112px; 
	margin:10px 0 0 10px; 
	position:absolute;
}

/* BLOG */

.sidebar div {
	margin:15px 0px 10px 20px;
	width:200px; 
	float:left;
}

div.search {
padding-bottom:5px;
}

.blogcolumn{
	width:700px; 
	float:left; 
	margin-right:40px; 
	min-height:400px;
}
.thumb{
	float:left; 
	margin:10px 10px 10px 0; 
	width:100px; 
	height:80px; 
	background-color:#FFF;
}
.blogbody,.blogabstract{
	margin-top:7px;
}
.backlink{
	float:right; 
	margin-top:-5px;
}

.blogsearch form{
	margin-bottom:-20px;
}

#form_searchblog{
	width:200px;
}

/* COMMENTS */

#commentlist{
	width:700px;
	color:#666;
}
#comments{
}
.comment{
	float:left;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:#CCC solid 1px;
	width:700px;
}
.c-grav{
	float:left; 
	margin-right:10px;
}
.c-date{
	float:right;
	margin-bottom:5px;
	font-weight:bold;
}
.c-head{
	float:left;
	margin-bottom:5px;
	font-weight:bold;
}
.c-body{
	float:left; 
	width:600px;
}
.c-posted{
	margin-top:10px;
	color:#900;
}
#inseriscicommento{
	color:#666;
}

/*HERO BANNER*/

#heroContent {
	position: relative; 
	margin: 0px auto; 
	width: 960px; 
	height: 350px; 
	clear: both;
}
#heroContent #static IMG {
	position: absolute; 
	bottom: 0px; 
	right: 0px;
}
#heroContent #video A {
	position: absolute; 
	width: 590px; 
	bottom: 0px; 
	display: block; 
	height: 350px; 
	right: 0px;
}
.halfSize#heroContent {
	height: 175px;
}
#heroBannersContainer {
	z-index:0;
	position: absolute; 
	width: 100%; 
	height: 480px; 
	overflow: hidden; 
	top: 0px; 
}
#heroBanners {
	position: relative; 
	margin: 0px auto
}
.heroItem {
	width: 100%; 
	display: none; 
	height: 1035px
}
.heroDetails {
	padding-bottom: 0px; 
	margin: 0px auto; 
	padding-left: 0px; 
	width: 960px; 
	padding-right: 0px; 
	height: 520px; 
	padding-top: 65px;
}
#heroPagination {
	top:390px;
	left:-380px;
	position: relative;
	text-align:left;
	width:200px;
	margin:auto;
}
#heroPagination A {
	background-image:url(../images/button_slide_off.png);
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	display: inline-block; 
	color: #333; 
	font-size: 14px; 
	text-decoration: none;
	margin:0 0 0 5px;
	padding:2px 0 0 5px;
}
#heroPagination A:hover {
	color: #0f8ad9
}
#heroPagination A:focus {
	color: #333
}
#heroPagination A:active {
	position: relative; 
	TOP: 2px
}
#heroPagination A.activeSlide {
	background-image:url(../images/button_slide.png);
	background-repeat:no-repeat;
	color: #fff
}