/* Dynamic CSS rules generated Mon, 10 May 2010 12:11:55 +0800 */
body { color: #222; font-family: Arial, Verdana, Helvetica, Sans-Serif; background-color: white; background-image: url('/files/vwa-bkg1.jpg'); background-repeat: repeat-x; } 
#page { width: 1024px; margin-top: 0px; font-size: 1.05em; line-height: 1.7em; background-image: url('/files/vwa-mid1.jpg'); background-repeat: repeat-y; border: none; background-color: white; } 
#header { height: 174px; margin-bottom: 0px; border: none; background-image: url('/files/vwa-hdr1.jpg'); background-repeat: no-repeat; background-position: center top; } 
.site-title { margin: 0px; padding: 0px; padding-top: 27px; margin-left: 45px; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 1.5em; color: white; text-align: left; } 
.site-tagline { margin: 0px; padding: 0px; padding-top: 25px; font-family: Arial, Verdana, Helvetica, Sans-Serif; text-align: right; font-size: 1.2em; font-style: italic; color: white; margin-right: 70px; } 
#header_action_box_1 a { width: 341px; height: 66px; left: 650px; top: 40px; background: url(/files/plan-your-visit.png) no-repeat; background-position: top left; } 
#header a:link, #header a:visited, #header a:hover, #header a:active { color: white; } 
span.page_item a:link, span.page_item a:visited, span.page_item a:active { color: #FFF; } 
span.page_item a:hover { color: #FFF; } 
span.current_page_item a:link, span.current_page_item a:visited, span.current_page_item a:hover, span.current_page_item a:active  { color: #FFF; } 
a:link, a:visited, a:active { color: #CC6600; } 
a:hover { color: #0B55C4; } 
blockquote { color: #000; background: transparent; text-align: left; font-style: italic; margin: 0; padding: 0; } 
.wp-caption { border: 1px solid #ddd; background-color: #f3f3f3; }
.wp-caption p.wp-caption-text { font-weight: normal;  font-style: normal; }
blockquote.withquote { background: url(http://static.om4hub.com/wp-content/themes/om4/images/quoteopen.gif)  no-repeat; background-position: top left; }
p.withunquote { background: url(http://static.om4hub.com/wp-content/themes/om4/images/quoteclose.gif) no-repeat; background-position: bottom right; }
#footer { height: 391px; background-image: url('/files/vwa-ftr1.jpg'); background-repeat: no-repeat; } 
#footer p { color: #222; } 
#footer a:link, #footer a:visited, #footer a:active { color: #222; } 
#footer a:hover { color: #0B55C4; } 
.narrowcolumn { float: right; width: 680px; padding: 0px 40px 30px 0px; text-align: left; } 
.widecolumn { padding: 0px 40px 30px 40px; text-align: left; } 
h1 { color: #D16600; font-size: 1.4em; line-height: 1em; margin-top: 0px; margin-bottom: 18px; } 
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { color: #D16600; } 
h2 { color: #0651B9; font-size: 1.6em; line-height: 1.8em; margin-top: 6px; margin-bottom: 9px; } 
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { color: #0651B9; } 
h3 { color: #D16600; font-size: 1.2em; line-height: 1em; margin-top: 36px; margin-bottom: 12px; } 
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { color: #D16600; } 
h4 { color: #D16600; font-size: 1.1em; line-height: 1.4em; margin-top: 24px; margin-bottom: 8px; font-weight: normal; } 
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active { color: #D16600; } 
#sidebar { float: left; border-right: none; font-size: 1.1em; line-height: 1.2em; width: 210px; padding: 0px 12px 0px 12px; } 
#sidebar { margin-left: 40px;  padding-left: 0px ; } 
#sidebar h2 { color: #FFF; background-color: transparent; } 
#sidebar ul ul { list-style: none; } 
#sidebar ul ul { margin-left: 0; } 
#sidebar ul ul li ul li { list-style: none; } 
#sidebar ul ul li a:link, #sidebar ul ul li a:visited, #sidebar ul ul li a:hover, #sidebar ul ul li a:active { color: #CC6600; } 
#sidebar ul ul li a:hover { color: #0B55C4; } 
#sidebar ul ul li { color: #222; } 
#sidebar ul li p a:link, #sidebar ul li p a:visited, #sidebar ul li p a:hover, #sidebar ul li p a:active { color: #CC6600; } 
#menu { margin: -50px 0px 0px 31px ; text-align: left; height: 43px; border: none; } 
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active { margin: 0px; color: #FFF !important; font-size: 1.05em; font-weight: normal; padding: 0px 6px; border-right: none; } 
/* Additional Sidebar Widgets */
#sidebar .widget_recent_entries h2, #sidebar .quickshop h2 { color: #000; } 
#sidebar .widget_recent_entries a, #sidebar .quickshop a {color: #000!important;}

/* Shoping Cart */
.qsqtytext { display: none; }

/* General */
#pages {background-color: #DD8E1C;}
#pages a:link, #pages a:visited, #pages a:hover, #pages a:active {color: #FFF;}
#content h1 {display: none;}
#content h2, #content h3 {font-weight: normal;}
#content li {padding-bottom: 6px;}
#content {margin-right: 34px;}
.blog h1, .single h1 {display: block !important;}
/* .blog #content {background-image: url(/files/news-header.jpg); background-repeat: no-repeat; padding-top: 120px;} */
.widget_pages {background-color: #DD8E1C;}

/* Contact Form */
div.contactright input {height: 20px; border: solid 1px #DD8E1C; background-color: #F9F9F9}
div.contactright textarea {height: 120px; border: solid 1px #DD8E1C; background-color: #F9F9F9}
input#contactsubmit {border: solid 1px #ccc; height: 30px; width: 150px; font-weight: bold}


.entry, .hentry, .comments, .postcommentsfeed {padding: 20px;}
.hentry .entry {padding: 0;} /* This removes extra padding from post entries */
/* div.entry {padding-right: 25px;} */
#respond {padding: 20px; width: 70%;}
#respond #comment {background-color: #679AC9;}
div.navigation div.alignleft {padding-left: 20px;}
div.navigation div.alignright {padding-right: 20px;}

.commentlist .odd {background-color: #679AC9; border: solid 1px #BBB;}
.commentlist .even {background-color: #6090D0; }

#content .topimages {position: relative; left: -20px; top: -20px;}
#content .topimages img {margin: 0 !important;}

#content ul {padding-left: 15px;}
a.post-edit-link {margin-left: 20px;}

#menu { width: 955px; background-color: #FFF; background-image: url(/files/vwa-menu1.png); background-repeat: no-repeat; padding-top: 10px; padding-left: 11px}

/* Fine tune the nav item typography */
#sidebar a {color: #FFF !important; font-size: 1em; letter-spacing: 0.2px; }

/* Images */
img.alignnone { padding: 0px; margin: 5px 0px;}
.wp-caption p {margin-top: 0px; margin-bottom: 2px;}
.wp-caption {margin-top: 0px;}
.wp-caption.alignleft { margin-right: 17px; margin-left: 0px }
.wp-caption.alignright { margin-left: 17px; margin-right: 0px }
.wp-caption.alignnone { margin-left: 0px; margin-right: 0px }

/* Nav in LH Sidebar */
.widget_pages .widgettitle { display: none; }
/* #sidebar .widget_pages { text-transform: uppercase; } */
#sidebar .widget_pages li ul { display: none; }
#sidebar .widget_pages li.current_page_item ul, #sidebar .widget_pages li.current_page_parent ul  { display: list-item; }
#sidebar .widget_pages li { padding-top: 0.5em; padding-bottom: 0.5em; margin-left: 0px; }

/* Hide sub pages for sub sub menu items (3rd level) */
#sidebar .widget_pages ul li ul li ul li { display: none; }
#sidebar .widget_pages li.current_page_item ul, #sidebar .widget_pages li.current_page_parent ul, #sidebar .widget_pages li.current_page_ancestor ul  { display: list-item; }
/* Display the 3rd level items */
#sidebar .widget_pages ul li ul li.current_page_item ul li, #sidebar .widget_pages ul li ul li.current_page_ancestor ul li { display: list-item; }

/* Hide sub pages for the following menu items */
/* #sidebar .widget_pages li.page-item-31 ul { display: none; } */

/* Sidebar indents */
#sidebar .widget_pages a {display: block;}
#sidebar .widget_pages li a { padding-left: 17px !important; }
#sidebar .widget_pages ul li li { margin-left: 13px !important; width: 180px; }
#sidebar .widget_pages ul li li a { padding-left: 0px !important; }
/* Current Item */
#sidebar .widget_pages li.current_page_item a { color: #FFF !important; background-image: url('/files/vwa-currentmenu.png'); background-repeat: no-repeat; font-weight: bold !important; background-position: top left; padding: 3px 0px; }
#sidebar .widget_pages li.current_page_item li a { background-image: none; font-weight: normal !important; }
#sidebar .widget_pages ul li li.current_page_item a { margin-left: 0; font-weight: bold !important; padding: 3px 0; background-image: none; }
#sidebar .widget_pages ul li li.current_page_item { background-image:url('/files/vwa-currentmenu.png'); background-repeat: no-repeat; background-postion: top left; font-weight:bold !important; padding:3px 0 3px 10px; }
#sidebar .widget_pages li li { text-transform: none; }

#sidebar .widget_pages ul li ul li {font-size: 95%; line-height: 1em}
#sidebar .widget_pages ul li ul li ul li { font-size: 100%;line-height: 1em;}

/* Shift the menu paddle to be flush left */
#sidebar {padding-left: 0;}

.breakout {position: relative; right: 0; width: 30%; background-color: #679AC9; border: solid 1px #0D2910; padding: 5px 12px; margin: 5px 10px; z-index: 1; }
.breakout a {color: #003D78;}
.breakout ul {padding-left: 15px;}

.breakout2 {position: relative; right: 0; width: 40%; background-color: #DD8E1C; border-left: solid  2px #0D2910; padding: 5px 12px; margin: 5px 10px; z-index: 1; }
.breakout2 a {color: #FFF;}
.breakout2 ul {padding-left: 15px;}


#content #sub-pages-list li {display: inline !important; border-right: dotted 1px #999;  line-height: 1.8em; padding: 0 6px 0 0; margin: 6px 6px 6px 0;}
#footer {padding-left: 39px; font-size: 1.2em;}
#footer .vwafooter a:link, #footer .vwafooter a:visited, #footer .vwafooter a:hover, #footer .vwafooter a:active {color: #CC6600; padding: 4px 0 0 0; font-weight: bold;}
.vwafooter td {vertical-align: top; padding: 0 45px 0 10px;}
.vwafooter img {border: solid 1px #FFF; padding: 3px; margin-bottom: 10px;}
.vwafooter h3 {color: #0651B9; margin-top: 6px;}
#menu-footer {margin-top: 44px; margin-bottom: 10px;}
#menu-footer a:link, #menu-footer a:visited, #menu-footer a:hover, #menu-footer a:active {color: #FFF; padding: 0; font-weight: normal;}
#menu-footer a {padding: 0 10px 0 0 !important;}

#sidebar h2 {border-bottom: none;}

/* Spaces between sidebar components */
#sidebar .widget_text {margin-bottom: 10px;}
#sidebar #pages {margin-bottom: 10px;}

/* Newsflash widget - position after sidebar nav is important */
#sidebar h2 {border-bottom: none;}
#text-470176561 {line-height: 1.3em; font-size: 1.05em; border-bottom: solid 9px #FFF; background-color: #595959; background-repeat: repeat-x; background-image: url(/files/promo-bg.jpg); color: #EEE; height: 250px; width: 193px; margin-bottom: 6px; margin-left: -9px; padding: 0 17px !important;}
#sidebar #text-470176561 h2 {font-size: 1.3em; padding-bottom: 0; line-height: 1em; padding-left: 0; }
#sidebar #text-470176561 p {margin-top: 6px;}
#sidebar #text-470176561 a {color: #EACC9A !important;}

/* Places of Interest breakouts */
.placesofinterest {border: solid 1px #CCC; margin: 0 5px 0 0;}
.placesofinterest h4 {display: block; color: #FFF; margin-top: 0; padding: 5px 15px; background-color: #CC6600;}
.placesofinterestperth {width: 80%;}
.placesofinterestperth h4 {background-color: #785A75;}
.placesofinterestsouthwest {width: 80%;}
.placesofinterestsouthwest h4 {background-color: #CC7DA4;}
.placesofinterestnorthwest {width: 80%;}
.placesofinterestnorthwest h4 {background-color: #DE6E38;}
.placesofinterestcoral {width: 40%;}
.placesofinterestcoral h4 {background-color: #4E9CB2;}
.placesofinterestgolden {width: 40%;}
.placesofinterestgolden h4 {background-color: #FDCD4D;}

/* Cforms - Contact Form */
.cform {width: 100%}
.cform fieldset {background: transparent none repeat scroll 0 0; border: none;}
.cform legend {color: #CC6600; padding: 4px 0; font-family: inherit; font-size: 14px; /* background-color: #F6F6F6; border-bottom: dotted 1px #CCC; */ }
.cform label {width: 250px}
.cform label span {width: 250px;}
.cform label, .cform span {margin-left: 0;}
.cform textarea, .cform input {width: 300px;}
ol.cf-ol li.textonly {text-align: left;  font-style: normal; font-size: 100%; letter-spacing: 0px; background-color: transparent !important;}
.cform input, .cform textarea, .cform select {border: 1px solid #CC6600;}
.cform label span .sub {font-size: 90%; color: #555;}
.cform ol.cf-ol li.cf-box-title {padding: 0}
.cform ol.cf-ol li.cf-box-group {padding-left: 262px; margin: 0 !important} 
.cform input.cf-box-a, .cform input.cf-box-b {margin-right: 5px;}
.cform label.cf-group-after {width: 90px;}
.cform ol.cf-ol li.cf-box-title {padding-bottom: 0; margin-top: 5px; margin-bottom: 0;}
.cform ol.cf-ol li.cf-box-group {margin-top: -28px;}

/* Format the enquiry form in sidebar */
#sidebar .cform {margin-left: 6px; width: 193px}
#sidebar .cform h2.widgettitle {font-size: 1.2em !important; color: #000 !important; padding-left: 0px !important; margin-left: 0 !important;}
#sidebar .cform .cf-ol li label, .widget .cf-ol li input, .widget .cf-ol li textarea, .widget .cf-ol li select, #sidebar .cform .cf-ol li span, .widget input.sendbutton {float:left !important; clear:left !important ;}
#sidebar .cform .cformselect {width: 170px;}
#sidebar .cform input {width: 172px;}
#sidebar .cform textarea {width: 172px;}
#sidebar .cform .cform label {width: 170px; margin-left: 0 !important;}
#sidebar .cform .cform .emailreqtxt {width: 180px;}
#sidebar .cform .cform p.cf-sb {text-align: left; margin-left: 6px; }
#sidebar .cform input.sendbutton {background-color: #CCC; color: #000; width: 160px; font-size: 1.1em}

/* Comments */
#respond #comment {background-color:#FFF;}
