/*   
Theme Name: dpplr
Theme URI: 
Description: theme for dpplr
Author: Thomas Dow
Author URI: 
Version: 0.1.2
Tags: threaded-comments, microformats
.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/


/* Import a basic layout */
@import url('styles/1c-b.css');

/* Reset default browser styles */
@import url('styles/reset.css'); 

/* Rebuild default browser styles */
@import url('styles/rebuild.css'); 

/* Basic WordPress Styles */
@import url('styles/wp.css');

	

/* =Basics
-------------------------------------------------------------- */	

#wrapper {
	font: 1.1em Arial,sans-serif;
	width:730px;
	margin:0 auto;
	}

a {
	text-decoration: none;
	color:#7f7f7f;
}

a:hover {
	color:#000;
}

h2 {
	font: bold 1.2em Verdana, Arial, sans-serif;
	text-transform: uppercase;
	color: #555;
	margin: 0 0 0.6em 0;
}


h3 {
	font: bold 1.4em Verdana, Arial, sans-serif;
	text-transform: uppercase;
	color: #555;
}

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

#masthead {
	margin: 3.5em 0 2.5em 0;
	text-align:center;
}

#header-logo {
	margin: 0 0 2.5em 0;
}


/* =Menu
-------------------------------------------------------------- */

.menu {
	margin:0 auto;
	padding:0;
	font: 0.9em Verdana, Arial, sans-serif;
	text-transform: uppercase;
	width: 24em;
	height: 2em;
}

.menu li {
	display:inline;
	margin:0;
	padding:0;
	list-style: none;
}

.menu ul {
margin: 0 0 0 1em;
}

.page_item a {
	float: left;
	display: block;
	width: 6em;
	color: #777;
	padding: 0.7em 0.8em 0.8em 0.8em;
	margin: 0;
}
 
.page_item a:hover {
	background: url("images/menu-bg.jpg") no-repeat center top;
	color:#000;
}

.current_page_item {
	float: left;
	background: url("images/menu-bg.jpg") no-repeat center top;
}



/* = Index content
-------------------------------------------------------------- */

.contentwrapper {
	overflow: auto;
	width: 100%;
	padding: 0 0 1.5em 0;
	margin: 0 0 1.5em 0;
	border-bottom: 1px solid #eee;
}

.portthumbnail {
	float:left;
	width:236px;
	text-align:center;
	margin:0em 0.3em 0.6em 0.3em;
}

/* = Blog Content
-------------------------------------------------------------- */

.post {
	overflow: auto;
	width: 100%;
	padding: 0 0 1.5em 0;
	margin: 0 0 1.5em 0;
	border-bottom: 1px solid #ddd;
}


.blogthumbnail {
	float:left;
	width:365px;
}
	
.entry {
	float:right;
	width:350px;
}


.entry-content, .entry-summary {
	margin: 1em 0 0 0;
}


.entry-meta {
	font: italic 0.9em Verdana, Arial, sans-sarif;
	color: #999;
	margin: 0 0 0.5em 0;
}

.entry-content {
	text-align: justify;
}


.entry-content a {
	text-decoration: underline;
	font-style: italic;
}

.size-thumbnail {
margin: 0.2em;
border: 1px solid #eee;
}

#gallery-1 img {
border:1px solid #eee!important;
}

/* = Single page content
-------------------------------------------------------------- */


#project-meta-container {
	float: left;
	width: 200px;
}

#project-description {
	float: right;
	width: 500px;
	text-align: justify;		
}


.mediacontainer {
	margin: 0 0 2em 0;
	border: 1px solid #eee;
	width:728px;
	height:409px;
}

.mediacontainer2 {
	margin: 0 0 2em 0;
	height:100%;
	text-align:center;
}

.mediacontainer3 {
	margin: 2em 0 2em 0;
	border: 1px solid #eee;
	width:728px;
	height:409px;
}

.mediacontainer4 {
	margin: 2em 0 2em 0;
	height:100%;
	text-align:center;
}


.project-info {
	overflow: auto;
	width: 100%;
}

.project-meta {
}

.project-field {
	float:left;
	display:block;
	width: 6em;
	font: italic 1em Arial, Verdana, sans-sarif;
	color: #888;
}

/* = Profile content
-------------------------------------------------------------- */

#about {
	float: left;
	width: 440px;

}

#about p {
	text-align: justify;	
}

#clients {
	float: right;
	width: 260px;
	text-align: justify;
}


.contentimage {
	margin: 0 0 2em 0;
}

/* = Contact content
-------------------------------------------------------------- */

#contact {
	float: left;
	width: 355px;
	text-align: justify;
}

#form {
	float: right;
	width: 345px;
}

#contactcol-1 {
	float: left;
	width: 110px;
}

#contactcol-2 {
	margin: 0 0 0 1em;
	width: 110px;
	float: left;
}

#contactcol-3 {
	margin: 0 0 0 2em;
	float: left;
	width: 80px;
}

.contactcolumns {
	margin: 0 0 0 0;
}



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

#site-info {
color: #ddd;
font:0.8em Verdana, Arial, sans-serif;
margin: 2em 0 2em 0;
}

#site-info a {
	color:#ddd;
}

#site-info a:hover {
	color:#000;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	margin: 0 0 1.5em 0;
	overflow: auto;	
}


/* =Temporary styles until the
		directory can read @import
-------------------------------------------------------------- */

		
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
		
-------------------------------------------------------------- */