html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5em; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
a img { border: none; } *:focus {outline: none;}
html { font-size:75%; height: 100%;}
html>body {font-size:14px; font-weight:500; line-height:1.5;}

body { 
	color: #4D4D4F;
	min-height:101%;
	min-width:640px;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.clear {display: block; clear: both; margin: 0; padding: 0; height: 0; float: none;}
li.clear {clear: both; margin: 0; padding: 0; height: 0; float: none;}
.border {display: block; clear: both; margin: 0; padding: 0; height: 20px;}

#error {color: #fff; width: 100%; padding: 15px 0; margin: 15px 0;  text-align: center; background: #4D4D4F;}


 
#header {width:190px; height:100%;float:left; margin-top:28px;} 

#header #logo {
	float: left; 
	width: 190px; 
	height: 250px; 
	background: url('../../_graphics/soloByBonicelli.jpg') top center no-repeat;
	}
#header #logo a {display:block; width:100%; height:100%;} 

#layout-wrapper {width: 960px; height:101%; margin: 0 auto;} 

#layout {
	width: 760px; 
	float:right; 
	border: 1px dotted #4D4D4F; 
	min-height: 500px;
	padding: 0 0 15px 0;
	} 

#main_nav{}


#content_main {float: left; width: 409px; height:100%; margin-top: 10px;}
#content_right {float: right; width: 319px; height:100%;}

