/* 

Innocente - CSS File

*/


/*** GLOBAL  ***/
body {
	font-family:Arial, Tahoma, Verdana;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#797979;
	line-height:18px;
	background-color:#FF9900;
	background-repeat:repeat
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clear{clear:both; height:1px !important; line-height:1px !important; float:none!important;}
form{margin:0; padding:0;}
hr {
	border-width:0;
	height:1px;
	line-height:0;
	margin:30px 0px;
	page-break-after:always;
	text-align:center;
	width:100%;
	clear:both;
	color:#e0e0e0;
	background-color:#e0e0e0;
	background-repeat:repeat-x
}
input[type=text], textarea
{
	border:solid 1px #e0e0e0;
	margin:4px 4px 8px 0px; 
	padding:5px; 
	color:#999999; 
	vertical-align:middle; 
	font-size:11px;}


/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2{margin-bottom:12px; font-family:Arial, Verdana;}
h3, h4, h5, h6{margin-bottom:8px; font-family:Arial, Verdana;}
h1 {font-size:30px; line-height:32px;}
h2 {font-size:24px; line-height:26px;}
h3 {font-size:22px; line-height:24px;}
h4 {font-size:18px; line-height:20px;}
h5, h6 {font-size:16px; line-height:18px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; color:#797979;}
.titlecolor{color:#fe872a; line-height:20px;}
.titlepost{font-size:24px; color:#a8a8a8;}
.headingnomargin{margin-bottom:0; display:block;}
/* links */
a, a:visited {color:#fe872a; text-decoration:none; font-weight:normal; }
a:hover{color:#f48b38; text-decoration:underline;}
a img{border:none}
/* float align */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 3px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 5px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignnone,
img.alignnone {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:3px;
}


img.alignleft, 
img.alignright, 
img.aligncenter,
img.alignnone {
	margin-bottom: 12px;
	border:solid 2px #e0e0e0
}


/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	margin-bottom:20px;
}
body p:last-child{margin-bottom:0;}
ul, ol {
	margin:10px 0 20px 20px;
	list-style-position:inside
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
	
blockquote {
	/*font-style:italic;*/
	margin:0px 0 20px 0px;
	padding:0px 10px 0px 60px;
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	clear:both;
	font-style:italic;
	}
	
	
blockquote.left, blockquote.right  {
	float:right;
	letter-spacing:0px;
	margin-bottom:20px;
	margin-left:20px;
	margin-top:0px;
	padding:0px 20px 10px 60px;
	width:43%;
	background-position:0px 0px;
	}
	
blockquote.left{
	float:left;
	margin-left:0px;
	margin-right:20px;}

blockquote p{margin-bottom:0px;}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #e0e0e0;
	padding:15px 10px;
}

/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#outer-container{width:990px; margin:25px auto;}
#outer-glow-top{background-image:url(../images/outer-glow-top.png); background-repeat:no-repeat; height:5px;}
#outer-glow-bottom{background-image:url(../images/outer-glow-bottom.png); background-repeat:no-repeat; height:5px;}
#container{background-image:url(../images/bg-main.png); background-repeat:repeat-y;}
#container-pattern{background-position:top center; background-repeat:no-repeat;  padding:0 25px;}

/* TOP */
#top{height:120px; width:940px; position:relative; z-index:200;}
#topleft{width:940px; float:left}

#logo h1{padding:30px; color:#535353; font-size:60px; line-height:62px; margin-bottom:0px}
#logo h1 a, #logo h1 a:visited{color:#535353;}
#logo h1 a:hover{color:#535353; text-decoration:none}
#searchtop{float:right; padding:45px 20px 0 0}
#searchtop #searchform div{padding:0px 0px 0px 0px; width:240px; }
#searchtop #searchform .inputbox{width:185px;  background-image:url(../images/icon-search.gif); background-repeat:no-repeat; background-position:right;
 padding:7px 40px 8px 10px; color:#999999; font-size:11px; }


/* TOP MENU */
#top-navigation{
	border:solid 1px #e0e0e0;
	border-width:1px 0;
	padding:0px 0;
	position:relative;
	width:940px;
	z-index:200;
	height:40px;
}
#topnav, #topnav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
}
#topnav a{
	display:block;
	padding:9px 0 10px 0;
	color:#212121;
	text-decoration:none;
}

#topnav a.current{color:#fe872a}

#topnav a:hover{
	color:#fe872a;
}

#topnav li{
	float:left;
	position:relative;
	font-size:20px;
	padding:0 50px;
	
}


#topnav li li{
	padding-right:0px;
	text-transform:capitalize;
	line-height:25px;
	padding:0px 0px;
	background-image:none;
	
}

