@charset "UTF-8";

/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0;}
img { border: 0; vertical-align: middle; }
a, button, object{ text-decoration: none; outline: none; color: #534101;}
a:hover { text-decoration: none; color: #8d1111; }
ul { list-style: none; text-align: left; }
fieldset { border: 0; }
input, .text, table, td, th, select, option, textarea, label {font: 14px "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, Arial, Helvetica, sans-serif; color: #5e1f00;}
label, table, input, textarea, select, option { font: 14px "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, Arial, Helvetica, sans-serif; color: #5e1f00; }
input.text { padding: 3px 5px; border: 1px solid #5e1f00; color: #5e1f00; width: 280px;}	
textarea { padding: 2px 0 2px 5px; border: 1px solid #5e1f00; color: #5e1f00; width: 420px; overflow: auto;}
form p { margin: 5px 0;}
form label { display: block; margin: 0 0 5px;}
form .submit { float: left; cursor: pointer;}

/*Fonts

------------------------------------------------------------------------- */
p { font-size: 16px; line-height: 20px; font-weight: normal; margin: 0 0 12px; color: #5e1f00;}  
p a { text-decoration: none; color: #534101; font-weight: normal; }
p a:hover { text-decoration: none; color: #8d1111;}
h1 { font-size: 28px; line-height: 30px; font-weight: bold; margin: 0 0 10px; color: #5e1f00;}  
h1 a { color: #5e1f00;}  
h1 a:hover { text-decoration: none; color: #95e31d; }
h2 { font-size: 44px; line-height: 44px; font-weight: bold; margin: 10px 0; color: #8d1111;} 
h2 a { color: #8d1111;}   
h3 { font-size: 14px; line-height: 17px; font-weight: bold; margin: 0 0 3px; color: #9c0032;}  
h3 a { text-decoration: none; color: #9c0032;}  
h3 a:hover { text-decoration: none; color: #534101;}
h4 { font-size: 16px; line-height: 20px; font-weight: bold; margin: 10px 0; color: #9c0032;}
h4 a { color: #9c0032;}  
ul, ol { font-size: 16px; line-height: 20px; font-weight: normal; margin: 0 0 10px 10px; color: #5e1f00;}  
li { font-size: 16px; line-height: 20px; font-weight: normal; margin: 0 0 0 10px; color: #5e1f00;}  
small { font-size: 12px; line-height: 10px; font-weight: normal; margin: 0; color: #5e1f00;} 
	  
/*Layout

------------------------------------------------------------------------- */
body { background: url(../images/bg.jpg) 50% 0 repeat; font: 16px "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, Arial, Helvetica, sans-serif; color: #5e1f00; margin: 0; padding: 0;}

#top, #content , #footer{ width: 100%; margin: 0 auto; clear: both;}
.inner { width: 960px; margin: 0 auto; clear: both; overflow: hidden;}

/* Top

------------------------------------------------------------------------- */
#top { background: url(../images/bgt.jpg) 50% 0 repeat-x;}
#top .inner { background: url(../images/bgt.png) 0 100% no-repeat; padding: 50px 0 0;}
h1 { text-align: right; margin: 20px 0 -10px;}

#menu { float: left; margin: 0; padding: 0; width: 590px;}
#menu li { float: left; margin: 0; padding: 0 5px 2px; border-left: 1px solid #faf5e8; line-height: 15px;}
#menu li a { float: left; margin: 0; padding: 0; font-size: 14px; color: #faf5e8; line-height: 15px; text-transform: lowercase;}
#menu li a:hover, #menu li.current_page_item a { text-decoration: none; color: #dcc8c6;}

/* Content

------------------------------------------------------------------------- */
#content { overflow: hidden; background: url(../images/bgc.jpg) 0 0 repeat; }
#content .inner {padding: 0 0 100px; }

a.more { font-weight: normal; color: #fff; margin: 0 auto; display: block; width: 52px; height: 12px; line-height: 12px; text-align: center; background: url(../images/more.gif) 0 0 no-repeat;}
a.more:hover {text-decoration: none; color: #8d1111;}

.content { float: left; width: 680px; display: inline; margin: 0;}
.sidebar { float: right; width: 280px; display: inline; margin: 0;}

.ctop, .cbot, .stop, .sbot { float: left; width: 100%; height: 24px; overflow: hidden; background: 0 0 no-repeat;}
.ctop { background-image: url(../images/ctop.png);}
.cbot { background-image: url(../images/cbot.png);}
.stop { background-image: url(../images/stop.png);}
.sbot { background-image: url(../images/sbot.png);}
.cbox, .sbox { float: left; width: 100%; overflow: hidden; background: 0 0 repeat-y;}
.cbox { background-image: url(../images/cbg.png);}
.sbox { background-image: url(../images/sbg.png);}

.post { margin: 0 0 20px; padding: 0 30px;}
.post h2 { float: left; margin: 30px 0 20px; max-width: 480px; padding-left: 20px;}
.post .entry li { list-style: outside disc; }
.post .entry .atachements li { list-style: none; margin: 15px 0 0; overflow: hidden;}
.post .entry .atachements li .fl { margin-right: 15px;}
.post_list .post { padding: 0 30px 30px;}
.post_list .post h2 { font-size: 44px;}
.post_list .more { float: right; font-size: 12px;}

.featured { font-size: 12px; padding: 0 9px 5px; margin: 12px 0 -1px; background: url(../images/br.gif) 50% 100% no-repeat; overflow: hidden;}
.featured p { font-size: 12px; line-height: 15px; height: 45px; overflow: hidden;}
.featured h3 {height: 17px; overflow: hidden;}
.featured-active .thumb img { border-color: #8d1111;}
.featured-active h3 a { text-decoration: none; color: #534101;}
.featured-active p a { text-decoration: none; color: #8d1111;}


.thumbs { float: right; margin: 10px 0 0;}
.thumbs li { float: left; margin: 4px; width: 102px; height: 82px;}
.thumbs li img { float: left; margin: 0; width: 90px; height: 70px; padding: 1px; background: #fff; border: 5px solid #dcc8c6; }

.thumb { float: left; margin: 3px 24px 0 0; width: 57px; height: 59px;}
.thumb:hover { text-decoration: none;}
.thumb:hover img { border-color: #8d1111;}
.thumb img { float: left; margin: 0; width: 54px; height: 56px; padding: 1px; background: #fff; border: 2px solid #dcc8c6; padding-left: 0; border-left: 0; }

.alignright { float: right; margin: 10px 0 0 10px; text-align: right;}
.alignleft { float: left; margin: 10px 10px 0 0; text-align: left;}
.navigation { padding: 0 20px;}

#home { background: url(../images/pen.png) 50% 100% no-repeat; overflow: visible; }
#home .content {width: 960px;}
#home h1 { text-align: center;}
#home .featured { float: left; width: 270px; margin: 50px 0 0; padding: 0 25px; background: none; text-align: center; overflow: visible;}
#home .featured h3 { font-size: 15px; height: 19px;}
#home .featured p { font-size: 13px; font-weight: bold; line-height: 20px; height: 60px;}
#home .thumb { float: none; display: block; margin: 0 auto 20px; width: 140px; height: 93px; padding: 0 33px; overflow: hidden; background: url(../images/bgf.gif) 50% 100% no-repeat;}
#home .thumb img { float: left; margin: 0; width: 127px; height: 81px; padding: 1px; background: #fff; border: 5px solid #dcc8c6; }
#home .thumb:hover img { border-color: #8d1111;}
#home .featured:first-child { text-align: right;}
#home .featured:first-child .thumb { float: right; margin-right: -35px;}
#home .featured:first-child .more { float: right;}
#home .featured:last-child { text-align: left;}
#home .featured:last-child .thumb { float: left; margin-left: -35px;}
#home .featured:last-child .more { float: left;}

.thickbox img { width: 100px; height: 75px;}

/* Footer 

------------------------------------------------------------------------- */
#footer { background: url(../images/bgt.jpg) 50% 0 repeat-x; overflow: hidden; padding: 10px 0 120px; line-height: 17px; font-size: 9px; font-family: Arial; color: #f6eacf; text-align: center;}
#footer a { color: #f6eacf; font-size: 9px;}
#footer p { color: #f6eacf; font-size: 9px;}

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.hide { display: none; }