/*   
Theme Name: The Joyful Organizer Theme
Theme URI: http://thejoyfulorganizer.com/
Description: Custom Joyful Organizer Theme
Author: Chris Carvache
Author URI: http://northeastwebdesign.com/
Template: thematic
Version: 1.0
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/*------------------------------ TYPOGRAPHY -----------------------------------------*/
p { color: #488E90; }
h1, h2, h3, p strong { color: #134b4c; font-family: Georgia!important; }

/*----------------------------- BASIC LAYOUT ----------------------------------------*/
body { background: #a4dce1; font-family: verdana; color:#488E90; font-size: 12px; }
#primary {font-family: Verdana; }
#wrapper {width: 1246px; margin: 0 auto; position: relative;}
#main {background: url(images/bkg-content.jpg); width: 1146px; padding: 25px 50px 50px!important; }
#footer { border: none; background: url(images/bkg-content-footer.jpg) 3px 0px no-repeat; margin: 0!important; padding: 0!important; padding-top: 28px!important;}
#siteinfo { padding: 10px; background: #99d6d7; padding-top: 20px; width: 1052px; height:150px; }
#CPO {background:#cae6d3; align:center; position:absolute; padding:10px 10px 10px 10px;}
#NAPO {background:#cae6d3; align:center; position:absolute; left:220px; padding:10px 10px 10px 10px;}
#joysite{position:absolute; left:406px; padding-top:20px; text-align:center;}
#sitemap{position:absolute; left:590px; padding-top:60px; font-weight:bold}
.navigation { padding: 0 20px; }
#main a { color: #f8621f!important; text-decoration: none; }
#main a:hover { text-decoration: underline; }
.clear { clear: both; }

/*----------------------------- MENU ------------------------------------------------*/
#pixopoint_menu1, #pixopoint_menu1 ul.suckerfishnav, #pixopoint_menu1 li { background: none!important; font-family: Georgia!important; border: none!important; text-transform: lowercase; font-style: italic; font-size: 18px!important; font-weight: normal!important; text-align: center; border: none!importnat; }
#pixopoint_menu1 { width: 1042px!important; }
#pixopoint_menu1 li a {background: none; color: #fff; border: none; }
#pixopoint_menu1 li { background: url(images/img-buttons.jpg)!important; width: 130px; background-position: 0px -2px!important; border: none!important; height: 35px; background-repeat: no-repeat!important;}
#pixopoint_menu1 li.current_page_item, #pixopoint_menu1 li.current_page_parent { background-position: 0px -76px!important; color: #fff;}
#pixopoint_menu1 li:hover.current_page_item, #pixopoint_menu1 li:hover.current_page_parent { background-position: 0px -76px!important;}
#pixopoint_menu1 li:hover { background-position: 0px -39px!important; border: none!important;}
#pixopoint_menu1 li ul { margin: 0 0 0 4px; width: auto;}
#pixopoint_menu1 li li { background: #52aaac!important; font-size: 12px!important; height: auto; }
#pixopoint_menu1 li li a { height: auto; }
#pixopoint_menu1 li li a:hover { background: #dc4d2d; }
#pixopoint_menu2 { display: none!important; }

/*----------------------------- HEADER ----------------------------------------------*/
#header {padding-bottom: 10px; background: url(images/bkg-content-top.jpg) center bottom no-repeat; height: 170px; z-index: 30; }
#access { border: none!important; position: absolute; top: 138px; right: 15px; border: none!important; height: 35px; }
#logo { position: absolute; left: 20px; top: 30px; z-index: 30; }
#contact-top { background: url(images/bkg-contact-toolbar.jpg); font-size: 10px; color: #fff; width: 347px; text-align: center; padding: 4px 0 9px; position: absolute; right: 5px; }

/*----------------------------- HOMEPAGE --------------------------------------------*/
.hpitem { background: url(images/bkg-tblcontent-small.jpg) bottom left repeat-y; width:394px; float: left; position: relative; }
.hpfooter { background: url(images/bkg-tblfooter-small.jpg) bottom left no-repeat; position: relative; }
.hpitem h2 { background: url(images/bkg-tblheader-blue-small.jpg) top left no-repeat; text-align: center; padding: 12px 0; font-size: 24px; font-family: Georgia; font-style: italic; color: #fff; margin: 0 0 10px; }
.hpcontent { padding: 5px 20px 1px; position: relative;}
.hpcontent ul { list-style: none; margin: 0 0 15px; padding: 0; border-top: 1px dotted #ccc; }
.hpcontent ul li { line-height: 16px; border-bottom: 1px dotted #ccc; padding: 5px 0;}
.hpcontent ul li:hover { background: #b1efef; }
.hpcontent ul li small { color: #aaa; font-size: 11px;}
#ajax { background: url(images/AJAX.gif) center top no-repeat #fff; height: 287px; padding-left: 4px; position: relative; }
.jcarousel-control { background: url(images/ajaxcontrols.png) repeat-x bottom center; position: absolute; bottom: 10px; height: 35px;width: 775px; left: 9px; }
#ajax .jcarousel-control a { display: inline-block; color: #fff!important; padding: 7px 4px; }
#ajax .jcarousel-control a.selected { background-color: #fff; border-bottom: none; color: #84c2ae!important; padding: 2px 7px 5px }
#ajax .jcarousel-control a:hover { color: #f8621f!important; text-decoration: none; }
.verdana { font-family: Verdana; text-transform: uppercase; font-size: 10px;}
.number { font-family: Georgia;}
#hpdyncontent { background: #fff; overflow: hidden; position: relative; }
.hpcontent table.feedlinks, .hpcontent table.feedlinks tr, .hpcontent table.feedlinks td { border: 0!important; vertical-align: middle!important; text-align: left!important; padding: 5px 0;}
.twtr-hd, .twtr-ft { display: none; border: none; }
#twtr-widget-1, .twtr-doc, .twtr-bd { border: #fff!important; background: none!important; }
.twtr-tweet-wrap { padding: 5px 0!important; border: 1px #ccc dotted; border-left: none; border-right: none; color: #488E90; margin: 0 0 10px;}
#randomrecent img { width: 68px; height: 68px; }


/*----------------------------- CONTENT ---------------------------------------------*/
.hentry { padding: 0; }
#container { background: url(images/bkg-tblcontent-large.jpg) top center repeat-y; width: 794px; padding: 0; margin: 0; }
#content { margin: 0; padding: 0; width: 794px; background: url(images/bkg-tblheader-green-large.jpg) top center no-repeat; }
#content h1, h2.entry-title { margin: 13px 0 0; padding: 0; text-align: center; font-family: Georgia; color: #fff!important; text-transform: lowercase; font-style: italic; font-weight: normal; }
.entry-content { background: url(images/bkg-tblfooter-large.jpg) bottom center no-repeat; padding: 20px; font-family: verdana; font-size: 14px; line-height: 24px; }
#comments { padding: 0 20px;}
h3 { margin-bottom: 0!important; padding-bottom: 0!important; font-weight: bold;}

/*----------------------------- BLOG ------------------------------------------------*/
body.blog #container, body.single #container { background: none;}
.post { background: url(images/bkg-tblcontent-large.jpg) top center repeat-y; width: 794px; padding: 0; margin: 0; }
h2.entry-title, .post h1.entry-title { margin: 0!important; padding: 13px 0!important; width: 794px; background: url(images/bkg-tblheader-green-large.jpg) top center no-repeat; }
.entry-title a { color: #fff!important; } .entry-title a { color: #fff!important; }
.entry-title a:hover { color: #ff0000!important; } .entry-title a:hover { color: #ff0000!important; }
.entry-content { background: url(images/bkg-tblfooter-large.jpg) bottom center no-repeat; padding: 20px; }
.entry-meta { padding: 10px 20px 0; font-size: 11px;}
.entry-utility { padding: 5px 20px 0; font-size: 11px; background: #fff;}

/*-------------------------------TESTIMONIALS----------------------------------------------*/
#testimonial_hp { font-size: 11px; position: absolute; top: 32px; left: 48px; width: 150px; }
#testimonial_hp p { margin: 0; }
#testimonial_content { color: #fff; text-align: center; line-height: 14px; font-family: Georgia; font-style: italic;}
#testimonial_name { font-weight: bold; padding-left: 35px; font-size: 11px; }

/*-------------------------------NEWSLETTERS-----------------------------------------------*/
#newsletter h2 { padding: 0!important; margin: 0 0 10px!important;}
#newsletter .intro { padding: 0 0 0 172px; }
#newsletter {padding: 0 12px 0 0px; color: #fff; font-size: 11px;}
#newsletter form { padding: 40px 0 0 100px; }
#newsletter input, #newsletter select { width: 185px;}
#newsletter input[type=submit] { width: 100px; margin: 10px 0 0 90px; }


/*-------------------------------QUICK TIPS------------------------------------------------*/
#quicktip_hp { font-size: 11px; width: 150px; padding-left:150px; line-height: 14px;}
#quicktip_content { color: #fff; }

/*-------------------------------PRODUCTS--------------------------------------------------*/
#products { color: #fff; font-size: 11px; padding: 0 0 0 40px; }
#products .ptext { margin-left: 100px;}
#products .plink { font-size: 12px; padding: 10px 0 0 100px; }

/*-------------------------------CONNECT WITH US ------------------------------------------*/
#connect div { padding-left: 104px;}
#connect div img { margin: 0 4px;}

/*----------------------------- SIDEBAR ---------------------------------------------*/
#primary { border: none; background: url(images/bkg-right-content.jpg) top right repeat-y; width: 320px; padding: 0; }
#primary h2 { padding:0 0 10px 100px; color: #fff; font-family: Georgia; font-style: italic; text-transform: lowercase; font-size: 20px; }
#primary hr { border: 0!important; height: 1px!important; background-color: #fff!important; width: 200px; margin: 10px 0 10px 94px; overflow: hidden; }
#testimonials { background: url(images/bkg-right-chatbubble.jpg) top right no-repeat; height: 190px; position: relative; }
#testimonials h2 {padding: 145px 0 0 180px; }
#quicktips { background: url(images/bkg-right-lightbulb.jpg) top right no-repeat; min-height: 190px; position: relative; }
#quicktips h2 {padding: 10px 0 10px 150px; color: #fff; font-family: Georgia; font-style: italic; text-transform: lowercase; font-size: 20px;}
#newsletter{ background: url(images/bkg-right-envelope.jpg) top right no-repeat; position: relative; }
#products{ background: url(images/bkg-right-thumbnail.jpg) top right no-repeat; height: 190px; position: relative;}
#connect h2 { padding-bottom: 20px; padding-left: 123px;}
#adbanner {
    width: 200px;
    padding-left: 94px;
    text-align: center;
}
#adbanner img {
    width: 100%
}

/*----------------------------- FOOTER ---------------------------------------------*/
#siteinfo {font-family: verdana; color:#ffffff; font-size: 10px;}
a.whitelinks {color:#fff!important; text-decoration: none!important;}