/*

Theme Name: Dream Driven Designs

Theme URI: http://DreamDrivenDesigns.com

Description: Frame Work For DreamDrivenDesigns

Version: 2 (WP2.6.2)

Author: Dwayne Myers

Author URI: http://dreamdrivendesigns.com

Tags: web design, web design company, wordpress themes, cms theme

*/



@import "style/css/reset.css";

@import "style/css/typography.css";

@import "style/css/layout.css";



body {
background: black url(images/bg2.jpg) no-repeat scroll center top;
font-family: "Myriad Pro", Verdana, sans-serif;
}





#container-holder {
overflow: hidden;
margin: 0px auto 0 auto;
width: 960Px;
padding: 0 0px 0 0px;
}



#container {
overflow: hidden;
margin: auto;
width: 930px;
}


.header-container {
overflow: hidden;
margin: auto;
width: 920px;

}



.header-top {
overflow: hidden;
margin: 45PX auto auto auto;
height: 30PX;
width: 920px;

}

.header-top ul, header-to-menu ul {
margin: 0 0 0 0px;
padding: 0px;
}

.header-top li, header-to-menu li {
float: left;
margin: 0 0px 0 0px;
padding: 0;
line-height: 38px;
display: inline;
}


.header-to-menu li a:link, .header-to-menu li a:visited {
display: block;
height: 38px;
text-decoration: none;
color: white;
padding-right: 10px;
margin-left: 10px;
background: url(images/header_top_divider.png) no-repeat center right;
font-size: 14px;
}


.header-top-icons li {
margin-right: 5px;

}

a:link.email-icon, a:visited.email-icon {
float: left;
display: block;
padding-left: 40px;
margin-left: 10px;
text-decoration: none;
color: white;
height: 30px;
width: 40px;
background: url(images/email-icon.png) no-repeat 0 7px;
}



a:link.youTube-icon, a:visited.youTube-icon {
float: left;
display: block;
background: url(images/youtube-icon.png) no-repeat;
width: 40px;
height: 40px;
}

a:link.twitter-icon, a:visited.twitter-icon {
float: left;
display: block;
background: url(images/twitter-icon.png) no-repeat;
width: 50px;
height: 40px;
padding-left: 38px;
text-decoration: none;
color: white;
}


a:link.facebook-icon, a:visited.facebook-icon {
float: left;
display: block;
background: url(images/facebook-icon.png) no-repeat;
width: 40px;
height: 40px;
}


a:link.rss-icon, a:visited.rss-icon {
float: left;
display: block;
background: url(images/rss-icon.png) no-repeat 0px 6px;
width: 40px;
height: 40px;
padding-left: 30px;
text-decoration: none;
color: white;
}



#header {
overflow: hidden;
margin: auto;
width: 100%;
height: 110px;

}



a.blog-logo, a:visited.blog-logo {
display: block;
float: left;
margin: 40px 0 0 0px;
width: 370px;
height: 71px;
background: url(images/ddd_logo.png) no-repeat;
}






.contact-info {
position: relative;
float: right;
margin: 15px 0px 0 0;
width: 150px;
height: 95px;
}


a.live_chat_icon, a:visited.live_chat_icon {
float: right;
text-decoration: none;
display: block;
width: 132px;
height: 72px;
background: url(images/live_chat_icon.png) no-repeat;
}


a:hover.live_chat_icon {
float: right;
text-decoration: none;
display: block;
width: 132px;
height: 72px;
background: url(images/live_chat_icon_hover.png) no-repeat;
}


p.telephone {
float: right;
font-weight: bold;
font-size: 21px;
}


a.email_address {
float: right;
text-decoration: none;
color: black;
font-family: "Myriad Pro Cond";
font-size: 20px;
}


.navigation-container {
overflow: hidden;
margin: auto;
width: 920px;
height: 33px;
padding-top: 3px;
background: url(images/navbar_bg.png) no-repeat;
}




.nav-menu {
float: left;
}



.nav-menu ul {list-style:none;margin:0;padding:0;}

.nav-menu li {float:left;width:100px;margin:0;padding:0;text-align:center;}

