/*
Theme Name: Rochem Theme
Author: David Bell

*/

/* Wordpress Styles */

.gallery-caption {font: 0.8em Corbel, Helvetica, Arial, sans-serif; color:#6D6E70;}
.gallery {margin: auto;}
.gallery-item {float: left;	margin-top: 10px; text-align: center; width: 50%;}
.gallery img {border: 2px solid #cfcfcf;}
.gallery-caption {margin-left: 0;}

/* Common Selector Styles */

h1 {font: bold 1.5em Calibri, Helvetica, Arial, sans-serif; color:#A7C8E2; line-height: 1.2; margin: 2px 0px 15px 0px;}
body.downloads h1 {font: bold 1.5em Calibri, Helvetica, Arial, sans-serif; color:#A7C8E2; line-height: 1.2; margin: 10px 0px 15px 0px;}
h2 {font: bold 1.1em Calibri, Helvetica, Arial, sans-serif; color:#202739; letter-spacing: 0.4pt;}
body.downloads h2 {font: bold 0.9em Calibri, Helvetica, Arial, sans-serif; color:#202739; letter-spacing: 0.4pt; margin-top: 10px;}
body.faqs h2 {font: bold 1.2em Calibri, Helvetica, Arial, sans-serif; color:#A7C8E2; letter-spacing: 0.2pt; line-height: 1.2; margin: 10px 0px 15px 0px;}
h3 {font: bold 0.8em Corbel, Helvetica, Arial, sans-serif; color: #202739;}
h5 {font: bold 0.8em Corbel, Helvetica, Arial, sans-serif; color: #202739; margin-top: 10px;}
blockquote {font: italic 1.5em Calibri, Helvetica, Arial, sans-serif; color:#EF4035;} 
p {margin:0.3em 0pt 1em;}
strong {font-weight: bold;}
em {font-style: italic;}

/* Background Styles */

.h2backing01 {background-color: #6291AF; display: block; height: 25px; width: 250px; text-align: right; padding: 5px 12px 0px 0px; margin: 25px 0px 15px -17px;}
.h2backing02 {background-color: #6291AF; height: 25px; text-align: left; padding: 7px 0px 0px 12px; margin: 0px -10px 11px -10px;}
.h2backing03 {background-color: #6291AF; height: 25px; text-align: left; padding: 7px 0px 0px 12px; margin: 0px -15px 11px -15px;}
.h3backing01 {background-color: #6291AF; display: block; height: 25px; width: 250px; text-align: right; padding: 6px 12px 0px 0px; margin: 25px 0px 15px -17px;}
.h3backing02 {background-color: #6291AF; display: block; height: 25px; width: 300px; text-align: right; padding: 6px 12px 0px 0px; margin: 25px 0px 15px -17px;}

/* Text Styles */

.maintext01 {font: 0.9em Calibri, Helvetica, Arial, sans-serif; color:#6D6E70; line-height: 1.3;}
.maintext02 {font: 0.8em Calibri, Helvetica, Arial, sans-serif; color:#6D6E70; line-height: 1.3;}
.maintext03 {font: 0.9em Calibri, Helvetica, Arial, sans-serif; color:white; line-height: 1.3;}
.maintext04 {font: 0.8em Calibri, Helvetica, Arial, sans-serif; color:#B8D3E8; line-height: 1.3;}
.top01 {font: bold 0.7em Calibri, Helvetica, Arial, sans-serif; color:#B8D3E8;}
.heading01 {font: bold 1em Calibri, Helvetica, Arial, sans-serif; color:#DF0E17;}
.footertext01 {font: 0.75em Calibri, Helvetica, Arial, sans-serif; color:#6D6E70; line-height: 1.4;}
.required01 {color: #EF4035;}
.required02 {font-weight: bolder; color: #EF4035;}

/* Spacing Styles */

.top01 {margin-top: 20px;}
.top02 {margin-top: 10px;}
.bottom01 {margin-bottom: 10px;}
.bottom02 {margin-bottom: 20px;}
.bottom03 {padding-bottom: 10px;}
.right01 {margin-left: 15px;}

/* Border Styles */

.border01 {border-bottom: 1px solid #81A7BF; padding-bottom: 15px;}
.border02 {border-top: 1px solid #81A7BF; padding-top: 15px;}
.border03 {border-bottom: 1px solid #81A7BF; padding-bottom: 5px; margin-bottom: 12px;}
.border04 {border: 1px solid #B2D1E5;}

/* Float Styles */

.floatleft01 {float: left; margin-right: 10px; margin-bottom: 10px;}
.floatleft02 {float: left; margin-right: 10px; margin-bottom: 3px;}
.floatleft03 {float: left; margin-right: 15px; margin-left: 6px;}
.floatleft04 {float: left; margin-right: 10px; margin-bottom: 10px;}
.floatleft05 {float: left; margin-right: 15px; margin-bottom: 5px;}
.floatleft06 {float: left; margin-right: 15px; margin-bottom: 5px; margin-top: 5px;}
.floatleft07 {float: left; margin-right: 15px; margin-bottom: 25px;}

/* List Styles */

ul#logolist01 {padding: 5px 0px 5px 20px; }
ul#logolist01 li {float: left; margin-left: 30px;}
ul#mainnavlist01 {font: bold 1em Calibri, Arial, Helvetica, Sans-serif; color:white; letter-spacing: 0.4pt;}
ul#mainnavlist01 li {margin-bottom: 8px;}
ul#subnavlist01 {font: 0.9em Calibri, Arial, Helvetica, sans-serif; color:white; letter-spacing: 0.6pt; margin-left: 6px; padding-bottom: 6px;}
ul#subnavlist01 li {margin-bottom: 6px; background: url(http://www.rochem.net/images/bulleticon01.gif) no-repeat left 50%; padding-left: 20px;}
ul#subnavlist02 {font: 0.8em Calibri, Arial, Helvetica, sans-serif; color:white; letter-spacing: 0.5pt; margin-left: 6px; padding-bottom: 6px; margin-top: -5px;}
ul#subnavlist02 li {margin-bottom: 6px; padding-left: 20px;}
ul#footerlist01 {float: left; font: bold 0.9em Calibri, Arial, Helvetica, sans-serif; color:white; margin-top:7px;}
ul#footerlist01 li {float: left; margin-right: 15px; margin-bottom: 3px;}
ul#footerlist02 {font: bold 0.9em Calibri, Arial, Helvetica, sans-serif; color: #A4C3DA;}
ul#footerlist02 li {float: left;}
ul#footerlist03 {font: bold 0.9em Calibri, Arial, Helvetica, sans-serif; color:white; margin-top:5px; margin-bottom:3px;}
ul#footerlist03 li {margin-right: 15px; margin-bottom: 3px;}
ul#footerlist04 {font: bold 0.9em Calibri, Arial, Helvetica, sans-serif; color:white; margin-top:3px; margin-bottom:3px;}
ul#footerlist04 li {margin-right: 15px; margin-bottom: 3px;}
ul#footerlist06 {font: bold 0.9em Calibri, Arial, Helvetica, sans-serif; color:white; margin-top:3px;}
ul#footerlist06 li {}
ul#downloadlist01 {font: 0.8em Calibri, Helvetica, Arial, sans-serif; color:#6291AF; line-height: 1.5; margin-top: 7px; margin-bottom: 13px;}
ul#downloadlist01 li {margin-right: 5px;}
ul#downloadlist02 {font: 0.8em Calibri, Helvetica, Arial, sans-serif; color:#6291AF; line-height: 1.5; margin-top: 0px; margin-bottom: 13px;}
ul#downloadlist02 li {float: left; margin-right: 5px;}
ul#bullet01 {list-style-type: disc; font: 0.9em Calibri, Helvetica, Arial, sans-serif; color:#202739; line-height: 1.5; margin-top: 0px; margin-bottom: 13px; margin-left: 30px;}
ul#bullet01 li {margin-bottom: 5px;}
ul#countrylist01 {font: 1em Calibri, Helvetica, Arial, sans-serif; margin-left: 10px; margin-top: 15px;}
ul#countrylist01 li {margin-bottom: 7px;}
ul#contactlist01 {font: 0.9em Calibri, Helvetica, Arial, sans-serif; color:#6291AF; margin-top: 10px; margin-bottom: 20px;}
ul#contactlist01 li {margin-bottom: 4px;}
ul#peoplelist01 {font: 0.9em Calibri, Helvetica, Arial, sans-serif; color:#6291AF; margin-top: 8px;}
ul#peoplelist01 li {margin-bottom: 1px;}
ol#faqlist01 {list-style-type: decimal; font: 0.9em Calibri, Helvetica, Arial, sans-serif; color:#6291AF; margin-top: 8px; margin-bottom: 10px; margin-left: 10px; padding-left: 10px;}
ol#faqlist01 li {margin-bottom: 10px;}

/* Colour Styles */

.colblue01 {color: #A4C3DA;}
.colblue02 {color: #6291AF;}
.colblue03 {color: #B8D3E8;}
.colblue04 {color: #202739;}
.colred01 {color: #DF0E17;}
.colwhite01 {color: white;}

/* Link Styles */

a.blue01:link {color: #202739; text-decoration: underline;}
a.blue01:link:hover {color: #DF0E17; text-decoration: none;}
a.blue01:visited {color: #202739; text-decoration: underline;}
a.blue01:visited:hover {color: #DF0E17; text-decoration: none;}

a.blue02:link {color: #CCDFEE; text-decoration: underline;}
a.blue02:link:hover {color: white; text-decoration: none;}
a.blue02:visited {color: #CCDFEE; text-decoration: underline;}
a.blue02:visited:hover {color: white; text-decoration: none;}

a.blue03:link {color: #B8D3E8; text-decoration: underline;}
a.blue03:link:hover {color: white; text-decoration: none;}
a.blue03:visited {color: #B8D3E8; text-decoration: underline;}
a.blue03:visited:hover {color: white; text-decoration: none;}

a.blue04:link {color: #6291AF; text-decoration: underline;}
a.blue04:link:hover {color: #6291AF; text-decoration: none;}
a.blue04:visited {color: #6291AF; text-decoration: underline;}
a.blue04:visited:hover {color: #6291AF; text-decoration: none;}

a.blue05:link {color: #A7C8E2; text-decoration: underline;}
a.blue05:link:hover {color: #A7C8E2; text-decoration: none;}
a.blue05:visited {color: #A7C8E2; text-decoration: underline;}
a.blue05:visited:hover {color: #A7C8E2; text-decoration: none;}

a.white01:link {color: white; text-decoration: underline;}
a.white01:link:hover {color: white; text-decoration: none;}
a.white01:visited {color: white; text-decoration: underline;}
a.white01:visited:hover {color: white; text-decoration: none;}

a.red01:link {color: #DF0E17; text-decoration: underline;}
a.red01:link:hover {color: #DF0E17; text-decoration: none;}
a.red01:visited {color: #DF0E17; text-decoration: underline;}
a.red01:visited:hover {color: #DF0E17; text-decoration: none;}

a.nav01:link {color: #B8D3E8; text-decoration: none;}
a.nav01:link:hover {color: white; text-decoration: underline;}
a.nav01:visited {color: #B8D3E8; text-decoration: none;}
a.nav01:visited:hover {color: white; text-decoration: underline;}

a.nav02:link {color: white; text-decoration: none;}
a.nav02:link:hover {color: white; text-decoration: underline;}
a.nav02:visited {color: white; text-decoration: none;}
a.nav02:visited:hover {color: white; text-decoration: underline;}

a.nav03:link {color: #B8D3E8; text-decoration: underline;}
a.nav03:link:hover {color: white; text-decoration: none;}
a.nav03:visited {color: #B8D3E8; text-decoration: underline;}
a.nav03:visited:hover {color: white; text-decoration: none;}

a.nav04:link {color: white; text-decoration: underline;}
a.nav04:link:hover {color: white; text-decoration: none;}
a.nav04:visited {color: white; text-decoration: underline;}
a.nav04:visited:hover {color: white; text-decoration: none;}

/* General Styles */

#wrapper01 {width: 955px; margin: 0 auto; background: white; background: white url(http://www.rochem.net/images/mainbacking01.gif) repeat-y;}
#wrapper02 {width: 955px; margin: 0 auto; background: white; background: white url(http://www.rochem.net/images/mainbacking02.gif) repeat-y left;}
#header01 {text-align: right; padding: 81px 252px 0px 0px; height: 96px; background: url(http://www.rochem.net/images/mainimage01.jpg) no-repeat top;}
#header02 {text-align: right; padding: 81px 252px 0px 0px; height: 96px; background: url(http://www.rochem.net/our-products/images/mainimage01.jpg) no-repeat top;}
#header03 {text-align: right; padding: 81px 252px 0px 0px; height: 96px; background: url(http://www.rochem.net/our-products/images/headerpic01.jpg) no-repeat top;}
#header04 {text-align: right; padding: 81px 252px 0px 0px; height: 96px; background: url(http://www.rochem.net/our-products/images/headerpic02.jpg) no-repeat top;}
#header05 {text-align: right; padding: 81px 252px 0px 0px; height: 96px; background: url(http://www.rochem.net/our-products/images/headerpic03.jpg) no-repeat top;}
#header06 {text-align: left; padding: 81px 0px 0px 0px; height: 96px; background: url(http://www.rochem.net/images/mainimage01.jpg) no-repeat top;}
#header07 {text-align: left; padding: 81px 0px 0px 0px; height: 96px; background: url(http://www.rochem.net/images/mainimage02.jpg) no-repeat top;}
#header08 {text-align: left; padding: 81px 0px 0px 0px; height: 96px; background: url(http://www.rochem.net/our-products/images/headerpic04.jpg) no-repeat top;}
#maincontent01 {float: left; width: 430px; text-align: left; padding: 15px 17px 15px 17px;}
#mainnav01 {float: left; text-align: left; width: 215px; background: #6291AF; padding: 6px 12px 12px 12px;}
#sitelinks01 {float: left; width: 232px; text-align: left; padding: 0px 10px 0px 10px;}
#sitelinks02 {float: left; width: 222px; text-align: left; padding: 0px 15px 0px 15px;}
body.downloads #sitelinks02 {float: right; width: 212px; text-align: left; padding: 0px 15px 0px 15px;}
#footer01 {background: #507D9C; text-align: left; padding: 3px 0px 5px 8px;}
#credit01 {text-align: left; padding: 4px 0px 0px 7px; font: 0.8em Calibri, Arial, Helvetica, sans-serif; color: #6291AF; background: #E6E7DE;}
#accredit01 {text-align: center; padding-top: 20px;}
#keypeople01 {float: left; margin-right: 20px; margin-bottom: 3px; margin-top: 8px;}

/* Blog Pages */

#quote01 {font: 0.9em Calibri, Helvetica, Arial, sans-serif; color:#6D6E70; line-height: 1.4; width: 180px; float: right; border-top: 1px dotted #86A0B0; border-bottom: 1px dotted #86A0B0; margin-left: 25px; margin-bottom: 5px; padding: 10px 0px 10px 0px;}

ul#blognav01 {margin-top: 0px; font: 0.9em Calibri, Helvetica, Arial, sans-serif; color:#EF4035;}
ul#blognav01 li {margin-bottom: 12px;}
ul#blognav01 a:link {color: #6D6E70;}
ul#blognav01 a:link:hover {color: #6D6E70;}
ul#blognav01 a:visited {color: #6D6E70;}
ul#blognav01 a:visited:hover {color: #6D6E70;}

#credit01 a:link {color: #6D6E70;}
#credit01 a:link:hover {color: #6D6E70;}
#credit01 a:visited {color: #6D6E70;}
#credit01 a:visited:hover {color: #6D6E70;}

#morelink01 a:link {color: #6D6E70;}
#morelink01 a:link:hover {color: #6D6E70;}
#morelink01 a:visited {color: #6D6E70;}
#morelink01 a:visited:hover {color: #6D6E70;}
#morelink01 p {font: 0.9em Calibri, Helvetica, Arial, sans-serif; color:#6D6E70; line-height: 1.4;}

#morelink01 p .none01 {text-decoration: none;}
#morelink01 p .none01 a:link {text-decoration: none; border-bottom: 0px;}
#morelink01 p .none01 a:link:hover {text-decoration: none;}
#morelink01 p .none01 a:visited {text-decoration: none; border-bottom: 0px;}
#morelink01 p .none01 a:visited:hover {text-decoration: none;}

#morelink01 ul {list-style-type: circle; margin-top: 0px; margin-left: 23px; margin-bottom: 10px; font: 0.9em Calibri, Helvetica, Arial, sans-serif; line-height: 1.4; color: #6D6E70;}
#morelink01 ul li {margin-top: 7px;}

body.downloads #morelink01 ul {list-style-type: none; margin-top: 0px; margin-left: 0px; margin-bottom: 10px; font: 0.9em Calibri, Helvetica, Arial, sans-serif; line-height: 1.4; color: #6D6E70;}
body.downloads #morelink01 ul li {float: left; margin-top: 7px; margin-right: 8px;}

#morelink01 ol {list-style-type: decimal; margin-top: 0px; margin-left: 26px; margin-bottom: 10px; font: 0.9em Calibri, Helvetica, Arial, sans-serif; line-height: 1.4; color: #6D6E70;}
#morelink01 ol li {margin-top: 7px;}

#morelink01 blockquote p {margin-left: 36px; margin-right: 36px; font-size: 0.9em; font-style: italic; font-weight: bold; line-height: 1.5; color: #B8D3E8;}


#sidecontent02 {font: 0.9em Calibri, Helvetica, Arial, sans-serif; color:#B8D3E8; line-height: 1.4; float: left; text-align: left; width: 253px; margin-top: 25px; padding: 0px 0px 0px 14px; border-left: 1px dotted #86A0B0;}

.nocomments {color: #B8D3E8; font: italic 0.9em Calibri, Helvetica, Arial, sans-serif;}

.feedback01 {font: 0.9em Calibri, Helvetica, Arial, sans-serif;}
.feedback01 a:link {color: #6D6E70;}
.feedback01 a:link:hover {color: #6D6E70;}
.feedback01 a:visited {color: #6D6E70;}
.feedback01 a:visited:hover {color: #6D6E70;}

textarea#comment {width: 300px; height: 150px; font: 1em Calibri, Helvetica, Arial, sans-serif; color:#B8D3E8;}

.commentlist {font: 0.9em Calibri, Helvetica, Arial, sans-serif; color:#59606C; line-height: 1.3;}
.commentlist a:link {color: #6D6E70;}
.commentlist a:link:hover {color: #6D6E70;}
.commentlist a:visited {color: #6D6E70;}
.commentlist a:visited:hover {color: #6D6E70;}

form#commentform p {font: 0.9em Calibri, Helvetica, Arial, sans-serif; color:#B8D3E8; line-height: 1.3;}
form#commentform p a:link {color: #6D6E70;}
form#commentform p a:link:hover {color: #6D6E70;}
form#commentform p a:visited {color: #6D6E70;}
form#commentform p a:visited:hover {color: #6D6E70;}
