/*
Theme Name: Direct Results Media
Description: The DRM WordPress theme
Version: 1.0
Author: Ronald Jay S. Garcia
Author URI: http://diskarel.net46.net
Tags: blue, custom header, fixed width, two columns, widgets

	DRM v1.0
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Ronald Jay S. Garcia
	whose site you will find at http://diskarel.net46.net/

	

*/

@charset "utf-8";
/* CSS Document */
body {
	margin: auto 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#595959;
}
h1, h2, h3, h4 {
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}
h1 {
	font-size:24px;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:16px;
}
a {
	color:#007ce6;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#nav-wrapper {
	height:40px;
	width:100%;
	background:url(images/nav-bg.png) repeat-x bottom;
	margin:auto;
}
#nav {
	width:903px;
	margin:auto;
	font-weight:bold;
	font-size:12px;
	padding:10px 0px 0px 0px;
}
#nav ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#nav li {
	float:left;
	margin:0px 40px 0px 0px;
	padding:0px;
}
#menu {
	float:right;
}
#nav a {
	color:#595959;
	text-decoration:none;
}
#nav a:hover {
	color:#03F;
}
/*global*/
img {
	border:0px;
}
#header-wrapper {
	margin:auto;
	width:903px;
}
#header {
	width:903px;
	float:left;
}
#left-header {
	width:644px;
	float:left;
}
#logo {
	float:left;
	width:520px;
	margin-top:20px;
	background:url(images/logo.png) no-repeat;
	height:84px;
}
#banner {
	clear:both;
	width:644px;
	height:336px;
	background:url(images/banner.jpg) no-repeat;
	float:left;
	z-index:10;
}
#optin {
	float:left;
	width:210px;
}
#optin .head {
	background:url(images/sidebar-head.png);
	width:293px;
	float:left;
	height:192px;
}
#optin .body {
	width:219px;
	float:left;
	padding-left:7px;
	padding-right:7px;
	background:url(images/sidebar-bg.png) repeat-y;
	margin-left:30px;
	padding-bottom:10px;
}
#optin .bottom {
	width:233px;
	float:left;
	height:2px;
	background:url(images/sidebar-bottom.png) no-repeat;
	margin-left:30px;
	margin-bottom:10px;
}
#optin .input-text {
	width:120px;
	border: 1px solid #CCC;
	padding:5px;
}
#container {
	width:903px;
	margin:auto;
}
#box, #last {
	float:left;
	width:240px;
	padding:10px;
	margin-right:60px;
}
#box ul{
	list-style:none ;
	margin:0px;
	padding:0px;
	padding-left:5px;
}
#box li{
	background:url(images/horz-line.png) repeat-x bottom;
	padding-bottom:5px;
	
}
#last {
	float:right !important;
	margin:0px;
}
#smallbox {
	width:180px;
}
#container p {
	margin:0px;
	padding:0px;
	margin-bottom:15px;
}
.input-text {
	width:210px;
	border: 1px solid #CCC;
	padding:5px;
}
.textarea {
	font-size:14px;
	width:210px;
	height:100px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
	padding:5px;
}
#footer-wrapper {
	background:url(images/footer-bg.png) repeat-x #0b0b0b;
	float:left;
	width:100%;
	clear:both;
	padding-bottom:20px;
	margin-top:10px;
}
#footer {
	width:903px;
	margin:auto;
	color:#9c9c9c;
	padding-top:10px;
}
#footer img {
	float:left;
}
#footer .comment {
	float:left;
	width:170px;
	margin-left:10px;
}
#footer .horz-line {
	width:100%;
	background:url(images/horz-line.png) repeat-x;
	height:3px;
	margin-top:5px;
	margin-bottom:5px;
	clear:both;
}
#footer h2 {
	color:#FFF;
}
#footer-text {
	width:903px;
	float:left;
	margin-top:20px;
	margin-bottom:10px;
	text-align:center;
	clear:both;
}
#footer a {
	color:#FFF;
}
#footer a:hover {
	text-decoration:underline;
}
#container-wrapper {
	position:absolute;
	left:0px;
	width:100%;
	background:url(images/container-bg.png) repeat-x center;
	height:564px;
	top:450px;
	z-index:-10;
}
#container-wrapper2 {
	position:absolute;
	left:0px;
	width:100%;
	background:url(images/container-bg.png) repeat-x center;
	height:564px;
	top:160px;
	z-index:-10;
}
#leftcontent {
	float:left;
	width:570px;
	padding:10px;
	clear:both;
	background:url(images/container-seperator.png) right top no-repeat;
	padding-right:60px;
	margin-top:20px;
}
#fullcontent {
	float:left;
	width:910px;
	padding:10px;
	clear:both;
	margin-top:20px;
}