.nav-menu li a {display:block;padding:0px 10px;line-height:32px; color:black;text-decoration:none;border-right:1px solid #FFF;}

.nav-menu li a {background:url(bg2.jpg) repeat 0 0;}

.nav-menu li a:hover, li a:focus, li a:active {color: white; background-position:-150px 0;}

#navigation_ul a {background:url(images/bg.jpg) repeat -20px 35px;}




.below_nav {
overflow: hidden;
margin: auto;
width: 100%; /*full width of container */
height: 10px;
/* background: url(images/below_nav.png) repeat-x; */

}


.billboard-container {
overflow: hidden;
margin: auto;
width: 920px;
border-top: 3px solid #E6E7E8;
border-left: 3px solid #E6E7E8;
border-right: 3px solid #E6E7E8;
}


.billboard-feature-container {
overflow: hidden;
margin: auto;
width: 890px;
padding-left: 30px;
padding-top: 10px;
height: 261px;
background:  url(images/billboardbg.png) repeat-x;
}





.home_page_section_1 {
margin-top: 20px;
height: 320px;
width: 100%;
background: white;
}


.each-container {
float: left;
margin-left: 20px;
width: 280px;
height: 100%;
}

.first-text {
padding-top: 5px;
}


a.first-header, a:visited.first-header {
display: block;
text-decoration: none;
width: 100%;
height: 153px;
text-align: center;
background: url(images/business_header.png) no-repeat;
border: 3px solid white;
}

a:hover.first-header {
border: 3px solid #E6E7E8;
background: #046C9F url(images/business_header.png) no-repeat;
}



a.second-header, a:visited.second-header {
display: block;
text-decoration: none;
width: 100%;
height: 153px;
text-align: center;
background: url(images/business_hosting.png) no-repeat;
border: 3px solid white;
}


a:hover.second-header {
border: 3px solid #E6E7E8;
background: #008B4B url(images/business_hosting.png) no-repeat;
}



a.third-header, a:visited.third-header {
display: block;
text-decoration: none;
width: 100%;
height: 153px;
text-align: center;
border: 3px solid white;
background: url(images/wp_support.png) no-repeat;
}


a:hover.third-header {
border: 3px solid #E6E7E8;
background: #C49A6C url(images/wp_support.png) no-repeat;
}


.home_page_section_2 {
margin-top: 20px;
height: 230px;
width: 100%;
background: white;
}




.homepage-blog-icon {
background: url(images/blogger.png) no-repeat;
}

.testimonals {
padding-left: 10px;
background: url(images/testimonals.png) no-repeat;
}


.home-twitter-icon {
background: url(images/twitter-icon2.png) no-repeat;
}

.each-container_ofsec2 {
float: left;
margin-left: 20px;
width: 280px;
height: 240px;
}



.section2-header {
width: 100%;
height: 30px;
text-align: center;
font-weight: bold;
font-size: 20px;
}


.home_page_section_2_links a:link, .home_page_section_2_links a:visited {
text-decoration: none;
color: black;
}


.home_page_section_2_links a:hover {
color: gray;
}


.home_page_section_2_links h2 {
margin-top: 2px;
background: url(images/bullet_black.png) no-repeat 0 2px;
padding-left: 20px;
}



.content-padding-fix {
/*adds padding to content*/
padding: 0 20px 0 10px;
}



.content-sidebar-holder {
overflow: auto;
margin: auto;
width: 920px;
padding: 0px 0px 20px 0px;
border-left: 3px solid #E6E7E8;
border-right: 3px solid #E6E7E8;
border-top: 3px solid #E6E7E8;
background: white;

}




.content-holder {
float: left;
/* width: 680px; */
width: 680px;
padding-bottom: 20px;
padding: 0 0px 0 0px;

background: white;
}



.horizontal-line-fade {
float: left;
height: 1px;
width: 100%; /* full content size 680px */
background: url(images/horizontal_fading_line.png) no-repeat;
}




.homepage_horizontal-line-fade {
margin: 15px auto auto auto;
overflow: hidden;
height: 1px;
width: 100%; /* full content size 680px */
background: url(images/horizontal_fading_line.png) no-repeat center;
}


.page-content-holder {
float: left;
width: 918px;
background: white url(images/page_bg.png) no-repeat;
padding: 20px 20px 20px 20px;
border: 1px solid #ccc;
}




/*Front Page Sections */
.category_title {
float: left;
margin-left: 10px;
margin-top: 15px;
width: 100%; /*full width 640*/
line-height: 35px;
background: url(images/category_title_bg.png) no-repeat;
border-bottom: 1px solid #F1F2F2;
}


.category_title h1 {
float: left;
font-size: 22px;
font-weight: bold;

}


/*h2 and h3 control for size on frontpage category*/
.category_title h2 {
float: right;
margin-right: 10px;
font-size: 20px;
font-weight: bold;
color: #939598;
}


/*h2 and h3 control for size on frontpage category*/
.category_title h3 {
float: left;
font-size: 20px;
font-weight: bold;
color: #939598;
}


.category_title p {
float: right;
margin-right: 10px;
font-size: 16px;
}


/*index post title */


.each-post-container {
width: 290px;
height: 480px;
background: url(images/vertical_fade_line.png) no-repeat top right;
padding-bottom: 10px;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
}


.left {
float: left;
padding-right: 15px;
}


.right {
float: right;
padding-right: 15px;
}



.other-recent-posts {
margin: 20px 0 0 0;
}


.other-recent-posts ul {
margin: 0px 0 0 0;
padding: 0;
}

.other-recent-posts li {
margin-bottom: 5px;
line-height: 16px;
background: url(images/bullets.png) no-repeat 0px -3px;
padding-left: 20px;
}


.other-recent-posts a:link, .other-recent-posts a:visited {
text-decoration: none;
font-weight: bold;
color: black;

}


.largethumb {
overflow: hidden;
margin: auto auto 10px auto;
padding: 5px;
width: 260px;
height: 160px;
background: #e6e7e8;
border: 1px solid #d1d3d4;
}

.largethumb img {
width: 260px;
height: 160px;
}


.smallthumb {
float: right;
padding: 5px;
margin: 0 5px 5px 5px;
width: 154px;
height: 100px;
background: #e6e7e8;
border: 1px solid #d1d3d4;
}

.smallthumb img {
width: 154px;
height: 100px;
}


.archive_thumb {
float: left;
padding: 5px;
margin: 0 15px 0 5px;
width: 270px;
height: 160px;
background: #e6e7e8;
border: 1px solid #d1d3d4;
}

.archive_thumb img {
width: 270px;
height: 160px;
}



.clear-left-fix {
clear: left;
}



.clear-right-fix {
clear: right;
}



/*single post title*/
.single-post-title  {
margin-top: 10px;
width: 100%; /*width 640*/
height: 55px;

}

.single-post-title h1 {
padding-left: 30px;
/* background: url(images/flower_icon.png) no-repeat 0px 0px; */ 
margin-bottom: 5px;
}




.post-title {
float: left;
width: 100%; /*full width 640*/
margin: 5px 0 10px 0;
}



.post-title h1 {
font-size: 21px;
font-weight: bold;
}



.post-title a:link, .post-title a:visited, .single-post-title a, .single-post-title a:visited {
text-decoration: none;
color: black;
}


p.authors_name {
font-size: 14px;
color: #58595B;
}


.post-title-spacer {
height: 0px;
width: 100%;
margin: 10px 0 10px 0;
border-top: 1px solid #cccccc;
}



.post-spacer {
height: 10px;
width: 100%;
}




/*archive page title not post title*/
.archive-page-title, .pages-page-title  {
margin-top: 10px;
margin-bottom: 15px;
width: 100%; /*width 640*/
}


.archive-page-title h1, .pages-page-title h1 {
padding-left: 30px;
background: url(images/flower_icon.png) no-repeat 0px 0px;

}



.entry, .entry2, .entry-contact_page {

padding: 5px 0 5px 0;

width: 100%;

}


.entry-contact_page input[type="text"] {
display: block;

border: 1px solid #A7A9AC;
background: white;
padding-top: 3px;
height: 20px;
width: 250px;
/* background: white url(images/input-formbg.png) repeat-x; */
background: #E6E7E8;
}

.entry-contact_page textarea {
display: block;
border: 1px solid #A7A9AC;
/* background: white url(images/input-formbg.png) repeat-x; */
background: #E6E7E8;
width: 380px;
}




.entry p, .entry2 p {

font-size: 16px;

margin-bottom: 10px;
}


.entry-contact_page p {
font-size: 16px;
font-family: "Myriad Pro", Verdana, sans-serif;
margin: 0;
padding: 0;
}

.entry-contact_page submit {
font-size: 16px;
padding: 5px;
background: #6D6E71;
}


.entry a, .entry2 a, .entry-contact_page a{

color: #3FA3EF;

}







.entry a:visited,  .entry2 a:visited, .entry-contact_page a:visited {

color: #0000FF; 

}





.entry p strong,  .entry2 p strong, .entry-contact_page p strong {

font-weight: bold;

}





.entry h1, .entry-contact_page h1 {

font-size: 21px;

}





.entry h2, .entry-contact_page h2 {

font-size: 16px;

}





.entry h3 {

font-size: 16px;

}





.entry h4 {

font-size: 14px;

}



.entry li {

list-style: disc;

margin-left: 25px;

}





/* post images start here */



.entry img, .entry-contact_page img {

border: 1px solid #d4d4d4;

padding: 0px;

margin-top: 10px;

max-width: 100%;

}





.entry img.aligncenter, .entry-contact_page img.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}