#topnav ul {
	position:absolute;
	display:none;
	width:160px;
	top:40px;
	left:30px;
	background-color:#fff;
	padding:10px 0;
	border:solid 1px #e0e0e0;
	border-width:0 1px 1px 1px
}

#topnav li ul a{
	width:130px;
	height:auto;
	margin:0 0px;
	padding:10px 15px;
	line-height:normal;
	font-size:12px;
	color:#535353
	
}

#topnav li ul a:hover{color:#fe872a; background-color:#f7f7f7}

#topnav ul ul{
	top:-5px;
}	

#topnav li ul ul {
	left:160px;
	margin:0px 0 0 0px;
}

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul{
	display:none;
}
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul{
	display:block;
}

/* HEADER */
#header{
	height:360px;
	padding:0 0 30px 0;
	border-bottom:solid 1px #e0e0e0;
	margin-top:20px;
	width:940px;
	position:relative;
}
.header-left{
	float:left;
	width:620px;
	position:relative;

}
.header-right{
	float:left;
	width:280px;
	padding-left:40px;
	padding-top:30px;
}

#slider{list-style-type:none; margin:0; padding:0;}

.slider-image{border:solid 2px #e0e0e0; height:356px; width:616px}

#slider-navigation{position:absolute; width:620px; bottom:30px; }

#pager {
	background-image:url(../images/slider-opacity.png);
	background-repeat:repeat;
	height:25px;
	bottom:2px;
	position:absolute;
	z-index:100;
	left:2px;
	width:616px;
	text-align:center;
	padding:15px 0 0 0;
}

#pager a{
	width:16px;
	height:13px;
	background-image:url(../images/nav-slide.png);
	background-repeat:no-repeat;
	background-position:0 0px;
	border:0px;
	margin-right:3px;
	cursor:pointer;
	display:inline;
	display:inline-block;
	vertical-align:top;
	font-size: 0;
	line-height: 0;
	text-align:center;

}

@media screen and (-webkit-min-device-pixel-ratio:0)



{



#pager a { text-indent:-9999px;}



}





#pager a.activeSlide{
	width:16px;
	height:15px;
	background-image:url(../images/nav-slide.png);
	background-repeat:no-repeat;
	background-position:0px -13px;
	margin-top:-1px;

}
#prev-slider{
	width:40px;
	height:40px;
	background-image:url(../images/prev-slider.png);
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	bottom:2px;
	left:2px;
	z-index:101
}



#next-slider{
	width:40px;
	height:40px;
	background-image:url(../images/next-slider.png);
	background-repeat:no-repeat;
	display:block;
	position:absolute;
	bottom:2px;
	right:2px;
	z-index:101
}



.header-right h1{
	font-size:48px;
	line-height:50px;
	color:#535353

}
.header-right h2{
	font-size:30px;
	line-height:32px;

}	
.header-right p{
	font-size:15px;
	line-height:20px;
}	



.header-right .button{margin-right:10px;}

/* CONTENT */
#main{ margin:50px 10px 50px 10px;}
#content{float:left; width:590px; padding-right:20px;}
#content.fullwidth{float:none; padding:0px; width:100%;}
#sideright{float:left; width:310px;}
#content-narrow{float:left; width:390px;}
#sideright-wide{float:left; width:500px; padding-left:30px}
.boldtext{font-weight:bold;}

/*== homepage ==*/
.circle{
	background-image:url(../images/bg-circle.png);
	background-repeat:no-repeat;
	height:35px;
	width:50px;
	float:left;
	margin-right:10px;
	color:#fff;
	text-align:center;
	margin-top:3px;
	padding:15px 0 0 0;
	font-size:24px;
}

