/*
Theme Name: Coffee
Theme URI: http://www.patricksy.com
Description: Coffee-colored WP theme using gradients of brown and black, widget-ready sidebar and footer on a fixed width 2-column/3-column spread, with built-in contact form (optional and can be removed via widgets) and ajax-integrated drop-down page submenus.
Author: Patrick Sy
Author URI: http://www.patricksy.com/
Version: 1.0.1
Tags: brown, black, fixed-width, two-columns, three-columns
*/


* { margin:0; padding:0; font-family:"Trebuchet MS", Arial, sans-serif; color:#000;}
li { list-style:none;}
img { border:none;}
a { text-decoration:none; cursor:pointer; color:#000;}
a:hover, a:focus { color:#001d00;}
:focus { outline:0;}
h1,h2,h3,h4,h5,h6 { font-style:italic; color:#31281e;}
h1 { font-size:32px; font-weight:normal;}
h2 { font-size:25px;}
h3 { font-size:20px; font-style:normal; font-weight:normal;}
h4,h5,h6 { font-size:15px;}
p,strong,li,label { font-size:12px; color:#1a130b;}
strong { font-size:110%;}
p { line-height:18px; margin-bottom:12px;}
.clear { clear:both; height:0; font-size:1px; line-height:0px;}
.hidden { display:none;}
.left { float:left; text-align:left;}
.right { float:right; text-align:right;}
li ul { margin-left:8px;}
code { background:#71685d; color:#a99f94; border:1px solid #3b3226; padding:10px 15px 0 15px; margin:10px 10px 5px 15px;}
blockquote { color:#3c493c; font-style:italic; background:url(images/code.gif) no-repeat top left; display:block; margin:15px 10px 15px 10px; padding:10px 20px 20px 40px; min-height:35px !important; border-bottom:1px dashed #4f5b4f;}

body { background:url(images/bg.png) repeat-x #e1d6c9; text-align:center; }
.wrapper { margin:0 auto; text-align:left; width:980px;}


/*** header ***/
#headWrapper { background:url(images/headWrap.png) top no-repeat;}
#header { margin:0 auto; height:460px;}
#header .wrapper { position:relative;}
#logo { color:#fff; background:url(images/logo.png) no-repeat; text-indent:-4000px; width:304px; height:28px;}
#logo a { display:block;}
#tagLine { background:url(images/tagLine.png) no-repeat; text-indent:-4000px; width:304px; height:21px;}

#headline { padding-top:22px;}
.scroller { float:left; width:25px;}
.scroller a { display:block; width:25px; height:277px; position:absolute; top:112px;}
#scrollLeft { background:url(images/scrollLeft.png) 0 0 no-repeat; left:0;}
#scrollLeft:hover { background-position:-25px 0;}
#scrollRight { background:url(images/scrollRight.png) 0 0 no-repeat; right:0;}
#scrollRight:hover { background-position:-25px 0;}

.headline #headMask { position:absolute; top:112px; left:25px; height:277px; width:930px; overflow:hidden; margin:0 auto}
.headline ul li { float:left; height:277px; width:930px;}
.headline ul li a:hover { text-decoration:none; cursor:pointer;}

.headImg { float:left; background:url(images/headImgBlank.png) no-repeat; width:587px; height:277px; margin:0 20px 0 10px;}
.headImg img { border:1px solid #251c12; margin-top:10px;}
.headTxt { float:left; width:293px;}
.panel h2 { color:#fff; font-style:normal; font-weight:normal; font-size:28px; margin:12px 0 8px 0;}
.panel p { color:#e7dacb;}
.moreBtn { background:url(images/moreBtn.png) no-repeat; float:right; width:103px; height:32px; display:block; text-transform:uppercase; color:#c2c2c2; font-size:12px; font-weight:bold; padding-top:8px; text-align:center;}
.moreBtn:hover, .moreBtn:focus { color:#fff;}

#nv { position:absolute; width:100%; height:12px; top:101px; right:42px; /*left:42px;*/}
#nv a { display:block; float:right; overflow:hidden; width:12px; height:12px; margin:0 2px; background:url(images/scrollTab.png) 0 0 no-repeat; text-indent:-5000px;}
#nv a.selected  { background-position:0 -12px;}


/*** body ***/
#mBodyWrapper { background:url(images/mBodyWrap.png) top no-repeat; height:100%;}
#mBodyHead { height:250px;}

#mBody { background:url(images/mBodyLoop.png) top repeat-y;}
#mBody .wrapper { padding:26px 0 0 0;}
.mainPage, .sideBar { margin-top:-250px;}

.mainPage { float:left; width:598px; padding:0 22px 0 20px;}
.mainPage .crumbs { color:#8c8276; font-style:italic; font-size:11px; line-height:11px; margin-bottom:4px;}
.crumbs a { color:#8c8276;}
.crumbs a:hover { text-decoration:underline;}
.mainPage .timeStamp { width:45%; display:block; color:#1a130b; font-size:12px; margin-top:4px;}
.mainPage h2 a {}
.mainPage h2 a:hover { color:#8c8276;}
.timeStamp a { color:#776e64;}
.timeStamp a:hover { color:#4e4943; text-decoration:underline;}
.mainPage .content { margin:18px 0; min-height:120px;}
.mainPage .content ol li { list-style:decimal inside;}
.mainPage .content ul li { list-style:circle inside;}
.mainPage .content ol li, .mainPage .content ul li { margin-bottom:12px;}
.mainPage .content ol, .content ul { margin:12px 0;}
.mainPage .content li { padding-bottom:6px;}
.mainPage .content ul li ul li, .content ol li ol li, .content ul li ol li, .content ol li ul li { padding-left:20px;}
.mainPage .content h1, .mainPage .content h2, .mainPage .content h3, .mainPage .content h4, .mainPage .content h5, .mainPage .content h6 { margin-bottom:12px;}
.mainPage .content h2 { font-size:27px;}
.mainPage .content h3 { font-size:22px;}
.mainPage .content h4, .mainPage .content h5, .mainPage .content h6 { font-size:17px;}
.mainPage .content p, .mainPage .content strong, .mainPage .content li { font-size:14px;}
.mainPage .content a { text-decoration:underline; font-size:14px;}
.mainPage .content a:hover { text-decoration:none;}
.mainPage .more { background:url(images/moreBg.png) repeat-x; height:14px; margin-bottom:35px;}
.mainPage .comments { padding-top:8px;}
.comments a { font-style:italic; color:#31281e; font-size:12px;}
.comments a:hover { text-decoration:underline;}
.more a.button { background:url(images/more_button.gif) 0 0 no-repeat; display:block; width:40px; height:14px; float:right; overflow:hidden;}
.more a.button:hover { background-position:0 -14px;}
.more a.top { background:url(images/top_button.gif) 0 0 no-repeat;}
.mainPage .pageNav {}
.pageBtn a { width:73px; height:22px; overflow:hidden; display:block; background:url(images/pageBtn.png) 0 0 no-repeat; color:#a99f94; font-size:12px; text-align:center; padding-top:3px;}
.pageBtn a:hover { background-position:0 -25px; color:#efe3d6; font-weight:bold;}


/*** index ***/
.mainPage .spaceLeft { margin-left:24px;}
.mainPage .prevTheme { width:285px; float:left;}
.mainPage .prevTheme img { background:#aba399; border:1px solid #a0988f; padding:9px; max-width:265px; margin:0 0 21px 0;}
.mainPage .sendQuote { background:url(images/quoteBg1.png) repeat-x; height:37px; border:1px solid #a1988e; margin-top:15px;}
.mainPage .sendQuote div { color:#070706; font-size:13px; padding:9px 0 0 24px; font-style:italic;}
.mainPage .sendQuote .quoteBg { background:url(images/quoteBg.png) no-repeat; float:right; width:160px; height:28px; padding-left:65px; margin-top:-27px; position:relative;}
.mainPage .sendQuote .quoteBg img { position:absolute; width:35px; height:43px; right:36px; top:-10px;}
.mainPage .sendQuote .quoteBg a { color:#595142; text-decoration:none;}
.mainPage .sendQuote .quoteBg a:hover { color:#000;}


/*** sidebar ***/
.sideBar { float:left; width:296px; padding:0 22px;}
.sideBar h3 { display:block; border-bottom:1px solid #e4dcd4; padding-bottom:8px;}
.boxWrap { border-bottom:1px solid #a1998e; float:left; width:100%; margin-bottom:45px;}
.box { border-top:1px solid #a1998e; border-bottom:1px solid #e4dcd4; float:left; width:100%; position:relative; padding:5px 0; }
.box a.wrap { display:block; width:100%; height:100%; position:absolute; top:0; left:0; text-indent:-5000px;}
.boxRoll:hover { background:#c9beb1;}
.box h4, .box h4 a, .box h4 a:hover { color:#6e655b; padding-top:10px;}
/*.box a.wrap h4 { color:#6e655b;}*/
.box:hover h4 { text-decoration:underline;}
.box img { padding:5px; background:#fff; border:1px solid #978f85; float:left; margin-right:15px; width:60px;}
.box p, .box p a, .box p a:hover { margin:0; color:#6e655b; font-style:italic;}
.box li a { color:#6e655b; display:block; padding:2px 1px 2px 12px; background:url(images/arrow_bullet.gif) 0 -10px no-repeat;}
.box li a:hover { color:#31281e; text-decoration:underline; background-position:0 8px;}

#mBodyFoot { background:url(images/mBodyFoot.png) top no-repeat; height:250px;}
#mBodyFoot .wrapper { margin-top:-210px;}

/*** 3 column ***/
.bar3Col { float:left; width:138px;}
.barLeft { margin-right:20px;}

.box li.recentcomments a { background:none;}
.textwidget { font-size:12px;}

/*** footer ***/
#footWrapper { background:url(images/footWrap.jpg) top no-repeat #000;}
#footWrapper .wrapper { padding:45px 0;}
.footBar { float:left; color:#ebebeb; padding-left:20px;}
.first { width:284px;}
.second, .third{ width:148px;}
.fourth { width:300px;}
#footWrapper h3 { color:#ebebeb; border-bottom:1px solid #393939; padding-bottom:25px;}
#footWrapper li { border-bottom:1px solid #393939;}
#footWrapper li a { color:#e0e0e0; display:block; padding:6px 1px;}
#footWrapper li a:hover { background:#121212; color:#fff;}
#footWrapper p  { color:#e0e0e0; padding:6px 1px;}
#footer { background:#000; border-top:1px solid #303030; height:38px;}
.copy { color:#2e2e2e; margin:9px 0 0 20px;}
.copy a { color:#3b3b3b;}
.copy a:hover { color:#555555;}


/*** search form ***/
#searchForm form { background:url(images/form.png) no-repeat; height:32px; margin-bottom:35px;}
#searchForm input { font-size:12px; font-weight:bold; float:left; border:none;}
#searchForm input.text { width:220px; height:25px; border:none; background:url(images/search.png) repeat-x; color:#e7dacb; padding:7px 7px 0 3px; margin-left:20px;}
#searchForm input.submit { width:45px; height:32px; border:none; background:url(images/searchBtn.jpg) 0 0 no-repeat; text-indent:-5000px;}
#searchForm input.submit:hover { border:none; background-position:0 -32px; cursor:pointer;}


/*** email form ***/
.footBar #emailForm {}
#emailForm label { color:#e0e0e0; text-transform:uppercase; margin-left:10px; font-weight:bold; font-size:10px;}
#emailForm input.text { background:url(images/mailInput.png) 0 -27px no-repeat; width:204px; height:22px; padding:5px 10px 0 10px;}
#emailForm input.text:hover, #emailForm input.text:focus { background-position:0 0;}
#emailForm textarea.textarea { background:url(images/mailTextarea.png) 0 0 no-repeat; width:282px; height:93px; padding:6px 10px;}
#emailForm textarea.textarea:hover, #emailForm textarea.textarea:focus { background-position:0 -105px;}
#emailForm input.submit { background:url(images/mailSubmit.png) 0 -28px no-repeat; width:114px; height:28px; cursor:pointer; color:#e0e0e0;}
#emailForm input.submit:hover, #emailForm input.submit:focus { background-position:0 0; color:#fff;}
#emailForm input, #emailForm  textarea { overflow:hidden; border:none; color:#e0e0e0; margin-top:12px; font-size:12px;}

#emailForm .formError { color:#fff; margin-left:12px;}
#emailForm ol.forms li { border:none;}


/*** contact form ***/
.contactForm7 { padding:25px; background:#dacfc1; border:1px solid #e4dcd4;}
.contactForm7 input, .contactForm7 textarea, .contactForm7 select { width:92%; padding:6px; border:1px solid #aba399; background:#ccc1b4; color:#3e3225;}
.contactForm7 textarea { width:96%;}
.contactForm7 input:hover, .contactForm7 textarea:hover, .contactForm7 textarea:focus, .contactForm7 input:focus { background:#d4c9bb;}
.contactForm7 .no-border { border:none;}
.contactForm7 .wpcf7-acceptance { width:13px; background:none;}
.contactForm7 .wpcf7-acceptance:hover,.contactForm7 .wpcf7-acceptance:focus { background:none;}
.contactForm7 .altCol { font-size:11px; color:#bbb1a5;}
.contactForm7 input.submit { border:none; width:90px; height:26px; background:url(images/pagenavi.png) 0 0 repeat-x #252a25; padding:0; color:#a99f94; font-size:11px; cursor:pointer;
-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.contactForm7 input.submit:hover { background-color:#151515; color:#efe3d6; background-position:0 -25px;}


#footWrapper strong, #footWrapper h4, #footWrapper p { color:#fff;}
#footWrapper .thanks { margin-top:25px; padding:0 12px;}


/*** navigation ***/
.nav { position:absolute; left:14px; top:48px; }
.nav li { float:left; position:relative; margin:6px 4px;}
.nav li a { color:#e7dacb; padding:5px 14px; display:block;}
.nav li a:hover { background:#000; color:#e7dacb;
-moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

.nav ul li span { height:35px; float:left;}
.nav ul li ul { position:absolute; left:0; top:32px; display:none; background:#1c1711; border:1px solid #111; margin:0;}
.nav ul li ul li { border-top:1px solid #242424; border-bottom:1px solid #1c1711; margin:0; padding:4px 5px; width:140px; width:93%;}
.nav ul li ul li a { display:block;}


/*** pagenavi ***/
.wp-pagenavi a, .wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend { background:url(images/pagenavi.png) 0 -1px repeat-x;
padding:4px 8px; margin:2px; font-size:12px; font-weight:bold; font-family:Arial; text-decoration: none; border:1px solid #141714; color:#a99f94; background-color:#3b3226;
-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.wp-pagenavi a:hover { border:1px solid #333b33; color:#efe3d6; background-color:#71685d; background-position:0 -26px;}
.wp-pagenavi span.current, .wp-pagenavi span.extend {	border:1px solid #141714; color:#efe3d6; background-color:#71685d; background-position:0 -26px;}


/*** comments form ***/
#commentBox {}
#commentBox h3 {}
#commentBox label { margin-left:10px;}
#commentBox input, #commentBox textarea { width:45%; font-size:12px; font-weight:bold; border:none; border-bottom:1px solid #e4dcd4;
height:17px; background:#dacfc1; color:#3e3225; padding:4px 3px 2px 6px;
-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#commentBox input:hover, #commentBox textarea:hover, #commentBox textarea:focus, #commentBox input:focus { background:#ede1d1;}
#commentBox textarea { display:block; height:60%; width:98%; margin-top:20px; overflow:hidden;}
#commentBox input#submit { border:none; margin-right:5%; width:140px; height:26px; background:url(images/pagenavi.png) 0 0 repeat-x #252a25; padding:0; color:#a99f94; font-size:11px; cursor:pointer;}
#commentBox input#submit:hover { background-color:#151515; color:#efe3d6; background-position:0 -25px;}
#respond form { margin-top:15px;}
#respond h3 {}

.commentlist #respond { padding:20px 0 20px 20px; background:#c9beb1; margin:20px 0; border:1px solid #e4dcd4;}


/*** comments meta ***/
#commentBox .commentlist { background:#dacfc1; margin:20px 0; border-top:1px solid #e4dcd4; border-bottom:1px solid #a1998e; padding:0 15px 15px 0;}
#commentBox .commentlist li { padding:15px 0 0 15px;}
#commentBox .commentmetadata { float:right; margin-top:-15px; margin-right:15px;}
#commentBox .commentlist p { padding-right:15px; margin-top:25px;}
#commentBox .vcard img.avatar { background:#fff; border:1px solid #a1998e; padding:3px; margin-bottom:-15px; margin-right:5px;}
#commentBox .reply, #commentBox .commentlist li div div.reply  { background:url(images/replyBg.gif) repeat-x; height:14px;}
#commentBox .reply a { background:url(images/reply_button.gif) 0 0 no-repeat; display:block; width:40px; height:14px; float:right; overflow:hidden; text-indent:-5000px;}
#commentBox .reply a:hover { background-position:0 -14px;}
#commentBox .commentlist li div {}


/*** just in case ***/
li a.normLink, a.normLink, .normLink { background:none; float:none; display:inline; margin:0; padding:0;}
.donate p { color:#1a130b; margin-bottom:12px; line-height:18px; font-style:normal;}
.donate p a { color:#000; font-size:110%; font-weight:bold;}
.donate p a:hover { text-decoration:underline;}
.donate form { margin:0 0 12px 0; float:left;}
img.alignright { float:right; margin-left:12px;}
img.alignleft { float:left; margin-right:12px;}
.mainPage .content img.dropshadow { padding-bottom:20px; background:url(images/dropShadow.png) center bottom no-repeat;}
code p { color:#a99f94;}


/*** error 404 ***/
.error { width:300px; margin:0; width:160px; text-align:left; padding:40px 0 0 0;}
.error p.e404 { font-size:90px; font-family:"Trebuchet MS",sans-serif; color:#353d35; margin-bottom:30px;}
.error p.found { font-size:16px; font-family:sans-serif; font-weight:bold;}


* html #tagLine { margin:-12px 0;}
* html .headImg { margin:0 20px 0 5px;}
* html #mBody { width:982px;}
* html .mainPage, * html .sideBar { margin-top:0;}
* html  #mBodyHead { margin-bottom:-250px;}
* html .mainPage, * html  #mBodyFoot .pageNav  { width:640px; width/**/:/**/598px;}
* html .sideBar { width:340px; width/**/:/**/296px;}
* html .nav li a { padding:5px 14px 13px 14px;}
* html .first { width:304px; width/**/:/**/284px;}
* html .second, * html .third { width:168px; width/**/:/**/148px;}
* html .fourth { width:320px; width/**/:/**/300px;}
* html #footWrapper li a { padding:2px 1px 6px 1px;}
* html #searchForm input.text { width:230px; width/**/:/**/220px; height:32px; height/**/:/**/25px; }
* html .box li { padding:0; border-bottom:none; float:left; width:94%;}
* html .mainPage .comments { padding-top:12px;}
* html #mBodyFoot .wrapper { margin-top:0;}
* html .pageBtn a { height:25px; height/**/:/**/22px;}
* html #emailForm input.text { width:224px; width/**/:/**/204px; height:27px; height/**/:/**/22px;}
* html #emailForm textarea.textarea { width:302px; width/**/:/**/282px; height:105px; height/**/:/**/93px;}
* html .nav ul li ul { width:140px;}
* html .nav ul li ul li { width/**/:/**/130px;}
* html .nav ul li ul li a { padding:5px 14px;}
* html .wp-pagenavi { padding:6px 0 4px 0;}
* html .wp-pagenavi a, * html .wp-pagenavi span.pages, * html .wp-pagenavi span.current, * html .wp-pagenavi span.extend  { padding-bottom:4px;}
* html #commentBox .commentmetadata { margin-right:8px;}

/*** inner html ***/
#innerHeadWrapper { background:url(images/innerHeadWrap.png) top no-repeat;}
#innerHeadWrapper #header { margin:0 auto; height:212px; /* height:395px; */}