.entry img.alignright, .entry-contact_page img.alignright {

padding: 4px;

margin: 0 0 2px 7px;

display: inline;

}





.entry img.alignleft, .entry-contact_page img.alignleft {

padding: 4px;

margin: 0 7px 2px 0;

display: inline;

}





.entry .alignright, .entry-contact_page .alignright {

float: right;

}



.entry .alignleft, .entry-contact_page .alignleft {

float: left

}

/* post images end here */



.comment-status {

padding: 0 5px 0 5px;

background: #ADADAD;

}





.comment-status a:link, .comment-status a:visited{

text-decoration: none;

color: white;

}



hr {

overflow: hidden;

margin: auto;

color: #B2B2B2;

width: 95%;

}



.single-post-attributes {

border-top: 1px solid #C6C6C6;

font-size: 12px;

}



/* class in index and categories */

.post-bottom-attribute {

overflow: hidden;

margin: auto;

padding-top: 0px;

width: 100%;

height: 1px;


font-size: 10px;

}




.post-category-link a:link, .post-category-link a:visited {

text-decoration: none;

color: black;

font-size: 10px;

}



.side-bar {
float: right;
margin-right: 10px;
padding: 15px 0px 0 0px;
background: white;
width: 210px;
background: white;
}




.side-bar-content {
float: left;
width: 100%;
padding: 0;
}



