/*   
Theme Name: The Design Inspiration
Theme URI: The-Design-Inspiration
Description: The Design Inspiration
Version: a-number--optional
.
General comments/License Statement if any.
.
*/

* {
padding:0;
margin:0;
}

body { 
width: 100%;
background: #FFFFFF; 
background: url(images/mid-bg.jpg) repeat-y top;
} 


#bigcontainer {
background: url(images/bigheader-bg.jpg) no-repeat top;
}

#container {
margin-left:auto;
margin-right:auto;
width: 1000px;
text-align: center;
}



#menubar-outer {
background: url(images/topbar2bg.png) center top;
text-align: center;

}

#menubar {
height:46px;
}

#menubar #box {
width: 946px;
margin-right: 27px;
margin-right: 27px;
padding-top:5px;
display:block;
margin-left:auto;
margin-right:auto;
text-align: left;
}

#menubar #box .left {

text-align: left;
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#4e4e4e;
margin-left:8px;
padding-top:2px;
float:left;
}

#menubar #box .left input{
border-width:1px;
border-style:solid;
border-color:#a9a9a9;
height:15px;
}

#menubar #box .left .searchbar{
border-width:1px;
border-style:solid;
border-color:#a9a9a9;
height:15px;
width:200px;
}

#menubar #box .left .submit{
background:transparent none repeat scroll 0 0;
border:0 none;
font-family:Arial;
font-size:11px;
font-weight:bold;
height:18px;
}

#menubar #box .left ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#menubar #box .left li
{
background-image: url(images/submit-pic.png);
background-repeat: no-repeat;
padding-left: .1em;
display: inline; 
margin-left:3px;
padding-left:3px;
}

#menubar #box .left a {
text-decoration:none;
padding-left:18px;
font-family:Georgia;
font-size:14px;
font-weight:bold;
font-style:italic;
color:#c4c6c6;
}

#menubar #box .left a:hover {
color:#edc72f;
}

#menubar #box .right{
float:right;
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#4e4e4e;
text-align: right;
margin-right:10px;
padding-top:2px;
}

#menubar #box .right a {
text-decoration:none;
padding-left:18px;
font-family:Georgia;
font-size:14px;
font-weight:bold;
font-style:italic;
color:#edc72f;
}

#menubar #box .right a:hover {
color:#c4c6c6;
}

#menubar #box .right ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#menubar #box .right li
{
background-image: url(images/leaf.png);
background-repeat: no-repeat;
padding-left: .1em;
display: inline; 
margin-left:3px;
padding-left:3px;
}

#menubar #box .left li.feed
{
background-image: url(images/feed1.png);
background-repeat: no-repeat;
padding-left: .1em;
display: inline; 
margin-left:3px;
padding-left:3px;
}

#menubar #box .right .rss {
background: url(images/feed.png) no-repeat left center;
margin-right:25px;
}

#menubar #box .right li.find {
background-image: url(images/find.png);
background-repeat: no-repeat;
padding-left: .1em;
display: inline; 
margin-left:3px;
padding-left:3px;
}


#menubar #box .right .email{
background: url(images/mail.png) no-repeat left center;
}

#header {

height: 80px;
width: 980px;
margin-left: 25px;
margin-right: 5px;
margin-top:3px;
margin-bottom:5px;

}

#header #main-logo {
display:inline;
float:left;
height:60px;
margin-left:5px;
margin-top:7px;
text-align:center;
background: url(images/main-logo.png) no-repeat center center;
width:380px;
}

#header #main-logo h1{
	text-indent: -9999px; 
	overflow: hidden; 
	margin: 0; 
	padding: 0; 
	border: 0;
font-size:1px;
line-height:1px;
}

#header #main-logo a{
display:block;
margin-top:0px;
text-decoration:none;
}

#header #main-logo a img{
border:0;
}

#content {
text-align: center
width: 100%;

  min-height:400px;
  height:auto !important;
  height:400px;


}


#header img {
border:0;
}

#header a {

}




/* ==================== Section Line  =====================*/

