@import url(http://www.downsdesign.com/wp-content/themes/downsdesign/forms.css);

/*
Theme Name: DownsDesign
Author: Eric Downs
Author URI: http://downsdesign.com
*/


/*  Reset CSS  */
/*  -------------------------------------------------------------------------  */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

a img { border: none; }

/*  -------------------------------------------------------------------------  */


/*gets rid of dotted line in FF ~~~~~~~~~~~~~~~~~~*/

a:active {
outline: none; }

a:focus {
-moz-outline-style: none; }

/*~~~~~~~~~~~~~~~~~~~~~*/
html {
min-height: 100%;}

a {
color: #792320;
text-decoration: none;
}

a:hover {
color: #444;
}


a img, a:visited img, a:active img, a:active img{
border: 0 none;
}

body {
color: #444;
font: normal 62.5%/2.0em arial, verdana, sans-serif;
padding-top: 0;
background-color: white;
}

ul ol {
}

/*li {
list-style: url('img/li.gif');
line-height: 2;
}*/

.line {
border-top: 1px solid #b8b8b8;
display: block;
height: 5px;
background-repeat: no-repeat;
background-position: center center;
margin: 10px 0 0;
width: 100%;
}


p {
margin: 0;
padding-top: 0;
line-height: 1.5em;
padding-bottom: 1.2em;
}

h1 {font: normal 25px/40px Georgia, "Times New Roman", Times, serif;
color: #792320;
margin-bottom: 20px;
}

h2 {
font: normal 2em Georgia, "Times New Roman", Times, serif;
color: #792320;
margin-bottom: 5px;
border-bottom: 1px dashed #f7c558;
padding-bottom: 10px;
border-style: none;
margin: 0;
}

h3 {
padding-bottom: 8px;
font-weight: bold;
color: #444;
margin: 0;
padding-top: 15px;
}

h4 {
margin: 0;
color: #792320;
padding-bottom: 15px;
font: normal 14px/22px arial, verdana, sans-serif;
padding-top: 15px;
}

code {
background: #FFF;
border-left: 6px solid #CCC;
color: #666;
display: block;
font: normal 1em Tahoma,sans-serif;
line-height: 1.6em;
margin-bottom: 12px;
padding: 8px 10px;
white-space: pre;
}

blockquote {
display: block;
font-weight: bold;
padding-left: 28px;
background-repeat: no-repeat;
}

/* misc */
.clearer {clear: both; font-size: 0;}

.left {
float: left;
margin-left: 0;
margin-top: 8px;
color: #444;
}
.right {float: right;
margin-top: 15px;
margin-right: 50px;
}

/* structure */

.outer-container {
padding-bottom: 0;
margin-top: 50px;
}

.outer-container-feat {
padding-bottom: 0;
margin-top: 0px;
}


.inner-container {
font-size: 1.2em;
margin: 0 auto;
padding: 0px 0px 87px;
width: 960px;
overflow: auto;
}


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

.header {
text-align: center;
background: #D6E2DE url(img/header.jpg) no-repeat;
height: 247px;
margin-bottom: 30px;
}

#top{
background-color: #eeeeee;
color: #b8b8b8;
margin-bottom: 30px;
padding-left: 20px;
height: 20px;
padding-top: 5px;
padding-bottom: 5px;
}

#top a{
color: gray;
text-decoration: underline;
}

.feat-copy{
padding-left: 20px;
padding-right: 30px;
display: inline;
float: left;
}

.blog {
height: 200px;
text-align: center;
float: right;
padding-top: 25px;
padding-right: 10px;
}

.links {
float: right;
padding-top: 0;
width: auto;
margin-left: 0;
height: 50px;
margin-top: 205px;
padding-right: 20px;
}