.side-bar-content ul {
margin-bottom: 10px;
padding: 0px;
}


.side-bar-content li {
font-size: 14px;
text-transform: capitalize;
margin: 0px 0 3px 0px;
}




.side-bar-content h2, .side-bar-content h4 {
color: black;
width: 100%;
line-height: 20px;
background: url(images/side_bar_header.png) no-repeat;
padding: 0px 0 0 0px;
text-align: center;
margin-bottom: 5px;
}


.side-bar-content a:link, .side-bar-content a:visited, .side-bar-top a:link, .side-bar-top a:visited {
color: black;
display: #414042;
}



.side-bar-content a:hover, .side-bar-top a:hover{
color: #6D6E71;
}



.adswidget {
padding: 0;
border: 1px solid #d1d3d4;
padding: 4px 0 2px 4px;
background: #e6e7e8;
}


.textwidget {
color: black;
padding: 10px 0px 10px 0px;
font-size: 14px;
}


#pic_widget {
padding-left: 20px;
}



.side-bar input {
font-size: 14px;
}






#footer {
margin: auto;
overflow: hidden;
height: 180px;
width: 920px;
/* background: url(images/footerbg.png) repeat-x; */
background: url(images/footerbg.jpg) repeat-x;
padding: 0px 0px 0 0px;
border-left: 3px solid #D1D3D4;
border-right: 3px solid #D1D3D4;
}