#content .section-line {
background: url(images/section-line.png) no-repeat left top;
height: 31px;
/* width:  946px; */
margin-left: 27px;
text-align: left;
margin-bottom: 18px;
}

#content .section-line h2 {
font-family: Georgia;
font-weight:bold;
font-size: 13px;
display:inline;
float:left;
}

#content .section-line h6 {
display:inline;
float:right;
font-family:Georgia;
font-size:12px;
font-weight:bold;
margin-right:48px;
margin-top:7px;
color:#666666;
}


#content .section-line h6 a{
text-decoration:none;
color:#666666;
}

#content .section-line h6 a:hover {
color:#1C71C4;
}

#content .page-line {
background: url(images/page-line.png) no-repeat left top;
height: 31px;
/* width:  946px; */
margin-left: 27px;
text-align: left;
margin-bottom: 18px;
}


/* ==================== Article Section =====================*/

#content #articles-section {
width: 100%;
}

#content #articles-section .images-list {
text-align: center;
margin-left: 27px;
}

#content #articles-section .section-line h2 {
margin-left: 23px;
padding-top:  8px;
color: #515151;
}

/* ==================== Sponsors Section =====================*/

#content #sponsor-section {
width: 100%;
}

#content #sponsor-section .images-list {
text-align: center;
margin-left: 27px;
}

#content #sponsor-section .section-line h2 {
margin-left: 23px;
padding-top:  8px;
color: brown;
}


/* ==================== Logo Section =====================*/

#content #logo-section {
width: 100%;
}

#content #logo-section .images-list {
text-align: center;
margin-left: 27px;
}

#content #logo-section .section-line h2 {
margin-left: 23px;
padding-top:  8px;
color: #1c71c4;
}

/* ==================== Illustrations Section =====================*/

#content #illu-section {
width: 100%;
}

#content #illu-section .images-list {
text-align: center;
margin-left: 27px;
}

#content #illu-section .section-line h2 {
margin-left: 23px;
padding-top:  8px;
color: #1cc43d;
}

/* ==================== Web Site Section =====================*/

#content #site-section {
width: 100%;
}

#content #site-section .images-list {
text-align: center;
margin-left: 27px;
}

#content #site-section .section-line h2 {
margin-left: 23px;
padding-top:  8px;
color: #c41c2f;
}

/* ==================== Photo Section =====================*/

#content #photo-section {
width: 100%;
}

#content #photo-section .images-list {
text-align: center;
margin-left: 27px;
}

#content #photo-section .section-line h2 {
margin-left: 23px;
padding-top:  8px;
color: #a520c5;
}

/* ==================== Color Section =====================*/

#content #color-section {
width: 100%;
}

#content #color-section .images-list {
text-align: center;
margin-left: 27px;
}

#content #color-section .section-line h2 {
margin-left: 23px;
padding-top:  8px;
color: #c4871c;
}



/* ==================== Font Section =====================*/

#content #fonts-section {
width: 100%;
}

#content #fonts-section .images-list {
text-align: center;
margin-left: 27px;
}

#content #fonts-section .section-line h2 {
margin-left: 23px;
padding-top:  8px;
color: #fa7ab6;
}


/* ==================== Business Cards Section =====================*/

#content #businesscards-section {
width: 100%;
}

#content #businesscards-section .images-list {
text-align: center;
margin-left: 27px;
}

#content #businesscards-section .section-line h2 {
margin-left: 23px;
padding-top:  8px;
color: #693600;
}

/* ==================== Single Image Item Section =====================*/

#content .images-list .image-item {
display: inline;
float: left;
margin-right: 24px;
margin-bottom: 22px;
padding: 1px;
width: 166px;
border: solid 1px #e0dfdf;
}

#content .images-list .image-item-big-container {
width:582px;
float:left;
margin-bottom:22px;
}


#content .images-list .image-item-big-container .image-item-article {
display: inline;
float: left;
margin-right: 24px;
/* margin-bottom: 22px; */
padding: 1px;
width: 554px;
border: solid 0px #e0dfdf;
}

