/* 
	Theme Name: Robo-Basic
	Theme URI: http://www.DustyRobot.com
	Description: A custom theme created by Verdilak at <a href="http://www.DustyRobot.com">Dusty Robot Creative</a>.
	Author: Verdilak
	Author URI: http://www.verdilak.com
	Version: 1.0
*/

body  
{ 
background:#fff ;
background-image: url('images/main_bg.jpg');
background-repeat: no-repeat;
background-position: center top;
margin: 0px;
padding: 0 0 0 0;
}

br.clear {
clear: both;
}



/*------------------------------- Main Structure ----------------------------------*/

#container {
background-image: url('images/footer_bg.jpg');
background-repeat: no-repeat;
background-position: bottom center;
width: 820px;
height: auto;
border: none;
padding: 0 0 0 0;
margin: 0px 0px 20px 0px;
}

#header {
background-image: url('images/logo.jpg');
background-repeat: no-repeat;
background-position: 40px 30px;
width: 820px;
height: auto;
border: none;
padding: 140px 0 0 0;
margin: 0px 0px 0px 0px;
}

#nav {
width: 760px;
min-height: 15px;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding: 10px 0 10px 10px;
margin: 0 30px 0 30px;
text-align: left;
font-size: 12px;
color: #ccc;
font-family: Arial, Verdana, MS Sans;
}

#nav a {
padding-right: 20px;
padding-left:10px;
}

#content {
width: 740px;
height: auto;
border: none;
padding: 0 40px 30px 40px;
margin: 10px 0 0 0;
text-align: justify;
font-size: 12px;
line-height: 24px;
color: #333;
font-family: Arial, Verdana, MS Sans;
}

#post {
border-bottom: 1px dotted #ccc;
padding: 0 0 0 0;
margin: 0 0 10px 0;
}


#post a:link { color:#999; text-decoration:none; }
#post a:visited { color:#999; text-decoration:none; }
#post a:hover { color:#c00; text-decoration: underline; }
#post a:active { color:#999; text-decoration:none; }

#content p {
border: none;
padding: 0 0 0 0;
margin: 0 0 8px 0;
}

#content img {
border: 6px solid #ccc;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#content b {
color: #ccc;
font-weight: normal;
}

.red {
color: #c00;
}

.social {
width: 148px;
font-size: 10px;
line-height: 14px;
font-weight: normal;
text-transform: uppercase;
color: #666;
text-align: left;
font-family: Arial, Verdana, MS Sans;
margin: 0 6px 0 0;
padding: 0 0 0 0;
}

#content h1 {
font-size: 18px;
line-height: 18px;
font-weight: normal;
text-transform: uppercase;
color: #c00;
text-align: left;
font-family: Arial, Verdana, MS Sans;
border: none;
padding: 0 0 0 0;
margin: 0 0 10px 0;
}

#content h2 {
font-size: 14px;
line-height: 18px;
font-weight: normal;
text-transform: uppercase;
color: #ccc;
text-align: left;
font-family: Arial, Verdana, MS Sans;
border: none;
padding: 0 0 0 0;
margin: 0 0 10px 0;
}

#content h3 {
font-size: 14px;
line-height: 18px;
font-weight: normal;
text-transform: uppercase;
color: #c00;
text-align: left;
font-family: Arial, Verdana, MS Sans;
border: none;
padding: 0 0 0 0;
margin: 0 0 6px 0;
}

#details {
font-size: 10px;
line-height: 10px;
font-weight: normal;
text-align: right;
text-transform: uppercase;
color: #c00;
font-family: Arial, Verdana, MS Sans;
border: none;
padding: 0 0 0 0;
margin: 0 0 10px 0;
}

#respond {
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding: 10px 0 10px 0;
margin: 10px 0 10px 0;
}

#comments {
border-top: 1px dotted #ccc;
padding: 0 0 0 0;
margin: 0 0 10px 0;
}

.navigation {
border: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.alignleft {
float: left;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}

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

#footer {
width: 780px;
height: auto;
font-size: 10px;
line-height: 12px;
text-align: left;
color: #999;
font-family: Arial, Helvetica, Verdana, Sans;
border: none;
padding: 20px 0 0 40px;
margin: 0 0 0 0;
}


/*------------------------------- Typography ----------------------------------*/


a:link { color:#999; text-decoration:none; }

a:visited { color:#999; text-decoration:none; }

a:hover { color:#c00; text-decoration: none; }

a:active { color:#999; text-decoration:none; }


/*------------------------------- FORMS ----------------------------------*/
.button
{
font-size: 16px;
padding-left: 3px;
color: #fff;
font-style: normal;
font-family: Arial, Verdana, MS Sans;
background-color: #c00;
border: none;
margin: 0 0 0 0;
padding: 5px 10px 5px 5px;
}

input
{
font-size: 16px;
padding-left: 3px;
color: #000;
font-style: normal;
font-family: Arial, Verdana, MS Sans;
background-color: #fff;
border: 1px solid #ccc;
padding: 5px 10px 5px 5px;
}

textarea
{
font-size: 11px;
padding-left: 3px;
color: #000;
font-style: normal;
font-family: Arial, Verdana, MS Sans;
background-color: #fff;
border: 1px solid #ccc;
}

select
{
font-size: 12px;
padding-left: 6px;
color: #000;
font-style: normal;
font-family: Arial, Verdana, MS Sans;
background-color: #fff;
border: 1px solid #ccc;
}

/*------------------------------- LightBox Styles ----------------------------------*/