/*

Theme Name: Berlin

Theme URI: http://www.graphpaperpress.com/

Description: A Wordpress magazine theme based on the Blueprint CSS Framework.

Version: 2.0

Author: Thad Allender for Graph Paper Press

Author URI: http://www.graphpaperpress.com/

License: GPL

*/



body

{

	background: #E8E8E8;

	margin: 0;

	padding: 2em 0;

	font-family: arial, sans-serif;

}



.container

{

	background: #fff;

	padding: 2em;

	font-family: arial, sans-serif;

}



blockquote

{

	background: url('images/quote.png') .5em top no-repeat;

	color: #000;

	font-style: normal;

	padding: 0 0 0 0;

}



em

{

	background: #fff;

	text-decoration: none;

	font-family: arial, sans-serif;

}



a.ttl, a.ttl:visited,

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,

h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited

{

	color: #3B4A25;

	text-decoration: none;

	font-family: arial, sans-serif;

}



a.ttl:active, a.ttl:hover,

h1 a:active, h2 a:active, h3 a:active, h4 a:active, 

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover

{

	color:  #009; /* bjs121216 was #FF3706; */

	text-decoration: none;

	font-family: arial, sans-serif;

}



a, a:visited

{

	color: #009; /* bjs121216 was #FF3706; */

	text-decoration: none;

	font-family: arial, sans-serif;

}



a:active, a:hover

{

	color: #464646;

	text-decoration: underline;

	font-family: arial, sans-serif;

}



a.sb, a.sb:visited

{

	color: #444;

	text-decoration: none;

	font-family: arial, sans-serif;

}



a.sb:active, a.sb:hover

{

	color:  #009; /* bjs121216 was #FF3706; */

	text-decoration: underline;

	font-family: arial, sans-serif;

}



h2 a.sb:active, h2 a.sb:hover,

h3 a.sb:active, h3 a.sb:hover

{

	color:  #009; /* bjs121216 was #FF3706; */

	text-decoration: none;

	font-family: arial, sans-serif;

}



blockquote p { padding: 0 20px 0 30px; }



hr

{

	background: #CCC;

	height: 1px;

}



img { margin-left: 5px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px; }



img.centered {

	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;

	}