#content .images-list .image-item-big-container .image-item-article h1{
font-family:Arial;
font-size:16px;
font-weight:bold;
color:#1C71C4;
text-align:left;
padding-bottom:10px;
}

#content .images-list .image-item-big-container .image-item-article h2{
font-family:Arial;
font-size:15px;
font-weight:bold;
color:#1C71C4;
text-align:left;
padding-top:10px;
}

#content .images-list .image-item-big-container .image-item-article h3{
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#666666;
text-align:right;
padding-top:10px;
}

#content .images-list .image-item-big-container .image-item-article h4{
font-family:Arial;
font-size:15px;
font-weight:bold;
color:#A520C5;
text-align:left;
padding-top:10px;
padding-bottom:10px;
}


#content .images-list .image-item-big-container .image-item-article a {
color:#A520C5;
text-decoration:none;
font-weight:bold;
}

#content .images-list .image-item-big-container .image-item-article a:hover {
color:#1C71C4;
}

#content .images-list .image-item-big-container .image-item-article img {
border:1px solid #999999;
margin-top:10px;
margin-bottom:10px;
}

#content .images-list .image-item-big-container .image-item-article p{
font-family:Arial;
font-size:12px;
line-height:1.6em;
color:#666666;
text-align:left;
margin-bottom:10px;
}


#content .images-list .image-item-big-container .image-item-related-article {
display: inline;
float: left;
margin-right: 24px;
margin-bottom: 12px;
padding: 1px;
text-align:left;
width:554px;
}

#content .images-list .image-item-big-container .image-item-related-article img{
border:1px solid #999999;
margin-left:2px;
margin-right:2px;
margin-bottom:10px;
padding:1px;
}


#content .images-list .image-item-big-container .image-item-social {
display: inline;
float: left;
margin-right: 24px;
margin-bottom: 12px;
padding: 1px;
text-align:left;
width:554px;
}


#content .images-list .image-item-big-container .image-item-social img{
border:0;
vertical-align:top;
}

#content .images-list .image-item-big-container .image-item-social  a{
padding-top:10px;
color:#A520C5;
font-weight:bold;
font-family:Arial;
font-size:12px;
font-style:normal;
text-decoration:none;
}

#content .images-list .image-item-big-container .image-item-social a:hover {
color:#666666;
}



#content .images-list .image-item-big-container .image-item-big {
display: inline;
float: left;
margin-right: 24px;
padding: 1px;
width: 554px;
border: solid 1px #e0dfdf;
}

#content .images-list .image-item-big-container .image-item-big img {
width:552px;
border: 0px;
}

#content .images-list .image-item-big-container .image-item-big  a {
text-decoration: none;
border: solid 1px #999999;
display: block;
}


#content .images-list .image-item-number {
border:0px;
margin-bottom: 10px;
font-family:Arial;
font-size:12px;
color:#666666;
font-weight:bold;
text-align:left;
}

#content .images-list .image-item-related {
display: inline;
float: left;
margin-bottom: 22px;
padding: 1px;
width: 360px;
border: solid 0px #e0dfdf;
}


#content .images-list .image-item-related img{
border:1px solid #e0dfdf;
}

#content .images-list .image-item-related a{
display:inline-block;
padding:4px;
margin-bottom:8px;
margin-right:2px;
border: 1px solid #e0dfdf;
}

#content .images-list .image-item-related a:hover{
border: 1px solid #a520d3;
}


#content .images-list .article-related ul{
text-align:left;
padding-bottom:20px;
padding-left:25px;
}

#content .images-list .article-related ul li{
padding-bottom:5px;
}

#content .images-list .article-related ul li a{
font-family:Arial;
text-decoration:none;
color:#A520C5;
font-size:12px;
font-weight:bold;
padding-bottom:5px;
}

#content .images-list .article-related ul li a:hover{
color:#1C71C4;
}


#content .images-list .image-item-side {
display: inline;
float: left;
margin-bottom: 22px;
padding: 1px;
width: 360px;
border: solid 1px #e0dfdf;
}


