/*  
Theme Name: Hemingway
Theme URI: http://warpspire.com/hemingway
Description: Description: Hemingway is a simple weblog theme by <a href="http://warpspire.com">Kyle Neath</a> aimed at giving bloggers a great platform on which to customize.  If you'd like to learn more about Hemingway, <a href="http://warpspire.com/hemingway">head on over to Warpspire</a> or ask a question in the <a href="http://support.warpspire.com/discussions/hemingway">official support forums.</a> <br /><strong>This theme requires WordPress 2.0+</strong></a>.
Version: 0.20
Author: Kyle Neath
Author URI: http://warpspire.com
*/



/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
  padding:0;
  margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }
select, option { color:black; }
.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
  background:#000; 
  color:#BFBFBF;
  font-size:11px;
  font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}

/* This class sets the width and position for all rows */
.inside{
  width:850px;
  padding-top: 20px;
  margin:0 auto;
}

.inside-blog {
  width: 850px;
  text-align: center; padding-top: 20px;
  margin:0 auto;
}



#inside-blog {float: left; width: 600px; text-align: justify; }

#inside-blog a {text-decoration: none;}
#inside-blog a:hover {color: #ff6600;}
#inside-blog img {background-image: url(images/tape.png); background-repeat: no-repeat; background-position: top center; padding-top: 21px; }
a{
  color:#FFF;
}

h1{
  color:#CCC;
font-family: Arial, Helvetica;
    font-size: 19px;
    font-weight: 100;
   

}

h2, h3{
  font-size: 1.3em;
  color:#FFF;
  font-weight:normal;
}
#primary h2{
  color:#CCC;
}

p{
  line-height:1.75em;
}

#primary ul li{
  list-style-type:square;
  margin:0.5em 0 0.5em 2em;
}

blockquote{
  margin-left: 40px;
  padding-left:1em;
  border-left:1px solid  #BFBFBF;;

}

pre{
  width:100%;
  padding:1em 0;
  overflow:auto;
  border-top:1px dotted #333;
  border-bottom:1px dotted #333;
}

table{
  width:100%;
  border-spacing:2px;
  margin:1.5em 0;
}
table th, table td{ padding:0.3em 0.75em }
table th{
  background:#CCC;
  color:#000;
  text-align:left;
}
table td{
  background:#333;
  color:#FFF;
}
table caption{
  text-align:left;
  color:#FFF;
  margin-bottom:-1em;
  margin-top:1em;
}

.rule{
  border-top:1px solid #CCC;
  height:1px;
  font-size:1px;
  line-height:1px;
  margin:1.5em 0;
}

#navbar {float: right; width: 395px; text-align: right;}

#navbar ul{
	list-style-type: none;
	list-style-image: none;
}

#navbar ul li{
	float: left;
	display: inline;
}

#navbar ul li a:link,
#navbar ul li a:visited{
	display: block;
	text-decoration: none;
	padding: 5;
	text-transform: uppercase;
	}

#navbar ul li a:hover,
#navbar ul li a:active,
#navbar ul li a:focus{
	text-decoration: none;
	background: #900000;
}

#navbar ul li.current_page_item a:link,
#navbar ul li.current_page_item a:visited,
#navbar ul li.current_page_item a:hover,
#navbar ul li.current_page_item a:active,
#navbar ul li.current_page_item a:focus{
	color: #900000;
}


/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header{
  background:#000;
}
#header .inside{
  padding:3em 0;
}

#header h2{
  font-size:2.25em;
  margin:0 0.5em 0 0;
  padding:0 0.5em 0.25em 0;
  border-right:1px solid #808080;
  float:left;
}
#header h2 a{ text-decoration:none; }

#header p{
  padding:1em 0;
  margin:0;
  line-height:1em;
}

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary{
  background:#000; background-image: url(http://girlatplay.com/media/background.jpg); 
  padding:1px 0 2em 0;
  color:#808080;
}

#primary.onecol-stories .primary{
  float:left;
  width:50%;
}
#primary.onecol-stories .secondary{
  float:right;
  width:40%;
  margin:0 0 0 10%;
}

#primary.twocol-stories .story{
  float:left;
  width:48%;
  margin:0 0 0 4%;
  display:inline;
}
* html #primary.twocol-stories .story{
  margin-left:2%;
}
#primary.twocol-stories .first, * html #primary.twocol-stories .first{
  margin:0 0 0 0;
}

.story h3{
  font-size:1.6em;
  margin:0 0 1.5em 0;
  font-weight:normal;
  color:#CCC;
}
.story h3 a{
  color:#CCC;
  text-decoration:none;
  border-bottom:1px dotted #666;
}

.story .details{
  margin:1em 0;
  text-align:right;
  border-top:1px solid #333;
  padding:0.5em 0;
  font-size:0.95em;
  color:#4D4D4D;
}
.story .details .read-on{
  background:url(images/readon_black.gif) 100% 60% no-repeat;
  padding-right:20px;
}
.story .details a{
  color:#fff;
  text-decoration:none;
}
.story .details a:hover{ color:#4D4D4D; }

/* Single Post Styles */

#primary .primary{
  float:right;
  width:65%;
}
#primary .secondary{
  float:right;
  width:30%;
  margin-right:5%;
  padding-top:0.65em;
  display:inline;
}
* html #primary .secondary{ margin-right:4%; }

.secondary .featured p{
  border-bottom:1px solid #333333;
  border-top: 1px solid #333333;
  padding:0.5em 0 0.6em 0;
  line-height:1.5em;
  margin:1em 0 0 0;
}
.secondary .featured dl{
  margin:0 0;
  border-bottom:1px solid #333333;
  padding:0.5em 0 0.6em 0;
}
.secondary dt{
  display:inline;
  margin:0;
  padding:0;
  color:#AAA;
}
.secondary dd{
  display:inline;
  margin:0;
  padding:0;
}
.secondary dd a{ color:#808080; }
.secondary dd a:hover{ color:#FFF; }

.single-post h1, .single-post h2{ margin-top:0; }

.inside a {text-decoration: none; color: #fff;}
.inside a:hover {color: #ff6600;}

/*-----------------------------------------------------------------------------------------------
  Secondary Items
-----------------------------------------------------------------------------------------------*/

#secondary{

}

.comment-head{
  border-bottom:1px solid #1C1C1C;
  padding:0.8em 2em 1.0em 2em;
}
.comment-head h2{
  font-size:1.5em;
  margin:0;
}
.comment-head a{
  text-decoration:none;
  color:#868686;
}
.comment-head .details{
  font-size:0.95em;
}

ol#comments{
  list-style-type:none;
  margin:2em 0;
}
ol#comments li{
  list-style-type:none;
  margin:2em 0;
}

ol#comments li .avatar {
  border: 1px solid #222;
  padding: 2px;
}

#comments cite{
  float:left;
  width:31%;
  font-style:normal;
  text-align:right;
}
* html #comments cite{ width:30.6%; }
#comments cite span{
  display:block;
}
#comments cite span.avatarspan{ float: left; }
#comments cite .author{ font-size:1.2em; }
#comments cite .author a{
  text-decoration:none;
}
#comments cite .admin-tools{
  margin:5px 0;
}
#comments cite .admin-tools a{
  float:right;
  margin:0 5px;
  padding:0px 3px 3px;
  background:#666;
  border:1px solid #999;
  text-decoration:none;
}
#primary .secondary .admin-tools{ margin:1em 0; }

#preview{
  margin:1em 0;
  padding:0.5em;
  border:1px solid #333;
}
#preview p{ margin:1em 0 0 0; }
#errors{ color:#FF0000; font-weight:bold; }

#comments .pingback cite .author{
  display:block;
  padding-top:68px;
  background:url(images/trackback_pingback.gif) 100% 0 no-repeat;
}

#comments .content{
  float:left;
  width:60%;
  margin-left:1.9%;
  border-left:1px solid #868686;
  padding: 0 0 0 2%;
}
#comments .content p{
  margin:0 0 1em 0;
}
#comments .content h3{
  margin:0;
  font-size:1em;
}

#comment-form{
  margin:5em 0 5em 35.4%;
  width:36em;
}
input.textfield{
  width: 15em;
  margin:5px 0;
}
textarea.commentbox{
  width:28em;
  height:10em;
  padding:0.25em;
  margin:5px 0;
  font-size:1.25em;
  font-family:Arial, Helvetica, sans-serif;
}