img.nrfl {

	border: ridge 4px #ff6600;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

	

.post img {

	max-width: 670px;

	height:auto;

}



.sticky {

	background: #f7f7f7;

	padding: 0 10px 10px;

	}

.sticky h2 {

	padding-top: 10px;

	}

	

.postmetadata {

	clear: both;

	font-size: .8em

}



a.button { float: left; }



input

{

	border: 1px solid #CCCCCC;

	padding-left: 0;

}



ol { margin-left: 35px; }

label { font-weight: normal; }



textarea

{

	height: 200px;

	width: 500px;

}



.small { font-size: .9em; }

.nomargin { margin: 0; }

a.button, button { font-weight: normal; }

dl.small dd { font-size: .9em; }

.linkcat { list-style: none; }



.post_first

{

	background: #fff;

	padding: 1em;

	font-family: arial, sans-serif;

}



.post_alt

{

	background: #eee;

	padding: 1em;

	font-family: arial, sans-serif;

}



span.meta_align_right

{

	color: #ccc;

	float: right;

	font-size: .6em;

}



span.meta_align_right a { color: #ccc; }

span.meta_align_right a:hover { color: #000; }



.meta

{

	color: #ccc;

	font-family: arial, sans-serif;

	font-size: .8em;

	line-height: 1.875em;

}



.meta a { color: #ccc; }

.meta a:hover { color: #000; }



.byline

{

	color: #ccc;

	font-size: .8em;

	line-height: 1.875em;

	font-family: arial, sans-serif;

}



.byline a

{

	color: #FF3706;

	line-height: 1.875em;

	text-decoration: none;

}



.byline a:hover { color: #000; }



.meta_list, .meta_list a, ul.meta_list

{

	color: #aaa;

	list-style-image: none;

}



.meta_list li

{

	border-bottom: 1px dotted #aaa;

	list-style-image: none;

}



.five_posts h3

{

	margin-bottom: 0;

	padding: .5em 0 .5em 0;

	font-family: arial, sans-serif;

}



.five_posts h3 a { text-transform: uppercase; font-family: arial, sans-serif; }



.five_posts h6, .five_posts h4

{

	margin-bottom: 0;

	padding: .5em 0 .5em 0;

	text-transform: uppercase;

}



.five_posts h4 a, .five_posts h6 a { text-transform: uppercase; }



#maincontent h2

{

	border-bottom: 1px dotted #AAA;

	color: #3B4A25;

	margin-bottom: 15px;

}



#maincontent .post h2 { margin-bottom: 5px; font-family: arial, sans-serif;}

#maincontent .content { padding: 0 0 0 0; font-family: arial, sans-serif; }



#maincontent h2.pagetitle

{

	border: none;

	text-transform: uppercase;

}



#feature h3

{

	margin-bottom: 0;

	padding: 0;

	font-family: arial, sans-serif;

}



#feature p img { margin: 7px 0 2em 0; }

.feature_text { margin-top: 2em; }

#home_right { margin-left: 15px; padding: 0; }

#home_right .entry { padding: 0 0 2em 0; }

#home_right ul {margin: 0 0 1.5em 0; padding: 0}

#home_right ul li { list-style-image:none; line-height: 1.5em}

.news h3 { text-transform: uppercase; font-family: arial, sans-serif; }



ul#featurenav

{

	margin-left: 0;

	padding-left: 0;

	white-space: nowrap;

	font-family: arial, sans-serif;

}



#featurenav li

{

	display: inline;

	list-style-type: none;

	font-family: arial, sans-serif;

}



#featurenav a { padding: 3px 10px; font-family: arial, sans-serif;}



#featurenav a:link, #featurenav a:visited

{

	background-color: #333;

	border: 1px solid #000;

	color: #fff;

	text-decoration: none;

}



#featurenav a:hover

{

	background-color: #FF3706;

	color: #fff;

	text-decoration: none;

}



.author

{

	background: #eee;

	margin-bottom: 1.5em;

	padding: 1.5em;

}



.author img

{

	float: left;

	padding: 0 1em 1em 0;

}



.author p { margin-left: 8em; }



.author h6

{

	border-bottom: 1px #000 dotted;

	margin-left: 7em;

}



.navigation, 



.navigation a { color: #AAA; }

.alignright { float: right; }

.alignleft { float: left; }

.post { margin-bottom: 25px; font-family: arial, sans-serif; }

.entry { padding-bottom: 25px; }



#header

{

	height: 50px;

	padding: 4px 0 0 0;

	width: 950px;

}



#header h1, #header .description

{

	line-height: 1em;

	margin: 0;

	padding: 0;

}



h1 a.logo { text-transform: uppercase; }



.entry #nav .content

{

	margin: auto;

	padding: 0;

}



.entry #nav

{

	background: #FFF;

	margin-bottom: 15px;

}



.entry #nav li a

{

	background: #666;

	border-right: 1px solid #AAA;

	color: #FFF;

}



.entry #nav li.last a { border-right: none; }



.entry #nav li a:hover

{

	background: #333;

	color: #FFF;

}



#footer

{

	font-size: .9em;

	margin: 0;

	text-align: center;

}



#footer a { text-decoration: none; }



#searchform {position:relative;

top:-80px;

left:800px;

width:200px; height:0px;

}

/* #search { float: right; } */



#search #s

{

	background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;

	color: #CCCCCC;

	font-size: 0.9em;

	margin-right: 0px;

	margin-top: 10px;

	padding: 2px 0 2px 17px;

	width: 135px;

}



#search #s:hover { color: #000; }

.search-excerpt { margin: 0; }

.commentlist li { padding: 8px 15px; }

.comments-alt { background: #EEE; }

.bottombar { }



.bottombar h2

{

	font-size: 1em;

	font-weight: bold;

	line-height: 1em;

	margin: 1em 0 1em;

}



ul

{

	list-style-type: none;

	margin-left: 1em;

	/* margin: 0; */

	padding: 0;

}



ul li

{

	background-repeat: no-repeat;

	/* line-height: 2em; */

	/*list-style-image: url('images/icons/li.png'); */

	margin: 0 0 0 0;

	padding: 0;

}



ul li a { color: #3B4A25; /* bjs121216 was #FF3706 */; 

	font-family: arial, sans-serif;

}



#top

{

	margin: 0 auto;

	width: 950px;

	/*height: 62px;*/

	height: 90px;

}





#title {

float:left;

/*margin-top: -18px;*/

margin-top: 7px;

margin-left: -25px;

}



#title h1 {margin:0;}



#title h1 a

{

	color: #fff;

	font-weight: bold;

	letter-spacing: -.1em;

	line-height: 1.3em;

	text-transform: uppercase;

}



#title h1 a:hover { color: #eee; }



#navlist

{

float: right;

padding: 0;

margin-top: -25px;

width: 950px;

z-index:+1;

}



#navlist ul, #navlist li

{

	display: inline;

	float: right;

	list-style-type: none;

	margin: 0;

	padding: 0;

	font-family: arial, sans-serif;

}



#navlist a:link, #navlist a:visited

{

	background: #444;

	color: #fff;

	float: left;

	font-size: small;

	font-weight: bold;

	line-height: 14px;

	margin-right: 2px;

	padding: 8px;

	text-decoration: none;

	font-family: arial, sans-serif;

}



#donate-old-bkp a:link, #donate-old-bkp a:visited

{

	background: #e83c00;

	color: #FFF;

	float: left;

	font-size: small;

	font-weight: bold;

	line-height: 14px;

	margin-right: 2px;

	padding: 8px;

	text-decoration: none;

	font-family: arial, sans-serif;

}



#navlist a:link#current, #navlist a:visited#current

{

	background: #fff;

	color: #000;

}



#navlist a:hover { color: #f00; background:#fff}



body.section-1 #navlist li#nav-1 a,



body.section-2 #navlist li#nav-2 a,



body.section-3 #navlist li#nav-3 a,



body.section-4 #navlist li#nav-4 a

{

	background: #fff;

	border-bottom: 1px solid #fff;

	color: #000;

}



#navlist #subnav-1,



#navlist #subnav-2,



#navlist #subnav-3,



#navlist #subnav-4

{

	display: none;

	width: 90%;

}



body.section-1 #navlist ul#subnav-1,



body.section-2 #navlist ul#subnav-2,



body.section-3 #navlist ul#subnav-3,



body.section-4 #navlist ul#subnav-4

{

	display: inline;

	left: 10px;

	position: absolute;

	top: 95px;

}



body.section-1 #navlist ul#subnav-1 a,



body.section-2 #navlist ul#subnav-2 a,



body.section-3 #navlist ul#subnav-3 a,



body.section-4 #navlist ul#subnav-4 a

{

	background: #fff;

	border: none;

	border-left: 1px solid #ccc;

	color: #999;

	font-size: smaller;

	font-weight: bold;

	line-height: 10px;

	margin-right: 4px;

	padding: 2px 10px 2px 10px;

	text-decoration: none;

}



#navlist ul a:hover { color: #f00 !important;}



#contents

{

	background: #fff;

	border: 1px solid #ccc;

	border-top: none;

	clear: both;

	margin: 0px;

	padding: 15px;

	font-family: arial, sans-serif;

}



#slider-posts {margin-bottom: 2em;

	font-family: arial, sans-serif;

}

#slider-posts .slide {position:relative; width: 590px; height: 400px}

#slider-posts .slide .slide-details {position: absolute; bottom:0px; left:0px; padding: 24px; width: 542px; background: transparent url(images/overlay.png)}

#slider-posts .slide .slide-details p, #slider-posts .slide .slide-details h2 {color:#eee}

#slider-posts .slide .slide-details a, #slider-posts .slide .slide-details h2 a {color:#fff; font-weight: bold; font-family: arial, sans-serif;}

#slider-posts .slide .slide-details a:hover, #slider-posts .slide .slide-details h2 a:hover {color:#fff; font-weight: bold; text-decoration: underline}

ul#slider-nav {margin: 0 0 1em 0; padding: 0}

ul#slider-nav a { padding:5px 9px; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius: 12px; background:#ddd; color:#fff; margin:0 12px 0 0; }

ul#slider-nav a.activeSlide,ul#slider-nav a:hover { background:#333; }





.left-border { border-left:1px solid #CCC; }

.span-9a { width:349px; }

.icon { margin: 16px 10px 16px 0; float: left; }

.icon-last { margin: 16px 0; float: left; }



td, th { text-align:left; vertical-align:top; }

td h3 { margin-top: 5px; }

td.img { text-align:center; vertical-align:top; }

td img { margin:5px auto; }



/**************** menu coding *****************/

#menu {

width: 100%;

float: left;

list-style: none;

z-index: 500;

}



#menu ul {

list-style-type: none;

margin: 0;

padding: 0;

float: left;

z-index: 500;

text-align: left;

}



#menu a {

display: block;

padding: 7px;

border-right: 1px solid #E0E0E0;

border-left: 1px solid #E0E0E0;

}



#menu h2 {

text-transform: uppercase;

}



#menu a {

color: #FFF;

background: #444;

text-decoration: none;

}



#menu a:hover {

color: #a00;

background: #F0F0F0 ;

}