/*== list ==*/
ul.display-inline{list-style-type:none; padding:0 ; margin:0;}
ul.display-inline li{display:inline;list-style-type:none; padding:0 !important; margin:0 !important; background-image:none !important; border:0 !important}
ul.display-inline li img{border:solid 2px #e0e0e0; margin-right:2px}

ul.display-inline-block{list-style-type:none; margin:0px; padding:0px;}
ul.display-inline-block li{list-style-type:none;width:275px; float:left; margin:0 40px 10px 0; padding-right:0px}
ul.display-inline-block li p{margin-bottom:0px;}
ul.display-inline-block h4{ margin-bottom:25px}
ul.display-inline-block .alignleft{vertical-align:middle; border:0; margin:0 10px 0 0 }




/*== button ==*/
.button{
	background-repeat:repeat-x;
	background-color:#fe872a;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	border-radius: 4px; /* CSS3 */
	text-align:center;
	padding:10px 10px;
	font-size:12px !important;
	color:#fff !important;
	border:0px;
	cursor:pointer;
	font-family:Arial;
	display:inline-block;
 }
.button:hover{color:#fff; text-decoration:none; background-color:#ef9651}

.button2{
	background-repeat:repeat-x;
	background-color:#535353;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	border-radius: 4px; /* CSS3 */
	text-align:center;
	padding:10px 10px;
	font-size:12px !important;
	color:#fff !important;
	border:0px;
	cursor:pointer;
	font-family:Arial;
	display:inline-block;
 }
.button2:hover{color:#fff; text-decoration:none; background-color:#706f6f}



/*== sideright ==*/
.sidebox{margin:0 0 60px 10px; border-left:solid 1px #e0e0e0; padding:0px 0 10px 30px}
.sidebox:last-child{margin-bottom:0 !important;}
.sidebox .widget-title{font-size:30px; line-height:32px; color:#535353; margin-bottom:26px;}
.sidebox ul{list-style-type:none; padding:0 ; margin:0; list-style-position:outside}
.sidebox ul li{list-style-type:none; padding:0 ; margin:0}
.sidebox ul li li{
	border-bottom:solid 1px #cecece;
	padding:0 0 10px 15px;
	margin-bottom:10px;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	}
.sidebox ul li a, #sideright ul li a:visited{color:#797979;}
.sidebox ul li a:hover{color:#b7b7b7;}
.sidebox ul li a.current{color:#fe872a;}
.sidebox .datebox{
	background-color:#535353;
	float:left;
	width:50px;
	height:55px;
	*border:solid 1px #535353;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	border-radius: 5px; /* CSS3 */
	margin:4px 10px 0 0;
	font-size:14px;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
}
.sidebox .datetime{
	font-size:30px;
	line-height:16px;
	padding-top:5px;
	*padding-top:2px;
	display:block;
	margin-bottom:-3px !important
}

/*== latestpost ==*/
#sideright ul.latestpost li{border-bottom:solid 1px #cecece; padding:0 0 14px 0; margin-bottom:15px; background-image:none}
.wd-title{font-weight:bold;}
.sidebox .more{line-height:28px; display:inline; font-weight:bold; text-decoration:underline; color:#fe872a !important;}
.sidebox .more:hover{text-decoration:none;}
#sideright .button{float:right;}


/* FOOTER */
#footer{
	border-top:solid 1px #e0e0e0;
	padding:40px 0 45px 0;
	width:940px;
	clear:both
}
#footer-text{
	padding:0 12px;
}

/* column list */
.four_column{list-style-type:none; margin:0px; padding:0px;}
.four_column li{list-style-type:none;width:22%; margin-right:4%; float:left;}
.four_column p{margin-bottom:10px;}

.three_column{list-style-type:none; margin:0px; padding:0px;}
.three_column li{list-style-type:none;width:30.66%; margin-right:4%; float:left;}
.three_column p{margin-bottom:10px;}

.two_column{list-style-type:none; margin:0px; padding:0px;}
.two_column li{list-style-type:none;width:48%; margin-right:4%; float:left;}
.two_column p{margin-bottom:10px;}

.three_four_column{list-style-type:none; margin:0px; padding:0px;}
.three_four_column li{list-style-type:none;width:74%; margin-right:4%; float:left;}
.three_four_column p{margin-bottom:10px;}

.two_column li li, .three_column li li, .four_column li li, .three_four_column li li{margin:0px; width:auto !important; float:none;}



/* column */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.one_fourth{width:22%; }
.three_fourth{width:74%;}
.one_half,.one_third,.one_fourth, .three_fourth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }

.one_fourth p{margin-bottom:10px;}




/*==== Dropcaps ====*/
.letercap{
	color:#333333;
	display:block;
	float:left;
	font-size:35px;
	line-height:35px;
	margin:0 8px 0 0;}
.bk-right{ float:right; width:30%; margin-left:20px;}
.bk-left{ float:left; width:30%;}

/*==== Highlight ====*/
.highlight1{padding:1px 4px;background-color:yellow;color:#111;}	
.highlight2{padding:1px 4px;background-color:#111;color:#eee;}	


/*==== Tables ====*/
table {border-collapse:separate;border-spacing:0;width:100%;border-top:1px solid #ececec;margin-bottom:18px;}
table,td,th { text-align:center;}
th{padding:10px;color:#666;text-transform:uppercase;}
td{padding:10px;color:#888;}
tfoot td{border:0px;}
th,tr:hover{background-color:#ececec;}
table {
	border: 1px solid #e7e7e7;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}
tr th,
thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
tr.odd td {
	background: #F2F7FC;
}