/*  
Theme Name: Design Disease
Theme URI: http://designdisease.com/
Description: The default WordPress theme for DesignDisease.
Version: 1.2
Author: Elena G
Author URI: http://designdisease.com/
*/

/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body { background:#06181e; font-size: 11px; font-family: Verdana, Arial, Sans-Serif; color: #f1f1f1; padding: 0px; margin: 0px;}

a:link { text-decoration: none; color : #63dbf5; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #63dbf5; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #63dbf5; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #ffffcc; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

img { padding: 0px; margin: 0px; border: none;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

h1, h2, h3, h4, h5 { font-family: "Trebuchet MS"; color:#fff;}


#bg-all { background: #202e33 url(bkg-body.gif) repeat-x left top; width: 100%; float: left;}
#bg { width: 940px; margin: 0 auto; }

/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.container { background: url(bkg-content.jpg) no-repeat left top; width: 940px; float: left;}

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.header { background: url(bkg-header.jpg) no-repeat bottom; width: 860px; margin: 0 auto; height: 111px; position: relative;}
.header h1 { text-indent: -55000px; }
.header h1 a { display: block; background: url(logo-dd.png) no-repeat left bottom; height: 43px; width: 221px; cursor: hand;}

.header .tagline { position: absolute; top: 15px; color:#333; font-size: 10px; left: 235px; width: 450px; color:#455e5e;}
.header .rss { position: absolute; top: 20px; color:#333; padding-left: 15px; font-size: 10px; right: 0px; width: 180px; color:#455e5e; background: url(HeaderRSS.png) no-repeat left center;}
.header .rss a { color:#ff3300; font-weight: bold;}
.header .search { position: absolute; top: 15px; right: 40px; padding: 5px; background: #ccc;}


.subheader { width: 860px; margin: 0 auto; padding: 0px 40px; position: relative; height: 70px;}
.subheader ul { padding: 0px; margin: 0px;}
.subheader li { padding: 0px; margin: 0px; display: inline; list-style-type: none;}
.subheader li a { color:#fff; }

.subheader 
/**/ *html .subheader .search  { height: 63px;} /**/ 
.subheader .search { position: absolute; top: 15px; right: 160px; width: 250px; background: url(bkg-search.gif) no-repeat left; height: 63px;}
.subheader .search form { background: url(SearchForm.gif) no-repeat left top; padding: 29px 20px 0px 30px; margin: 0px; }
.subheader .search input { color: #330033; font-size: 11px;}
.subheader .search input.keyword { background: none; border: none; width: 170px;} 
.subheader .search input.button { width: 22px; height: 21px; background: url(SearchButton.gif) no-repeat;}
.subheader .search .bt { padding: 0px; margin: 24px 0px 0px 0px; top: 2px; background: none; position: absolute; right: 23px; }


.menu { position: absolute; top: 13px; left: 40px;}
.menu em { display: none; margin: 0; padding: 0; line-height: 0px;}
.menu ul { padding: 0px; margin: 0px; }
.menu li { float: left; padding: 0px; margin: 0px; list-style-type: none; display: inline; }
.menu li a { display: block; height: 45px; }
.menu li a.m1 { background: url(m1.gif) no-repeat left top; width: 65px; }
.menu li a.m2 { background: url(m2.gif) no-repeat left top; width: 70px; }
.menu li a.m3 { background: url(m3.gif) no-repeat left top; width: 91px;}
.menu li a.m4 { background: url(m4.gif) no-repeat left top; width: 81px; }
.menu li a.m5 { background: url(m5.gif) no-repeat left top; width: 63px; }
.menu li a:hover { background-position: left -45px; }



/* Content 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.content { width: 860px; margin: 20px 40px 20px 40px;}


.sc { width: 424px; float: left; min-height: 250px;}
/**/ *html .sc  { height: 250px;} /**/ 


.sc .bighead { position: relative;}
.sc .bighead h1 { border-bottom: solid 5px #729da7; color:#fff; font-size: 32px; line-height: 32px; letter-spacing: -1px; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px; text-transform: lowercase;}

/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.sc .bighead .nav { overflow: hidden; margin: 0px 0px 30px 0px; font-size: 13px; font-size: 10px; line-height: 10px; font-weight: bold; width: 100px; text-align: right;}
.sc .bighead .nav .left { float: left; background: url(nav-left.png) no-repeat left; padding-left: 12px; }
.sc .bighead .nav .right { float: right; background: url(nav-right.png) no-repeat right; padding-right: 12px; }
.sc .bighead .nav a { cursor: hand; color:#99cc00;}

/* Index
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.ind h1 { color:#ffffcc; font: normal 25px/25px "Trebuchet MS"; letter-spacing: -1px; padding-bottom: 5px; }
.ind h2 { color:#ff9999; font-size: 16px; letter-spacing: -1px; padding: 10px 0px; text-transform: lowercase;}
.ind p { padding: 7px 0px; line-height: 17px; font-size: 12px;  }

.ind .list ul { padding: 0px 0px 0px 0px; margin: 0px; width: 100%; float: left;} 
.ind .list li { margin: 0px; padding: 0px; list-style-type: none; display: inline;}
.ind .list li a { margin: 0px 5px 2px 0px; padding: 0px; float: left;}
.ind .list em { display: none;}


.title { font: normal 25px/25px "Trebuchet MS"; padding: 0px; margin: 0px;}

/* Central - Entry
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post { margin-bottom: 30px;}
.post h1 { font: normal 25px/25px "Trebuchet MS"; letter-spacing: -1px; padding-bottom: 5px; }

.p-head { position: relative; margin-bottom: 20px; }

.p-date { background: url(p-date-ico.png) no-repeat left top; padding: 0px 0px 5px 15px; margin-bottom: 4px; border-bottom: solid 1px #729da7; color:#cccc99;}
.p-date a { color:#cccc99; text-decoration: none;}

.p-tag { background: url(p-tag-ico.png) no-repeat left 1px; padding-left: 15px; color:#83afbb; }
.p-tag a { color:#83afbb;}

.p-con { font-size: 12px; line-height: 18px; color:#d4e6e6; }
.p-con p { font-size: 12px; line-height: 18px; color:#d4e6e6; padding: 7px 0px;}
.p-con ol { padding: 10px 0px; margin-left: 35px;}
.p-con ol li { padding: 2px 0px; font-size: 12px; line-height: 16px; }
.p-con ul { padding: 10px 0px; margin-left: 20px;}
.p-con ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url(p-con-li.png) no-repeat left top; font-size: 12px; line-height: 16px; color:#8a9ba0;}

.p-con blockquote { border-top: dashed 1px #627f87; border-bottom: dashed 1px #627f87; margin: 10px 0px; color:#cccc99; }
.p-con blockquote p { font: italic 13px/18px 'Georgia'; padding: 5px 0px; margin: 5px 0px; color:#cccc99;}
.p-con blockquote li { padding: 3px 0px 3px 15px; list-style-type: none; background: url(post-con-li.png) no-repeat left top; font-size: 13px; line-height: 18px; }

.p-con h1 { font: normal 21px/21px "Trebuchet MS"; letter-spacing: -1px; padding: 7px 0px; margin: 0px; }
.p-con h2 { font: normal 18px/18px "Trebuchet MS"; letter-spacing: -1px; padding: 6px 0px; margin: 0px;}
.p-con h3 { font: bold 14px/14px "Trebuchet MS"; padding: 5px 0px; margin: 0px; color:#fff; }


/* Category News
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.cat { float: left;}
.cat .post { margin-bottom: 30px;}
.cat .p-head { background: url(dotted-single.png) repeat-x bottom; margin-bottom: 0px; padding-bottom: 10px; font-size: 10px;}
.cat .p-head h2 { font: normal 19px/19px "Trebuchet MS"; padding-bottom: 2px; color:#fff;}
.cat .p-head h2 a, .p-head h2 a:visited, .p-head h2 a:hover { text-decoration: none;}
.cat .p-date { color:#cccc99; border-bottom: none; padding: 1px 0px 1px 15px; margin-bottom: 0px;}
.cat .p-tag { padding: 1px 0px 1px 15px; }
.cat .p-com { background: url(p-com-ico.png) no-repeat left 3px; padding: 1px 0px 1px 15px; }
.cat .p-con { padding-bottom: 5px; color:#aac9c9;}
.cat .p-con p { font-size: 11px; line-height: 16px; padding: 5px 0px; color:#aac9c9;}
.cat .fullentry { font-size: 10px; text-align: right; padding-top: 5px; background: url(dotted-single.png) repeat-x top; }
.cat .fullentry a { font-weight: bold; padding-right: 15px; background: url(fullentry.png) no-repeat right 2px;}


.list { width: 424px; float: left; margin-bottom: 10px;}
.list ul { padding: 0px; margin: 0px; }
.list ul li { padding: 0px; margin: 0px 14px 10px 0px; list-style-type: none; display: inline; float: left; }

/* Extra Comments
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comments { width: 860px; margin: 0 auto; padding-bottom: 20px;}
.comments h3 { font: normal 19px/19px "Trebuchet MS"; letter-spacing: -1px; padding: 0px; margin: 0px; width: 424px;}

/* Comment Entry
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.com-top { position: relative; padding: 40px 0px; width: 860px;}
.com-top .com-rss { position: absolute; top: 40px; left: 460px; font: normal 14px/14px "Trebuchet MS"; padding: 0px; margin: 0px;}
.com-top .com-rss img { vertical-align: middle; }


.com-entry { padding: 25px 0px 20px 0px; color:#8b9a9a; line-height: 15px; background: url(dotted-single.png) repeat-x top; position: relative; width: 860px; min-height: 80px;}
/**/ *html .com-entry  { height: 80px;} /**/ 
.com-head { position: absolute; top: 25px; left: 454px; width: 250px; float: left;}
.com-head .avt-nr { background: url(avt-nr.png) no-repeat left top; width: 54px; height: 75px; float: left; text-align: center;}
.com-head .avt-nr .nr { font: bold 16px "Trebuchet MS"; color:#a7b7a9; letter-spacing: -1px; padding: 5px 0px 0px 0px; margin: 0px; letter-spacing: -1px;}
.com-head .avt-nr .avt { padding: 10px 0px 0px 0px; margin: 0px;}
.com-head .avt-nr .avt img { border: solid 1px #576659; }
.com-head .name-date { float: right; width: 185px; padding: 5px 0px;}
.com-head .name-date .name { font: bold 14px/14px "Trebuchet MS"; color:#8b9a9a; padding: 0px; margin: 0px;}
.com-head .name-date .date { font-size: 9px; line-height: 13px; padding: 0px; margin: 0px; }
.com-head .name-date .date a, .com-head .name-date .date a:visited, .com-head .name-date .head .date a:hover { color:#546267; text-decoration: underline; }
.com-con { width: 424px; font: normal 12px/18px "Verdana";}
.com-con p { font: normal 12px/18px "Verdana"; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; }
.com-con p a { color:#8b9a9a; text-decoration: underline;}

.com-con code { font-size: 11px; line-height: 14px; display: block; background: url(dotted-left.png) repeat-y left; padding: 10px; color:#647474;}
.com-con blockquote { font: italic 11px/14px "Verdana"; padding-left: 10px; color:#647474; margin-left: 0px; background: url(dotted-left.png) repeat-y left;}
.com-con blockquote p { font: italic 11px/14px "Verdana";}

/* Admin Comments
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.admin {} 
.admin .com-head .avt-nr { background: url(avt-nr-admin.png) no-repeat left top;}
.admin .com-head .avt-nr .nr { color:#fff;}
.admin .com-head .name-date .name { color:#ff8181; }
.admin .com-head .avt-nr .avt img { border: solid 1px #fff; }
.admin .com-con { color:#fff;}
.admin .com-con p a { color:#fff; text-decoration: underline;}
.admin .com-con code { font-size: 11px; line-height: 14px; display: block; border-left: dashed 1px #647474; padding-left: 10px; color:#c9d4d4;}


/* Ping Entry
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.trackback { margin-top: 60px;}
.trackback h3 { padding: 0px 0px 10px 0px; margin: 0px; background: url(dotted-single.png) repeat-x bottom; width: 860px;}
.trackback .track-entry { padding: 5px 0px; color:#a5afb2; background: url(dotted-single.png) repeat-x bottom; width: 860px;}


/* Comments Form
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.com-form { position: relative; padding: 0px; margin: 60px 0px 40px 0px; color:#8b9a9a; }
.com-form h3 { color:#fff; padding: 0px; margin: 0px;}

.com-form .f1 { position: absolute; top: 30px; left: 454px; width: 250px;}

.com-form form label { padding: 8px 0px; margin: 0px; display: block;}
.com-form form small { font-size: 12px;}
.com-form form p { padding: 0px; margin: 0px; }
.com-form form small strong { color:#ff8181; }
.com-form form { padding: 0px; margin: 0px; }
.com-form .txt { border: none; padding: 8px 30px 8px 40px; color:#fff; width: 180px; height: 16px; font: normal 12px/16px "Verdana";  }
.com-form .inname { background:url(com-form-inname.png) no-repeat;}
.com-form .inemail { background:url(com-form-inemail.png) no-repeat;}
.com-form .inurl { background:url(com-form-inurl.png) no-repeat;}

.com-form button { float: left; cursor: pointer; text-indent: -1000em; width: 96px; height: 31px; border: none; background: url(com-form-button.png) no-repeat; margin-top: 15px; }
.com-form form textarea { border: none; background:url(com-form-textarea.png) no-repeat; color:#fff; font: normal 12px/18px "Verdana";}



/* Side Right
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.sr { width: 406px; float: right; color:#7a9f9f; margin-bottom: 20px;}
.sr li { list-style-type: none;}
.sr h3 { font-size: 18px; font-weight: normal; padding: 0px; margin: 0px; text-transform: lowercase;}

.s1 { width: 250px; float: left;}
.s1 h3 { color: #ff9999;}


.archive { padding: 0px; margin: 0px; list-style-type: none; display: inline; float: right; margin-top: 5px;}
.archive em { display: none; margin: 0; padding: 0; line-height: 0px;}
.archive a { display: block; background: url(latest-archive.png) no-repeat left top; width: 63px; height: 22px;}
.archive a:hover { background-position: left -22px; }

/* Side Right 1 - Latest Blog
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s1 .latest-blog { margin-bottom: 30px;}
.s1 .latest-blog h3 strong { background: url(latest-h2.png) no-repeat left bottom; padding-bottom: 15px; color:#fff; display: block; letter-spacing: -1px; font-size: 20px;}
.s1 .latest-blog li { padding: 4px 0px 6px 0px; background: url(dotted-single.png) repeat-x bottom; font-size: 11px; line-height: 11px; }
.s1 .latest-blog li a:hover { text-decoration: none;}
.s1 .latest-blog li small { font-size: 10px;}

.s1 .latest-blog .date { display: none;}
.s1 .latest-blog .comnr {}

/* Side Right 1 - Latest News
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s1 .latest-news { margin-bottom: 30px;}
.s1 .latest-news h3 strong { background: url(latest-h2.png) no-repeat left bottom; padding-bottom: 15px; color:#fff; display: block; letter-spacing: -1px; font-size: 20px;}
.s1 .latest-news li { padding: 4px 0px 6px 0px; background: url(dotted-single.png) repeat-x bottom; font-size: 11px; line-height: 11px; }
.s1 .latest-news li a:hover { text-decoration: none;}
.s1 .latest-news li small { font-size: 10px;}

.s1 .latest-news .date {}
.s1 .latest-news .comnr { display: none;}

/* Side Right 1 - Featured On
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s1 .featuredon { color:#999; margin-bottom: 30px;}
.s1 .featuredon h3 { background: url(featured-h2.png) no-repeat center bottom; padding-bottom: 15px; font-size: 14px; font-weight: bold; margin-bottom: 0px;}
.s1 .featuredon ul { padding: 0px; margin: 0px;}
.s1 .featuredon li { padding: 1px 0px; margin: 0px; font-size: 11px;}

/* Side Right 1 - Testimonials
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s1 .testimon { margin-bottom: 25px;}
.s1 .testimon h3 { font-size: 14px; background: none; padding: 0px; margin: 0px; }
.s1 .testimon small { font-size: 10px;}
.s1 .testimon p { padding: 35px 20px 0px 20px; margin: 0px; font: normal 11px/15px Georgia, "Times New Roman", Times, serif; color:#a8c9c9; background:url(testimon.png) no-repeat center top; }


.s1 .expertise { margin-bottom: 25px;}
.s1 .expertise h3 { background: url(latest-h2.png) no-repeat left bottom; padding-bottom: 15px; color:#fff; display: block; letter-spacing: -1px; font-size: 20px;}
.s1 .expertise li { padding: 7px 0px; margin: 0px; font-size: 11px; line-height: 15px; background: url(dotted-single.png) repeat-x bottom;}
.s1 .expertise li strong { display: block; color:#fff; font-weight: normal;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.s2 { width: 126px; float: right;}
.s2 h3 { font-size: 14px; font-weight: bold; padding: 5px 0px 5px 0px; margin: 0px; color:#8dd88d;} 

.s2 .list { margin-bottom: 20px;}
.s2 .list ul { padding: 0px; margin: 0px; width: 100%; float: left;} 
.s2 .list li { margin: 0px; padding: 0px; list-style-type: none; display: inline;}
.s2 .list li a { margin: 0px 5px 2px 0px; padding: 0px; float: left;}
.s2 .list a img {  background:url(listbkg.gif) no-repeat left top; padding: 2px 2px 12px 2px; margin: 0px; }
.s2 .list a:hover img {  background: url(listbkg.gif) no-repeat left bottom;  padding:  2px 2px 12px 2px; margin: 0px; }
.s2 .list em { display: none;}

.s2 .links { margin-bottom: 20px;}
.s2 .links ul { padding: 0px; margin: 0px;} 
.s2 .links li { margin: 0px; padding: 1px 0px 1px 7px; list-style-type: none; font-size: 10px; background: url(links-ico.png) no-repeat left 6px;}

.s2 .adv { margin-bottom: 20px;}
.s2 .adv p { padding: 0px; margin: 0px; font-size: 9px; padding-top: 5px; background: url(dotted-single.png) repeat-x top;}




/* Extra +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.extra { background:#06181e url(extra.png) repeat-x top; width: 100%; margin: 0px; padding: 0px; float: left; }
.extra-top { overflow: hidden; position: relative; background: url(com-top.png) no-repeat top; width: 860px; margin: 0 auto; }

/* Footer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer { background: url(dotted-single.png) repeat-x top; width: 860px; margin: 0 auto; position: relative;}
.footer p { color:#647278; padding: 20px 0px; margin: 0px;}
.footer p a { color:#647278; text-decoration: underline;}
.footer p img { vertical-align: middle;}

.footer .wherefrom em { display: none; }
.footer .wherefrom a { background: url(footer-where-from.png) no-repeat; width: 101px; height: 19px; float: left; top: 18px; position: absolute; right: 0px;}


/**/ *html .contactform textarea  { width: 306px; } /**/ 
/**/ *html .contactform  { height: 281px; } /**/ 
.contactform { background: url(cf-bkg.png) no-repeat top; min-height: 281px; padding: 35px 45px; width: 334px; margin-top: 20px; color:#81949b; font-size: 11px;}
.contactform input.txt { background: url(cf-txt.png) no-repeat left; padding: 5px 10px; color:#999; width: 195px; border: none; color:#d0dfe4;}
.contactform textarea { background: url(cf-textarea.png) no-repeat left; padding: 10px; margin-top: 3px; width: 334px; height: 95px; border: none; color:#d0dfe4; }
.contactform strong { color:#ff6600;}
.contactform .button { text-align: right; margin-top: 10px;}
.cf-error { color:#ff6600; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; font-size: 11px;}
.cf-success { color:#81bd00; padding: 7px 0px; margin: 7px 0px; }


.contactleft { width: 119px; white-space: pre; text-align: left; clear: both; float: left; display: inline; padding: 4px 0px; margin: 4px 0px; } 
.contactright { width: 214px; text-align: left; float: right; display: inline; padding: 2px 0px; margin: 2px 0px;}