#menu li {position: relative;

font: 14px arial, helvetica, sans-serif;

text-transform: uppercase;

list-style-type: none;

}



#menu li li{

font: 12px arial, helvetica, sans-serif;

border-bottom:1px solid #E0E0E0;



}





#menu ul ul {

position: absolute;

z-index: 500;

list-style-type: none;

width: 13em;

}



#menu ul ul ul {

position: absolute;

top: 0;

left: 100%;

list-style-type: none;

}



div#menu ul ul,

div#menu ul li:hover ul ul,

div#menu ul ul li:hover ul ul

{display: none;

list-style-type: none;

}



div#menu ul li:hover ul,

div#menu ul ul li:hover ul,

div#menu ul ul ul li:hover ul

{display: block;

list-style: none;

}



#menuholder {

float: right;

/*margin-top: 32px;*/

margin-top: 58px;

margin-right: -25px;

list-style-type: none;

}





#donate a{

/*background: #e83c00;*/

/*background: #597c23; */

/*background: #cf5523; */

background: #cd1006;

padding-left: 16px; 

background: #cd1006 url(../../uploads/2010/09/arrowbullet.gif) no-repeat left;

}



#donate a:hover {

color: #000;

padding-left: 16px; 

background: #cd1006 url(../../uploads/2010/09/arrowbullet.gif) no-repeat left;

}



