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

  CSS on Sails Framework
  Title: Pro Italia Motorcycles
  Author: XHTMLized (http://www.xhtmlized.com/)
  Date: 11th June 2010

********************************************************************************

  1. BASE
      1.1 Reset
      1.2 Accessibility Navigation & Hide
      1.3 Clearfix
      1.4 Default Styles

  2. COMMON
      2.1 Container
      2.2 Header
      2.3 Navigation
      2.4 Content
      2.5 Sidebar
      2.6 Footer
      

  3. WORDPRESS
      3.1 Wordpress specific CSS
      3.2 Financing App

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


/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; font-size: 11px; }
th, td { vertical-align: top; }
th { text-align: left; font-weight: bold; }
a img { border: none; }


/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4 Default Styles
------------------------------------------------------------------------------*/

body { background: #fff; color: #333; font: 62.5%/1.3 Verdana, Arial, Helvetica, sans-serif; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: Verdana, Arial, Helvetica, sans-serif; }
a, a:visited { color: #DC3F1B; text-decoration: none;  }
a:hover, a:active { background-color: #DC3F1B; color: #fff; text-decoration: underline; }
.left { float: left; margin: 20px 20px 20px 0; }
.right { float: left; margin: 0 20px 20px 20px; }


/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

.container { width: 967px; position: relative; margin-left: 7px; font-size: 1.2em; }


/* 2.2 Header
------------------------------------------------------------------------------*/

#header { font-family: Verdana, Arial, Helvetica, sans-serif; }
#header .site-name,
#header .site-name span { display: block; overflow: hidden; width: 282px; height: 93px; }
#header .site-name { position: relative; float: left; margin-left: 1px; }
#header .site-name span { background: url(images/logo.gif) no-repeat; position: absolute; top: 0; left: 0; z-index: 10; }
#header a.site-name span { cursor: pointer; }

#header div { margin-top: 5px; float: right;  text-align: right; font-size: 9px; color: #3f3f3; }
#header li { float: right; margin: 4px 3px 0 3px; }
#header div a { font-size: 10px; }
#header li a:hover { background-color: transparent; }

/* 2.3 Navigation
------------------------------------------------------------------------------*/

#navigation { clear: both; overflow: hidden; border: 1px solid #808080; border-style: solid none; font-size: 11px; font-weight: bold; height: 23px; line-height: 23px; }
#navigation ul li { float: left; margin: 6px 0; padding: 0 5px; border-left: 1px solid #797979; line-height: 11px; }
#navigation > ul > li:first-child { border: none; margin-right: 64px; }
#navigation ul li.subtree { width: 659px; border: none; margin-right: -1px; background: white; }
#navigation ul li.subtree ul li:first-child,
#navigation ul li.subtree + li { border: none; }
#navigation ul ul { display: inline; }
#navigation ul ul { font-size: 0; }
#navigation ul ul li { font-size: 11px; float: none; display: inline; }


/* 2.4 Content
------------------------------------------------------------------------------*/

#content { width: 678px; float: left; padding: 17px 0 0 7px; font-size: 10px; color: #3f3f3f; }

#content .box { text-align: center; border-top: 1px solid #999; padding-top: 11px; padding-bottom: 30px; }
#content > div:first-child { border: none; padding-top: 0; }
#content .text { padding: 0 5px 0 15px; text-align: left; }

#content h2 { font: bold 18px/25px Verdana, Arial, Helvetica, sans-serif; margin: 5px 0; }
#content p { margin-bottom: 10px; }

#content .ngg-description p { display: none; }
#content .ngg-description p:first-child { display: block; }
#content .ngg-albumcontent a:hover { background: transparent; }
#content .ngg-thumbnail { float: left; margin-right: 10px; }
#content .ngg-album { border-bottom: 1px solid #999; padding-bottom: 5px; margin-bottom: 5px; }
#content .ngg-albumtitle a { margin-top: 5px; color: #3f3f3f; font: bold 11px/1.2 Arial, sans-serif; }

#content .preowned { margin-bottom: 5px; }
#content .ngg-gallery-thumbnail { margin-top: 30px; }

#financing-form > table { width: 100%; border: 1px solid #999; border-style: solid none; padding: 15px 0; margin: 25px 0 15px; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* 2.5 Sidebar
------------------------------------------------------------------------------*/

#sidebar { width: 224px; float: right; margin-top: 17px; padding: 0 14px 0 25px; border-left: 1px solid #999; font-size: 10px; color: #3f3f3f; }
#sidebar .box { border-top: 1px solid #999; padding-top: 15px; margin-bottom: 30px; }
#sidebar > div:first-child { border: none; padding-top: 0; }
#sidebar h2 { padding-left: 5px; font: bold 16px/25px Verdana, Arial, Helvetica, sans-serif; background: #4d4d4d; color: white; margin: 0 0 7px -5px; }
#sidebar img { margin-bottom: 5px; margin-top: 20px; }
#sidebar ul.side-nav { font: bold 11px/1.2 Verdana, Arial, Helvetica, sans-serif; }
#sidebar ul.side-nav li { list-style: none; }
#sidebar ul li { list-style: disc inside; margin-left: 10px; }
#sidebar p { margin: 10px 0; }
#sidebar form label { display: block; font-size: 11px; }
#sidebar form label span { color: #DC3F1B; }
#sidebar form input[type='text'] { width: 170px; }
#sidebar form input[type='submit'] { float: right; margin: 10px 20px 0 0; }
#sidebar ul { margin-bottom: 10px; }
#sidebar ul.stock li { margin-left:0; list-style: none; }
#sidebar p.info { border-top: 1px dotted #afafaf; padding-top: 10px; }



/* 2.6 Footer
------------------------------------------------------------------------------*/

#footer { clear: both; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; padding: 20px 0 15px; }
#footer p { margin: 15px 0; }




/* 3.1 Wordpress specific CSS */

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

/* 3.2 Financing App */

#financing-form { margin-top: -10px; }
#financing-form table { border-collapse: collapse; }
#financing-form th,
#financing-form td {
    vertical-align: middle;
}
#financing-form th { width: 110px; padding: 3px; padding-right: 11px; text-align: center;}
#financing-form td { padding: 3px; border: solid red 0px; }
#financing-form td.layout { padding: 0 !important; }
#financing-form td.layout th { width: auto; }
#financing-form h2 { margin: 20px 0 10px 0; }

#financing-form .error { color: #DC3F1B; }
.help { color: #777; font-style: italic; padding-left: 8px; }
.small { font-size: 11px !important; font-weight: normal; }
.highlight { color: #DC3F1B; }
.required { color: #DC3F1B; }