/*  
Theme Name: Barbara Gordon
Theme URI: http://www.pmyrick.com
Description: Custom theme for b.gordon-paintings.com.
Version: 1.0
Author: Paul Myrick
Author URI: http://www.pmyrick.com/

*/

/* @import url(p-css-undo.css); */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link, :visited, :hover, :active { text-decoration: none; }

/* no list-markers by default, since lists are used more often for semantics */
ul, ol { list-style: none; }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, div 
{ margin: 0; padding: 0; }

/* whoever thought blue linked image borders were a good idea? */
a img, :link img, :visited img { border: none; }

/* de-italicize address */
address { font-style: normal; }

/* end of css-undo */
/* begin css for this theme */

/* * {font-family: "Georgia", "Times New Roman", serif;
} */

* {font-family: Georgia,
             Palatino,
             "Palatino Linotype",
             Times,
             "Times New Roman",
             serif;

	font-size: small;
	color: #E2E2E2;
} 


body {width: 100%;
     background: #5F5F5F url('images/background-gradient.jpg') repeat-x;
}

h2, h2 a, h3, h3 a, h4, h4 a {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: large;
}


p {
	padding-top: 5px;
	padding-bottom: 5px;
}



a:link {color: #E2E2E2; }
a:visited {color: #E2E2E2; }
a:hover {color: #EE0000; }
a:active {color: #E2E2E2; }

address { 
	font-size: x-small;
}

#wrapper {
		width: 935px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: auto;
}
		
#header {	
		float: left;
		width: 100%;
}

#logo {
	float: left;
	margin-top: 5px;
}

#cart_icon {
	float: right;
	margin-right: 5px;
}

#twitter_link {
	float: left;
	clear: left;
	margin-top: -97px;
	margin-left: 85%;
}


/* when making layout changes to header, be sure to
	look at the IE7 style sheet as well ... special hacks are in there to position these elements !!!
	The elements in this style sheet are for Safari and Firefox!
*/

#navbar {
	float: left;
	clear: left;
	height: 30px;
	width: 99%;
	margin-top: 10px;
	padding-top: 12px;
	border: 1px #393939 solid;
	background-color: #393939;
}

#navbar li {
	float: left;
	margin-left: 20px;
}

#breadcrumbs {
	margin-top: 20px;
	margin-left: 20px;
}

#container {
	width: 99%;
	float: left;
	clear: left;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	overflow: auto;  /* hack for Firefox and Safari on product post pages */
	background-color: #292929;
}

div#gallery {
	float: left;
	margin-top: 20px;
}

#gallery ul {
	float: left;
	padding-bottom: 20px;
}

#gallery ul li {
	float: left;
	margin-left: 50px;
}

.post, .single_post {
	margin-left: 20px;
	margin-right: 20px;
}

.entry, .single_entry {
	margin-left: 10px;
	margin-right: 10px;
}

div.entry img {
	margin-top: 15px;
}

.single_entry img {
	float: left;
	margin-right: 20px;
}

.single_entry p {
	width: 100%;
}

.gallery_image {
	float: left;
}

.line_break {
	clear: left;
}

.right_image {
	margin-left: 20px;
}

.bolded_text {
	font-weight: 900;
	font-size: larger;
}
		
#contact {
		float: left;
		clear: both;
		width: 79.5%;
		border: solid 2px #9566A7;
		text-align: left;
		margin-top: 20px;
		margin-left: 10%;
}

#contact h3 {
		margin-top: -14px;
		margin-left: 8px;
		border: solid 2px #9566A7;
		background: white;
		text-align: left;
		width: 30%;
		padding-left: 3px;
		padding-top: 3px;
}

#prompts {
		float: left;
		margin-left: 10px;
		margin-top: 10px;
}

#prompts .label {
		width: 190px;
		float: left;
}

#submit_button {
		width: 99%;
		float: left;
		clear: left;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 10px;
}

#footer {
	width: 935px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#footer3 {
		width: 99%;
		height: 28px;
		margin-top: 20px;
		padding-top: 10px;
		text-align: center;
		background-color: #292929;
}

div#introduction {
	float: left;
	min-height: 120px;
	width: 100%;
}

div#giclee_text {
	margin-top: 10px;
	margin-bottom: 10px;
}

div#giclee_text p {
	margin-bottom: 10px;
}

div#introduction h2, div#introduction p {
	margin-left: 20px;
	margin-right: 20px;
}

div#art_section {
	float: left;
	min-height: 300px;
	width: 99%;
	margin-top: 20px;
	background-color: #1B1B1B;
}


div#personalized_paintings {
	float: left;
	width: 99%;
}

img#paddington_home_page {
	float: left;
	margin-top: 10px;
}

div#personalized_paintings_text_home_page {
	float: left;
	margin-left: -75px;
	margin-top: 90px;
	width: 275px;
	z-index: 900;
}



div#giclees {
	margin-top: 20px;
	float: left;
	clear: left;
	width: 48%;
}

div#giclee_examples {
	float: left;
	clear: left;
	margin-left: 20px;
	width: 80%;
}

div#other_works {
	margin-top: 20px;
	float: left;
	width: 48%;
}


div#about_barbara {
	float: left;
	margin-left: 30px;
}

div#about_barbara img {
	float: left;
}

div#about_barbara_text {
	float: left;
	width: 60%;
	margin-left: 30px;
}

div#about_barbara_text p {
	float: left;
	margin-bottom: 10px;
}

div#personalized_paintings_text {
	float: left;
	clear: left;
	margin-left: 20px;
	margin-right: 20px;
}

div#personalized_paintings_examples {
	float; left;
	clear: left;
	margin-left: 20px; 
}

#personalized_paintings ul {
	float: right;
	margin-top: 10px;
}

#personalized_paintings h2 {
	margin-left: 50px;
}	

ul#giclee_ul_examples {
	float: left;
	clear; left;
	width: 99%;
}

ul#giclee_ul_examples li {
	float: left;
	text-align: center;
	margin-right: 20px;
}


ul#other_works_ul {
	color: #E2E2E2;
	margin-top: -10px;
	margin-left: 20px;
}

#personalized_paintings_examples img {
	margin-top: 20px;
}

#personalized_paintings_examples ul {
	float: left;
	margin-top: 25px;
	margin-left: 25px;
	width: 80px;
}

#personalized_paintings li, ul#other_works_ul li, #personalized_paintings_examples li {
	list-style: disc;
}


img#personalized_paintings_image {
	float: left;
	clear: left;
	margin-top: 10px;
	margin-left: 50px;
}

img#paddington_bear {
	float: right;
	clear: right;
	margin-top: 95px;
	margin-left: 20px;
}

img#bernese_mountain_dog {
	float: right;
	margin-top: 95px; 
}

div#other_works img {
	margin-top: 20px;
}

div#container_bottom {
	width: 100%;
}

div#next_page_link {
	float: right;
}

div#previous_page_link {
	float: left;
}


/* shopping cart styling, be sure to look at style-ie7.css, too! */

.addtocart {
	float: left;
}

form.addtocart fieldset label select option{
	color: black;
}

form.addtocart fieldset label select {
	color: black;
}


.eshopshipping {
	display: none;
}

.offset, .qty, dfn, tr.stotal td, tr.stotal th, fieldset.eshop label, th#scharge, tr.alt td, tr.total th, tr.total td strong, div#process p, div#process p strong, div#process p em {
	color: black;
}

div#ims_addtocart {
	width: 98%;
	margin-left: 23px;
}

div#ims_addtocart img {
	float: left;
	padding-bottom: 10px;
}

div#ims_addtocart {
	float: left;
}

div#ims_item_descr {
	float: left;
	clear: left;
	width: 98%;
}

/* end shopping cart styling */

/* the following markup is for the Tiny Contact Form plugin, be sure to look at style-ie7.css, too! */

#tcform {
	width: 510px;
	margin-top: 10px;
}

#tcform label {
	float: left;
	clear: left;
	width: 120px;
	height: 22px;
}

#tcform input.tcf_input {
	float: left;
}

#tcform input {
	color: black;
}

#tcform textarea {
	float: left;
	margin-left: -.5px;
	margin-top: -5.5px;
	color: black;
}

#contactsubmit {
	color: black;
	float: left;
	clear: left;
	margin-top: 20px;
}

#tcf_photo {
	float: left;
}

/* following markup is for Contact Form 7 */

div.wpcf7 p input {
	color: black;
}

span.wpcf7-form-control-wrap input, span.wpcf7-form-control-wrap textarea {
color: black;
}