#copyright {

text-align: center;

width:700px;

margin-left: auto ;

margin-right: auto ;

clear: both;

display: block;

}



#copyright a {

color: #000;

text-decoration: underline;

}



.wp-caption {margin-bottom: -1em; font-size: 0.9em; margin-right: 5px; margin-left: 5px;}

.wp-caption-text {

    font-size: 14px;

    font-weight: bold;

    padding-right: 8px;

}



/*added by pj*/

.donateLink{

color:#fff;

background-color:#597c23; display:inline-block; width:78px; text-align:center;

}

.donateLinkSml{

font-size:12px; margin-bottom:5px;

}



/*

Added by Michelle Tang

*/



#photo {     

width: 300px;      

height: 172px;     

position: relative;       

background-image: url(../../uploads/2011/08/nightrace_location.jpg);    

background-repeat: no-repeat;

} 



#photo ul {   

margin: 0;   

padding: 0;   

list-style: none;

 } 



#photo a {   

position: absolute;       

width: 10px;       

height: 10px;      

text-indent: -1000em; 

} 



#photo a:hover {   

border: 1px solid #fff; 

} 



#photo .can a {  

top: 37px;   

left: 71px; }



#photo .usa a {        

top: 64px;  

left: 40px; }



#photo .la a {        

top: 115px;  

left: 78px; }



#photo .eur a {        

top: 45px;  

left: 145px; }



#photo .asia a {        

top: 80px;  

left: 231px; }







/* beg of new donate page stuff BJS 11/14/11 */



#content { 

margin: 0px 16px 64px; padding:20px 0px; background-color: #FFFFFF; 

-moz-border-radius: 12px; -webkit-border-radius: 12px; 

border-radius: 12px; /* width:944px; */ 

} 



#content h2{ 

margin-left:10px; 

} 



.product-div { 

margin-bottom: 20px; background-color:#FFFFFF; 

background: -moz-linear-gradient(top, #cbcbcb, #ffffff);

background: -webkit-gradient(linear, center top, center bottom, from(#cbcbcb), to(#ffffff));

/* background:-moz-linear-gradient(#f5f5f5,#cbcbcb); */

border-color: #dddddd; height:450px; margin-left:20px; width:900px;  

vertical-align: top; 

-moz-border-radius: 12px 12px 12px 12px; 

-webkit-border-radius: 12px 12px 12px 12px; 

border-radius: 12px 12px 12px 12px; 

} 



.product-image-div { 

/* height:60px; padding-top:12px; text-align: center; */ 

} 



.product-image-div img { 

/* max-height:50px; */

/* max-width: 280px; */

bottom: 0; 

} 





.product-description-div { 

margin:20px 20px 20px 40px; 



/* float:left; */

}



.product-description-div img {

border: 4px solid #888888;

margin: 0 0 0 10px;

padding: 0px;

float:right;

}







#title .button-cta{ 

float:right; background-color: #DD4814; 

-moz-border-radius: 4px 4px 4px 4px; 

-webkit-border-radius: 4px 4px 4px 4px; 

border-radius: 4px 4px 4px 4px; 

-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); 

-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); 

box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); 

color: #FFFFFF; display: inline-block; font-size: 16px; 

margin-bottom: 20px; padding: 7px 10px; margin-top:10px; 

} 



#title .button-cta:hover{ 

text-decoration: none; 

} 



.clearfix { 

display: inline-block; 

} 



.bigsanstext {

	font:18px arial,sans-serif;

	display:inline;

}



/* shop rollover to open  */

