/*
Theme Name: Arundel
Theme URI: http://www.Mid3pixel.com/
Description: Designed by Mid3pixel.
This work is licensed Creative Commons Attribution-Share Alike 3.0 License. This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.
Version: 1
Author: Mid3pixel
Author URI: http://www.Mid3pixel.com/
*/
body { background:#FFF; font:12px Arial, Helvetica, sans-serif; padding:0; margin:0; color:#101010;}
html { padding:0; margin:0;}
a {text-decoration:none; color:#292929; border:0;}
a:hover {text-decoration:underline; color:#292929; border:0;}
a:focus {outline:none;}
.clr { clear:both;}
h1, h2, h3, h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
img { padding:0; margin:0; border:none; text-align:center;}
hr1 { border-left:0 solid #000000; border-right:0 solid #000000; border-top:0 dotted #000000; border-bottom:1px solid #000000; height :1px;}
hr { border-left:0 solid #7f262e; border-right:0 solid #7f262e; border-top:0 dotted #7f262e; border-bottom:1px solid #7f262e; height :1px;}
td { padding:0; margin:0;}
tr { padding:0; margin:0;}
form { padding:0; margin:0;}
input { font-family:'Verdana'; color:#282b31; font-size:11px;}
textarea { font-family:'Verdana'; color:#282b31; font-size:11px;}
select { font-family:'Verdana'; color:#282b31; font-size:11px;}
@font-face {
font-family: 'UbuntuLightRegular';
src: url('fonts/ubuntu-l-webfont.eot');
src: url('fonts/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/ubuntu-l-webfont.woff') format('woff'),
url('fonts/ubuntu-l-webfont.ttf') format('truetype'),
url('fonts/ubuntu-l-webfont.svg#UbuntuLightRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MyriadProBold';
src: url('fonts/myriadpro-bold_0-webfont.eot');
src: url('fonts/myriadpro-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/myriadpro-bold_0-webfont.woff') format('woff'),
url('fonts/myriadpro-bold_0-webfont.ttf') format('truetype'),
url('fonts/myriadpro-bold_0-webfont.svg#MyriadProBold') format('svg');
font-weight: normal;
font-style: normal;
}
/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#bgcontainer { width:957px; margin:0 auto; padding:0;}
/**/ * html .Header {} /* */
.Header { width:957px; margin:0 auto; padding:0; position:relative}
.Logo { float:left; width:500px; margin:0; padding:0 0 7px 10px; font-family:"UbuntuLightRegular"; font-weight:bold; font-size:11px;}
.LogoText h1 {padding:15px 0 3px 35px; margin:0;}
.Desc { background: url(images/desc.png) center center no-repeat; height:12px; width:125px; color:#000; padding:0; margin:90px 0 0 0; float:right; padding:8px 13px 10px 13px; font-family:"UbuntuLightRegular"; font-size:10px; text-transform:uppercase}
.Client { position:absolute; background: url(images/client.png) center center no-repeat; right:160px; bottom:11px; padding:11px 0px 10px 0px; font-family:"UbuntuLightRegular"; font-size:11px; text-transform:uppercase; width:101px; text-align:center; cursor:pointer}
.Client:hover { background: url(images/client1.png) center center no-repeat; text-align:center; color:#E50E13; text-decoration:none}
.Client a:hover {text-decoration:none; color:#E50E13;}
.accessleft {
background:url(images/nav-bg1.png) left top repeat-x; /* Show a solid color for older browsers */
height:83px;
}
.accessright {
background: url(images/nav-bg.png) left top no-repeat; /* Show a solid color for older browsers */
height:83px;
}
/* =Menu -------------------------------------------------------------- */
#access {
background:url(images/nav-bg1.png) left top repeat-x; /* Show a solid color for older browsers */
margin: 0 auto;
width:957px;
height:83px;
padding:0px;
}
#access ul {
font-size: 13px;
list-style: none;
margin:0px auto;
padding:0px;
}
#access li {
width: auto;
display: block;
float: left;
position: relative;
margin:0 0 0 1px;
padding:0;
background:url(images/broder-right.png) right top no-repeat;
}
#access a {
color: #FFF;
display: block;
padding:20px 13px 31px 12px;
text-decoration: none;
font-family:"UbuntuLightRegular";
font-size:11px;
}
#access ul ul {
display: none;
float: left;
margin: 0;
position: absolute;
left:2px;
width: 200px;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
padding-bottom:20px;
z-index:24999;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background:#9e0a0d;
color: #FFF;
height: auto;
line-height: 1.4em;
width: 200px;
padding:8px 10px;
margin:0px;
margin-bottom:0px;
border-bottom:1px solid #f5485b;
}
#access ul ul a:hover {
background:#e50e13;
color: #FFF;
}
#access ul ul .current_page_item > a { background:#e50e13;
color: #FFF;
}
#access li:hover > a,
#access a:focus {
background:url(images/nav-bg-hover.png) center bottom no-repeat;
}
#access li:hover > a,
#access a:focus {
background:url(images/nav-bg-hover.png) center bottom no-repeat;
color: #FFF;
}
#access ul li:hover > ul {
display: block;
}
#access .current_page_item > a,
#access .current_page_ancestor > a {
background: url(images/nav-bg-hover.png) center bottom no-repeat;
color: #FFF;
}
/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.CON { width:955px; padding:0; margin:0 auto 12px; background: #fff url(images/post_bg.gif) top repeat-x; border:1px solid #b9c7d3;}
.CON_bg { }
/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.HOMESC { width:957px; padding:0; margin:0; float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#000;}
.HOMESC p { padding:0px; margin:0px;}
/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SC { width:685px; padding:0; margin:0; float:left; font:normal 12px/22px Arial, Helvetica, sans-serif; color:#000;}
.SC p { padding:0px; margin:0px;}
/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.pagetitle { color:#000; font-family:"UbuntuLightRegular"; font-weight:bold; font-size:11px; padding:0; margin:0;}
.pagetitle1 { color:#000; font-family: "MyriadProBold"; font-weight:bold; font-size:32px; padding:0; margin:0 0 10px 0;}
.Post {padding:10px 12px; margin:10px 0 0px 0; border:0px solid #fff;}
.Post p {padding:10px 0px 5px 0px; margin:0px; line-height:20px;}
.Post li { padding:0 0 10px 0; line-height:20px;}
.PostHead { padding:0; margin:0;}
.PostHead h2 {color:#3c3c3c; font:normal 24px Arial, Helvetica, sans-serif; margin:0; padding:10px 0;}
.PostHead h2 a { color:#3c3c3c; text-decoration: none;}
.PostHead h2 a:visited { color:#3c3c3c; text-decoration:none;}
.PostHead h2 a:hover { color:#3c3c3c; text-decoration: none;}
/**/ * html .PostTime {} /**/
.PostTime {margin:0; padding:5px 5px 5px 5px; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; background:#b0d8e5;}
.PostTime strong { font:normal 11px Arial, Helvetica, sans-serif; color:#fff;}
.PostTime .day { font-size:11px; color:#fff;}
.PostTime .month { font-size:11px;}
.PostTime .year { font-size:11px;}
.PostTime a { font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline; text-transform:uppercase;}
.PostTime a:hover { color:#fff; text-decoration: none;}
.PostContent a { color:#2e2e2e; text-decoration:underline;}
.PostContent a:hover { color:#2e2e2e; text-decoration:none;}
.PostContent img { margin:0; padding:0;}
.PostContent ol { padding:10px 0 10px 25px; margin:0;}
.PostContent ol li { padding:2px 0 2px 0; font-size:12px; line-height:15px; color:#2e2e2e;}
.PostContent ul { padding:5px 0; margin:0; float:left; width:45%;}
.PostContent ul li { padding:2px 0 2px 15px; list-style-type:none; font-size:11px; line-height:15px; color:#2e2e2e;}
.PostContent blockquote { padding:10px; margin:0; color:#2e2e2e; background:#000;}
.PostContent blockquote p { font-size:12px; padding:0; margin:0; line-height:15px;}
.PostContent blockquote li { padding:2px 0 2px 15px; list-style-type:none; font-size:12px; line-height:15px;}
.PostContent blockquote a { color:#2e2e2e;}
.PostContent blockquote a:visited { color:#2e2e2e;}
.PostContent blockquote a:hover { color:#2e2e2e; text-decoration:underline;}
.PostContent strong { color:#2e2e2e; font:normal 12px Arial, Helvetica, sans-serif; text-transform:uppercase;}
/**/ * html .PostContent p img {} /* */
.PostContent p img { max-width:350px;}
.PostContent img { margin:0 10px 10px 0; float:left; background:#0d0e09; padding:3px; border:1px solid #a3a3a3;}
.PostCom { height:34px; padding:0; margin:0; font:normal 11px Arial, Helvetica, sans-serif; color:#2e2e2e; background:url(images/com_bg.gif) top repeat-x;}
.PostCom ul { padding:10px 0 0 5px; margin:0;}
.PostCom li { margin:5px 5px; padding:0; list-style-type: none; font:normal 11px Arial, Helvetica, sans-serif; color:#2e2e2e; display: inline;}
.PostCom li a {font-weight:normal; text-decoration:none; color:#2e2e2e;}
.PostCom li a:hover { font-weight:normal; text-decoration: underline; color:#2e2e2e;}
.PostCom .Com {}
.PostCom .Tags { padding-left:10px;}
/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.Note { padding:0; margin:0;}
.Note li { padding:3px 0 3px 15px; margin:0; list-style-type:none; font-size:12px;}
/* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.TrackList { background:#848484; padding:15px; margin-top:20px; position:relative;}
.TrackListTop { background:#848484; position:absolute; top:0; left:0; width:455px; height:10px;}
.TrackList h3 { font-size:14px; font-weight:bold; margin:0 0 5px 0; padding:0 0 5px 0; color:#333366; letter-spacing:-1px; border-bottom:dashed 1px #beb4c1;}
.TrackList ul { padding:0; margin:0;}
.TrackList li { padding:0 0 0 10px; margin:0; list-style-type:none; font-size:11px;}
.TrackList li a { color:#cc3366;}
/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Nav { font-size:11px; padding:10px 0; color:#848484; font-family:'Verdana';}
.Nav a { padding:1px 6px 1px 4px; border-right:solid 1px #666; font-size:11px;}
.Nav a:visited { padding:1px 6px 1px 4px; border-right:solid 1px #666;}
.Nav a:hover { padding:1px 6px 1px 4px; border-right:solid 1px #666; text-decoration:none;}
.Nav span { padding:1px 6px 1px 4px; color:#666; border-right:solid 1px #666;}
.Nav .on { padding:1px 6px 1px 4px; border-right:solid 1px #666; font-size:11px; color:#003366;}
/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Comments { margin:20px 0 0 0; position:relative;}
.Comments h3 { font-size:16px; letter-spacing:-1px; margin:0 0 5px 0; padding:10px 0; color:#848484; border-bottom:solid 2px #660000;}
/* Comments List ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.List ol { padding:0; margin:0;}
.List li { position:relative; padding:5px 0; margin:10px 0; list-style-type:none;}
/**/ * html .List .LGrav { right:30px;} /* */
.List .LGrav { position:absolute; right:0; top:10px;}
.List .LGrav img { border:solid 1px #ccc; padding:2px; background:#fff;}
.List .LUsr { margin:0; padding:0; font-size:11px; line-height:12px; color:#999;}
.List .LUsr a { color:#999; text-decoration:none;}
.List .LUsr strong { font:bold 16px "Trebuchet MS", sans-serif; letter-spacing:-1px; color:#666;}
.List .LUsr strong a { color:#cc0000; text-decoration:none;}
.List .LCon { margin:10px 0 0 0 ; padding:0; font-size:12px; line-height:16px; border-top:solid 1px #ccc;}
.List .LCon p { margin:0; padding:5px 0 ; font-size:12px; line-height:16px;}
.List .Author { background:#fff;}
/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Form .Email {}
.Form { padding:0 0 10px 0 ; position:relative; margin:0; font-family:'Verdana';}
.Form form { margin:0; padding:0;}
.Form a { text-decoration:underline;}
.Form p { padding:0 0 2px 0 ; margin:0; color:#666;}
.Form p small strong { font-weight:bold; color:#FF3300;}
.Form p small { font-size:11px; display:block; padding:6px 0 ; color:#000;}
.Form .TextField { color:#003366; background:#e9f8ff; border:solid 1px #d5e7f0; padding:6px 6px 6px 30px; font-size:12px; display:block;}
.Form .TextArea { color:#003366; background:#e9f8ff; border:solid 1px #d5e7f0; padding:6px; font-size:12px;}
.Form input.SubmitComment { width:57px; height:29px; background:url(images/SubmitComment.png) no-repeat; margin-top:4px;}
.Form input.SubmitComment:hover { margin-top:4px;}
.Form input.SubmitCommentIE { width:57px; height:29px; background:url(images/SubmitComment.png) no-repeat 0 -29px; margin-top:4px;}
/* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR { width:250px; float:right; border:1px solid #b9c7d3; -webkit-border-radius:5px -moz-border-radius:5px;border-radius:5px; padding:2px 0px; margin:40px 10px 10px 0;}
.SR h2 { padding:0; margin:0; font:bold 14px Arial, Helvetica, sans-serif; color:#888888;}
/* Side Right Navig +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SRN { width:344px; margin:5px auto; padding:0;}
.SRN ul { padding:5px; margin:0; list-style:inside;}
.SRN li {padding: 5px 0 5px 20px; font:normal 12px Arial, Helvetica, sans-serif; color: #4d4d4d; }
.SRN a { font:normal 12px Arial, Helvetica, sans-serif; color: #4d4d4d;}
.SRN a:hover { text-decoration:underline;}
/* Flickrrss ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.widget { width:244px; margin:5px auto; padding:0;}
.widget ul { margin:7px 0; padding:0px; text-align:left;}
.widget li { margin:0; padding:0; list-style-type:none; display:inline;}
.widget li a { padding:0; margin:0;}
.widget li a:hover { padding:0;}
/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.FBG {}
.Footer { padding:0px 0 40px 0; text-align:right; }
.Footer p { color:#121212; padding:0; margin:0; font-family: Arial, Helvetica, sans-serif; font-size:11px;}
.Footer a { color:#121212; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:10px;}
.Footer a:hover { color:#e50e13;}
/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Menu { padding:0; margin:25px 50px 0 0;height:57px; width:400px; float:right;}
.Menu ul { list-style:none; margin:0; padding:15px 0; text-align:right;}
.Menu ul li { padding:0; margin:0; display:inline; line-height:16px;}
.Menu ul li a { padding:5px 15px; margin:0; background:none; font:normal 14px Arial, Helvetica, sans-serif; color:#000000;}
.Menu ul li a:hover { color:#ffffff; text-decoration:none; background:url(images/menu_hover.gif); border:1px solid #966057; padding:4px 14px;}
/*Header Navigation +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.navileft{ width:96px; margin:0px; color:#525150; bottom:0; float:left;}
a.facebook {display:block; width:16px; margin-right:9px; height:16px; float:left; text-decoration:none; background:url(images/icon.png) ;}
a.facebook:hover {background-position: 0 -16px; outline:none;}
a.teitter {display: block; width:16px; margin-right:9px; float:left; height:16px; text-decoration: none;background:url(images/icon.png) no-repeat -25px 0;}
a.teitter:hover { background-position: -25px -16px; outline:none;}
a.in {display: block; width:16px; margin-right:9px; float:left; height:16px; text-decoration:none; background:url(images/icon.png)no-repeat -50px 0;}
a.in:hover {background-position: -50px -16px; outline:none;}
.displace {position:absolute; left:-5000px;}
#accordion {
list-style: none;
margin: 0;
padding: 0;
height: 90px;
overflow: hidden;}
#accordion li {
float: left;
display: block;
height: 90px;
width: 106px;
padding:0px;
overflow: hidden;
color: #fff;
text-decoration: none;
font-size: 16px;
line-height: 1.5em;
border-left:0px solid #fff;
margin-right:1px;
background:url(images/blue-bg.png) no-repeat}
#accordion a {}
#accordion li.active {
width: 500px;
background:url(images/blue-bg-hover.png) no-repeat;
cursor:pointer
}
#accordion li strong { float:left; font-weight:bold; font-size:11px; padding:5px; color:#FFF; height:90px; width:95px;line-height:16px;}
#accordion li ul { float:right; width:340px; color:#000000; margin:0px; padding:0px; font-size:10px;}
.textleft {float:left; width:170px; color:#000000; margin:5px 10px 0 0; padding:0 0 0 10px; font-size:10px; background:url(images/arrow.png) left center no-repeat; line-height:17px;}
.textleft a {color:#000000; text-decoration:none}
.textleft a:hover {color:#FF0000; text-decoration:none}
/*------------------ extra ----------------------------*/
.blackbold2{
font-family: "Century Gothic", Arial, Verdana;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color:#272727;
text-decoration: none;
}
.white_border {
background-color: #FFFDFD;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #cdd8e0;
border-bottom-color: #cdd8e0;
border-left-color: #cdd8e0;
text-decoration: none;
}
.white_border3 {
background-color: #FFFDFD;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #cdd8e0;
border-left-color: #cdd8e0;
text-decoration: none;
}
.white_border2 {
text-decoration: none;
background-color: #FFFDFD;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cdd8e0;
padding-top: 6px;
font:normal 11px "Century Gothic", Arial, Verdana; color:#3399FF;
}
.white_border7 {
text-decoration: none;
background-color: #FFFDFD;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cdd8e0;
padding-top: 6px;
font:normal 11px "Century Gothic", Arial, Verdana; color:#3399FF;
}
.blackbold{
font-family: "UbuntuLightRegular";
font-size: 11px;
font-weight: bold;
color: #323232;
text-decoration: none;
}
#test1 {text-decoration:none;}
#test2 {text-decoration:none;}
#test3 {text-decoration:none;}
#test7 {text-decoration:none;}
.sky{
font-family: "UbuntuLightRegular";
font-size: 11px;
font-weight: bold;
color: #323232;
text-decoration: none;
}
.lefth {
font-family: "UbuntuLightRegular";
font-size: 11px;
font-weight: bold;
color: #323232;
text-decoration: none;
background:#FFF url(images/tab-select.png) left bottom repeat-x;
text-align: center;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #cdd8e0;
border-right-color: #cdd8e0;
border-left-color: #cdd8e0;
padding-top: 0px;
text-decoration: none;
}
.green {
font-family: "Century Gothic", Arial, Verdana;
font-size: 12px;
text-transform: none;
color: #E36703;
text-decoration: none;
font-weight:bold;
text-decoration: none;
}
a:hover.green {
font-family: "Century Gothic", Arial, Verdana;
font-size: 12px;
text-transform: none;
color: #122768;
text-decoration: none;
}
.greenbold {
font-family: "Century Gothic", Arial, Verdana;
font-size: 14px;
line-height:19px;
font-weight:bold;
text-transform: none;
color: #000;
text-decoration: none;
}
.green2 {
font-family: "Century Gothic", Arial, Verdana;
font-size: 12px;
font-weight:bold;
text-transform: none;
color: #7C9113;
text-decoration: none;
}
#news { background:#FFF url(images/tab-bg.png) left top repeat-x; padding:7px; min-height:90px;}
#story { background:#FFF url(images/tab-bg.png) left top repeat-x; padding:7px; min-height:105px;}
#contest { background:#FFF url(images/tab-bg.png) left top repeat-x; padding:7px; min-height:105px;}
.grey {
font-family: "UbuntuLightRegular";
font-size: 11px;
text-transform: none;
color: #000;
text-decoration: none;
line-height:20px;
padding:7px;
}
a:hover.grey_small {
font-family: "Century Gothic", Arial, Verdana;
font-size: 10px;
text-transform: none;
color: #353535;
text-decoration: none;
}
.yyy { font-family: Arial, Helvetica, sans-serif; font-size:13px; text-transform: none; color:#FFF; padding:0px; margin:0px;}
.xxx { font-family: "UbuntuLightRegular"; font-weight:bold; font-size:32px; text-transform: none; color:#FFF; padding:5px 0 0 0; margin:0px;}
.wpcf7-email { background:#000000; padding:0px; margin:0px; border:1px solid #CC0000; }