.links #c a {
background:url(http://www.downsdesign.com/test/nav/DD.jpg) repeat 0 0;
font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.links ul {
margin-left: 20px;
margin-bottom: 0;
margin-right: 0;
margin-top: 0;
list-style:none;
padding:0;
}

.links li {
display: inline;	
float:left;
width: auto;
margin:0;
text-align:center;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}

.links li a {
display: inline;
padding: 10px 30px;
color:#666666;
text-decoration:none;
background:url(http://www.downsdesign.com/test/nav/DD.jpg) repeat 0 0;
}

.links li a:hover,li a:focus,li a:active {
background-position: -150px 0;
}

.right{
float: right;
margin: 0;
padding: 0 10px 0 0;
}

.left{
float: left;
}

/* main */

#caja {
width: 850px;
display: none;
float: left;
}

#caja h1 {
margin: 0;
padding: 0;
}


#mostrar{
display:block;
width: auto;
height: 20px;
padding: 5px 5px 5px 0;
}


.form{
color: #bbb;
font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.form input.sendbutton	{ 
width:90px;
padding: 10px;
font-size: 10px;
background-color: #782320;
color: white;
border-style: none;
	margin-right: 0;
	margin-left: 7px;
	margin-bottom: 0;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

.form input.sendbutton:hover	{ 
background: #932b27;

}

.form .label{
margin-right: 10px;
background-color: #eeeeee;
}

.form .name{
border: 1px solid red;
margin-left: 6px;
font-weight: bold;
font-size: 11px;
}

.form .imput{
width: 150px;
height: 20px;
margin-bottom: 10px;
border: 1px solid #b8b8b8;
color: #444;
margin-left: 3px;
border: 2px solid #e6e6e6;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
color: #707070;
	padding-left: 3px;
}
.main {
height: auto;
width: 961px;
	float: right;
}

.main2 {
height: 500px;
width: 900px;
}

/* content */
.content {
float: right;
width: 569px;
height: auto;
padding: 0 20px 40px 38px;
border-left: 1px solid #ddd ;}

.content2 {
width: 475px;
height: 375px;
background-color: white;
margin-right: 30px;
padding: 20px;
float: right;
}

.sticker{
margin-right: auto;
margin-left: auto;
height: 800px;
background: url(http://www.downsdesign.com/wp-content/themes/downsdesign/img/sticker_head.jpg) no-repeat center top;
padding-top: 175px;
padding-left: 200px;
padding-right: 175px;
}

/*sticker form styling*/

.sticker .cform { 
width: 500px;
float: left;
text-align: left;
padding-left: 10px;
margin-bottom: 0;
margin-top: 10px;
margin-right: auto;
}

.sticker .cform textarea,
.sticker .cform input {
color: gray;
/*width: 500px;*/ 
height: 30px;
font: 15px Georgia, "Times New Roman", Times, serif;
vertical-align: text-bottom;
padding: 7px 10px 0 20px;
}

.sticker .cform input:hover,
.sticker .cform textarea:hover,
.sticker .cform select:hover	{
background: #eee; 
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
background:#F3F8F8;
padding-left: 20px;
}

.sticker .cform select, 
.sticker .cfselectmulti	{ 
height: 30px; 
font: 15px/30px Georgia, "Times New Roman", Times, serif;
padding-left: 20px;
color: gray;
width: 450px;
}

.sticker p.cf-sb {
padding: 0!important;
margin: 0;
text-align:right;
background-color: #eee;
}

.sticker .cform input.sendbutton	{ 
width: 200px;
height: 40px;
padding:5px; 
margin: 30px 3px 4px 0pt;
font-size: 15px;
border:1px solid #adadad!important;
border-left-color:#ececec!important; 
border-top-color:#ececec!important;
float: left;
background: #eee url(../images/button-bg.gif) repeat-x; 
}


/*sticker form styling*/




.sticker .ngg-singlepic {
background-color: gray;
display:inline;  
padding: 0;
vertical-align: baseline;
margin: 0;
}



.feature {
height: auto;
padding: 20px;
float: right;
width: 840px;
background-color: white;
text-align: left;
}

.feature_header {
width: 810px;
background-color: white;
float: left;
height: auto;
border-bottom: 1px solid #EEE;
margin: 0;
padding: 20px 30px 0;
}

.worksidebar {
width: 260px;
height: auto;
padding: 30px 20px 20px 40px;
margin-top: 0;
float: left;
}

.content li {
line-height: 1.4em;
list-style: url('img/li.gif');
margin-left: 18px;
}

.content p {
	font: 13px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.pagelogo {
height: auto;
width: 200px;
margin-left: 0;
padding-left: 80px;
padding-top: 20px;
float: left;
padding-bottom: 40px;
border-right: 1px solid #b8b8b8;
margin-top: 0;
}

.homelogo {
width: 200px;
height: auto;
float: right;
border-right: 1px solid #b8b8b8;
padding: 30px 40px 50px 30px;
margin-top: 20px;
}

.homelogo h2 {
text-transform: uppercase;
font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
color: gray;
padding-top: 10px;
padding-bottom: 5px;
}

.textbox{
width: 550px;
height: auto;
float: left;
padding-top: 30px;
padding-left: 30px;
padding-bottom: 20px;
}

.lost{
height: 300px;
text-align: center;
}


.twitterfeed{
padding-top: 20px;
color: gray;
}

.twitterfeed h2 {
color: #792320;
background-color: #eee;
padding: 10px 5px;
margin-bottom: 20px;
}

.twitterfeed h2 a {
font: normal 14px Georgia, "Times New Roman", Times, serif;
color: #792320;
background-color: #eee;
padding: 5px;
margin-bottom: 10px;
text-decoration: none;
}

.twitterfeed li{
list-style-type: none;
margin: 0;
padding: 0;
}

.twitterfeed a{
color: #b8b8b8;
text-decoration: underline;
font-style: italic;
}

.twitterfeed a:hover{
color: #444;
}

.twitterfeed .entry-content{
float: left;
clear: both;
width: 100%;
padding-bottom: 5px;
}

.twitterfeed .entry-meta{
float: right;
clear: both;
width: 100%;
}


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

.footer {
color: #b8b8b8;
width: 959px;
border-top: 1px solid #b8b8b8;
font: .9em sans-serif;
float: left;
	padding-top: 15px;
}

.footer-feat {
color: #b8b8b8;
height: 50px;
width: 900px;
/*border-top: 1px solid #b8b8b8;*/
font: .9em sans-serif;
}

.right-footer {
float: right;
margin: 0;
padding-right: 17px;
	width: 612px;
	text-align: right;
}

.footer a {
color: #b8b8b8;
text-decoration: none;
}
.footer a:hover {color: #444;}


.Contactsidebar{
	/*border: 1px solid red;*/
	float: left;
	width: 281px;
	padding-left: 14px;
	padding-top: 30px;
}

.Contactsidebar p{
	padding: 0 0 8px;
	margin: 0;
		font-size: 13px;
	line-height: 15px;
}

.Contactsidebar ul{
	margin: 0;
	padding: 0;
}

.Contactsidebar ul li{
	margin-bottom: 20px;
	list-style-type: none;
	padding-bottom: 7px;
}

.Contactsidebar h3,h4{
	padding: 0;
}

.Contactsidebar h3{
	font-size: 14px;
		border-bottom: 2px solid #ddd;
	margin-bottom: 6px;
	padding: 0 0 8px;
}

.subtext{
	color: #bbb;
	font-style: italic;
	font-size: 11px;
}


.sidebar{
	float: left;
	width: 281px;
	padding-left: 14px;
	margin-left: 14px;
}

.sidebar ul {
	padding-left: 5px;
}

.sidebar li {
	padding: 0;
	font-size: 13px;
	margin: 0;
	list-style-type: none;
	line-height: 25px;
}

.sidebar h3 {
	padding-bottom: 1px;
}


.facebook{
	margin: 0;
	padding: 0 16px 0 00px;
}

.emailholder{
	width: 612px;
	float: right;
	margin-top: 16px;
	/*border-top:1px solid #ddd ;*/
	padding-top: 12px;
}