@charset "utf-8";
@import url(reset.css);

/* CSS Document */

/* COLORS -----------

Yellow		#C39031
Black		#000000
Gray		#666666
Light Gray	#999999
Dark Gray	#323232
White		#FFFFFF

-------------------*/
/* BODY */
body { background-color:#000000; font-size:11px; line-height:18px; font-family:Trebuchet MS, Arial, Helvetica, Sans-serif; color:#666666; }
h1 { font-size:15px; color:#C39031; font-weight:bold; line-height:30px; padding:0; margin:0; }
h2 { font-size:14px; color:#999; font-weight:bold; line-height:30px; padding:0; margin:0; }
h3 { font-size:24px; color:#C39031; font-weight:bold; line-height:50px; padding:0; margin:0; }
h4 { font-size:14px; color:#C39031; font-weight:bold; line-height:20px; text-transform:uppercase; padding:0; margin:0; border-bottom:1px solid #C39031; }
h5 { font-size:14px; color:#FFFFFF; font-weight:bold; line-height:20px; text-transform:uppercase; padding:0; margin:0; border-bottom:1px solid #666666; }
h6 { font-size:14px; color:#666666; font-weight:bold; line-height:30px; text-transform:uppercase; padding:0; margin:0; }
p { line-height:14px; padding:0px 0px 10px 0px; }
em { font-weight:bold; color:#999999; }

/* DEFAULT ANCHORS */
a {	color:#CCC; text-decoration:none; }
a:hover { color:#FFF; }
a {border:none; }
a img {border:3px solid #C39031;; }
a:active, a:focus{ outline:none;}

/* CUSTOM ANCHORS */
a.tiklayiniz { color:#000; text-transform:uppercase; line-height:20px; padding:1px 4px 0px 4px; background-color:#C39031; }
a.tiklayiniz:hover { color:#FFFFFF; background-color:#262626; }


a.menu { border-bottom:3px solid #323232; color:#ccc; text-transform:uppercase; line-height:20px; padding:3px 10px 2px; background-color:#000; vertical-align:top; }
a.menu:hover { color:#FFFFFF; background-color:#262626; border-bottom:3px solid #C39031; }
a.btn { color:#FFFFFF; font-size:9px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; padding:3px 4px; background:url(../images/btn_bg.jpg) left #C39031; border:1px solid #000000; }
a.btn1 { color:#FFFFFF; background:url(../images/list_btn_arrow_over.gif) left no-repeat #444444; margin:0; padding:1px 4px 1px 14px; border:1px solid #666666; font-size:10px; text-transform:uppercase; letter-spacing:1px; }
a.btn1:hover { color:#FFFFFF; background:url(../images/list_btn_arrow_over.gif) left no-repeat #666666; border:1px solid #666666; }
a.btn2 { color:#FFFFFF; background:url(../images/list_btn_arrow_over.gif) left no-repeat #444444; margin:0; padding:1px 4px 1px 14px; border:1px solid #C39031; font-size:10px; text-transform:uppercase; letter-spacing:1px; }
a.btn2:hover { color:#FFFFFF; background:url(../images/list_btn_arrow_over.gif) left no-repeat #C39031; border:1px solid #C39031; }

/* FLOATS */
.flleft { float: left; }
.flright { float: right; }
.leftimg { float: left; margin:0px 15px 5px 0px; }
.rightimg { float: right; margin:0px 0px 5px 15px; }

/* BREAKS */
.force_break { clear:both; }
.soft_break { clear:both; }
.hr_break { clear:both; height:1px; background:url(../images/border.gif) repeat-x; }

/* STRUCTURE */
#container { width:985px; height:100%; min-height:100%; margin:0px auto; padding-bottom:50px; background:transparent url(../images/gri_zemin.jpg) no-repeat scroll center 449px; }
#subcontainer { width:985px; height:100%; min-height:100%; margin:0px auto; padding-bottom:50px; background:transparent url(../images/gri_zemin.jpg) no-repeat scroll center 198px; }
.one_column { width:223px; }
.two_column { width:477px; }
.three_column { width:731px; }
.four_column { width:985px; }

/* COLUMN SPECS */
.margin_left { padding-left:15px; }
.margin_right { padding-right:15px; }
.border_left { background:url(../images/border.gif) top left repeat-y; margin-left:20px; padding-right:15px; }
.border_right { background:url(../images/border.gif) top right repeat-y; margin-right:20px; padding-left:15px; }

/* HEADER */
#header { height:200px; padding:0px 0px 0px 0px; background: url(../images/header_tagline.jpg) bottom right no-repeat; }
.logo { padding:10px 0px 0px 0px;  border:none;}
#header a.active { color:#FFF; font-weight:bold; text-transform:uppercase; background:url(../images/menu_zemin.jpg) left #C39031; line-height:14px; letter-spacing:1px; padding:10px 30px 8px 30px; }
#header a.active:hover { color:#FFF; }
#header a.menu { padding-top:7px; }
#header #title { font-size:40px; color:#C39031; font-weight:bold; line-height:30px; padding-top:125px; padding-left:100px; margin:0; float:right; text-transform:uppercase; }


/* CONTENT */
#content { padding:60px 0px 60px 0px; }
#content .photo { border:3px solid #C39031; }
#content .flash_cause { width:223px; padding:20px 0px 20px 0px; }
#content .product_photo { border:3px solid #333333; margin-left:10px;}

/* FOOTER */
#footer { font-size:10px; }
#footer .inner { padding:30px 0 0; }
#footer ul li { display:inline; }
#footer li a { color:#666666; letter-spacing:2px; font-weight:bold; padding:0px 20px 0px 0px; text-decoration:none; text-transform:uppercase; font-size:12px; }
#footer a:hover { color:#999999; }
#footer .inner p { color:#666666; letter-spacing:1px; }
#home a#subnav_home,
#list a#subnav_list,
#sms a#subnav_sms,
#music a#subnav_music,
#shoes a#subnav_shoes,
#schools a#subnav_schools,
#water a#subnav_water,
#walk a#subnav_walk { color:#FFFFFF; }


/* NAV */
#nav { padding:15px 20px; margin-bottom:40px; background:url(../images/nav_bg.jpg) top no-repeat;background-color:#000; }
#nav ul li { width:183px; display:list-item; }
#nav li { list-style:none; line-height:30px;  }
#nav a { color:#CCCCCC; font-size:12px; text-transform:none; font-weight:bold; padding-left:10px; border-bottom:1px solid #323232; width:173px; display:block;}
#nav a:hover { color:#FFFFFF; border-bottom:1px solid #C39031; background-color:#262626;  }
#nav a.active { color:#C39031;}

/* HOMEPAGE CONTENT */
#haber h1 { font-size:24px; color:#C39031; font-weight:bold; padding:0; margin:0; }
#haber h2 { color:#999999; font-size:13px; text-transform:none; }
#flash_home { height:250px; padding:0; margin:0; }
#content_home { background:url(../images/gri_zemin_home.jpg) top center no-repeat; padding:30px 0px 60px 0px; }
#causes { width:731px; }
.cause { height:auto; }
.cause h1 { padding-bottom:10px; padding-top:15px; }
.cause p { width:170px; }
#shoes { height:170px; }
#news_tour { padding-bottom:15px; }
#news_tour h1 { color:#CCCCCC; font-size:13px; text-transform:none; padding-right:8px; }
#news_tour h2 { font-size:13px; text-transform:none; }
#news_tour a { color:#666666; }
#news_tour a:hover { color:#999999; }
#news_hosted { padding-bottom:15px; }
#news_hosted h1 { color:#CCCCCC; font-size:13px; text-transform:none; padding-right:8px; }
#news_hosted h2 { color:#999999; font-size:13px; text-transform:none; }
#news_hosted a { color:#666666; }
#news_hosted a:hover { color:#999999; }

/* WALK LIST 
.legend { color:#999999; background:#000000; margin:0; padding:4px 8px; border:1px solid #323232; font-size:10px; text-transform:uppercase; letter-spacing:1px; }
.legend .title { display:block; }
.legend img { padding:1px 6px 0px 0px; display:block; }
.walk { padding:15px 0px; }
.walk h1 { font-size:14px; color:#999999; font-weight:bold; line-height:30px; text-transform:none; padding:0; margin:0; }
.walk h2.sms { padding:0px 6px 0px 18px; margin:0; background:url(../images/list_icon_sms.gif) left no-repeat; }
.walk h2.music { padding:0px 6px 0px 18px; margin:0; background:url(../images/list_icon_music.gif) left no-repeat; }
.walk h2.shoes { padding:0px 6px 0px 18px; margin:0; background:url(../images/list_icon_shoes.gif) left no-repeat; }
.walk h2.schools { padding:0px 6px 0px 18px; margin:0; background:url(../images/list_icon_book.gif) left no-repeat; }
.walk h2.water { padding:0px 6px 0px 18px; margin:0; background:url(../images/list_icon_water.gif) left no-repeat; }
.walk h2 { font-size:14px; color:#CCCCCC; font-weight:bold; line-height:30px; text-transform:none; padding:0px 6px 0px 0px; margin:0; }
.walk a.tiklayiniz { color:#FFFFFF; background:url(../images/list_btn_arrow.gif) left no-repeat #282828; margin:0; padding:1px 4px 1px 14px; border:1px solid #444444; font-size:10px; text-transform:uppercase; letter-spacing:1px; }
.walk a.tiklayiniz:hover { color:#FFFFFF; background:url(../images/list_btn_arrow_over.gif) left no-repeat #C39031; border:1px solid #C39031; }
.tour_walk { padding:15px 0px; background:url(../images/tour_walk_bg.png); }
.tour_walk h1 { font-size:14px; color:#C39031; font-weight:bold; line-height:30px; text-transform:none; padding:0; margin:0; }
.tour_walk h2 { font-size:14px; color:#FFFFFF; font-weight:bold; line-height:30px; text-transform:none; padding:0px 6px 0px 18px; margin:0; background:url(../images/list_legend_tour.gif) left no-repeat; }
.tour_walk p { color:#CCCCCC; }
.tour_walk a.tiklayiniz { color:#FFFFFF; background:url(../images/list_btn_arrow.gif) left no-repeat #282828; margin:0; padding:1px 4px 1px 14px; border:1px solid #444444; font-size:10px; text-transform:uppercase; letter-spacing:1px; }
.tour_walk a.tiklayiniz:hover { color:#FFFFFF; background:url(../images/list_btn_arrow_over.gif) left no-repeat #C39031; border:1px solid #C39031; }
.walk_details { padding-top:15px; }
.walk_details h6 { padding-right:8px; }

/* SUBPAGE CONTENT 
#product { padding:10px 0px 0px 0px; }
#product .inner { padding:15px 0px 25px 0px; }
#product .inner h1 { padding-right:4px; }
#donate { padding-bottom:15px; }
#donate p { padding-top:10px; }
#donate form { padding-bottom:8px; }
#donate input.amount { width:60px; }

/* FORM STUFF 
input { color:#999999; font-size:10px; background-color:#323232; border:1px solid #666666; padding:2px; }
input.btn { color:#FFFFFF; font-size:9px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; padding:3px 4px; background:url(../images/btn_bg.jpg) left #C39031; border:1px solid #000000; }
select { color:#CCCCCC; font-size:10px; background-color:#323232; border:1px solid #666666; padding:1px; }
optgroup { color:#CCCCCC; text-transform:uppercase; font-style:normal; font-weight:normal; padding:0 2px; border-top:dotted 1px #666666; }
option { color:#999999; font-size:10px; background-color:#323232; margin:0; padding-left:10px; }
#input.btn { color:#FFFFFF; font-size:9px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; padding:0px 6px 1px 7px; background:url(../images/btn_bg.jpg) left #C39031; border:none; float:left; }
.submit .btn2 { color:#FFFFFF; background:url(../images/list_btn_arrow_over.gif) left no-repeat #444444; margin:0; padding:1px 4px 1px 14px; border:1px solid #C39031; font-size:10px; text-transform:uppercase; letter-spacing:1px; cursor: pointer;}
.submit .btn3 { color:#FFFFFF; background:url(../images/list_btn_arrow_over.gif) left no-repeat #444444; margin:0; padding:1px 4px 1px 14px; border:1px solid #C39031; font-size:10px; text-transform:uppercase; letter-spacing:1px; width:70px; cursor: pointer; }
.submit input.btn {cursor: pointer;}

/* EXTRAS 
#newsletter { background:#000000; margin:0; padding:0px 8px; border:1px solid #323232; }
#newsletter h1 { color:#CCCCCC; padding-right:6px; }
#newsletter a.details { color:#666666; font-size:10px; font-style:italic; display:block; padding:7px 0px 0px 0px; }
#newsletter a.details:hover { color:#C39031; }
#newsletter form { padding-bottom:8px; }
#cart_summary { background-color:#222222; }
#cart_summary .inner { padding:10px; }
#cart_summary .inner .item { padding:0px 0px 0px 0px;}
#cart_summary .inner .item h1 { color:#666666; font-size:11px; font-weight:normal; text-transform:none; letter-spacing:1px;  }
#cart_summary .inner .item h2 { color:#999999; font-size:11px; text-transform:none; }

/* NEW ADDITIONS 
a.details { color:#666666; font-size:10px; font-style:italic; padding-left:6px; }
a.details:hover { color:#C39031; }
a.btn { color:#FFFFFF; font-size:10px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; padding:2px 6px; background:url(../images/btn_bg.jpg) left #C39031; border:1px solid #000000; }
.form_break { clear:both; padding:5px 0px; }
.host_forms { width:223px; padding-top:20px; }
.host_forms th { text-align:left; padding:4px 0px 0px 0px; color: #999999; }
.host_forms th.required { font-size:10px; line-height:16px; font-weight:bold; font-style:normal; color:#ffffff; }
.host_forms td input { text-align:left; width:200px; padding:2px 3px 1px 3px; }
.host_forms td textarea { text-align:left; font-size:11px; color:#999999; width:200px; padding:2px 3px 1px 3px; border:1px solid #666666; background-color:#323232; }
.host_forms td.btn { padding-top:15px; }
.host_forms th.checkout_table_title { font-size:14px; line-height:16px; font-weight:normal; color:#999999; padding:0px; }
.host_forms th.checkout_table_title h2 { padding-top:0px; }
.host_forms input.btn { width:auto; padding:2px 4px; background:url(../images/btn_bg.jpg) left #C39031; border:1px solid #000000; }
.host_forms em.bold { font-size:12px; color:#FFFFFF; font-weight:bold; }
.host_forms p { padding-top:0px; margin:0; }
.host_forms span.error { font-size:11px; line-height:16px; font-style:italic; color:#FFFFFF; padding:0px 0px 0px 8px; }
.host_error { font-size:12px; line-height:16px; font-style:italic; color:#FFFFFF; padding:20px 0px 10px 0px; }
p#host { font-size:12px; padding:9px 15px 0px 0px; color:#999999; }
span.host { color:#FFFFFF; font-weight:bold; padding-left:4px; }
div#profile { padding-top:20px; }
div.approve { padding:15px 15px;background:url(../images/walk_approve_bg.gif) top left #303030; border-bottom:3px solid #000000; border-top:3px solid #000000; }
div.approve a.check { padding-top:6px; }
.current_walk { padding:10px 0px; background:url(../images/border.gif) bottom repeat-x; }
div#login_fade { width:437px; padding:20px }
em.bold { font-size:12px; color:#FFFFFF; font-weight:bold; }
input#visitor_hanson_realname { color:#CCCCCC; font-size:10px; background-color:#222222; border:1px solid #323232; padding:2px; }
input#visitor_hanson_location { color:#CCCCCC; font-size:10px; background-color:#222222; border:1px solid #323232; padding:2px; }
input#visitor_email { color:#CCCCCC; font-size:10px; background-color:#222222; border:1px solid #323232; padding:2px; }

/*----------------- Login Fade -----------------

div#login_fade { padding:10px 0px; }
.login_forms th.required { font-size:10px; line-height:16px; font-weight:bold; font-style:normal; color:#ffffff; }
.login_forms input { text-align:left; width:190px; padding:2px 3px 1px 3px; }
.login_forms td { padding:0px 4px 0px 0px; }
.login_forms input.btn { width:auto; }
.login_forms td.btn { padding:0px; }
.login_forms span.btn { padding-right:4px; }
.login_forms td.close { padding-top:4px; }

.donate_icon {padding-right: 4px;}

/*----------------- Tool Tip -----------------*/

/*	these are for Tool-Tips. 
	Use <span>title</span> for tooltip. -------------------*/
	
#newsletter a{ z-index:10; }
#newsletter a:hover{ position:relative; z-index:100; }			
#newsletter a .tooltip{ display:none; }
#newsletter a:hover .tooltip{
	width: 203px;
	font-weight:bold;
	display:block;
	position:absolute;
	float:left;
	white-space:;
	top:-237px;
	left:-160px;
	background:#C39031;
	color:#ffffff;
	font-style:normal;
	padding: 10px 10px 10px 10px;
	z-index:10;			
}

#medya-t {
	display:block;
	float:right;
	height:17px;
	overflow:hidden;
	position:relative;
	text-indent:-9999px;
	width:65px;
	background:url(../images/medya-t.gif) no-repeat;
}
#vinaldi {
	display:block;
	float:left;
	height:195px;
	overflow:hidden;
	position:relative;
	text-indent:-9999px;
	width:190px;
	background:url(../images/vinaldilogo.gif) no-repeat 0 10px;
}




.row {
	clear: both;
	display: block;
}
.item {
	float: left;
	width: 145px;
	border:1px solid #323232;
	margin:0 11px 11px 0;
	padding:8px;
}
* html .item {
	margin: 0 11px 11px 0;
}
.item:hover {
	background: #515151;
}
.item:hover a {
	color: #fff;
}
.item a {
	padding: 0;
	border: none;
	margin: 0;
}
#altbolum p img{
	padding-right:15px;
}
.item img {
	padding: 0;
	margin-bottom: 7px;
}
.item p {
	font-size: 11px;
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0;
}
.item p a {
	color: #666;
	padding: 0;
	border: none;
}

input,textarea,select {
	background:#323232;
	color:#FFFFFF;
	border:solid #515151 1px;
	padding:3px;
	margin:3px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}
legend {
	color:#C39031;
	padding:3px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	}
	fieldset {
	border:1px solid #C39031;
		padding:5px
		}
	
/*	
Yellow		#C39031
Black		#000000
Gray		#666666
Light Gray	#999999
Dark Gray	#323232
White		#FFFFFF
*/