/*

[ CSS Document ]

    Style Sheet Name: style.css
	Style Sheet URL: http://blog.jimmyweb.net
	Author: Ken Davis - Jimmyweb Web Design
	Author URL: www.jimmyweb.net
	Version: 1.0
	Date: 13/02/09

[ Table Of Contents ]

	0- Reset
	1- Global
	2- Wraps, Nav and Title
	3- Content 
	4- Navigation
	5- Main Content
	6- Main Content Elements
	7- Extras
	8- Forms
	9- Footer

*/ 
 

/* =0 Reset 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


html, body { font-family: Arial, Helvetica, sans-serif; border: 0; color: #717171;}

body { background: #efefeb url(img/top_bg.jpg) repeat-x top;}
body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote { margin: 0; padding: 0;}

ul { list-style: none;}

blockquote { font-size: 1em; line-height: 1.5em; padding: 10px 20px 10px 25px; margin: 0 auto; width: 70%; 
        background: url(img/quote.gif) no-repeat 0 15px;}
blockquote p { font-style: italic; color: #545454;}








/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

a { color: #CA5431; text-decoration: underline;padding: 0 1px;}
a:hover { text-decoration: none;background-color: #CA5431; color: #fff;padding: 0 1px;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{background-color:transparent;}


a img { border: none;}

p { font-size: 0.8em; line-height: 1.7em; padding: 10px 0;color: #545454; }

h1, h3, h4, h5, h6 { padding: 10px 0; font-weight: normal; color: #a84122; font-family: Arial, Helvetica, sans-serif;}
  h1 { font-size: 3em;}
  h3 { font-size: 1.3em;}
  h4 { font-size: 1.1em;color: #2f2727;}
  h5 { font-size: 1em;color: #2f2727;}
  h6 { font-size: 0.9em;color: #2f2727;}










/* =2 Wraps, Nav and Title
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* Wrap */

#wrap { width: 1070px; margin: 0 auto; position: relative;}
* html #wrap {}



/* Main Menu */

#main_menu { width: 100%; height: 26px; padding-top: 0px; text-align: right; position: relative;}
#main_menu ul { position: absolute; right: 0px; top: 0px;padding-top: 10px;}
#main_menu ul li { display: inline; font-size: 14px;}
#main_menu ul li a { display: block; float: left; text-decoration: none; margin-left: 6px; background: url(img/bg3.png) repeat left top; color: #e9d0ce; padding: 4px 12px 5px 12px;}

#main_menu ul li.current_page_item a, #main_menu ul li a:hover { color: #fff; background-color: #000;}



/* Title */

#title { width: 382px; height: 84px; overflow: hidden;}
#title h2 { font-weight: normal; font-size: 0.1em; width: 382px; height: 175px; background:url(img/logo.jpg) no-repeat left top;position: absolute; top: 23px; left: 2px;}
#title h2 a { text-decoration: none; color: #b71a15;}
#title h2 a:hover { text-decoration: none; color: #b71a15;}
#title p { font-size: 1.1em; font-style: italic; padding: 3px 5px; color: #FFDBDB;}



/* Content Wrap */

#content_wrap { background: #fcfcfa url(img/bg-main.jpg) repeat-y right top; margin-top: 57px; padding-left: 45px; border-left: 1px solid #d8d6c0;}












/* =3 Content 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


/* Content */

#content { width: 590px; float: left; margin-top: 35px; padding-bottom: 10px;}
   #content img { border: #DCDCDC 1px solid; background: #fff; padding: 3px;}
   #content .alignleft { float:left; margin-right: 20px;}
   #content .alignright { float:right; margin-left: 20px;}


/* Content Post Wrap */
      .post_wrap { width: 100%; padding: 10px 0 35px 0; background: url(img/sidebar_h2_bg.gif) repeat-x left bottom;}





/* Content Post Details */
     #content p.post_details { padding: 4px 8px 6px 8px; margin-top: -12px; margin-bottom: 20px; color: #343E43; font-size: 0.7em;
         background-color: #F8F7EF;border-top: 1px solid #9b9986;border-bottom: 1px solid #9b9986;position: relative;}


#commentLink { position: absolute; right: 5px;}


/* Content Post Details - Calendar */


     .post_wrap .calendar_wrap { width: 66px; height: 40px; text-align: center; position: absolute; margin-top: -55px;margin-left: 15px; padding :0; border: 3px double #9b9986; border-bottom: none; background: #eae9db url(img/bg-date.jpg) repeat-x top left;}
     .post_wrap .calendar_wrap .calendar { font-size: 0.6em; position: relative; color: #8e8c78;}

     .post_wrap .calendar_wrap .day { position: relative; top: -3px;font-size: 2.2em;font-weight: 900; color: #8e8c78;}
     .post_wrap .calendar_wrap .month{ position: relative; top: -7px; color: #8e8c78;}

     .post_wrap .year_wrap { width: 66px; height: 14px; text-align: center; position: absolute; margin-top: 19px;margin-left: 15px; background-color: #eae9db; padding :0; border: 3px double #9b9986; border-top: none;}
     .post_wrap .year_wrap .year{ font-size: 0.6em; position: relative; top: -12px; color: #8e8c78;}







/* Content Post - Social Bookmarks*/

  #socialTags { background: url(img/sidebar_h2_bg.gif) repeat-x left top; margin-top: 20px; padding-top: 2px;}
  #tagWrap { background: url(img/Tag.jpg) no-repeat top left; padding:5px 0 0px 70px;}

  #social { position: relative; top:-10px;}
     #content a.digg, #content a.digg:hover{ padding: 0px 50px 50px 0; background-color: none; background: url(img/digg.jpg) no-repeat center left; 
       font-size: 0.1em; color: #fff;}
     #content a.delicious, #content a.delicious:hover{ padding: 0px 50px 50px 0; background-color: none; 
       background: url(img/delicious.jpg) no-repeat center left; font-size: 0.1em; color: #fff;}
     #content a.StumbleUpon, #content a.StumbleUpon:hover{ padding: 0px 50px 50px 0; background-color: none; 
       background: url(img/sumbleupon.jpg) no-repeat center left; font-size: 0.1em; color: #fff;}
     #content a.Float, #content a.Float:hover{ padding: 0px 50px 50px 0; background-color: none; 
       background: url(img/designfloat.jpg) no-repeat center left; font-size: 0.1em; color: #fff;}
     #content a.Mixx, #content a.Mixx:hover{ padding: 0px 50px 50px 0; background-color: none; 
       background: url(img/mixx.jpg) no-repeat center left; font-size: 0.1em; color: #fff;}






/* Content Post Title */
     #content h1 { font-size: 1.8em; color: #ba554f; font-weight: normal; padding: 20px 0; margin-left: 100px; font-weight:900; letter-spacing: -0.04em;}
     #content h1 a { text-decoration: none; color: #ba554f; padding: 0 0 0 0px; }
     #content h1 a:hover { text-decoration: none; color: #97443f; padding: 0 0 0 0px;}

     #content h2 { font-size: 1.8em; color: #ba554f; font-weight: normal; padding: 20px 0; margin-left: 100px; font-weight:900; letter-spacing: -0.04em;}
     #content h2 a { text-decoration: none; color: #ba554f; padding: 0 0 0 0px; }
     #content h2 a:hover { text-decoration: none; color: #97443f; padding: 0 0 0 0px;}

/* Content Post Text */
     #content ul, #content ol { font-size: 0.8em; line-height: 1.7em; padding: 10px 0 10px 40px;color: #545454;}
     #content ul li { list-style: square;}

/* More Entries */
     #more_entries { padding: 35px 0; font-size: 25px;}
     #more_entries a { text-decoration: none; color: #000;padding: 5px;}
     #more_entries a:hover { text-decoration: none; background-color: #eeede4;}












/* =4 Comments 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/



/* Comments (single.php and comments.php) */




.comments_content { background-color: #eeede4; padding: 0px 0px 0px 0px; margin: 30px 0; border: 1px solid #b1afa0;}



#content h2.spcn{ padding: 15px 20px 15px 20px; font-size: 1.1em; margin: 0px 0 0px; background: #eeede4 url(img/bg-comment-header.gif) repeat-x left top; 
border-bottom: 1px solid #bcbbad; color: #8e8c78; font-weight: 900;}

#content h2.spcl { padding: 15px 20px 15px 20px; font-size: 1.1em; margin: 0px 0 0px; background: #eeede4 url(img/bg-comment-header.gif) repeat-x left top; 
border-bottom: 1px solid #bcbbad; border-top: 1px solid #fff; color: #8e8c78; font-weight: 900;}

.comments_wrap { margin: 0px 0 px 0px; clear: both; border-bottom: 1px solid #bcbbad; border-top: 1px solid #fff; padding: 15px 20px 15px 20px;}
.comments_wrap .left { width: 56px; float: left;}
.comments_wrap .right { width: 400px; float: left; padding-left: 15px;}
.comments_wrap .right a { color: #CA5431; text-decoration: none; padding: 0 1px; }
.comments_wrap .right a:hover { text-decoration: none; background-color: #CA5431; color: #fff;padding: 0 1px;}
.comments_wrap .right h4 { font-size: 0.7em; color: #5D5D5D; padding: 0; font-weight: normal;}
.comments_wrap .right h4 b { font-size: 1.2em;}
.comments_wrap .right p { font-size: 0.8em; line-height: 19px; padding: 10px 0;}

.comments_wrap .right p.reply {margin-top: -10px; font-size: 0.6em;}

/* Comments (form) */

#content form { margin: 0px 0 0px 0px; padding: 20px 20px 30px 20px; border-top: 1px solid #fff;}
#content form label { display: block; margin: 10px 0; font-size: 12px;}
#content form label input { padding: 4px; width: 180px; font-size: 12px;}
#content textarea { margin-bottom: 10px; display: block; padding: 3px; font-size: 12px;}
#content form input { margin-top: 5px;}










/* =5 Sidebar 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


#sidebar { width: 380px; float: right; padding: 0px 3px 20px 5px; background: url(img/sidebar_bg.gif) no-repeat left top; margin-top: -46px; position: relative; overflow: hidden;}

.firstMod {padding: 0 30px 8px 30px;border-bottom: 1px solid #d8d7d0; margin: 0;}
.sidebarMod {padding: 0 30px 10px 30px;border-top: 1px solid #fff;border-bottom: 1px solid #cdcbb4;}

.specialMod {padding: 0 30px 10px 30px; background: url(img/bg-special.jpg) no-repeat left top;position: relative;}
#sidebar .specialMod h4 { font-size: 1.2em; color: #fff; padding: 20px 0 0px 0; font-weight: 900;}
#sidebar .specialMod p {color: #fff;width: 45%; position: absolute; top: 10px; right: 16px;}
#sidebar .specialMod ul {padding: 0; margin: 0;}
#sidebar .specialMod ul li { background: none; padding: 0; margin: 12px 0;}
#sidebar .specialMod ul li a {padding: 5px; margin: 2px 0; background: url(img/bg3.png) repeat left top; color: #fff;}
#sidebar .specialMod ul li a:hover {padding: 5px; margin: 2px 0; background-color: #000; color: #fff;}


#sidebar a { text-decoration: none;}
#sidebar a:hover { text-decoration: none;}
#sidebar h2 { font-size: 1.2em; color: #323C41; padding: 20px 0 5px 0; font-weight: 500;}
#sidebar h4 { font-size: 1.2em; color: #323C41; padding: 20px 0 5px 0; font-weight: 500;}
#sidebar ul { width: 100%; padding: 0px 0 15px 20px;}
#sidebar ul li { font-size: 0.8em; background: url(img/li.gif) no-repeat 0 9px; padding: 3px 10px 4px 20px; line-height: 19px;}
#sidebar ul#recent_entries li { background: url(img/sidebar_line.gif) repeat-x left bottom; padding-left: 0; padding-right: 0; width: 100%;}
#sidebar ul li span.wrap { width: 310px; background: url(img/li.gif) no-repeat left 7px; display: block; padding-left: 20px;}
#sidebar ul li span.left { width: 270px; float: left;}
#sidebar ul li span.right { width: 35px; text-align: right; float: right; font-family: Arial, Helvetica, sans-serif;}
#sidebar ul li ul { padding: 0; margin: 1px 0 -4px 0;}


#sidebar .ctc { padding: 30px 20px 5px 0px; position: relative; top: -30px; background: url(img/BigTag.jpg) no-repeat top right;margin-bottom: -20px;}
#sidebar .ctc a, #sidebar .ctc a:link, #sidebar .ctc a:visited { }
#sidebar .ctc a:hover { background-color: #fff}





/* Categories and Archives */
#sidebar .ca_wrap { width: 100%;}
#sidebar .cleft { width: 170px; float: left;}
#sidebar .cright { width: 145px; margin-left: 5px; float: left;}

/* Sidebar Search (widget) */
#sidebar form#searchform label { display: none;}
#sidebar form#searchform input { background: url(img/bg-search.jpg) no-repeat left top; border: none; height: 18px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#sidebar form input#s { width: 212px; margin-bottom: 5px; padding: 6px;margin-top: 20px;}
#sidebar form#searchform #searchsubmit { background: url(img/bg-search1.jpg) no-repeat left top; width: 91px; height: 24px;cursor: pointer;}



     #content h2.searchTitle { font-size: 1.2em; color: #323C41; padding: 20px 0 5px 0; font-weight: 500;margin:0; letter-spacing: -0.04em;}
     #content h2.searchTitle a { text-decoration: none; color: #323C41; padding: 0 0 0 0px; }
     #content h2.searchTitle a:hover { text-decoration: none; color: #323C41; padding: 0 0 0 0px;}



/* Widget (calendar) */
#wp-calendar { width: 90%; margin: 0 auto; padding: 0 0 10px;}
#wp-calendar caption { padding: 10px;}
#wp-calendar th, #wp-calendar td { padding: 5px; text-align: center; background: #EAEAEA;}
#wp-calendar td { background: transparent;}
#wp-calendar td, table#wp-calendar th { padding: 3px 0;}
#wp-calendar a { text-decoration: underline;}
#wp-calendar a:hover { text-decoration: none;}










/* =9 Footer 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


#footerWrap { border-top: 1px solid #d8d6c0; background: #000;padding-bottom: 40px;}
#footer { width: 100%;  background: #222120 url(img/bg-foot.jpg) repeat-x left top; border-top: #eeede4 15px solid; overflow: auto; padding-bottom: 40px; border-bottom: #3c3a38 1px solid;}
#footer_in { width: 1070px; margin: 0 auto; position: relative; font-family: Arial, Helvetica, sans-serif;}
#footer a { color: #CECECE; text-decoration: none;}

#footer ul#footMenu { padding: 0px 0 0px 0; margin: 0px 0 0px 0;}
#footer ul#footMenu li { display: inline; font-size: 0.8em; }
#footer ul#footMenu li a { display: block; float: left; margin-right: 2px; padding: 8px 20px; color: #B7B7B7; background: url(img/bg3.png) repeat left top;}
#footer ul#footMenu li a:hover { color: #fff; background-image: none; background-color: #CA5431;}
#footer ul li a:hover { color: #fff;background-color: #CA5431;}
#footer ul#footMenu li.current_page_item a { background: #eeede4; color: #000;}


#footer p.bot a { padding: 6px 20px; font-size: 0.9em;; position: absolute; right: 0; top: 0px;background: url(img/bg3.png) repeat left top;}
#footer p.bot a:hover { color: #fff; background-image: none; background-color: #CA5431;}


#footbar { clear: both;}
.thirds { width: 34%; float: left; padding-top: 20px;}
.thirds h5 { color: #c8bc99; font-size: 1.2em; padding-left: 5px;}
.thirds ul { padding: 0px 0 0px 0; margin: 0px 10px 0px 0;border-top: 1px solid #3c3a38;}
.thirds ul li { font-size: 0.7em; margin: 0px 0px 0px 0; }
.thirds ul li a { color: #B7B7B7; padding: 5px 0px 5px 5px; border-bottom: 1px solid #3c3a38; display: block;}
.thirds ul li a:hover { background-color: #2a2725; color: #E0E0E0; padding: 5px 0px 5px 5px; border-bottom: 1px solid #CA5431; display: block;}

.last { width: 32%; float: left;}
.last ul { margin: 0px 0px 0px 0;}

#outerFooter { clear: both; width: 1070px; margin: 0 auto; position: relative; font-family: Arial, Helvetica, sans-serif;padding-top: 0px;text-align: center;}
#outerFooter p.footer { clear: both; font-size: 0.6em; color: #9f9b91; clear: both; width: 1070px; padding: 6px 0 0 0;}
#outerFooter p.footer a:hover { text-decoration: none;}



/* 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* Fix */

#sidebar ul li span.wrap:after,
#title:after,
#content_wrap:after,
#sidebar ul#recent_entries li span.wrap:after,
#sidebar .ca_wrap:after,
.comments_wrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}