/*------------------------------
=BASIC SETUP
------------------------------*/

/* CSS Reset */
@import url("html5reset-1.4.1.css");

/* Tell the browser to render HTML 5 elements as block */

/*
Red 		#BD4C35

Green 		#5DB332

Blue 		#3772A6
Blue Light 	#50A7F2

White 		#F2F0D5
White Dark 	#DBD5B6
Darkest		#726F42

Purple 		#B3328D
Purple Dark	#330E29
*/
header,footer,section,aside,nav,article { display:block; }
body { margin:0 auto; padding:22px 0; width:940px; font:13px/22px Tahoma, Helvetica, Arial, sans-serif; background:#DBD5B6; color:#330E29; }
h1,h2 { font-size:28px; line-height:44px; padding:22px 0; color:#B3328D; }
h3 { font-size:18px; line-height:22px; padding:11px 0; color:#B3328D; }
p { padding-bottom:22px; }
#topborder { border-top:2px solid #B3328D; position:fixed; top:0; left:0; z-index:999; width:100%; }

/*------------------------------
=NAVIGATION

Red 		#BD4C35

Green 		#5DB332

Blue 		#3772A6
Blue Light 	#50A7F2

White 		#F2F0D5
White Dark 	#DBD5B6
Darkest		#726F42

Purple 		#B3328D
Purple Dark	#330E29

------------------------------*/

.nav-wrap { position:absolute; left:0; width:100%; border-top:2px solid #B3328D; border-bottom:2px solid #B3328D; background:#330E29; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */

#navigation { margin:0 auto; width:940px; list-style:none; }
#navigation li { float:left; }
#navigation li a { position: relative; z-index: 200; color: #3772A6; font-size: 14px; line-height: 44px; text-align: center; display: block; float: left; padding: 0px 60px 0px 60px; text-decoration: none; }
#navigation li a:hover { color:#50A7F2; text-decoration:underline; }
#navigation #navigation_over { position: absolute; top: 0; left: 0; width: 100px; background: #2B0C23; z-index: 100; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#navigation li.subscribe a { margin-left:22px; padding-left:33px; text-align:left; background:url(_img/_main/rss.png) left center no-repeat; }

#navigation li.selected a { color: #50A7F2; font-weight:bold; text-decoration:underline; }

/*------------------------------
=INTRODUCTION
Red 		#BD4C35

Green 		#5DB332

Blue 		#3772A6
Blue Light 	#50A7F2

White 		#F2F0D5
White Dark 	#DBD5B6
Darkest		#726F42

Purple 		#B3328D
Purple Dark	#330E29
------------------------------*/
#intro { position:relative; margin-top:66px; padding:44px; background:#000; -moz-border-radius:22px; -webkit-border-radius:22px; -webkit-box-shadow:3px 3px 7px #777; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; }
#intro h2,#intro p { position:relative; z-index:9999; width:336px; }
#intro h2 { padding:0 0 22px; font-weight:normal; color:#5DB332; }
#intro p { padding:0; color:#726F42; }
#intro img { position:absolute; top:0; right:0; width:557px; height:100%; -moz-border-radius:22px; -webkit-border-radius:22px; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; }

/*------------------------------
=CONTENT AREA AND SIDEBAR LAYOUT
Red 		#BD4C35

Green 		#5DB332

Blue 		#3772A6
Blue Light 	#50A7F2

White 		#F2F0D5
White Dark 	#DBD5B6
Darkest		#726F42

Purple 		#B3328D
Purple Dark	#330E29
------------------------------*/
#content { display:table; }
#mainContent { display:table-cell; width:620px; padding-right:22px; }
aside { display:table-cell; width:300px; background:#F2F0D5; border-left:1px solid #726F42; border-right:1px solid #726F42; }

/*------------------------------
=CONTENT ITEM
Red 		#BD4C35

Green 		#5DB332

Blue 		#3772A6
Blue Light 	#50A7F2

White 		#F2F0D5
White Dark 	#DBD5B6
Darkest		#726F42

Purple 		#B3328D
Purple Dark	#330E29
------------------------------*/
.content_item header p,.content_item header p a { font-size:14px; font-style:italic; color:#fff; }
.content_item header p a:hover { text-decoration:none; color:#3772A6; }
.content_item h2 { color:#B3328D; }
.content_item img { margin:20px; float:left; border:1px solid #726F42; -webkit-box-shadow:3px 3px 7px #777; }
.borderbottom { border-bottom:1px dashed #F2F0D5; }

/*------------------------------
=FLICKR COMMENTS
Red 		#BD4C35

Green 		#5DB332

Blue 		#3772A6
Blue Light 	#50A7F2

White 		#F2F0D5
White Dark 	#DBD5B6
Darkest		#726F42

Purple 		#B3328D
Purple Dark	#330E29
------------------------------
#comments { margin-top:21px; padding-top:22px; border-top:1px solid #d7d7d7; }
#comments article { display:table; padding:22px; }
#comments article:nth-child(odd) { padding:21px; background:#E3E3E3; border:1px solid #d7d7d7; -moz-border-radius:11px; -webkit-border-radius:11px; }
#comments article header { display:table-cell; width:220px; padding-right:22px; }
#comments article header a { display:block; font-weight:bold; color:#000; }
#comments article header a:hover { text-decoration:none; }
#comments article p { padding:0; }

/*------------------------------
=FLICKR COMMENTS FORM
Red 		#BD4C35

Green 		#5DB332

Blue 		#3772A6
Blue Light 	#50A7F2

White 		#F2F0D5
White Dark 	#DBD5B6
Darkest		#726F42

Purple 		#B3328D
Purple Dark	#330E29
------------------------------
flickr_form { margin-top:21px; padding-top:22px; border-top:1px solid #d7d7d7; }
flickr_form p { display:table; margin-bottom:22px; padding:0 22px; }
flickr_form label { display:table-cell; width:140px; padding-right:20px; text-align:right; font-weight:bold; vertical-align:top; }
flickr_form input[type=text],form input[type=email],form input[type=url] { display:table-cell; width:300px; height:20px; border:1px solid #d7d7d7; }
flickr_form textarea { width:300px; height:100px; border:1px solid #d7d7d7; }
flickr_form input[type=submit] { margin-left:162px; }

/*------------------------------
=SIDEBAR
Red 		#BD4C35

Green 		#5DB332

Blue 		#3772A6
Blue Light 	#50A7F2

White 		#F2F0D5
White Dark 	#DBD5B6
Darkest		#726F42

Purple 		#B3328D
Purple Dark	#330E29
------------------------------*/
aside section { margin:22px 0 0 22px; padding:0 22px; -moz-border-radius:11px; -webkit-border-radius:11px; }
aside section ul { margin:0; list-style:none; }
aside section ul li a { display:block; text-decoration:none; color:#3772A6; }
aside section ul li a:hover { text-decoration:underline; color:#50A7F2; }
aside section ul li img { margin:2px; float:left; }

/*------------------------------
=FOOTER
Red 		#BD4C35

Green 		#5DB332

Blue 		#3772A6
Blue Light 	#50A7F2

White 		#F2F0D5
White Dark 	#DBD5B6
Darkest		#726F42

Purple 		#B3328D
Purple Dark	#330E29
------------------------------*/
footer { position:absolute; left:0; width:100%; background:#330E29; border-top:3px solid #B3328D; border-bottom:3px solid #B3328D; }
footer div { display:table; margin:0 auto; padding:44px 0; width:940px; color:#5DB332; }
footer div section { display:table-cell; width:300px; }
footer div #about { padding-right:20px; width:40%; }
footer div #contact { padding-right:20px; width:60%; }
footer h3 { color:#5DB332; }
footer a { color:#6BBEF2; text-decoration:none; }
footer a:hover { color:#3772A6; text-decoration:underline; }
footer ul { margin:0 0 0 40px; list-style:none; color:#565656; }
footer ul li a { }

/*------------------------------
=Feeds
Red 		#BD4C35

Green 		#5DB332

Blue 		#3772A6
Blue Light 	#50A7F2

White 		#F2F0D5
White Dark 	#DBD5B6
Darkest		#726F42

Purple 		#B3328D
Purple Dark	#330E29
------------------------------*/
.minifeed { line-height:normal; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #726F42; }
.minifeed img { float:left; padding-right:5px; }
.minilinks { font-size:10px; }
a.minilinks { font-size:10px; color:#3772A6; text-decoration:none; }
a.minilinks:hover { font-size:10px; color:#50A7F2; text-decoration:underline; }
.mainfeedholder { line-height:normal; overflow:hidden; }
.mainfeedholder img { padding-bottom:10px; padding-right:10px; float:left; }
a.mainfeedlinks { color:#3772A6; text-decoration:none; font-size:10px; font-weight:bold; }
a.mainfeedlinks:hover { color:#50A7F2; font-size:10px; text-decoration:underline; }
.paginationholder { margin-bottom:10px; }
.pagination { margin-right:10px; padding:5px; border:2px solid #726F42; background:#DBD5B6; }
.pagination:hover { background:#B3328D; border:2px solid #330E29; }
a.pagination { text-decoration:none; color:#330E29; }
a.pagination:hover { text-decoration:underline; font-weight:bold; color:#50A7F2; }
.paginationcurrent { margin-right:10px; padding:5px; border:2px solid #330E29; background:#B3328D; font-weight:bold; color:#50A7F2; }

/*------------------------------
=Gallery
Red 		#BD4C35

Green 		#5DB332

Blue 		#3772A6
Blue Light 	#50A7F2

White 		#F2F0D5
White Dark 	#DBD5B6
Darkest		#726F42

Purple 		#B3328D
Purple Dark	#330E29
------------------------------*/
.f_thumb { border:1px solid #726F42; }
#f_big { margin-top:20px; margin-bottom:20px; padding:5px; }
#f_big img { display:block; margin:0 auto; border:10px solid #726F42; }
#f_big h2 { color:black; text-align:center; }
#f_big h3 { color:black; text-align:center; }
.f_minifeed { margin-top:10px; margin-bottom:10px; margin-left:20px; }

/*------------------------------
=Tooltip
Red 		#BD4C35

Green 		#5DB332

Blue 		#3772A6
Blue Light 	#50A7F2

White 		#F2F0D5
White Dark 	#DBD5B6
Darkest		#726F42

Purple 		#B3328D
Purple Dark	#330E29
------------------------------*/
#tooltip { display:none; background:transparent url(_img/_main/tooltip.png); font-size:12px; height:70px; width:160px; padding:25px; color:#fff; }
#flickrimg img { cursor:pointer; margin:0 8px; }

/*------------------------------
=Contact
Red 		#BD4C35

Green 		#5DB332

Blue 		#3772A6
Blue Light 	#50A7F2

White 		#F2F0D5
White Dark 	#DBD5B6
Darkest		#726F42

Purple 		#B3328D
Purple Dark	#330E29
------------------------------*/
#contactlinkholder { position:fixed; left:800px; top:0; z-index:9999; background:#B3328D; width:100px; height:25px; text-align:center; -moz-border-radius-bottomleft:11px; -moz-border-radius-bottomright:11px; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -webkit-border-bottom-left-radius:11px; -webkit-border-bottom-right-radius:11px; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; }
#contactlinkholder a { color:#5DB332; font-weight:bold; text-decoration:none; }
#contactlinkholder a:hover { color:#50A7F2; text-decoration:underline; }

/*------------------------------
=Overlay
Red 		#BD4C35

Green 		#5DB332

Blue 		#3772A6
Blue Light 	#50A7F2

White 		#F2F0D5
White Dark 	#DBD5B6
Darkest		#726F42

Purple 		#B3328D
Purple Dark	#330E29
------------------------------*/
.simple_overlay { display:none; z-index:10000; background-color:#333; border:1px solid #666; margin:0; width:640px; height:550px; }
.simple_overlay img { padding:0; margin:0; border:none; }
.simple_overlay .close { background-image:url(_img/_main/overlay_close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }