/*
Theme Name: GirlMeetsArt
Theme URI: http://wordpress.org/
Description: A WordPress theme based on the famous Kubrick default theme, widened.
Version: 1.0
Author: Chris Raymond
Author URI: http://www.designtank.ws/
Tags: art, custom header, fixed width, two columns


	Girl Meets Art 1.0
    This theme was designed and built by Chris Raymond,
	whose portfolio you will find at http://www.designtank.ws

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor:help;}

acronym, abbr {border-bottom:1px dashed #999999;}

blockquote 
{border-left:5px solid #DDDDDD;margin:15px 30px 0pt 10px;padding-left:20px;}

blockquote cite {display:block;margin:5px 0pt 0pt;}

.center {text-align:center;}


hr {display:none;}

a img {border:1px solid #888;margin-bottom: 10px;}

#header a:focus {outline:none;}

.navigation {display:block;margin-bottom:60px;margin-top:10px;text-align:center;}
img.hidden, a.hidden {display:none;}
/* End Various Tags & Classes*/


/* ---------Begin Typography & Colors ----------*/
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Frutiger, Arial, Sans-Serif;
	background:#343126;
	color: #333;
	text-align: center;
	}

#page {
background-color:white;
border:none;
text-align:left;
}


#header {
background:#fff url('images/GMA-Header-Refresh.png') no-repeat left top;border-bottom:3px solid #aa9653;
}

#headerimg {
height:150px;
/*--margin:7px 9px 0pt;--*/
width:800px;
}


#content {
font-size:1.2em;
}

.widecolumn .entry p {
font-size:1.05em;
}

.narrowcolumn .entry, .widecolumn .entry {
line-height:1.4em;
}


.widecolumn {
line-height:1.6em;
}


.narrowcolumn .postmetadata {
text-align:center;
}


.alt {
background-color:#b6b2a9;
border-bottom:1px dotted #e01;
border-top:1px dotted #e01;
}


#footer {
background:#aa9653;} #footer a{color:#000;}


small {
font-family:Arial,Helvetica,Sans-Serif;
font-size:0.9em;
line-height:1.5em;
color:#555;
display:block; 
margin-bottom:5px;
}

h1, h3, h4 {
font-family:'Trebuchet MS',Verdana,Arial,Sans-Serif;
font-weight:bold;
}

h2 {font-size:2.4em;line-height:1em;font-family: Baskerville, Georgia, serif; font-weight:normal;}

h1 {
font-size:4em;
letter-spacing:-0.02em;
text-align:center;
}


#header h1 {margin-bottom:-0px;padding-top:0px;} #header h1 a {display:block; width:800px; height:150px;text-indent:-1000em;}
#header #headerimg .description {color:white;}
#headerimg .description {font-size:1.2em;text-align:center;text-transform:uppercase;text-indent:-1000em;}

h2.pagetitle {font-size:2.4em;}

#sidebar h2 {font-family:'Lucida Grande',Verdana,Sans-Serif;font-size:1.2em; color:#777;margin: 5px 0 10px;}

h3 {font-size:1.3em;}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description 
{color:#799; text-decoration:none;}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color:#b6b2a9;}

h4 {color:#799;}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration:none;}

.entry p a:visited {color:#ba2b00;}
a.category.tag {color:#fff;}
.postmetadata a{color:#ba2b20;}
.narrowcolumn .postmetadata a {color:#ba2b20;}

#sidebar {
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}

#sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike 
{color:#777777;}
#sidebar a img {border: 1px solid; margin: 5px 5px 5px 0;}

code {
font-family:'Courier New',Courier,Fixed;
font-size:1.1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}

acronym, abbr, span.caps {font-size:0.9em; letter-spacing:0.07em;}

a, h2 a:hover, h3 a:hover {color:#799295;text-decoration:none;}

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

#wp-calendar #prev a, #wp-calendar #next a {font-size:9pt;}
#wp-calendar a {text-decoration:none;}
#wp-calendar caption {
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
font-size:1.3em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-align:center;
}

#wp-calendar th {
font-style:normal;
text-transform:capitalize;
}
/*------------ End Typography & Colors----------- */


/* ------------------Begin Structure------------------ */
body {margin:0pt 0pt 20px;padding:0pt;}

#page {
background-color:white;

margin:20px auto;
padding:0pt;
width:800px;
}

#header {
background-color:#000000;
height:150px;
margin:0pt;
padding:0pt;
width:800px;
}

#headerimg {
height:150px;
margin:0pt;
width:800px;
}

.narrowcolumn {
float:left;
margin:0px 0pt 0pt;
padding:0pt 0pt 20px 45px;
width:490px;
}

.widecolumn {
margin:5px 0pt 0pt 150px;
padding:10px 0pt 20px;
width:490px;
}

.post {margin:0pt 0pt 40px;text-align:left;}

.post hr {display:block;}

.widecolumn .post {
margin:0pt;
}
.narrowcolumn .postmetadata {padding-top:5px;}

.widecolumn .postmetadata {margin:30px 0pt;}

.widecolumn .smallattachment {
float:left;
margin:5px 5px 5px 0px;
text-align:center;
width:128px;
}

.widecolumn .attachment {
margin:5px 0px;
text-align:center;
}

.postmetadata {
clear:left;
}

.clear {
clear:both;
}

#footer {
clear:both;
margin:0pt auto;
margin-top: 20px;
padding:0pt;
width:800px;
height:65px;
}
#footer p {
display:block;
margin:0pt;
padding:20px 0pt;
text-align:center;
}
/* ------------End Structure ------------*/



