/*
Theme Name: DIM Theme
Theme URI: http://dropinmedia.com/
Description: Drop In Media
Version: 1.0
Author: Gustavo Lanzas
Author URI: http://gustavolanzas.com/
Tags: blue, custom header, fixed width, two columns, widgets

/* html elements */

html {
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "Myriad Pro", "Trebuchet MS", helvetica, arial, sans-serif;
	font-size: 82.5%;
	background: #0c1f25 url(images/background.jpg)repeat-x;
	color: #666;
}

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

a:hover {
text-decoration: underline;
color: #333;
}


/* headings */

h1, h2, h3, h4, h5 {
color: #719ac2;
line-height: 1.2em;
margin: 0px 0px 5px 0px;
text-transform: uppercase;
}

h2 {
font-size: 1em;
margin: 0px 0px 10px 0px;
padding: 0px 0px 5px 0px;
border-bottom: 1px dotted #fff; 
color: #aaa;
}

h3.storytitle {
font-size: 1.4em;
}

h3.posttitle {
	margin-bottom: 0px;
	
}

h3.storytitle a {
text-decoration: none;
text-transform: uppercase;
color: #719ac2;
}

#footer h3 {
border: none;
}

/* page layout */

#header {
	margin-top: 20px;
	background: url(images/header_bg.png);
	background-repeat: no-repeat;
	height: 100px;
	color: #31404e;
}

#logo {
margin-top: 15px;
}

#page {
background: #eee;
margin-top: 0px;
}

#content {
margin-top: 20px;
}

/* content */

#content ul {
list-style: square;
text-align: left;
margin-top: 5px;
margin-bottom: 5px;
}

#content li {
margin: 0px 0px 4px 13px;
}

#content h4 {
margin-top: 20px;
}

#content blockquote {
margin: 10px 0px 10px 0px;
font-style: italic;
color: #333;
}


#content .carriers {
background: #fff;
padding: 10px;
width: 100%;
margin: 0px auto 0px auto;
}

#content .carriers img {
padding: 10px;
}


/* sidebar */

#sidebar {
/* width: 300px;
float: right; */
font-size: 1em;
border-left: 1px dotted #999;
margin: 0px;
margin-bottom: 20px;
padding: 0px;
}

#sidebar h2 {
text-transform: uppercase;
font-size: 1em;
border: none;
color: #719ac2;
margin-bottom: 2px;
}

#sidebar ul.sidebar {
margin-top: 20px;
margin-bottom: 20px;
}

#sidebar ul li {
margin: 0px 0px 5px 0px; */
}

#sidebar a {
color: #376394;
text-decoration: none;
}

#sidebar a:hover {
border-bottom: 1px dotted #376394;
}

#sidebar .widget {
margin: 0px 0px 20px 0px;
}

#searchform {
	margin: 10px auto;
	padding: 0px;
	text-align: left;
	}

#sidebar #searchform #s {
	width: 90px;
	padding: 0px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}


/* footer */

#footer {
	padding: 0px;
	background: url(images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-color: #376394;
	color: #ddd;
	}

#footer .footer_text {
	background-image: url(images/footer_hr.png);
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	clear: both;
	color: #fff;
	font-size: .9em;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-top: 20px;
	}


	
#footer .footer_text p {
margin: 5px auto 0px auto;
}

#footer a:link, #footer a:visited{
	display: fff444;
	font-size: .9em;
	color: #fff444;
	text-decoration: none
}

#footer a:hover {
text-decoration: underline;
}

#footer h2 {
font-size: 1.1em;
text-transform: uppercase;
margin: 0px 0px 5px 0px;
color: #fff444;
}

#footer .widget {
/* margin-top: 20px; */
}

#footer .widget_links {
/* margin-bottom: 20px; */
}

/* footer columns */

#footer #footer_right, #footer #footer_right {
/* margin: 0px 0px 0px 20px; */
}