label.text{
  position:relative;
  left:0.5em;
  top:-0.5em;
}
.formactions input.submit{ 
  float:right; 
  margin:-1em 0 0 0;
  padding:0 0.5em;
}
.formactions .spinner{
  float:right;
  margin:-8px -20px 0 0;
}

/*-----------------------------------------------------------------------------------------------
  Ancillary Items
-----------------------------------------------------------------------------------------------*/

#ancillary{
  padding:2em 0 0 0;
}
#ancillary .block{
  float:left;
  width: 30%;
  margin:0 0 0 5%;
}
#ancillary .twice-length{ width:65%; }
#ancillary .thrice-length{ width:100%; }
* html #ancillary .block{
  margin:0 0 0 4%;
}
#ancillary .first, * html #ancillary .first{
  clear:both;
  margin:0;
}
#ancillary .block-separator{
  clear:both;
  height:2.5em;
}

#ancillary .block h2, #ancillary .block h3{
  margin:0 0 2em 0;
}

ul.dates, ul.counts, ul.blogroll ul, ul.pages{
  list-style-type:none;
  margin:1.5em 0 2em 0;
  border-top:1px solid #3D3D3D;
}
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{
  list-style-type:none;
  margin:0;
  padding:0.5em 0;
  border-bottom:1px solid #3D3D3D;
}
ul.dates .date{
  color:#858585;
  padding:0 1.5em 0 0;
}

ul.counts .count{
  float:right;
  color:#858585;
}

ul.dates a, ul.counts a, ul.blogroll a, ul.pages a{
  color:#BFBFBF;
  text-decoration:none;
}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{ 
  color:#FFF;
}

ul.blogroll{ margin-top:0; }
ul.blogroll li{
  list-style-type:none;
  margin:0;
}

ul.pages ul{
  margin:0;
}
ul.pages ul li{
  border:none;
  margin-left:2em;
  list-style-type:square;
}
//************************************************	Footer	************************************************/
.footer_area {
	font-size: 10px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.footer_area .box {
	margin-top: 20px;
}
.footer_area .copy-right {
	float: left;
	font-size:10px;
	text-transform:none;
	padding-top:30px;
}

.footer_area .links-column{
    float:left;
    width:18%;
    text-transform: uppercase;
    text-decoration: none;
	padding-bottom:20px;
}
.footer_area .links-column p
{
    padding-bottom:3px;
	padding-left:20px;
}
.footer_area  .links-column .column-header 
{
    padding-bottom:15px !important;
	padding-left: 8px !important;
    font-weight:bold !important;
	font-size:11px;
}
.footer_area  .links-column .column-header-search
{
    padding:15px 0px 15px 8px;
    font-weight:bold;
	font-size:11px;
}
.footer_area .links-column-separator
{
    background: transparent url(/custom/images/pattern-column-separator-100.gif) no-repeat right;
    width:1%;
    height:155px;
    float:left;
}
.footer_area .links-column a
{
    border-bottom:none;
    color:#838383;
	font-weight:normal;
}
.footer_area .links-column a:hover
{
    color:White;
}
.footer_area .copy-right p {
	padding-left:10px !important;
	padding-right:10px !important;
	font-weight:normal;
}
.footer_area .links a {
	margin-left: 14px;
	color:#838383;
}

.footer_area .search-box {
	clear: both;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-left:20px;
}

.footer_area .search-box .search {
	background-color: #2e2e2e;
	font-size: 10px;
	font-weight: bold;
	color: #838383;
	width:100%;
	border: none;
}
.footer_area .search-box input{
	padding:3px;
	height:13px;
}


/* credits */
#credits {
	margin: 0 auto;
	color: #000000;
	font-family: courier, verdana; font-size: 10px;      
	width: 800px;      
}

#credits a, #credit a:visited { color: #990000; }

/*-----------------------------------------------------------------------------------------------
  Search
-----------------------------------------------------------------------------------------------*/

#search{
  float:right; text-align: right:
  width:400px;
 
  text-align:right;
}
#search:hover{
  -moz-opacity:1.0;
}
#search .searchimg{
  float:left;
  width:14px;
  height:13px;
  background:url(images/search.gif) 0 0 no-repeat;
  position:relative;
  top:4px;
}
#search input{ 
  width:175px; 
  font-size: 0.85em; 
  background:#CCC;
  margin-top:2px;
}
#search input:focus{
  background:#FFF;
}

#searchform{
  margin:1em 0;
}