#content .images-list .image-item .image-info {
background: url(images/image-info-bg.jpg) repeat-x top;
margin-top: 1px;
margin-left: -2px;
padding-left: 2px;
width: 168px;
height: 18px;
border-top: solid 1px #e0dfdf;
}




#content .images-list .image-item a {
text-decoration: none;
border: solid 1px #999999;
display: block;

}


#content .images-list .image-item a.articles-link:hover{
border-color: #252525;
}

#content .images-list .image-item a.articles-title-link:hover {
text-decoration: none;
border:0;
color:#6D6D6D;
}

#content .images-list .image-item a.articles-title-link {
text-decoration: none;
border:0;
color:#252525;
}



#content .images-list .image-item a.logo-link:hover{
border-color: #1c71c4;
}

#content .images-list .image-item a.logo-title-link:hover {
text-decoration: none;
border:0;
color:#6D6D6D;
}

#content .images-list .image-item a.logo-title-link {
text-decoration: none;
border:0;
color:#1c71c4;
}

#content .images-list .image-item a.illu-link:hover{
border-color: #1cc43d;
}

#content .images-list .image-item a.illu-title-link:hover {
text-decoration: none;
border:0;
color:#6D6D6D;
}

#content .images-list .image-item a.illu-title-link {
text-decoration: none;
border:0;
color:#1cc43d;
}

#content .images-list .image-item a.site-link:hover{
border-color: #c41c2f;
}

#content .images-list .image-item a.site-title-link:hover {
text-decoration: none;
border:0;
color:#6D6D6D;
}

#content .images-list .image-item a.site-title-link {
text-decoration: none;
border:0;
color:#c41c2f;
}

#content .images-list .image-item a.photo-link:hover{
border-color: #a520c5;
}

#content .images-list .image-item a.photo-title-link:hover {
text-decoration: none;
border:0;
color:#6D6D6D;
}

#content .images-list .image-item a.photo-title-link {
text-decoration: none;
border:0;
color:#a520c5;
}

#content .images-list .image-item a.color-link:hover{
border-color: #c4871c;
}

#content .images-list .image-item a.color-title-link:hover {
text-decoration: none;
border:0;
color:#6D6D6D;
}

#content .images-list .image-item a.color-title-link {
text-decoration: none;
border:0;
color:#c4871c;
}


#content .images-list .image-item a.fonts-link:hover{
border-color: #fa7ab6;
}

#content .images-list .image-item a.fonts-title-link:hover {
text-decoration: none;
border:0;
color:#6D6D6D;
}

#content .images-list .image-item a.fonts-title-link {
text-decoration: none;
border:0;
color:#fa7ab6;
}


#content .images-list .image-item a.businesscards-link:hover{
border-color: #693600;
}

#content .images-list .image-item a.businesscards-title-link:hover {
text-decoration: none;
border:0;
color:#6D6D6D;
}

#content .images-list .image-item a.businesscards-title-link {
text-decoration: none;
border:0;
color:#693600;
}

#content .images-list .image-item img {
width:164px;
height:122px;
border: 0px;
}

#content .images-list .image-item .image-name {
float: left;
display: inline;
margin-top: 4px;
margin-left: 3px;
/* font-family: Georgia;  */
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
color: #6d6d6d;
}


#content .images-list .image-item .image-comment {
float: right;
display: inline;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
color: #A520C5;
margin-left:3px;
margin-right:5px;
background: url(http://thedesigninspiration.com/wp-content/uploads/2009/03/sort.png);
width:16px;
height:14px;
margin-top:1px;
padding-top:2px;
}


#content .images-list .image-item .image-comment a{
border:0;
text-decroation:none;
color: #A520C5;
}

#content .images-list .image-item .image-comment a:hover{
color:#999999;
}

#content .images-list .image-item .image-view {
float: right;
display: inline;
margin-top: 4px;
margin-right: 3px;
/* font-family: Georgia;  */
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
color: #6d6d6d;
}


