/* Website of Bobby Singh
/* URL bobbysingh.com.au


/* Design and Code by Guy Jeffrey
/* Sol Design www.sol.com.au
/* Started: August, 2009
/* Last modified: August, 2009







/* basics
----------------------------------------------- */
html, body, form, fieldset { margin: 0; padding: 0; }
body { font-size: 76%; color: #f5f5f5; font-family: Georgia, "Times New Roman", Times, serif; background-color: #000; background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-position: 50% 50px; text-align: left; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
.standardsAlert { display: none; }
.clearleft { clear: left; }
img { display: inline; }
div.clearer {clear: both; line-height: 0; height: 0;}




/* basic links
----------------------------------------------- */



/* layout
----------------------------------------------- */
foot { width: 100%; margin: 0 auto; padding: 0; text-align: left; }

#topbar { background-image: url(../images/topbar.png); background-repeat: repeat-x; width: 100%; margin: 0 auto; padding: 0; text-align: left; height: 80px; }



#contentwrapper { background-repeat: no-repeat; background-position: left top; text-align: left; margin: 0 auto; width: 900px; }
#gallerytitle { background-color: #ccc; vertical-align: middle; width: 500px; height: 20px; margin-top: 20px; margin-bottom: 0; margin-left: 20px; border: solid 1px #ccc; }
#gallery { text-align: center; width: 600px; float: left; margin: 0 0 30px; }
#gallery p { text-align: center; margin-top: 10px; }
#gallery img { text-align: center; border: 1px #b7b7b7; }

#gallery a:link, #gallery a:visited { color: #b7b7b7; text-decoration: none; }
#gallery a:hover { color: #6e6f69; text-decoration: none; }
#gallery a:active { text-decoration: none; }




#leftcolumn img { border-style: none; border-width: 0; }
#masthead { margin: 0 auto; width: 900px; height: 250px; padding: 0; }
#painting { margin: 0 auto; width: 840px; height: 320px; overflow: visible; padding: 0; }
#leftcolumn { background-position: left top; text-align: left; display: inline; width: 600px; float: left; overflow: visible; margin: 0 0 0; padding: 20px 0 80px; }

.homebox {  text-align: left; display: inline; width: 290px; float: left; overflow: visible; margin: 0; padding: 20px 0 0; }

#rightcolumn { background-image: url(../images/rightcol-grad.gif); background-repeat: no-repeat; background-position: 0 top; width: 300px; float: left; display: inline; overflow: visible; position: relative; margin: 0; padding: 1px 0 2em; }
#footer { background-image: url(../images/masthead-grad.gif); background-position: center 0; width: 900px; margin: 0 auto; text-align: center; order-bottom-style: solid; order-right-style: solid; }


.divider { width: 500px; padding-top: 0; padding-bottom: 20px; border-bottom: 1px solid #3a3a37; }



/* Nav */
#nav  { background-image: none; margin: 0 auto; width: 900px; height: 28px ; padding-top: 25px; }
#nav ul {margin: 0;	padding: 0;	list-style-type: none;	text-align: center;}
#nav ul li { float: left; }
#nav ul li a { color: #000; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; height: 28px; line-height: 2.2em; text-align: center; font-style: normal; text-decoration: none; margin-right: 45px; margin-left: 0; padding: 0 0 3px; display: inline; }
#nav ul li a.here { color: #dfc5a4; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: normal; line-height: 2.2em; text-decoration: none; text-align: center; display: inline; margin-right: 45px; margin-left: 0; padding: 0 0 3px; width: auto; height: 28px; border-bottom: 4px solid #6b1b00;}
#nav a:hover { color: #000; border-bottom: 4px solid #6b1b00; }
/* Forms & Tables
----------------------------------------------- */
#table1 { font-weight: normal; font-style: normal; vertical-align: top; padding: 0; }
#table1 td { color: #f00; font-size: 1em; font-weight: normal; font-style: normal; text-align: left; padding: 0; }

/* Masthead
----------------------------------------------- */
#masthead h2 { color: #555; font-size: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.1; text-align: center; margin: 0 0 5px; padding: 10px 0 0; }



/* Left Column
----------------------------------------------- */
#leftcolumn p { color: #b2b4aa; font-size: 1.1em; line-height: 1.7em; margin-right: 0; margin-left: 0; padding-right: 50px; padding-bottom: 10px; padding-left: 0; }
#leftcolumn p.intro { color: #b2b4aa; font-size: 1.3em; line-height: 2; margin-right: 0; margin-left: 0; padding-right: 50px; padding-bottom: 10px; padding-left: 0; }
#leftcolumn tt { color: #f00; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; }
#masthead h1 { color: #dfc5a4; font-size: 3em; Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; letter-spacing: 5px; margin-right: 0; margin-left: 0; padding: 150px 0 10px; }
#leftcolumn h1 { color: #dfc5a4; font-size: 2em; font-weight: normal; margin-right: 0; margin-left: 0; padding: 17px 0 10px 0; }

#leftcolumn h2 { color: #dfc5a4; font-size: 1.5em; font-weight: normal; margin-right: 0; margin-left: 0; padding: 5px 0 10px; }
#leftcolumn h2.line { color: #dfc5a4; font-size: 1.5em; font-weight: normal; margin-right: 0; margin-left: 0; padding: 5px 0 10px; border-top: 1px solid #232321; }
#leftcolumn h3 { color: #6e6f69; font-size: 1.5em; Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; margin-right: 0; margin-left: 0; padding: 5px 0 10px; }
#leftcolumn h4 { color: #ab1a1f; font-size: 1.5em; font-weight: normal; margin-right: 0; margin-left: 0; padding: 5px 0 10px; border-top: 1px solid #6e6f69; }
#leftcolumn h5 { color: #6e6f69; font-size: 1em; font-weight: normal; margin-right: 0; margin-bottom: 10px; margin-left: 0; padding: 0 0 10px; }



#leftcolumn ol { font-family: Arial, Helvetica, sans-serif, Verdana; text-align: left; margin-top: 0; margin-bottom: 10px; padding: 0 20px 0 40px; list-style-type: decimal; }
#leftcolumn ol li { color: #003b78; font-size: 1.1em; padding-top: 7px; padding-bottom: 7px; }
#leftcolumn ul { text-align: left; margin-top: 0; margin-bottom: 10px; padding: 0; list-style-type: none; }
#leftcolumn ul li { color: #b2b4aa; font-size: 1.1em; line-height: 1.7em; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left 6px; padding-left: 15px; margin-bottom: 5px; margin-left: 0; padding-bottom: 0; }
#leftcolumn ul li.pdf { font-weight: normal; line-height: 1.5em; background: url(../images/pdf-icon-small-black.png) no-repeat left 0; margin-bottom: 5px; margin-left: 0; padding-left: 25px; }


#leftcolumn a:link, #leftcolumn a:visited { color: #ab1a1f; text-decoration: none; }
#leftcolumn a:hover { color: #b81c21; text-decoration: underline; }
#leftcolumn a:active { text-decoration: none; }


/* Right Column
----------------------------------------------- */
#rightcolumn p { color: #dfc5a4; font-size: 1em; Verdana, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1.7; padding: 0 19px 1em 15px; }
#rightcolumn h4 { color: #ffe2bc; font-size: 1em; font-weight: normal; line-height: 1.7; padding: 0.5em 19px 0 15px; }
#rightcolumn h5 { color: #6e6f69; font-size: 1em; line-height: 1.7; padding: 0 19px 0.5em 15px; }
#rightcolumn p.quote { color: #0042a9; font-size: 1em; line-height: 2em; padding: 0.5em 19px 0.5em 15px; }
#rightcolumn h1 { color: #dfc5a4; font-size: 1.4em; font-weight: bold; line-height: 1.3; padding: 20px 15px 1em; }
#rightcolumn h2 { color: #ab1a1f; font-size: 2em; font-weight: normal; line-height: 1.2em; padding-top: 120px; padding-bottom: 0; padding-left: 15px; }
#rightcolumn h2.second { color: #ab1a1f; font-size: 2em; font-weight: normal; line-height: 1.2em; padding-top: 20px; padding-bottom: 0; padding-left: 15px; }
#rightcolumn h3 { color: #ab1a1f; font-size: 1.2em; font-weight: normal; padding: 5px 0 0 15px; }
#rightcolumn h3.line { color: #ab1a1f; font-size: 1.2em; font-weight: normal; margin-bottom: 10px; margin-left: 15px; padding: 5px 0; border-bottom: 1px solid #685c4d; }
#rightcolumn strong { font-weight: bold; }
#rightcolumn em { font-style: italic; }
#rightcolumn ul { text-align: left; margin-bottom: 10px; margin-left: 20px; list-style-type: disc; padding: 0; }
#rightcolumn li { color: #dfc5a4; font-size: 1em; line-height: 1.5em; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: left 11px; padding: 5px 15px 7px 20px; list-style-type: none; }
#rightcolumn a:link, #rightcolumn a:visited { color: #ab1a1f; text-decoration: none; }
#rightcolumn a:hover { color: #b81c21; text-decoration: underline; }
#rightcolumn a:active { text-decoration: none; }

#rightcolumn ul li.pdf { font-weight: normal; line-height: 1.5em; background: url(../images/pdf-icon-small-black.png) no-repeat left 0; margin-bottom: 5px; margin-left: 0; padding-left: 25px; }
#rightcolumn ul li.music { font-weight: normal; line-height: 1.5em; background: url(../images/play.png) no-repeat left 10px; margin-bottom: 5px; margin-left: 0; padding-left: 25px; }
/* Images
----------------------------------------------- */
img.left	{ float: left; margin-top: 3px; margin-right: 15px; border: 0; }
img.icon { vertical-align: baseline; margin-right: 15px; float: left; border: 0; }
img.rctop { display: block; margin: 0; padding-top: 120px; }
img.rc { display: block; margin: 10px 0 10px 15px;  }


img.right { display: block; margin: 0; padding-top: 3px; padding-left: 15px; float: right; }
img.b-left { display: block; margin: 3px 15px 10px 0; padding: 3px; float: left; border: solid 1px #c8b7c4 }
img.b-right { display: block; margin: 3px 0 0 15px; padding: 4px; float: right; border: solid 1px #c8b7c4; }
img.logos { margin: 10px 0; }
img.acrobat { margin-top: 15px; padding: 0; display: block; }
img.covers { display: block; margin-top: 10px; margin-left: 15px; padding: 0; border: solid 1px #999; }
img.border { margin-top: 10px; margin-bottom: 10px; display: block; padding: 0; border: solid 1px #444; }

.mainimage { margin: 10px 0 0 15px; padding: 0;  }

.thumb { text-decoration: none; float: left; display: inline; padding: 0; margin: 0 9px 20px 0; border: solid 1px #888; }
.thumblast { text-decoration: none; display: inline; margin: 0 0 20px 0; padding: 0; float: left; border: solid 1px #888; }


/* Tables
----------------------------------------------- */
contact { margin-left: 100px; }
#contact td { margin: 0; padding: 3px; }

#basic { margin-bottom: 5px; margin-left: 30px; border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; }
#basic td { color: #3f3f3f; font-size: 1em; text-align: center; padding: 3px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }
#basic th { color: #fff; font-size: 1em; background-color: #3f3f3f; text-align: center; padding: 3px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }
#basic td.left { text-align: left; }
#basic td.right { text-align: right; }


#mediakit { margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #444; border-left: 1px solid #444; }
#mediakit td { color: #707070; font-size: 1em; text-align: center; padding: 10px; border-right: 1px solid #444; border-bottom: 1px solid #444; }


/* footer
----------------------------------------------- */
#footer p { color: #575853; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.2; text-align: left; padding: 10px 10px 10px 0; }
#footer a:link, #footer a:visited { color: #6e6f69; text-decoration: none; border-style: none; }
#footer a:hover { color: #f9f8f4; text-decoration: none; border-style: none; }

/* Video
----------------------------------------------- */
object.youtube { display: block; margin: 10px 0 10px 15px;  }



/* Form
----------------------------------------------- */

#.OptionSelect {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; }
select {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; }

#contact p.formtext { font-size: 12px; font-weight: normal; color: #6e6f69; text-decoration: none; margin: 0; padding: 5px 0 0; }
.formtitles { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #6e6f69; text-decoration: none; background-color: #ebebeb; padding: 1px; height: 18px; border: solid 1px #d7d7d7; }
.formtextbox { color: #53100a; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; background-color: #f0dec8; padding: 1px; width: 300px; height: 18px; border: solid 1px; }
.formcomment { color: #53100a; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; background-color: #f0dec8; width: 300px; padding: 1px; height: 100px; border: solid 1px; }