/* Links
-------------------------------------------------------------- */
a:link {color:#59b7db; text-decoration: none;}
a:visited {color:#59b7db; text-decoration: none;}
a:hover {color:#4D4D4F; text-decoration: underline;}
a:active {color:#4D4D4F; text-decoration: underline;}

a:link.inline {color:#ff6600; text-decoration: none;}
a:visited.inline {color:#ff6600; text-decoration: none;}
a:hover.inline {color:#4D4D4F; text-decoration: underline;}
a:active.inline {color:#4D4D4F; text-decoration: underline;}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {font-family: Century Gothic, Avante Garde, helvetica, arial, sans-serif; padding: 0 15px;}

h1 { font-size: 1.5em; margin-bottom:5px;}
h1 i{color:#8aa12c;}
h2 { font-size: 1.2em; color:#8aa12c;}
h3 { font-size: 1.2em; color:#8aa12c;}
h4 { font-size: 1.15em;}
h5,h6 { font-size: 1.1em;}
	
#content_right h1, #content_right h2, #content_right h3, #content_right h4, #content_right h5, #content_right h6 #content_right p {
	margin:0; padding:0;
	}
/* Text elements
-------------------------------------------------------------- */
p {clear: both; margin: 0 0 15px 0; padding: 0 15px;}

/* Lists
-------------------------------------------------------------- */
ol {margin: 10px 20px 20px 20px;}
.decimal li {list-style-type: decimal;}
.upperalpha li {list-style-type: upper-alpha;}
.loweralpha li {list-style-type: lower-alpha;}
.upperroman li {list-style-type: upper-roman;}
.lowerroman li {list-style-type: lower-roman;}
.lowergreek li {list-style-type: lower-greek;}

.inlinelist		{list-style: square; margin:-10px 25px 15px 40px;}
.inlinelist li	{color: #59b7db; padding: 3px;}
span.listtext	{color: #4D4D4F;}

ul li {}
ul li ul {margin: 0 0 0 15px;}
ul li ul li {}
ul li ul li ul {margin: 0 0 0 15px;}
ul li ul li ul li {}


/* Menus
-------------------------------------------------------------- */
.follow-me {float: right; font-size: .9em; margin: 5px 25px 0 0;}
.follow-me:hover {cursor: pointer; text-decoration: underline; }
.follow-me-content {display:none; padding: 10px; background: #fafafa;}

#top_nav {clear: both;}
#top_nav ul li{
	display:inline-block;
	float:left;
	margin-right:15px; 
	padding-left: 15px;
	margin-top: 5px;
	text-align: right;
	border-left: 1px solid #4D4D4F;
	}
	
#top_nav ul {font-size: .9em; float:right; margin-bottom:5px; margin-right: 230px;}
#top_nav ul li a {color:#4D4D4F;}

#mainmenu li{
	font-weight: lighter; 
	font-size: 1.3em; 
	float:left;
	letter-spacing: 1.2px;
	background: #ff6600;
	display:inline-block;
	width: 25%;
	text-align: center;
	}
#mainmenu li a:hover{
	background-color:#fff;
	color: #ff6600;
	text-decoration: none;
	}
#mainmenu li a{
	text-transform: lowercase;
	padding: 10px 0;
	display:block;
	height:100%;
	width:100%;
	color: #fff;
	}

ul.submenu {margin: 0 15px; clear:both; text-align:right;}
ul.submenu li.first {padding-top:15px;}
ul.submenu li {margin-bottom:10px;}
ul.submenu li a {color:#4D4D4F;}


/* Spans
-------------------------------------------------------------- */
blockquote {}
hr {height: 1px; width: 100%; color: #4D4D4F; background-color: #4D4D4F;text-align: center;}

iframe {width: 100%; clear: both;}
iframe.useCss {width: 690px; height: 650px; }

/* Search Form
-------------------------------------------------------------- */
form#site-search {
	left: 893px ;
	position: absolute ;
	top: 3px ;
	width: 235px ;
	}
	
form#site-search input.criteria {
	background-color: #fff;
	border: 1px solid #4D4D4F ;
	color: #4D4D4F;
	left: 0px ;
	padding-left: 3px ;
	position: absolute ;
	top: 0px ;
	width: 170px ;
	}
	
form#site-search input.submit {
	background-color: #ff6600 ;
	border: 1px solid #4D4D4F;
	color: #fff ;
	padding-left: 0px ;
	padding-right: 0px ;
	position: absolute ;
	right: 0px ;
	top: 0px ;
	width: 55px ;
	cursor:pointer
	}
	
form#site-search input.submit:hover {
	background-color: #59b7db ;
	cursor:pointer
	}


/* Image Gallery
-------------------------------------------------------------- */

#gallery {width: 760px; overflow: hidden;}

#gallery .gallery {width: 760px;}
#gallery .gallery img {margin: 0 auto;}
#gallery .gallery .details {}
#gallery .gallery .details h2 {}
#gallery .gallery .details p.caption {}
#gallery .gallery .details p.description {}

#gallery-thumbs {clear:both; margin-top:5px;}
#gallery-thumbs li {float:left; display:inline-block; height:50px; width:50px; overflow:hidden; margin: 3px; }
#gallery-thumbs li.clear {clear: both; margin: 0; padding: 0; height: 0; float: none;} 
#gallery-thumbs li a {}
#gallery-thumbs li a img {max-width: 50px;}

/* Image Slideshow
-------------------------------------------------------------- */
#main_nav img {min-width:760px; max-height:250px; overflow:hidden;}

/* Image
-------------------------------------------------------------- */
#image-container #image-middle #image {text-align: center;}
img.imgRight {margin-left:15px;}
#image-container #image-middle #image img {max-width: 760px; margin: 0 auto;}

/* Thumb
-------------------------------------------------------------- */

.imgInline {margin: 0 0 10px 0;}


/* Documents
-------------------------------------------------------------- */
.document {}
.document a {}
.document a span.thumb {}

.document div.detail {}
.document div.detail h2 {}
.document div.detail a {}
.document div.detail div.desc {}
.document div.detail div.desc p {}

.document div.detail-image {}

#content_right object embed {
	max-width: 320px; 
	max-height:250px; 
	margin-top:15px;
	}

/* Twitter Feed
-------------------------------------------------------------- */
#twitterfeed {width: 350px; float: left;}
#twitterfeed p {text-align: left; margin:0; padding: 0; color: #8aa12c; }
#twitterfeed ul {text-align: left; margin: 0; padding: 0;}
#twitterfeed li {font-size:.85em; padding: 0 0 5px 0;}

#header #twitterfeed {width:173px;padding-right:5px; float:right;margin-top:65px;}

#twitterfeed a:link {color:#ff6600; text-decoration: none;}
#twitterfeed a:visited {color:#ff6600; text-decoration: none;}
#twitterfeed a:hover {color:#4D4D4F; text-decoration: underline;}
#twitterfeed a:active {color:#4D4D4F; text-decoration: underline;}


/* Social Media
-------------------------------------------------------------- */
#social_media {width: 250px; float: left;}
#social_media p {text-align: left; margin:0; padding: 0; color: #8aa12c;}
#social_media ul li {text-align: left; padding: 5px 20px 5px 20px; font-size:.85em;}
#social_media ul li.icon { padding: 5px 30px 5px 20px;}

#twitter { background: url(../../_graphics/PNG/twitter.png) no-repeat left; }
#youtube { background: url(../../_graphics/PNG/youtube.png) no-repeat left; }
#blogger { background: url(../../_graphics/PNG/blogger.png) no-repeat left; }
#facebook { background: url(../../_graphics/PNG/facebook.png) no-repeat left; } 
#feed { background: url(../../_graphics/PNG/feed.png) no-repeat left; } 
#ifood { background: url(../../_graphics/PNG/ifood.png) no-repeat left; } 


/* Mail Chimp
-------------------------------------------------------------- */
#mailChimp {float: right; width: 225px;  }
#mailChimp p {text-align: left; margin:0; padding: 0; color: #8aa12c;}

#mailChimp ol {margin: 0; padding: 0;}
#mailChimp li {font-size: 1em; margin: 0; padding: 2px 0; width: 170px;}
#mailChimp li div {display: inline-block; font-size: .9em; margin: 0; padding: 0;}
#mailChimp li label {float: right; font-size: .9em; width: 35px; margin: 0; padding: 0 0 0 3px;}

#mailChimp fieldset {margin: 0; padding: 0; border: 0;}
#mailChimp form {margin: 0; padding: 0; }
#mailChimp input[type=text] {margin: 0; padding: 0; width: 165px; height: 20px;}
#mailChimp input[type=radio] {margin: 0; padding: 15px; position:relative; top:0;}
#mailChimp input[type=submit] {margin: 10px 0; padding: 0 10px; }

.quote div.details{
	background:#e2eeae; 
	padding:10px 10px 1px 10px; 
	color: #4D4D4F; 
	margin-top:15px;
	}
.quote p.quote {
	font-style:italic;
	}
//.quote p.quote:before {content:"'";}
//.quote p.quote:after {content:"'";}
.quote p.author{text-align:right;}

.quote div.details img {max-width: 300px;}


.question p{
	font-size:1.2em;
	color:#8aa12c;
	}



div.blog_main div.blog {border-top: 1px dotted; padding: 8px 0;}
div.blog_main div.blog span.thumb {float: left; padding: 0 10px 0 0;}
div.blog_main div.blog span.thumb img {max-width: 100px;}

div.blog_main div.blog div.details-image {width: 275px; float: left;}

div.blog_main div.blog div.datePosted {padding: 8px; color: #8aa12c; background: #e2eeae;} 

div.blog_main div.blog h2 {color: #59b7db;}
div.blog_main div.blog h2 a {}
div.blog_main div.blog h3 {font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #8aa12c; font-style: italic; font-size: 1em;}
.blog div.author p {margin-bottom:0px}
div.blog_main div.blog div.body {}
div.blog_main div.blog div.body p {}
div.blog_main div.blog a.readmore {float: right; clear: both;}

div.blog-categories {margin-top:10px;} 
div.related-blog-titles {margin-top:10px; clear:both;} 
div.tag-cloud  {margin-top:10px;} 

.blog .details div.datePosted {
	clear:both;
	background:#e2eeae;
	padding: 5px 15px;
	}
	
.blog .document a {
	clear:both;
	padding: 5px 15px;
	}

.blog .details div.datePosted .addthis-button{
	float:right;
	padding-top:3px;
	padding-right:5px;
	}
#blog_comments {
	 font-size: 1.2em; color:#8aa12c;
	 font-family: Century Gothic, Avante Garde, helvetica, arial, sans-serif;
	 }

div.blog_comment{
	border-right: 1px solid #e2eeae ;
	border-bottom: 1px solid #e2eeae ;
	margin-bottom:15px;
	}

div.blog_comment p.blog_date_posted {
	margin-bottom:5px;
	padding: 8px 10px;
	background: #e2eeae;
	}
div.blog_comment div.comment p {
	padding-left: 15px;
	padding-right:10px;
	margin-bottom:5px;
	}

.blog .document div.detail {
	margin-bottom:15px;
	}

.blog form label{
	display:inline-block;
	width:125px;
	margin: 5px 0;
	}
.blog form input {
	width: 225px;
	margin: 5px 0;
	}
.blog form textarea {
	width:355px;
	min-height:100px;
	}
.blog form fieldset.submit {
	width: 100px;
	margin: 10px auto; 
	text-align:center;
	border:none;
	background:none;
	}
.blog form fieldset {background:#e2eeae; border:none; margin-left:15px;}

h3.ui-accordion-header{
	margin-bottom:5px;
	}
h3.ui-accordion-header a{
	display:inline-block;
	width:404px;
	color:#ff6600;
	}
div.ui-accordion-content-active{
	margin:5px 15px;
	display:block;
	height:auto;
	}
div.ui-accordion-content-active p{
	margin-left:0px;
	padding-left:0px;
	}

/* Links
-------------------------------------------------------------- */
.link {}
.link span.thumb {}
.link span.thumb img {}

.link div.detail {}
.link div.detail h2 {}
.link div.detail h3 {font-size: 1.5em; border-top: 1px dotted #4D4D4F;}
.link div.detail div.desc {}

.link div.detail div.link-item {}

.link div.detail div.link-item span.thumb {float: left; }
.link div.detail div.link-item span.thumb img {}
.link div.detail div.link-item h2 {}
.link div.detail div.link-item h3 {}
.link div.detail div.link-item div.desc {}
.link div.detail div.link-item a {}
.link div.detail div.link-item div.document {}
.link div.detail div.link-item div.submittedby {}
.link div.detail div.link-item div.footer {}

.link div.detail div.document {}
.link div.detail div.footer {}

.link div.detail-image {float: left; width: 275px;}

p.footer {clear:both; margin-top:10px;}
/* Footer elements
-------------------------------------------------------------- */
#footer-wrapper {clear:both; font-size: .8em; }
#footer-wrapper #footer {margin:5px 0 5px 185px;}
#footer-wrapper #footer p {float: left; }
#footer-wrapper #footer ul {float:right; }
#footer-wrapper #footer ul li {display:inline-block; margin: 0 5px;}	
#footer-wrapper #footer ul li a {color: #4D4D4F;}	


div.pagination {
	padding: 3px;
	margin: 3px;
	text-align:center;
}

div.pagination a {
	margin-right:3px;
	padding:2px 6px;
	text-decoration: none;
	color: #ff6600;
}

div.pagination a:hover, div.pagination a:active {
	background-color: #ff6600;
	color: #fff;
}

div.pagination span.current {
	margin-right:3px;
	padding:2px 6px;
	color: #4D4D4F;
}

div.pagination span.disabled {
	display:none;
}

.vimeo {width: 319px; height: 200px; margin: 15px 0 0 0;}

object {width: 319px; height: 200px; margin: 15px 0 0 0;}


div.bullet form {height: 35px; border-bottom: 1px solid; margin: 0 0 15px 0;}
div.bullet form table {width: 280px; float: left;}
div.bullet form table td {width: 140px; }
div.bullet form input[type=image] {float: left; margin: 0 0 0 10px;}
div.bullet form select {}