#content #comment-container {
font-family:Arial;
text-align:left;
}

#content #comment-container .odd {
background-color:#EEEEEE;
background-image:url(images/quote.gif);
}

#content #comment-container .even {
background-color:#FFFFFF;
background-image:url(images/quote.gif);
}


#content #comment-container  ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#content #comment-container  ul li {
background-position:13px 13px;
background-repeat:no-repeat;
color:#CCCCCC;
font-size:10px;
line-height:1.6em;
padding:10px 10px 5px 50px;
}


#content #comment-container  ul li h5 {
color:#1C71C4;
font-size:12px;
font-weight:bold;
}

#content #comment-container  ul li h5 a{
color:#1C71C4;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#content #comment-container  ul li h6{
color:#666666;
font-size:11px;
font-weight:400;
margin-bottom:10px;
}

#content #comment-container  ul li div p{
color:#000000;
font-size:11px;
line-height:1.6em;
margin-bottom:10px;
}




/* ==================== Footer Section =====================*/

#footer {
background: url(images/footer-bg-3.png) no-repeat bottom;
height: 238px;
}

#footer p {
font-family: Georgia;
font-weight:bold;
font-style: italic;
font-size: 13px;
color: #ffffff;
text-align:center;
}

#footer #footerbox {
width:1000px;
margin-left:auto;
margin-right:auto;
text-align:left;


}

#footer #footerbox .left {
float:left;
display:inline;
width:400px;
margin-left:27px;

}

#footer #footerbox .left p {
color:#000000;
font-family:Arial;
font-size:11px;
font-style:normal;
font-weight:normal;
line-height:17px;
margin-bottom:10px;
margin-top:5px;
padding-right:30px;
text-align:left;
}

#footer #footerbox .middle {
float:left;
display:inline;
width:140px;
}

#footer #footerbox .middle ul{
list-style-type: none;
margin-top:5px;
}

#footer #footerbox .middle ul li { 
margin-bottom:3px;
}

#footer #footerbox .middle ul li a{
color:#306aa0;
font-weight:bold;
font-family:Arial;
font-size:12px;
font-style:normal;
text-decoration:none;
}

#footer #footerbox .middle ul li a:hover {
color:#A520C5;
}


#footer #footerbox .right {
float:right;
display:inline;
margin-right:27px;
width:380px;
}


#footer #footerbox .right ul
{
list-style-type: none;
padding: 0;
margin: 0;
padding-top:5px;
}

#footer #footerbox .right li
{
background-image: url(images/blog.png);
background-repeat: no-repeat;
padding-left: 1.2em;
background-position:0 2px;
margin-top:3px;
}


#footer #footerbox .right a{
padding-top:10px;
color:#A520C5;
font-weight:bold;
font-family:Arial;
font-size:12px;
font-style:normal;
text-decoration:none;
}

#footer #footerbox .right a:hover {
color:#666666;
}

#footer #footerbox .links {
display:inline;
float:left;
margin-left:27px;
padding-top:5px;
}


#footer #footerbox .links p {
color:#000000;
font-family:Arial;
font-size:11px;
font-style:normal;
font-weight:normal;
text-align:right;
padding-top:5px;
}


#footer #footerbox .links p a {
color:#306AA0;
font-family:Arial;
font-size:12px;
font-style:normal;
font-weight:bold;
text-decoration:none;
}

#footer #footerbox .links p a:hover {
color:#A520C5;
}



/* caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 0.6em;	
	font-weight: bold;
	font-size: 11px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143; 
	background: #000000;
}
.caption-top {
   border-width: 0px 0px 3px 0px;
}
.caption-bottom {
  border-width: 3px 0px 0px 0px; 
}

/*
.caption a, .caption a {
	border: 0 none; 
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}



.caption-wrapper {
	float: left;
}


*/
br.c { clear: both; }




/*==============================FORM ===========================*/

#content .images-list .image-rss-about {
display: inline;
float: left;
padding: 1px;
width: 360px;
background-color:none;
border-width:0;
height:55px;
margin-bottom:15px;
background: url(images/rss-bg.png) left bottom no-repeat;
}

