/*
Theme Name: beleura
Description: The original Beleura theme.
Version: 1
Author: beleura
*/



@charset "utf-8";

/*
---------------------------------------------
Customize Template Colors
---------------------------------------------
*/
 
/*Background color of entire page*/ body {background:#f5f2e9 url(images/body-bg.png) 0 0 repeat-x;} 


/*Color of text and text shadow in top bar*/ #header h1 a { color:#FFFFFF; text-shadow:0 1px 0 #000000} 

/*Background color of header section*/ #header { background:#} 

/*Color of text in slogan*/ #header p { color:#FFFFFF} 



/*Background and text shadow in navigation bar*/ .topnav p { text-shadow:0 1px 0 #000000; background:#448DBE}
/*Color of text in navigation bar*/ .topnav p a { color:#FFFFFF}

/*Background color of homepage main menu*/ #content { background:#063A5D} 
/*Border color of homepage main menu*/ #content { border:0px solid #133960} 
/*Color of text in homepage main menu*/ #nav ul li a { color:#ffffff; } 
#nav ul li a:hover{
color:#B0AA86;
}
/*Color of arrows in homepage main menu. Change to black, grey or white*/ #nav ul li a { background:url(images/arrow.png) no-repeat right center}
/*Color and thickness of separator lines in homepage main menu*/ #nav ul li { background:url(images/line.jpg) repeat-x center top;} 

/*Background color of content area*/ #contentinner { background:#EEEDED}
/*Border color of content area*/ #contentinner { border:1px solid #afafaf}
/*Color of all standard text in content area*/ p, ul, ol, label { color:#ffffff}
/*Color of all heading text in content area*/ h1,h2,h3,h4,h5,h6 { color:#ffffff}

/*Background color of footer*/ #footer { background:#} 
/*Color of text in footer*/ #footer p { color:#231F20} 
/*Color of text links in footer*/ #footer p a { color:#231F20} 

/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

html, body, p, div, input, textarea, select, option, fieldset, label, h1, h2, h3, h4, h5, h6, img, a, a:link, a:active, a:hover, a:visited, form, ul, ol, li { margin:0;  padding:0;  text-align:left;}

img,fieldset { border:none}

ul, li { list-style:none}
h1,h2,h3,h4,h5,h6 { font-weight:normal}

body { font-family:Arial, Helvetica, sans-serif;font-size: 1.5em;}

p { line-height:1.3em;margin-bottom:20px;}
p a {text-decoration:none}

h1 { font-size:32px; font-weight:bold}
h2 { font-size:28px; font-weight:bold}
h3 { font-size:25px; font-weight:bold}

/*
---------------------------------------------
02. header
---------------------------------------------
*/

#header { width:100%; float:left; padding:9px 0}
#header h1 { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.250em; color:#f5ba21; font-weight:bold; text-align:center}
#header h1 a { width:100%; float:left; text-decoration:none; text-align:center; padding:12px 0 14px 0}
#header p { text-align:center; padding-bottom:3px}
#header p.socialmedia a { padding-bottom:3px}
#header .logo { width:100%; padding:0px 0 0px 0; text-align:center}

/*
---------------------------------------------
03. wrapper and content
---------------------------------------------
*/

#wrapper { width:100%; float:left; padding:0px 0 20px 0}

/*Background and text color of click to call bar*/ .buttonclick a { color:#FFFFFF}
/*Text shadow in click to call bar*/ .buttonclick { text-shadow:0 0px 0 #000000}
.buttonclick { width:100%; float:right; font-family:Arial, Helvetica, sans-serif; font-size:26px; padding:16px 0 22px 0%}


.buttonclick ul li.menu-item-29 a{
background: url('images/home-image.png') no-repeat 8px 24px ;
}

.buttonclick ul li.menu-item-30 a{
background: url('images/contact.png') no-repeat 8px 14px ;
text-indent: 6px;
}

.buttonclick ul li.menu-item-31 a{
background: url('images/timetable.png') no-repeat 8px 50% ;
text-indent: -8px;
}
.buttonclick ul li.menu-item-31 {
margin:0;
}

.buttonclick ul li{
background:url('images/menu-bg.png') 0 0 repeat-x;
float:left;
list-style:none;
margin: 0 18px 0 0;
border-radius:5px;
}
.buttonclick ul li a{
color:#666038;
font-size:26px;
height:78px;
line-height:78px;
text-decoration:none;
padding:0 18px 0 50px;
float:left; 
text-shadow: 1px 1px 1px #FFFFFF;
}
.buttonclick ul li a:hover{
color: #000000;
}
#content a {
color:#B0AA86;
}
#content a:hover {
color:#ffffff;
}


#content { width:100%; float:left; -webkit-border-radius:1.250em; -moz-border-radius:1.250em; border-radius:8px; position:relative; margin: 0;}

/*
---------------------------------------------
04. nav
---------------------------------------------
*/

#nav { width:100%; float:left}
#nav ul { width:100%; float:left}
#nav ul li { padding-right:20px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#a43007;}
#nav ul li a { display:block; text-decoration:none; padding:12px 0 12px 20px; text-shadow: 1px 1px 1px #000000;}
#nav ul li:first-child {
background:none;
 border-top:none}

/*
---------------------------------------------
05. footer
---------------------------------------------
*/

#footer { width:100%; float:left; padding:15px 0 4px 0;font-size:26px !important}
#footer p { font-size:26px; line-height:1.2em; text-align:center; padding-bottom:0px}
#footer p span { font-weight:bold}
#footer p.socialmedia { padding-bottom:5px}
#footer p.socialmedia a { padding:0 3px}
#footer p.bottomlinks { font-size:26px; padding-bottom:5px}
#footer p.bottomlinks span { padding:0 .5%}
#footer p.bottomlinks a { text-decoration:underline}

/*
---------------------------------------------
06. innerpage - header top nav
---------------------------------------------
*/

.topnav { width:100%; float:right; padding:16px 0 25px 0%}
.topnav p { width:90%; height:1.875em; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.250em; font-weight:bold; -webkit-border-radius: 1.125em; -moz-border-radius: 1.125em; border-radius: 1.125em; color:#3f0100; text-decoration:none; padding:10px 5% 0 5%; text-align:center}
.topnav p a { text-decoration:none; padding:0 .8%}

/*
---------------------------------------------
07. innerpage - content inner
---------------------------------------------
*/

#contentinner { width:99.8%; float:left; -webkit-border-radius:1.250em; -moz-border-radius:1.250em; border-radius:1.250em; padding:25px 0 25px 0}

#contentinner .content { padding:0 20px}

#contentinner h1 { padding-bottom:5px}
#contentinner h2 { padding-bottom:5px}
#contentinner h3 { padding-bottom:5px}
#contentinner p { padding-bottom:13px}
#contentinner p span { font-weight:bold}
#contentinner p a { text-decoration:underline}

#contentinner ol{ width:100%; float:left; padding:5px 0 15px 20px}
#contentinner ol li{ width:100%; float:left; font-size:0.875em; line-height:1.4em; list-style:decimal; padding-bottom:2px}
#contentinner ol li a{text-decoration:underline}

#contentinner ul{ width:100%; float:left; padding:5px 0 15px 0px}
#contentinner ul li{ width:100%; float:left; font-size:0.875em; line-height:1.4em; background:url(images/border.gif) no-repeat 0 7px; padding:0 0 2px 8px}
#contentinner ul li a{text-decoration:underline}

#contentinner .services { width:100%; float:left; padding-bottom:15px}
#contentinner .services h3 { border-bottom:1px solid #7d7d7d; padding:20px 0 10px 0}
#contentinner .services ul { width:100%; float:left; padding:10px 0 20px 0}
#contentinner .services ul li { width:100%; float:left; font-size:0.814em; line-height:1.4em; background:none; padding:0 0 8px 0}
#contentinner .services ul li span { width:49%; float:left}
#contentinner .services ul li .right { width:50%; text-align:right; font-weight:normal}

#contentinner .items { width:100%; float:left; padding-bottom:30px}
#contentinner .items ul { width:100%; float:left; border-bottom:1px solid #7d7d7d; padding:0}
#contentinner .items ul li { width:100%; float:left; font-size:1.000em; color:#000000; font-weight:bold; border-top:1px solid #7d7d7d; background:none; padding:0}
#contentinner .items ul li a { width:100%; float:left; color:#000000; text-decoration:none; background:url(images/li_arrow_item.gif) no-repeat right center; padding:20px 0}

#contentinner p.divider { border-bottom:1px solid #7D7D7D; margin-bottom:10px}

#contentinner .headline { width:100%; float:left; padding-top:10px; padding-bottom:10px}
#contentinner h1.black { color:#000000; text-align:center}
#contentinner h1.red { color:#D00000; text-align:center}
#contentinner h1.blue { color:#062E71; text-align:center}

#contentinner .centeredtext { width:100%; float:left; padding-bottom:0px}
#contentinner .centeredtext h2 { text-align:center}
#contentinner .centeredtext p { text-align:center}

#contentinner .form { width:100%; float:left; padding-top:20px; padding-bottom:20px}
#contentinner .form label { width:100%; float:left; font-size:0.875em; font-weight:bold; padding-bottom:10px}
#contentinner .form label span {color:#FF0000}
#contentinner .form .input { width:89.8%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color:#010101; border:1px solid #666666; background:#FFFFFF; padding:8px 5%; margin-bottom:15px}
#contentinner .form .dropdown { width:99.8%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color:#010101; border:1px solid #666666; background:#FFFFFF; padding:12px 5%; margin-bottom:15px}
#contentinner .form .dropdown2 { width:40%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color:#010101; border:1px solid #666666; background:#FFFFFF; padding:12px 5%; margin-bottom:15px; margin-right:25px}
#contentinner .form .textarea { width:89.8%; height:10em; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color:#010101; border:1px solid #666666; background:#FFFFFF; padding:10px 5%; margin-bottom:15px}
#contentinner .form .button{ float:left; border: 2px solid #EEEEEE; background-color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.125em; color:#FFFFFF; padding:8px 25px 8px 25px; cursor: pointer}

#contentinner .yellowbox { width:90%; float:left; background:#FAF9B2; padding:20px 5% 0 5%; margin-bottom:20px}
#contentinner .bluebox { width:90%; float:left; background:#D3E2FD; padding:20px 5% 0 5%; margin-bottom:20px}

#contentinner .photos { width:100%; float:left}
#contentinner .photos p.centered { text-align:center; font-style:italic}
#contentinner .photos p span img{border:5px solid #FFFFFF}


.icontent{
float: left;
    padding: 10px;
    width: 96%;
}

.icontent h1{
font-size: 32px;
    margin: 0 0 10px;
}
.icontent .post{
border-bottom: 2px solid #FFFFFF;
    margin: 10px 0 15px;
    padding-bottom: 15px;
}
a{
color:#ffffff;
}
body{
color:#ffffff;
}

input[type="text"]{
height:35px;
width:100%;
font-size: 1em;
}
select{
font-size: 1em;
    height: 35px;
    line-height: 48px;
    margin-right: 5px;
    width: 48%;
}
textarea{
width:100%;
font-size: 1em;
}
input[type="submit"]{
background: #760634;
padding:3px 5px;
color:#ffffff;
font-weight:bold;
font-size:20px;
border:2px solid #ffffff;
cursor: pointer;
}
input.input{
width:100%;
margin-bottom:5px;
}
.ctabel {
border-collapse: collapse;
font-size:10px;
width:100%;
}
#wrapper .callbutton {
display:block;
text-align:center;
color:#ffffff;
margin:15px 0;
padding:10px 0;
font-weight:bold;
background: #063A5D;
clear: both;
text-decoration:none;
font-size:1.2em;
border-radius:5px;
text-shadow: 1px 1px 1px #000000;
}
#wrapper .callbutton:hover{
color:#B0AA86;
}


img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
max-width: 100%; 
height: auto; 
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 12px;
}
.wp-caption {
background: #f1f1f1;
line-height: 18px;
margin-bottom: 20px;
max-width: 632px !important; 
text-align: center;
}
.wp-caption img {
margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
color: #888;
font-size: 12px;
margin: 5px;
}
.wp-smiley {
margin: 0;
}
.gallery {
margin: 0 auto 18px;
}
.gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 84%;
height: auto;
}
.gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
.gallery dl {
margin: 0;
}
.gallery img {
border: 10px solid #f1f1f1;
}
.gallery br+br {
display: none;
}
#content .attachment img {
margin: 0 auto;
}