a.rolloverDlight {

	display: block;

	width: 200px;

	height: 200px;

        margin: 10px 20px 10px 15px;

	text-decoration: none;

	background-repeat:no-repeat;

	background: url("../../uploads/2014/11/girlsWithDlightS20_200x200.png");

	}



a.rolloverDlight:hover {

	background-position: 0 -200px;

	}

a.rolloverkiran {

	display: block;

	width: 200px;

	height: 200px;

        margin: 10px 20px 10px 15px;

	text-decoration: none;

	background-repeat:no-repeat;

	background: url("../../uploads/2013/03/spotlight_200x400.png");

	}



a.rolloverkiran:hover {

	background-position: 0 -200px;

	}



a.rolloverTshirt {

	display: block;

	width: 200px;

	height: 200px;

        margin: 10px 20px 10px 15px;

	text-decoration: none;

	background-repeat:no-repeat;

	background: url("../../uploads/2010/09/tshirt_200x400.png");

	}



a.rolloverTshirt:hover {

	background-position: 0 -200px;

	}



a.rolloverbandana {

	display: block;

	width: 200px;

	height: 200px;

        margin: 10px 20px 10px 15px;

	text-decoration: none;

	background-repeat:no-repeat;

	background: url("../../uploads/2010/09/bandana_200x400.png");

	}



a.rolloverbandana:hover {

	background-position: 0 -200px;

	}



/* holiday cards! rollover to open  */

a.rollovercard1 {

	display: block;

	width: 502px;

	height: 371px;

        margin: 10px 20px 10px 15px;

	text-decoration: none;

	background-repeat:no-repeat;

	background: url("../../uploads/2011/11/Holiday_card_500x2.png");

	}



a.rollovercard1:hover {

	background-position: 0 -371px;

	}



a.rollovercard2 {

	display: block;

	width: 502px;

	height: 371px;

        margin: 10px 20px 10px 15px;

	text-decoration: none;

	background-repeat:no-repeat;

	background: url("../../uploads/2011/11/Kids_card_500x2.png");

	}



a.rollovercard2:hover {

	background-position: 0 -371px;

	}



.displace {

	position: absolute;

	left: -5000px;

	}







.buttonshop {

    padding: 5px 10px;

    display: inline;

    background: #777;

    border: dotted 1px #888;

    color: #eee;     

    cursor: pointer;

    font-weight: bold;

    border-radius: 5px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    text-shadow: 1px 1px #888; 

    }

.buttonshop:hover {

    background-position: 0 -48px;

    color:#fff;

    text-decoration:none;

    }

.buttonshop:active {

    background-position: 0 top;

    position: relative;

    top: 1px;

    padding: 6px 20px 4px;

    text-decoration:none;

    }

.buttonshop:visited {

    color:#eee;

    }

.buttonshop.red { background-color: #D21E28; }

.buttonshop.donate { background-color: #cd1006; }

.buttonshop.donate:hover { background-color: #fc1207; }

.buttonshop.purple { background-color: #9400bf; }

.buttonshop.green { background-color: #228b22; }

.buttonshop.green:hover { background-color: #008000; }

.buttonshop.orange { background-color: #ff9c00; }

.buttonshop.blue { background-color: #2c6da0; }

.buttonshop.black { background-color: #333; }

.buttonshop.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }

.buttonshop.small { font-size: 85%; padding: 3px 7px; }

.buttonshop.small:hover { background-position: 0 -50px; }

.buttonshop.small:active { padding: 4px 7px 2px; background-position: 0 top; }

.buttonshop.large { font-size: 140%; padding: 7px 22px; }

.buttonshop.large:hover { background-position: 0 -35px; }

.buttonshop.large:active { padding: 8px 22px 6px; background-position: 0 top; }

.buttonshop.a { color:#eee; }





/*  new buttons for donate page 130321 */





/* salesforce mailing list form on mailing list page*/



.sidebar form.w2llead {

  clear: none;

  text-align: left;

}

.sidebar .w2linput, 

.sidebar .w2llabel {

  float: none;

  display: inline;

}

.sidebar .w2llabel.error {

  color: #f00;

}

.sidebar .w2llabel {

  margin: 4px 0 4px 0; 

  float: left;

}

.sidebar .w2linput.text {

  width: 150px;

  height: 16px;

  margin: 4px 0; 

  float: left;



}

.sidebar .w2linput.textarea {

  width: 150px;

  height: 50px;

  margin: 10px 0;

}

.sidebar .w2linput.submit {

 /* background-color: #597C23;

  color: #597c23; */

  margin:10px 0 0 200px !important;

}



#salesforce {

  color: #a0a;

  height: 0px; width:0px; !important;

  }

#salesforce a {

  color: #9a9;

}

/*  end of salesforce mailing list css */