#footer #footer_left {
/* margin: 0px 0px 0px 20px; */
}

#footer .widget ul {
list-style-image: ;
}

#footer .widget li {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 12px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
line-height: 1.3em;
}


/* navigation */

#navigation {
	height: 30px;
	font-size: .9em;
	margin-top: 8px;
}

#navigation .separate {
	border-top: 1px solid #1a3148;
	clear: both;
}

#navigation ul li {
	float: left;
	margin-right: 20px;
	margin-top: 5px;
	padding: 0px;
	
}

#navigation ul li a, #navigation ul li a:visited 
{
	text-decoration: none;
	color: #c6d5e6;
	padding-bottom: 2px;
}

#navigation ul li a:hover 
{
	text-decoration: none;
	color: white;
	border-bottom: 2px solid #99ccff;
}	

#navigation ul li.current_page_item {
	border-bottom: 2px solid #99ccff;
}

#clientlogin {
	/* float: right; */
}

ul#clientlogin li {
float: right;
padding: 2px 0px 0px 20px;
height: 20px;
margin: 8px 0px 0px 0px;
text-align: right;
background-image: url(images/clientlogin_icon.jpg);
background-position: 0px -5px;
background-repeat: no-repeat;
}

/* classes */
.clear {
clear: both;
}

.indent {
margin: 10px 20px 20px 20px;
}

.vindent {
margin: 10px 0px 10px 0px;
}

.post {
margin: 0px 0px 20px 0px;
}

.post p, .storycontent p {
margin-bottom: 10px;
}

.storycontent {
text-align: justify;
line-height: 1.3em;
}

.meta {
font-size: .8em;
margin: 10px 0px 10px 0px;
}

.storycontent img.thumbnail {
border: 2px solid #ddd;
float: right;
height: 80px;
width: 80px
}

#content .post {
}

#hcontent {
font-size: 1.2em;
padding-bottom: 5px;
margin-top: 15px;
margin-bottom: 15px;
text-align: justify;
}

#hcontent p {
margin-bottom: 10px;
line-height: 1.2em;
}

.storycontent .excerpt {
}

.storycontent .alignright {
float: right;
margin: 0px 0px 20px 20px;
border: 1px solid #ddd;
}

.storycontent label {
margin: 10px 0px 3px 0px;
font-size: .9em;
display: block;
}

.storycontent .input input {
width: 180px;
}

.storycontent .select select{
width: 260px;
}

.storycontent .textarea textarea {
width: 260px;
}

.storycontent .send input {
margin: 10px 0px 0px 0px;
}

.textwidget h4 {
text-transform: none;
color: #ddd;
margin-bottom: 10px;
}


#footerleft, #footerright {
margin-top: 20px;
}

.box {
background: #fff;
padding: 10px;
min-height: 340px;
margin-bottom: 20px;
}

.box li {
margin: 0px 0px 10px 0px;
}

.box a {
color: #376394;
text-decoration: none; 
}

.box a:hover {
border-bottom: 2px solid #376394;
}

.box p {
text-align: left;
}

.breadcrumb {
border-bottom: 1px dotted #999;	
margin-bottom: 10px;
}

.timestamp {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: .9em;
}

#page .divider {
	border-bottom: 1px dotted #999;
	margin-bottom: 20px;
}

.send input, #searchform #searchsubmit {
   border: 1px solid #999;
   background: url('images/button_bg.png');
   background-repeat: repeat-x;
   background-position: top left;
   padding: 3px;
   }

.send input:hover, #searchform #searchsubmit:hover {
	border: 1px solid #000;
}

#searchform #s {
	width: 60px;
	float: left;
	clear: left;
	height: 18px;
	margin-right: 5px;
}

#searchform #searchsubmit {
	float: left;
}

#searchform label {
float: left;
clear: both;
margin-top: 0px;
margin-bottom: 5px;
}

#searchform input #s {
	clear: both;
}