.footer_section {
margin-top: 2px;
height: 100%;
width: 100%;
color: white;
}




.each-footer-container {
float: left;
margin-left: 20px;
width: 280px;
height: 100%;
}



.footer-header {
width: 100%;
height: 30px;
text-align: center;
font-weight: bold;
font-size: 20px;
}



.footer-menu {
margin: 0px auto auto auto;
overflow: hidden;
background: #939598;
padding-top: 10px;
border-top: 3px solid white;
}

.footer-menu ul {
margin: auto;
overflow: hidden;
width: 920px;
padding: 0;
}


.footer-menu ul li {
float: left;
line-height: 15px;
font-size: 14px;
margin: 0 2px 0 0;
}

.footer-menu ul li a {
text-decoration: none;
display; block;
padding: 3px 5px 3px 5px;
color: black;

}

.footer-menu ul li a:hover {
color: #808080;
}

.footer-note {
display: block;
width: 100%;
text-align: center;
font-size: 12px;
margin-top: 10px;
color: white;
}


.footer-note a, .footer-note a:visited{
text-decoration: none;
color: white;
}


/* FootER ENDS HERE*/





.calendar-icon {

width: 0px;

height: 19px;

/* background: url(images/calendar_icon.png) no-repeat left center;*/

/* padding-left: 20px; */

font-size: 10px;

}



.comment-icon {

padding-left: 20px;

background: url(images/comment_icon.png) no-repeat left center;

}

.sort {
margin: 10px 0 0 0;
}





.custom-input {
font-size: 14px;
}

.readmore a:link, .readmore a:visited {
line-height: 30px;
text-decoration: none;
color: #3FA3EF;
}

.readmore a:hover {
text-decoration: underline;
}

.video_author {
font-size: 12px;
padding-bottom: 5px;
}

.video_author a:link, .video_author a:visited {
text-decoration: none;
color: black;
}






/* comment submit form */
#commentform {
padding: 10px;
background: #E6E7E8;
border: 1px solid #CCCCCC;
font-size: 14px;
}


#commentform input[type="text"] {
display: block;
margin-bottom: 5px;
border: 1px solid white;
background: white;
padding-top: 3px;
height: 20px;
width: 250px;
background: white url(images/input-formbg.png) repeat-x;
}

#commentform textarea {
display: block;
margin-bottom: 5px;
border: 1px solid white;
background: white url(images/input-formbg.png) repeat-x;
width: 380px;
}


#submit, .submit {
color: white;
background: #4D4D4D;
border: none;
height: 30px;
padding: 0 5px 0 5px;
font-size: 14px;
margin-top: 5px;
}


/* comments */


.odd-comments {
background: #EEF3F1;
}



.author-comment a:link, .author-comment a:visited{
text-decoration: none;
font-weight:bold;
color: black;
}

.author-comment {
font-size: 12px;
}


.comment-date {
text-decoration: none;
color: #B2B2B2;
font-size: 12px;
}


.comment-text p {
font-size: 12px;
padding-top: 5px;
}




.share_menu_container {
display: block;
margin: auto;
overflow: hidden;
widtH: 100%;
font-size: 10px;
padding-bottom: 30px;
}


.share_menu_container a:link, .share_menu_container a:visited {
text-decoration: none;
color: black;
font-size: 10px;
}


.ratings2 { float: left; margin-left: 5px; margin-top: 10px; width: 200px;}

.share_buttons {display: block; float: left; height: 30px}


#player1 {
text-align: center;
}

/* ##### QCI added ##### */
.clearboth{
clear: both;
}

#youtube {
float: left;
margin-left: 10px;

}

#youtube object {
padding-left: 60px;
}

#social {
float:left;
margin-top: 5px;
}

#social a img {
border:none;
}


#social a, #social a:visited {
text-decoration: none;
}

.gravatar {
float: left;
margin-right: 10px;
}