/*
Theme Name: DDI
Theme URI: http://designdesign.dev/
Description: Child Theme for Twenty Ten
Author: The DesignDesign Web Team
Author URI: http://designdesign.dev/
Template: twentyten
Version: 0.1
*/
 
@import url("../twentyten/style.css");

/* Providing this font so that we can match our brand standard. It does add about 100K to page download, though. */
@font-face {
  font-family: 'Optima';
  font-style: normal;
  font-weight: normal;
  src: local('Optima'), url('http://www.designdesign.us/fonts/optima-r.ttf') format('truetype');
}

/* =Global Elements
-------------------------------------------------------------- */
body { background:url(http://www.designdesign.us/wp-content/themes/DDI/images/main_back.gif) repeat-x #aeaeae; }

body, input, textarea {
	color: #666666;
	font-size: 12px;
	line-height: 20px;
}

a:link {
	color: #444444;
}
a:visited {
	color: #444444;
}
a:active,
a:hover {
	color: #298C43;
}

ul {
list-style-type:disc;
}


body, input, textarea, .page-title span, .pingback a.url {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text, input[type="submit"] {
font-family: Optima, "ITC Century",Georgia,serif;
}

#content h1 {
line-height: 1.5em;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 20px;
margin-left: 0pt;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
line-height: 1.5em;
margin: 0pt;
}

#content h1, #content h2 {
color: #298C43;
}

#content h3, #content h4, #content h5, #content h6 {
color: #000000;
font-weight: bold;
}

#content h1, #content h2 {
width: 80%;
}

#content .entry-title {
color: #298C43;
font-size: 24px;
font-weight: normal;
line-height: 1.3em;
margin-bottom: 0pt;
}

#content p {
width: 90%;
}

#content .shop-image {
}

#access {
display: block;
float: right;
margin: 10px 10px 0px 0px;
width: 600px; 
}

#access2 {
display: block;
float: right;
margin: 0px 20px 0px 0px;
width: 565px;
height:5px; 
background-image: url(http://www.designdesign.us/images/dot1.png); background-repeat: repeat; 
}

#access a {
color: #444444;
display: block;
font-size: 16px;
line-height: 38px;
padding: 0px 8px;
text-decoration: none;
}

#access li:hover > a, #access ul ul :hover > a {
background-color: #ffffff;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
color: #298C43;
text-decoration: none;
}

#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
color: #444444;
}

#access ul ul a {
	background-color: #ffffff;
	}

#access ul ul a:hover {
	color: #298C43;
	}

.shadow {
	-moz-box-shadow: 3px 3px 7px #848484;
	-webkit-box-shadow: 3px 3px 7px #848484;
	box-shadow: 3px 3px 7px #848484;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#848484')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#848484');
	}

/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#wrapper {
	background: #fff;
	margin-top: 20px;
	padding: 0px;
	border: solid 1px #000000;

	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;



}

/* =Content
-------------------------------------------------------------- */

#content,
#content input,
#content textarea {
	color: #333;
	font-size: 100%;
	line-height: 24px;
}

.adProducts {
text-align: center;
width: 30%;
padding: 1.5em 0;
float: left;
}

.clearBoth {
	clear: both;
	}

.clearNone {
	clear: none;
	}

#content .adProducts img {
	height: 90px;
	}

#content table {
	border-collapse: collapse; /* prevents double borders =^sg^= */
	width: 100%;
	margin: 0.1em 0em 1em 0em;
	cellspacing: 0;
}

#content tr td {
	border:0;
	padding:0.5em 1em;
	vertical-align: middle;
	line-height: 1.8em;
	}

.tableHeader {
	color: #ffffff;
	background-color: #f10288;
	text-align: left;
	}

#content tr th, #content thead th {
	color: #ffffff;
	background-color: #f10288;
	font-size: 120%;
	font-weight: bold;
	vertical-align: middle;
	}

#content tr.odd td {
	background-color: #ECECEC;
	}

#content .entry-title {
	color:#298C43;
	}

/* =Header
-------------------------------------------------------------- */

#header {
	background-image: url(http://www.designdesign.us/images/header.png);
	width:975px;
	height:183px;
	background-repeat: no-repeat;
	margin: 0px;
	}

#logo {
	margin: -55px 0 0 -120px;
	width: 185px;
	display: inline;
	float: left;
	}

#masthead {
	margin: 0;
	padding: 0;
	height: 138px;
	}

#site-title {
	/* float: left; */
	display: inline;
	font-size: 14px;
	letter-spacing: .05em;
	line-height: 16px;
	margin: 14px 0 0 9px;
	width: 400px;
	display:none;
}

#site-description {
	clear: right;
	float: right;
	font-style: italic;
	margin: 14px 9000px 0 0;
	width: 220px;
}

/* This is the custom header image */
#branding img {
	border: none;
	float: right;
	margin: 0;
	clear: both;
	display: inline;
}

/* =Footer
-------------------------------------------------------------- */

#colophon1 { padding: 8px 0 20px 0; width:100%; }
#colophon2 { padding: 0; width:100%; height:5px; background-image: url(http://www.designdesign.us/images/dot2.gif); background-repeat: repeat; }

#site-info a {
	color:#c0c0c0;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul ul {
	list-style: circle;
}

.widget-title {
color: #298C43;
font-weight:normal;
font-size: 160%;
}

.widget-area a:active, .widget-area a:hover
{
text-decoration: none;
}

/* =Widgets
-------------------------------------------------------------- */
.social-profiles img {
	padding-right: 0px;
	}

/* =Plugins
-------------------------------------------------------------- */
div.slideshow-wrapper{
  width: 600px;
  height: auto;
  margin: -40px 0 10px 55px !important;
}
div.pscarousel{
  visibility: hidden;
}