/*
Theme Name: Charles D'Angelo
Theme URI: none
Description: Theme for Charles D'Angelo
Version: 1.0
Author: William Richardson
Author URI: none

*/


* {margin:0px; padding:0px;}

.clear {clear:both;}

.content-heading {color:#5e5149; font-size:18px; font-weight:normal; padding:3px; border-bottom:solid 1px #232324; font-family:"Times New Roman", Times, serif; display:block; margin-bottom:5px;}

html {background:url(images/html-bg.gif);}

a {color:#232324;}
a:hover {color:#7a766a;}

#gradient-bg {position:fixed; width:100%; height:349px; background:url(images/gradient-bg.png) repeat-x; z-index:1; top:0px; left:0px;}

#top-bg {width:968px; height:20px; margin:0px auto 0px auto; padding-top:20px; background:url(images/top-bg) bottom no-repeat; position:relative; z-index:30;}

#container {width:940px; margin:0px auto; position:relative; z-index:40; background:url(images/container-bg.png); padding:0px 14px 0px 14px;}

#container #header {padding:0px 0px 40px 0px; float:left; width:940px; position:relative; z-index:60;}
#container #header h1 {display:block; width:342px; height:58px; background:url(images/logo.png); margin:20px 0px 0px 15px; float:left;}
#container #header h1 a {display:block; width:100%; height:100%; text-indent:-9999em; overflow:hidden;}

#container #navigation {float:right;}

#container #navigation #social {float:right; height:32px; margin:5px 10px 15px 0px; position:relative; z-index:60; width:226px;}
#container #navigation #social a#facebook {display:block; width:112px; height:32px; background:url(images/facebook.png) no-repeat 7px 5px; border-right:solid 1px #cfcabe; text-indent:-9999em; overflow:hidden; float:left;}
#container #navigation #social a#twitter {display:block; width:112px; height:32px; background:url(images/twitter.png) no-repeat 6px 4px; text-indent:-9999em; overflow:hidden; float:right;}

#container #navigation ul {display:block; list-style:none; float:right;}
#container #navigation ul li {display:block; float:left; padding:0px; margin:0px; position:relative;}
#container #navigation ul li a {padding:9px; background:#cfcabe; color:#5e5149; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; position:relative;}
#container #navigation ul li a:hover {color:#FFFFFF; background:#7a766a;}

#container #navigation ul li ul {position:absolute; width:150px; top:26px; left:-9999em;}
#container #navigation ul li:hover ul {left:0px;}
#container #navigation ul li ul li {float:none; display:block;}
#container #navigation ul li ul li a {display:block;}

#container #content {padding-bottom:40px;}
#container #content h2 {color:#5e5149; font-size:32px; font-family:"Times New Roman", Times, serif; font-weight:normal; padding:0px 0px 0px 10px;}

#container #content #top-content {background:#b0aaa6; padding:5px 0px 5px 0px; margin-bottom:10px; position:relative;}
#container #content #top-content.light {color:#e7e5df;}

#container #content #top-content #slider {width:909px; height:358px; background-image:url(images/slider-bg.png); border:solid 5px #cfcabe; margin:0px auto; position:relative; z-index:50; position:relative;}

#container #content #top-content #slide-nav {position:absolute; bottom:25px; left:30px; z-index:50; height:35px; width:120px; display:none; background:none;}
#container #content #top-content #slide-nav.success {display:block; top:15px; right:0px; width:90px; left:auto;}
#container #content #top-content #slide-nav a {display:block; width:35px; height:35px; margin:0px 5px 0px 0px; background-image:url(images/slideshow-nav.png); text-indent:-999em; overflow:hidden; outline:none; float:left;}
#container #content #top-content #slide-nav a#prev {}
#container #content #top-content #slide-nav a#pause {background-position:-105px;}
#container #content #top-content #slide-nav a#play {background-position:-35px; display:none;}
#container #content #top-content #slide-nav a#next {background-position:-70px;}


#container #content #top-content #slider .slide {width:909px; height:358px; position:relative; display:none; background:none;}
#container #content #top-content #slider .slide img {position:absolute; top:0px; left:0px; z-index:1; background-image:url(images/slider-bg.png);}

#container #content #top-content #slider .slide .slide-content {padding:50px 0px 0px 30px; width:480px; position:relative; z-index:10; background:none;}
#container #content #top-content #slider .slide .slide-content h2 {font-size:45px; line-height:47px; color:#5e5149; margin-bottom:15px; font-family:"Times New Roman", Times, serif; font-weight:normal; padding:0px;}
#container #content #top-content #slider .slide .slide-content p {color:#232324; font-size:14px; line-height:21px; margin-bottom:15px;}
#container #content #top-content #slider .slide .slide-content a.read-more {display:block; text-indent:-9999em; background-image:url(images/read-more.png); width:108px; height:32px; overflow:hidden;}
#container #content #top-content #slider .slide .slide-content a.read-more:hover {background-position:0px -32px;}

#container #content #top-content #ajax-content {padding:5px 20px 5px 20px}
#container #content #top-content #ajax-content.loading {height:300px; background:url(images/ajax-loader.gif) center no-repeat;}
#container #content #top-content #ajax-content h3 {margin-bottom:5px; font-size:32px; color:#232324; font-family:"Times New Roman", Times, serif; font-weight:normal; max-width:800px;}
#container #content #top-content #ajax-content span#weight-loss {font-size:24px; color:#5e5149; padding-bottom:5px}
#container #content #top-content #ajax-content blockquote {font-size:24px; font-style:italic; color:#232324; margin-bottom:15px; quotes:}
#container #content #top-content #ajax-content p {font-size:14px; color:#232324; line-height:22px;}

#container #content #top-content #ajax-content #media {float:left; margin:0px 15px 0px 0px;}
#container #content #top-content #ajax-content #media.video {width:600px; margin:0px 0px 0px 150px;}
#container #content #top-content #ajax-content #media img {border:solid 5px #FFFFFF;}

#container #content #ajax-post-list {padding:20px;}
#container #content #ajax-post-list ul {list-style:none;}
#container #content #ajax-post-list ul li {float:left; display:block; margin:0px 12px 12px 0px;}
#container #content #ajax-post-list ul.videos li {margin:0px 3px 3px 0px;}
#container #content #ajax-post-list ul li a {padding:7px; background:#e7e5df; display:block; width:154px; text-decoration:none;}
#container #content #ajax-post-list ul.videos li a {width:204px;}
#container #content #ajax-post-list ul li a:hover {background:#7a766a;}
#container #content #ajax-post-list ul li a:hover span {color:#FFFFFF;}
#container #content #ajax-post-list ul li a.active {background:#7a766a;}
#container #content #ajax-post-list ul li a.active span {color:#FFFFFF;}
#container #content #ajax-post-list ul li a span {color:#5e5149; display:block; height:20px; overflow:hidden;}
#container #content #ajax-post-list ul li a img {border:solid 2px #FFFFFF;}

#container #content #home-callouts {background:#cfcabe; padding:15px;}

#container #content #home-callouts #featured-success {float:left;}
#container #content #home-callouts #featured-success ul {list-style:none; padding:0px 5px 0px 5px;}
#container #content #home-callouts #featured-success ul li {display:block; float:left; background:#5e5149; padding:7px;}
#container #content #home-callouts #featured-success ul li a img {border:none;}
#container #content #home-callouts #featured-success ul li h3 a {color:#FFFFFF; font-size:14px; font-family:"Times New Roman", Times, serif; font-weight:normal; text-decoration:none;}

#recent-articles {width:225px; margin-bottom:20px;}
#recent-articles.home {float:left; padding-left:10px; width:190px;}
#recent-articles ul {list-style:none; padding:0px 10px 0px 10px;}
#recent-articles ul li {margin-bottom:15px;}
#recent-articles ul li a {color:#5e5149; font-size:12px; text-decoration:none; line-height:normal;}
#recent-articles ul li a:hover {color:#232324;}

#twitter-posts {width:225px; margin-bottom:20px; padding-top:10px;}
#twitter-posts ul {list-style:none; padding:0px 10px 0px 10px;}
#twitter-posts ul li {margin-bottom:15px; background:#5e5149; color:#FFFFFF; font-size:12px; padding:10px; position:relative;}
#twitter-posts ul li a {color:#FFFFFF; font-size:12px; text-decoration:none;}
#twitter-posts ul li .twitter-timestamp {display:block; position:absolute; width:205px; bottom:-16px; left:0px; color:#000; outline:none; background:url(images/bubble-arrow.png) 120px 0px no-repeat; padding-top:2px;}
#twitter-posts ul li .twitter-timestamp abbr {outline:none; border:none;}

#container #content #home-callouts #random-callouts {padding-left:20px; float:left; widows:210px;}
a#contact-charles {display:block; width:210px; height:86px; text-indent:-9999em; overflow:hidden; background:url(images/contact-charles.jpg); margin-bottom:10px;}
a#view-videos {display:block; width:210px; height:86px; text-indent:-9999em; overflow:hidden; background:url(images/view-videos.jpg);}

#container #content #post-container {padding:20px 30px 20px 30px; width:600px; float:left;}

#container #content #post-container .post {padding:0px 0px 30px 0px;}
#container #content #post-container .post h3 {display:block; margin-bottom:20px; font-size:32px; color:#232324; font-family:"Times New Roman", Times, serif; font-weight:normal;}
#container #content #post-container .post h3 a {font-size:32px; color:#232324; font-family:"Times New Roman", Times, serif; font-weight:normal; text-decoration:none; }
#container #content #post-container .post h3 a:hover {color:#313169;}
#container #content #post-container .post p {font-size:14px; color:#232324; line-height:22px; margin-bottom:15px;}
#container #content #post-container .post a {color:#316f9e;}
#container #content #post-container .post a:hover {color:#232324;}
#container #content #post-container .post img {margin:0px 10px 10px 0px; border:none;}
#container #content #post-container .post a.more-link {display:block; font-size:18px; text-decoration:none; margin:5px 0px 10px 0px}

#container #content #post-container .post .ngg-imagebrowser h3 {font-size:16px;}

#container #content #post-container .post .postmeta {padding:8px 0px 0px 3px; border-top:solid 1px #232324;}

#container #content #sidebar {float:right; width:225px; margin:30px 25px 40px 0px;}

.linklove {display:none;}

.aligncenter,div.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.alignleft {float: left;}

.alignright {float: right;}