/*-------------Begin Headers ---------*/
h1 {
margin:0pt;
padding-top:70px;
}
h2 {
margin:30px 0 10px 0;
}
h2.pagetitle {
margin-top:30px;
text-align:center;
}
#sidebar h2 {
margin:5px 0pt 0pt;
padding:0pt;
}
#tweets h2{color:#ba2b20;line-height: 16px;margin-top: -0px;text-indent: 35px;
	background: url(images/twitter_16x16.png) 0px 0 no-repeat;display:block; height:28px;padding-top:0px;}
	
h3 {
margin:30px 0pt 0pt;
padding:0pt;
}
h3.comments {
margin:40px auto 20px;
padding:0pt;
}
/*----------------- End Headers--------- */


/*--------Begin Image Styles--------------*/
p img {max-width:100%; padding:0px;margin-bottom: 10px;}


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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

img.alignright {display:inline;margin:0pt 0pt 10px 10px;}

img.alignleft {display:inline;margin:0pt 10px 10px 0pt;}

.alignright {float:right;}

.alignleft {float:left;}
/*--------------End Images --------*/


/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

/* -----------Entry Lists----------- */
html > body .entry ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0px;
padding:0pt 0pt 0pt 10px;
text-indent:-10px;
}

html > body .entry li {margin:7px 0pt 8px 10px;}

.entry ul li:before, #sidebar ul ul li:before {content:"» ";color: #B73838}

.entry ol {margin:0pt; padding:0pt 0pt 0pt 35px;}

.entry ol li {margin:0pt;padding:0pt;}

.postmetadata ul, .postmetadata li {
display:inline;
list-style-image:none;
list-style-type:none;
}


/* -----------BEGIN FORM ELEMENTS----------*/
#searchform {
margin:10px 0;
padding:5px 3px;
text-align:left;
}

#sidebar #searchform #s {padding:2px;width:108px;}

#sidebar #searchsubmit {padding:1px;}

.entry form {text-align:center;}

select {width:130px;}

#commentform input {margin:5px 5px 1px 0pt;padding:2px;width:170px;}
#commentform p {font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;margin:5px 0pt;}
#commentform p {}
#commentform textarea {padding:2px;width:100%;}
#commentform #submit {float:right;margin:0pt;}
/* -----------END FORM ELEMENTS----------*/


/* -----------BEGIN COMMENTS----------*/
.commentlist li, #commentform input, #commentform textarea {
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
font-size:0.9em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}

.commentlist li {font-weight:bold;}

.commentlist li .avatar {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #EEEEEE;
float:right;
padding:2px;
}