#content .images-list .image-rss-about p{
padding-top:30px;
padding-left:60px;
}

#content .images-list .image-rss-about p img{
vertical-align:top;
border:0;
}


#content .images-list .image-item-about {
display: inline;
float: left;
margin-bottom: 22px;
padding: 1px;
width: 360px;
border: solid 1px #e0dfdf;
}


#content #about-container {
font-family:Arial;
text-align:left;
background-color:#EEEEEE;
font-family:Arial;
padding:10px;
}

#content #about-container h2 {
font-size:14px;
font-weight:bold;
color:#a520c5;
}

#content #about-container h6 {
color:#666666;
font-size:12px;
font-weight:400;
}


#content #about-container h5 {
color:#666666;
font-size:11px;
font-weight:400;
margin-top:5px;
}

#content #about-container h5 a{
color:#1C71C4;
text-decoration:none;
}

#content #about-container h5 a:hover {
color:#000000;
}


#content .images-list .image-item-big-container .image-item-source {
background:transparent url(http://thedesigninspiration.com/wp-content/themes/thedesigninspiration/images/source-bg.gif) no-repeat center bottom;
display: inline;
float: left;
margin-right: 24px;
margin-bottom: 10px;
width: 558px;
font-family:Arial;
font-size:10px;
text-align:center;
color:#666666;
padding-top:5px;
padding-bottom:8px;
}

#content .images-list .image-item-big-container .image-item-source a{
color:#1C71C4;
text-decoration:none;
}

#content .images-list .image-item-big-container .image-item-source a:hover{
color:#A520C5;
}




#content .images-list .image-item-big-container .image-item-sponsor {
background:transparent url(http://thedesigninspiration.com/wp-content/themes/thedesigninspiration/images/sponsors-bg.png) no-repeat left top;
display: inline;
float: left;
width: 558px;
height: 72px;
text-align:left;
margin-bottom:20px;
padding-left:16px;
padding-top:1px;
}



#content .images-list .image-item-big-container .image-item-comment {
display: inline;
float: left;
margin-right: 24px;
margin-bottom: 22px;
width: 554px;
border: solid 1px #e0dfdf;
}


.form {
padding-bottom:10px;
font-family:arial,helvetica,sans-serif;
background:white;
}

.formsparate {
width:244px;
float:left;
padding:5px 0 0 15px;

}

.form .forminput, .form textarea {
background-color:#f6f6f6;
border:solid 1px #dddddd;
width:228px;
padding:2px;
color:#666666;
float:left;
}

.form .forminput:focus, .form textarea:focus, .form .forminputver:focus {
border:solid 1px #1C71C4;
}


.form img {
border:solid 1px #dddddd;
float:left;
margin-left:10px;
}

.submitform {
font-family:arial,helvetica,sans-serif;
float:left;
margin-top:18px;
background-color: #f6f6f6;
border:solid 1px #dddddd;
cursor:pointer;
color:#525252;
font-weight:bold;
padding:2px 5px;
font-size:12px;
}

.formheader {
background-color:#f5f5f5;
padding:8px 10px;
border-bottom:solid 1px #e4e4e4;
}

.formheader h2  {
color:#666666;
font-weight:bold;
font-size:14px;
text-align:left;
}

.formheader h4 {
color:#666666;
font-size:11px;
font-weight:normal;
text-align:left;
}

.formlabel, .formlabelerror {
float:left;
color:#666666;
width:228px;
font-size:70%;
margin: 8px 0 3px 0;
display:inline;
text-align:left;
}

.formlabelerror {
color:#bf2a2a;
}

.formlabel em {
color:#1C71C4;
}


.today-ribbon {
background:transparent url(http://thedesigninspiration.com/wp-content/themes/thedesigninspiration/images/ribbon.png) no-repeat right top;
height:45px;
width:164px;
display:block;
position:absolute;
cursor:pointer;
cursor:hand;
}