#sidebar-wrapper{
	float:left;
	width:255px;
	padding:1px;
	background:#FFF;
	border:1px solid #e1e1e1;
		margin-top:30px;
}
#sidebar-wrapper2{
	float:left;
	width:255px;
	padding:1px;
	background:#FFF;
	border:1px solid #e1e1e1;
	margin-top:5px;
}

#sidebar a{
	color:#333;
}
#sidebar a:hover{
	color:#06C;
}
#sidebar {

	float:left;
	width:255px;
	font-size:12px;
	background:#f1f1f1;

}
#sidebar h2{
	background:#007ce6;
	color:#FFF;
	padding:5px;
	font-size:12px;
	margin:0px;
}
#sidebar ul{

	padding:0px;
	margin:0px;
	list-style:none;



}
#sidebar li{
	padding:0px;
	margin:0px;



}
#sidebar ul ul{

	padding:0px;
	margin:0px;
	list-style:none;
	margin-bottom:20px;



}
#sidebar li li{
	border-bottom:1px dotted #c8c8c8;
	padding:5px;
	background:url(images/bullet.png) left no-repeat;
	padding-left:20px;
	margin-left:10px;
	margin-right:10px;



}


#ul-no {
	list-style:decimal;
}
#ul-no li {
	margin-bottom:20px;
}
#ul-square {
	list-style:none;
	padding:0px;
}
#ul-square li {
	margin:0px;
	margin-bottom:20px;
}
#tablebox {
	padding:10px;
	width:450px;
	margin:auto;
	border: 1px dashed #CCC;
	background:#f6f6f5;
}
#tablebox .input-text {
	width:270px;
}
#tablebox .label {
	min-width:100px;
	vertical-align:top;
}
.photo {
	padding:5px;
	border:1px solid #eeeeee;
	background:#FFF;
	margin-bottom:10px;
	margin-top:10px;
}
.highlight {
	color:#FFF;
}
.success{
	color:#007ce6;
}
.tip{
	font-size:10px;
	font-style:italic;
	color:#666;
}
#gallery {
	margin:0px;
	padding:0px;
	float:left;
}
#ads {
	float:left;
	margin-left:30px;
}
.adsphoto {
	padding:3px;
	border:1px solid #d5d5d5;
	background:#FFF;
	margin-bottom:10px;
}
#ads-header {
	float:left;
	width:263px;
	clear:both;
	text-align:right;
	background:url(images/rotator-head.png) no-repeat right;
	height:22px;
}

.error{
	float:left;
	padding:10px 20px 5px 20px;
	background:#fff2f2;
	border:1px solid #ffe4e4;
}


.small{
	font-size:12px;
	font-style:italic;
	color:#060;
}
.center{
	text-align:left;
	float:left;
}



/*gallery*/
#template{
	width:167px;
	margin:auto;
	float:left;
	margin-top:10px;
	margin-right:5px;
	margin-bottom:10px;
	
}

#template .title{
	width:167px;
	padding-top:3px;
	padding-bottom:5px;
	background:url(images/temp-heading.png) repeat-x;
	color:#FFF;
	margin:auto;
	text-align:center;
	float:left;
}

#template .thumbnail{
	clear:both;
	width:165px;
	border:1px solid #dcdcdc;
	float:left;
	margin:auto;
	text-align:center;
	padding-top:4px;
	padding-bottom:5px;
	background:#FFF;
	margin-top:5px;
}



.select-button a{
	width:167px;
	height:27px;
	float:left;
	background:url(images/select-button.png) no-repeat;
	margin-top:5px;
}
.select-button a:hover{
	width:167px;
	height:27px;
	float:left;
	background:url(images/select-button-hover.png) no-repeat;
}
/*lightbox*/


.details-light{
	background:#f3f3f3;
	padding:10px;
	min-width:500px;

}


#contactbox{
	padding:10px;
	margin:auto;
	border: 1px dashed #CCC;
	background:#FFF;
}






/**BLOG STYLES**/
.date{
	font-style:italic;
	font-size:12px;
	clear:both;
	float:left;
	width:inherit;
	margin-bottom:10px;

}

.previewcomment{
	width:inherit;
	padding:10px;
	border-bottom:1px dotted #c8c8c8;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	clear:both;
}

#leftcontent img{
	float:left;
	margin-right:10px;
	background:#FFF;
	border:1px solid #CCC;
	padding:5px;
}
#leftcontent p{

	
}
#leftcontent h2{
	clear:both;

}

#leftcontent .icon{
	border:0px;
	background:none;
	padding:0px;
}

#commentbox{
	float:left;
	clear:both;
	width:100%;
	border-top:1px dotted #CCC;
	margin-top:20px;
	padding-top:10px;
}

.commments{
	clear:both;
	float:left;
}
.even{
	background:#f6f6f6;
}

.commentlist{
	list-style:none;
	margin:0px;
	padding:0px;

}
.commentlist li{
	padding:10px;
}