.commentlist cite, .commentlist cite a {
font-size:1.1em;
font-style:normal;
font-weight:bold;
color:#333;
}
.commentlist cite a:hover{text-decoration:none;color:#ba2b20;}
.commentlist p {
font-weight:normal;
line-height:1.5em;
text-transform:none;color:#555;
}

.commentmetadata {font-weight:bold;color:#ffffff; text-transform:uppercase;letter-spacing:.1em;} .commentmetadata a{color:#fff;}

.commentlist cite a{} .commentlist cite {}

.commentlist {padding:0pt;text-align:justify;}

.commentlist li {
background-color:#bba;
list-style-image:none;list-style-position:outside;list-style-type:none;
margin:15px 0pt 3px;padding:5px 10px 3px;
border-bottom:1px dotted #e01;border-top:1px dotted #e01;
}

.alt {margin:0pt;padding:10px;}

.commentlist li.alt{background-color:#ccb;}

.commentlist p {margin:10px 5px 10px 0pt;}

.nocomments {margin:0pt;padding:0pt;text-align:center;}

.commentmetadata {display:block;margin:0pt;}
/*---------- End Comments------ */

/* -------Begin Sidebar--------- */
#sidebar {
margin-left:565px;
padding:20px 0pt 10px;
width:190px;
}
#sidebar form {margin:0pt;}

p.aktt_credit {font-size:8px;text-align:right;color: #999;}

	/* -----------sidebar Lists----------- */
	#sidebar ul {margin:0pt;padding:0pt;}

	#sidebar ul li {
	list-style-image:none;
	list-style-type:none;
	margin-bottom:15px;
	}

	#sidebar ul p, #sidebar ul select {margin:5px 0pt 8px;}

	#sidebar ul ul, #sidebar ul ol {margin:5px 0pt 0pt 0px;}

	#sidebar ul ul ul, #sidebar ul ol {margin:0pt 0pt 0pt 10px;}

	ol li, #sidebar ul ol li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:decimal;
	}

	#sidebar ul ul li, #sidebar ul ol li {margin:3px 0pt 0pt;padding:0pt;}

	#sidebar ul li.feed {display:block;height:28px;margin-top:-5px;}
	#sidebar ul li.feed img {border:none;padding:0 5px 0 0; vertical-align:middle;}
	#sidebar ul li.feed a:hover {text-decoration:none;}
	#sidebar ul li.shopping {display:block;height:28px;margin-top:-7px;}
	#sidebar ul li.shopping img {border:none;padding:0 5px 0 0; vertical-align:middle;}
	#sidebar ul li.shopping a:hover {text-decoration:none;}

	#sidebar ul li.indent{padding-left: 35px;margin-top:-5px;}

	#tweets {margin:20px -34px 20px 0;border: 1px dotted #ba2b20;border-left:none;border-right:none;padding:10px;background:#a8a69c;color:#fff;line-height:15px;} 
            p.twitter-message{line-height:1.25;font-size:smaller;} 

     /* ---- styles for flicker badge area in sidebar ---*/
	.zg_div {margin:10px 5px 15px 0px; width:117px;}
	.zg_div_inner { color:#666666; text-align:center; font-family:arial, helvetica; font-size:11px;margin-top:10px;}
	.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#3993ff; background:inherit !important; text-decoration:none !important;} 
	#zg_whatlink {display:none}
/* End Sidebar */


/* Begin Calendar */
#wp-calendar {
empty-cells:show;
margin:10px auto 0pt;
width:155px;
}

#wp-calendar #next a {
padding-right:10px;
text-align:right;
}

#wp-calendar #prev a {padding-left:10px;text-align:left;}
#wp-calendar a {display:block;}
#wp-calendar caption {text-align:center;width:100%;}
#wp-calendar td {padding:3px 0pt;text-align:center;}
#wp-calendar td.pad:hover {background-color:#FFFFFF;}
/* End Calendar */

/* 
Style Sheet code for Image Caption Easy Plugin for WordPress
*/
.imagecaptioneasy {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #888888;
color:#7f948f;
font:bold 10px arial,helvetica,sans-serif;
line-height:1.25em;
padding:10px;
text-align:left;
margin-bottom: 20px;
}
.imagecaptioneasy em{color:#fb2;line-height:2em; font-size:.85em;}
.imagecaptioneasy img {
border:0px solid #808080;
margin-bottom:5px;
}
.imagecaptioneasy span {
text-align:left;
display:block; 
margin-top: 8px;
}
.imagecaptioneasy_top_left, .imagecaptioneasy_ft {
float:left;
margin:0pt 10px 0px 0pt;
}
.imagecaptioneasy_top_right,.imagecaptioneasy_ht {
float:right;
margin:0pt 0pt 10px 10px;
}
.imagecaptioneasy_top_nowrap {
float:none;
margin:0pt 0pt 0px;
}
.imagecaptioneasy_left {
float:left;
margin:10px 10px 0px 0pt;
}
.imagecaptioneasy_right {
float:right;
margin:10px 0pt 0px 10px;
}
.imagecaptioneasy_nowrap {
float:none;
margin:10px 0 0;
}
/* --end Style Sheet code for Image Caption Easy--*/

/* -- fixes for truncation problem and new classes for images in wp 2.5-- */
.imagecaptioneasy_ght {
float:right;
margin:10px 0pt 0px 10px;
}
.imagecaptioneasy_ft {
float:left;
margin:10px 10px 0px 0pt;
}
.alignleft img {border:1px solid #888;
margin-bottom:10px;}
.alignright img {border:1px solid #888;
margin-bottom:10px;}

/* style for watermark overlay added 10/1/08--*/
a.photo-container {display: block; position: relative; }
#watermark {position:absolute; top:1em; left:1em;}