/*
Theme Name: D For Design (Donna's Design)
Theme URI: http://www.dfordesignoc.com
Description: Theme designed for the D for Design website.
Version: 0.1a
Author: Jakub Kasztalski
Author URI: http://www.jakubkasztalski.com/
Tags: 
*/

/* Begin Typography & Colors */
body {
	font-size: 10pt;
	font-family: 'Bookman Old Style', Verdana, Arial, Sans-Serif;
	background-color: #e3ce7f;
	color: black;	
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding: 0;
	}
	
/* Here we have some custom changing backgrounds based on which page we're on! */
/* body.contact-us	{	background: white url('images/fadedbg01.jpg');	background-repeat: no-repeat;	} */

/* The home page with the fancy flash intro and stuff */
body.home	
{	
	/*NOTHING! HAHAHAHA */
}
	
img
{
	border: none;
}

a:link		{	color: black;	}
a:visited	{	color: black;	}
a:hover		{	color: #555555;	}
a:active 	{	color: #555555;	}





/* ============================
	GENERIC CLASSES
============================ */	
.float_left
{
	display: block;
	float: left;
}

.float_right
{
	display: block;
	float: right;
}

/* ============================
	HEADER
============================ */	

#header
{
	background: white;
	text-align: center;
	margin: 0;
	padding: 0;
}	

#header #website_title
{
	font-size: 2em;
}

#header #separator
{
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	height: 0.5em;
	padding: 0;
	margin-top: 0.5em;
}

#everything_after_header
	{

		background-color: #e3ce7f;
		text-align: center;
	}

/* ============================
	CONTENT
============================ */	


.home #content
{
	text-align: center;
}

.starter iframe
{
	border: 3px solid black;
}



/* ============================
About Us and Services side panes
============================ */	

#content
{
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#left_pane
{
	float: left;
	padding-right: 1em; 
	text-align: center;
	
}

#left_pane #left_pane_sub_image
{
	background-color: #e0dda6;
	padding: 2px;
	border: 4px solid black;
}

#left_pane #left_pane_sub_image img,
#right_pane #right_pane_sub_image img,
#right_pane #right_pane_sub_image iframe
{
	padding: 2px;
	background-color: #e0dda6;
}

#right_pane #right_pane_sub_image iframe
{
	border: 4px solid black;
}

.about #right_pane,
.about-2 #right_pane,
.services #right_pane,
.contact-us #right_pane
{
	margin-left: 300px;
}

#bottom_picture
{
	text-align: center;
}

#bottom_picture img
{
	margin: 0.5em;
	border: 4px solid black;
	background-color: white;
	width: 330px;	
}


/* ============================
	Custom Pages
============================ */	


.home iframe
{
	width: 800px;
	height: 400px;
	border: 4px solid black;
	padding: 0;
	margin: 0;
}


.contact-us #right_pane
{
	text-align: center;
}

.contact-us  span.bigger
{
	font-size: 12pt;
	padding: 0;
	margin: 0;
}

.projects table#album_list
{
	margin-left: auto;
	margin-right: auto;
}

.projects table#album_list,
.projects table#album_list tr,
.projects table#album_list td
{
 border: none;
}
.projects table#album_list td
{
	padding: 1em;
	text-align: center;
}

.projects table#album_list a
{
	text-decoration: none;
	border: none;
	font-size: 12pt;
}

.projects table#album_list img
{
	border: 4px solid black;
	margin-bottom: 0.5em;
}


.storytitle
{
	text-align: center;
}


/* ============================
	SIDEBAR
============================ */	

#sidebar
{
	text-align: center;
	padding-bottom: 2em;
	padding-top: 0.5em;
}

#sidebar ul.pagelist
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	padding-left: 1em;
}

#sidebar ul.pagelist li
{
	display: inline;
	padding: 0;
	margin: 0;
}

#sidebar ul.pagelist a
{
	text-decoration: none;
	margin-right: 5em;
}


#sidebar ul.pagelist li.current_page_item a,
#sidebar ul.pagelist li.current_page_ancestor a

{
	text-decoration: underline;
	font-weight: bold;
}

/* ============================
	FOOTER
============================ */	

#footer 
{
	padding-top: 1em;
	font-size: 0.8em;
	margin: 0;	
}

/*
#footer a:link		{	color: #666633;	}
#footer a:visited	{	color: #666633;	}
#footer a:hover		{	color: #cdcd7A;	}
#footer a:active 	{	color: #cdcd7A;	}
*/