#searchform #s{
  background:#222;
  border:none;
  border-bottom:1px solid #333;
  width:30em;
  color:#666666;
  padding:0.25em;
}

#searchform #searchsubmit{
  background:#000;
  color:#666;
  border:none;
  font-size:0.9em;
  text-transform:uppercase;
  letter-spacing:0.25em;
}

/* Legacy Typo CSS */

#search-results{
  width:30%;
  background:#333;
  padding:0 0 0 0;
  float:right;
  -moz-opacity:0.9;
  border-top:1em solid #000;
}
#search-results h3{
  font-weight:bold;
  text-align:left;
  margin:0;
  padding:0 0 1em 0;
  background:#000;
  
}
#search-results small{
  display:block;
  text-align:left;
  font-size:0.9em;
  padding:0.5em 1em 0.7em 1em;
  border-top:1px solid #666;
  border-bottom:1px solid #555;
}
#search-results small a{
  color:#CCC;
}
#search-results ul li{
  list-style-type:none;
  padding:0 1em 0.5em 1em;
  margin:0.5em 0;
}
#search-results ul li:hover{
  background:#202020;
}
#search-result ul{ margin:0; }
#search-results ul li a{
  text-decoration:none;
  border-bottom:1px dotted #CCC;
}

#search img.archives-icon{
  margin:0 7px 0 0;
  top:1px;
}

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

img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}

img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}

.alignright {
  float: right;
}



.alignleft {
  float: left;
}
.aligncenter, div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;
  padding-top: 4px;
  margin: 10px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  color: #000;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
}

.pullquote_left { float: left; width: 200px; margin: 0; padding: 5px 15px 8px 0; }
.pullquote_right { float: right; width: 200px; margin: 0; padding: 5px 10px 8px 15px; }
.pullquote_center { margin: 5px 10px 15px 0; padding: 10px 10px 10px 0; border-top: 1px solid #dedcd7; border-bottom: 1px solid #dedcd7; }
.qm { font-size: 24px; padding: 0 5px 0 0 } /* big quotation mark */
.quote { font: italic bold 14px Georgia, 'Times New Roman', Times, serif; color: #FFD8AF; line-height: 20px; }

#projects	{
	float:left;
	width:750px; margin-left: 30px;
	
}

.projectimage {float:left; padding: 5px; border: 1px solid #cccccc; margin-right: 15px;}



.projectspacer {
	clear:both;
	height: 20px;
	padding-top: 20px;
	background-image: url(http://girlatplay.com/i/chalkline.png); background-position: bottom; background-repeat: no-repeat;
}

#twitter_div {line-height: 15px;}

#twitter_div ul li {list-style-type:none;
  margin:0;
  padding:0.5em 0;
  border-bottom:1px solid #3D3D3D;
 }

#twitter_div ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	
	line-height: 125%; 
        }

#twitter_div a { color:#BFBFBF;
  text-decoration:none;}

#twitter_div a:hover {color: #900;}

h2.widgettitle {font-size:1.3em;font-weight:normal;text-transform:uppercase;letter-spacing:1.2pt;font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif; padding-top: 10px;}

h2.widgettitle a {text-decoration: none;}

h2.widgettitle a:hover {color: #900;}


ul#social { overflow:hidden; padding-top:10px; } 
ul#social li { float:left; list-style-type: none;}
ul#social li a { color:#ccc; display:block; padding-left: 38px; padding-top: 4px; font-size:11px; height:40px; background-repeat:no-repeat; display:block; width: 75px; }
ul#social li a span { color:#777; }
ul#social li a:hover { color:#fff; text-decoration:none;}
ul#social li a:hover span { color:#ccc; }

	/* icon switcher */
	ul#social li a[href='http://twitter.com/alexthegirl'] { background-image:url('images/twitter.png'); }
	ul#social li a[href='http://flickr.com/photos/alexthegirl'] { background-image:url('images/flickr.png'); }
	ul#social li a[href='http://linkedin.com/in/alexbeauchamp'] { background-image:url('images/linkedin.png'); }
	ul#social li a[href='http://delicious.com/girlatplay'] { background-image:url('images/delicious.png'); }
	ul#social li a[href='http://www.youtube.com/user/girlatplaymedia'] { background-image:url('images/bt-youtube.png'); }



#unicorns {align: center, width: 800px;}