html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Main Base
----------------------------------------------------------------------------------------------------*/
body{background:#43494e}
a{text-decoration:underline; color:#5E7890;}
a:hover,a:focus{text-decoration:none; color:#4d4d4d}
abbr,acronym{border-bottom:1px dotted;cursor:help;font-variant:small-caps;}
address,cite,em,i{font-style:italic;}
blockquote p{margin:0 1.5em 1.5em;	padding:0.75em;}
code,kbd,tt{font-family:"Courier New", Courier, monospace;line-height:1;*line-height:1.5;}
del{text-decoration:line-through;}
dfn{border-bottom:1px dashed;font-style:italic;}
dl{	margin:0 0 1.5em;}
dt{font-weight:700;}
dd{padding-left:1.5em;}
img{display:inline-block;vertical-align:bottom;}
ins{text-decoration:overline;}
ol{list-style:inside decimal;}
p{font-weight:300;margin:0 0 1.5em;}
pre{font-family:"Courier New", Courier, monospace;margin:0 0 1.5em;}
sub{top:0.4em;font-size:0.85em;line-height:1;position:relative;vertical-align:baseline;}
sup{font-size:0.85em;line-height:1;position:relative;bottom:0.5em;vertical-align:baseline;}
strong,b{font-weight:700;}
ul{list-style:inside disc;}
ul,ol{margin:0 0 1.5em;padding:0;}
li ul,li ol{margin:0;}
li li{padding-left:1.5em;}
hr {border: 0 #ccc solid;border-top-width: 1px;clear: both;height: 0;}

/* typography 
----------------------------------------------------------------------------------------------------*/

body{font-size:62.5%; font-family: 'Georgia', 'Times', sans-serif; }
p {font-size:1.3em; line-height:1.6em;}
h1 {font-size:2.3em; font-family: "Georgia", 'Times',serif; }  /* displayed at 23px */
h2 {font-size:2.0em; font-family: "Georgia", 'Times', serif;  }  /* displayed at 20px */
h3 {font-size:1.7em; font-family: "Georgia", 'Times', serif; }  /* displayed at 21px */
h4 {font-size:1.3em; font-family: "Georgia", 'Times', serif; }  /* displayed at 12px */
h5 {font-size:1em; font-family: "Georgia", 'Times', serif; }  /* displayed at 10px */

/*structure
----------------------------------------------------------------------------------------------------*/

#page{margin: 0px auto; width: 850px; background:#43494e;/*#343A40;*/}
#head{background: #fff; height:46px; margin-bottom:17px; margin-top:17px;}
#gallery{width:900px; display: block;}
#gal{width: 900px;}
#footer{ margin-top:17px;}

#text-info{background: #fff url(../img/foot-back.jpg) repeat-y;}

#text-area{float:left; display: inline; width:610px}
#text-area p{margin-bottom:10px; margin-left:10px; text-align: justify;}

#more{background: #fff}
#more a{}
#more a img{}

#close{float:left; display: inline; width:50px; margin-top: 10px; position:relative;}
#close a{margin-left:40px; }

.side-buttons {position:absolute;}
.side-buttons a{margin-left:-38px; display: block; margin-bottom:8px;}

.side-buttons-bottom {position:absolute;}
.side-buttons-bottom a{margin-left:-38px; margin-top:-30px; display: block; width:30px; height:30px; margin-bottom:8px;}

.side-buttons #filter {background: #535354; position:absolute; z-index:19000; display:none; margin: -28px 0px 0px 10px; width:250px;list-style: none; color:#959595; padding-top:15px;}
.side-buttons #filter ul{list-style: none; margin-top:15px; margin-bottom:10px; background: #5F5F5F;}
.side-buttons #filter ul a{margin-left:0px; margin-top:0px; display: block; width:auto; height:auto; margin-bottom:0px; color: #959595;  font-family: 'lucida sans'; text-transform: uppercase; padding: 10px 0px 10px 0px; text-indent:20px; font-size: 1.5em; text-decoration: none;}
.side-buttons #filter ul a:hover{background: #959595; color:#fff;}
.side-buttons #filter .closefilter{width:15px; height:15px; float:left; display: inline; margin-left:50px}
.side-buttons #filter .closefilter a{display:block; margin:0; padding:0;}
.side-buttons #filter h5{float:left; display: inline; width:150px; padding-left:20px; font-style: italic; color:#fff}


#text-area div {padding:25px 0px 30px 15px;}


/*navigation
----------------------------------------------------------------------------------------------------*/


#head ul{width:190px; padding:0px;  margin:16px 0px 0px 260px; height:18px; float:left; display:inline;}
#head ul li{text-indent:-9999px; display:inline; float: left; height:18px; list-style:none;}
#head ul li a{height:18px; display: block;}
	#head ul li#food a, 
	#head ul li#lifestyle a, 
	#head ul li#taste a, 
	#head ul li#travel a{background:url(../img/main-nav.png) no-repeat;}
	
#head ul li#food a{width:57px; background-position:0 0;}
#head ul li#food a:hover{background-position:0 -18px;}
#head ul li.on#food a{background-position:0 -18px;}

#head ul li#lifestyle a{width:60px; background-position:-64px 0;}
#head ul li#lifestyle a:hover{background-position:-64px -18px;}
#head ul li.on#lifestyle a{background-position:-64px -18px;}

#head ul li#taste a{width:50px; background-position:-138px 0; }
#head ul li#taste a:hover{background-position:-138px -18px;}
#head ul li.on#taste a{background-position:-138px -18px;}

#head ul li#travel a{width:71px; background-position:-185px 0; }
#head ul li#travel a:hover{background-position:-185px -18px;}
#head ul li.on#travel a{background-position:-185px -18px;}

ul#text-nav{float:left; display:inline; width:214px; margin-top:20px; padding-bottom:40px;}
	ul#text-nav li{text-indent:-9999px; padding:0px; margin:0px; float: left; list-style: none;}
	ul#text-nav li a{height:32px; display:block;}
	
	ul#text-nav li#about a,
	ul#text-nav li#photography a,
	ul#text-nav li#contact a,
	ul#text-nav li#blog a{background:url(../img/bottom-nav.png) no-repeat;}
	
	ul#text-nav li#about a{width:214px; background-position:0 0;}
	ul#text-nav li#about a:hover{background-position:-214px 0px;}
	ul#text-nav li#about a.on{background-position:-214px 0px;}
	
	ul#text-nav li#photography a{width:214px; background-position:0px -32px;}
	ul#text-nav li#photography a:hover{background-position:-214px -32px;}
	ul#text-nav li#photography a.on{background-position:-214px -32px;}
	
	ul#text-nav li#contact a{width:214px; background-position:0px -64px; }
	ul#text-nav li#contact a:hover{background-position:-214px -64px;}
	ul#text-nav li#contact a.on{background-position:-214px -64px;}
	
	ul#text-nav li#blog a{width:214px; background-position:0px -96px; }
	ul#text-nav li#blog a:hover{background-position:-214px -96px;}
	ul#text-nav li#blog a.on{background-position:-214px -96px;}
	
#image-nav{padding:15px;}
#prev{float:left; display:inline;}
#next{float:left; display:inline;margin-left:8px;}
#thumbs{float:right; display:inline;}
#info-button{float:right; display:inline;margin-right:8px;}

img.fr{float:right; margin:0px 0px 20px 20px; border: 10px solid #d9d9d9; border-right:0px;}

/*pretty
----------------------------------------------------------------------------------------------------*/
#branding h1{background:url(../img/charlie.png) no-repeat; width:342px; height:20px; text-indent:-9999px; float:left; display: inline; margin:14px 0px 0px 40px;}
#branding h1 a{display: block}
#mainimage{width:900px; display:block; min-height:400px; background: url(../img/ajax-loader.gif) no-repeat 425px center;}
#gallery ul{list-style: none;}
#gal{margin-bottom:0px;}
#gal li{margin:0px; padding:0px; border:3px solid #43494e}

#gal li img{margin:0px; padding:0px; }

#text-area p{color:#737374;}
#text-area em{color:#5e7890; font-weight:bold; font-family: arial,sans; font-style: normal; font-size: 90%;}

#text-content{background: #fff; color:#737374; padding-bottom:30px; padding-top:60px}
#text-content p{width:55%; margin:0px 0px 20px 45px; font-size: 1.5em;}
#text-content p.intro{font-size: 2em; color:#43494e}
#text-content h1{font-family: Helvetica, "Arial", sans; text-transform:uppercase; color:#5E7890;  margin:0px 0px 20px 45px; font-size: 1.3em;}

h4{font-family: arial,sans; margin-left:10px; text-transform:uppercase; color:#8D8D8E}
h4 span{font-family: Georgia, serif; font-style: italic; text-transform: none;}
ul.feed{font-size:1.3em;  list-style: none; margin-top:15px; margin-left:10px;}
ul.feed li{line-height:1.6em;}
#text-area ul.feed li p{font-size: 1em; margin-left:0px;}

#text-area p.copyright{font-size:1em; margin-left:25px; width:95%; padding-bottom:15px;}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:55px;
}

.container_12 .grid_2 {
	width:130px;
}

.container_12 .grid_3 {
	width:205px;
}

.container_12 .grid_4 {
	width:280px;
}

.container_12 .grid_5 {
	width:355px;
}

.container_12 .grid_6 {
	width:430px;
}

.container_12 .grid_7 {
	width:505px;
}

.container_12 .grid_8 {
	width:580px;
}

.container_12 .grid_9 {
	width:655px;
}

.container_12 .grid_10 {
	width:730px;
}

.container_12 .grid_11 {
	width:805px;
}

.container_12 .grid_12 {
	width:880px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:75px;
}

.container_12 .prefix_2 {
	padding-left:150px;
}

.container_12 .prefix_3 {
	padding-left:225px;
}

.container_12 .prefix_4 {
	padding-left:300px;
}

.container_12 .prefix_5 {
	padding-left:375px;
}

.container_12 .prefix_6 {
	padding-left:450px;
}

.container_12 .prefix_7 {
	padding-left:525px;
}

.container_12 .prefix_8 {
	padding-left:600px;
}

.container_12 .prefix_9 {
	padding-left:675px;
}

.container_12 .prefix_10 {
	padding-left:750px;
}

.container_12 .prefix_11 {
	padding-left:825px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:75px;
}

.container_12 .suffix_2 {
	padding-right:150px;
}

.container_12 .suffix_3 {
	padding-right:225px;
}

.container_12 .suffix_4 {
	padding-right:300px;
}

.container_12 .suffix_5 {
	padding-right:375px;
}

.container_12 .suffix_6 {
	padding-right:450px;
}

.container_12 .suffix_7 {
	padding-right:525px;
}

.container_12 .suffix_8 {
	padding-right:600px;
}

.container_12 .suffix_9 {
	padding-right:675px;
}

.container_12 .suffix_10 {
	padding-right:750px;
}

.container_12 .suffix_11 {
	padding-right:825px;
}


/* Tables
----------------------------------------------------------------------------------------------------*/
table{border-collapse:collapse;border-spacing:0;margin:0 0 1.5em;padding:0;}
caption{font-style:italic;text-align:left;}
tr.alt td{background:#eee;}
td{border:1px solid #000;padding:0.333em;vertical-align:middle;}
th{font-weight:700;padding:0.333em;vertical-align:middle;}

/* Forms
----------------------------------------------------------------------------------------------------*/
form button{cursor:pointer;display:block;font-size:1em;height:2em;line-height:1.5em;margin:0.8em 0 0;*margin:1.75em 0 0;padding:0 0.5em;}
form fieldset{border:0;margin:0 0 1.5em;position:relative;padding:1.5em 0 0}
form fieldset fieldset{clear:both;margin:0 0 1.5em;padding:0 0 0 1.5em}
form input{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eeebox-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
	font-size:1em;height:2.25em;*height:1.5em;line-height:1.5em;padding:0.29em 0;width:100%;margin:0 0 0.75em;}
form input[type=file]{height:2.25em;padding:0;}
form textarea{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;
	padding:0.29em 0;width:100%;}
form select{border:1px solid #ccc;border-bottom-color:#eee;border-right-color:#eee;font-size:1em;height:2.25em;margin:0 0 0.75em;
	*margin:0 0 0.8em;_margin:0 0 1.3em;padding:0.2em 0 0;}
form optgroup {font-weight:700;font-style:normal;text-indent:0.2em;}
form optgroup + optgroup {	margin-top:1em;}
form option{font-size:1em;height:1.5em;padding:0;text-indent:1em;}
form label{	cursor:pointer;display:block;height:1.5em;*height:auto;*line-height:1.4em;margin:0;padding:0;width:100%;}
form label input{	background:0;border:0;height:1em;*height:1.5em;	line-height:1.5em;	margin:0 0.5em 0 0;	padding:0;	width:auto;}
form legend{font-size:1.1666em;	font-weight:700;left:0;	margin:0;padding:0;}
 
/* Common - Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.amp{font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "URW Chancery L", Gentium, serif;font-style:italic;}
.aside-left{clear:left;float:left;margin:0 1.5em 0 0;}
.aside-right{clear:right;float:right;margin:0 0 0 1.5em;}
.error{background:#fee;border:1px solid red;margin:1.5em;padding:0.666em;text-align:center;}
.notice{background:#eef;border:1px solid #00f; margin:1.5em; padding:0.666em; text-align:center;}
.success{background:#efe;border:1px solid #0f0;margin:1.5em;padding:0.666em;text-align:center;}
.warning{background:#ffe;border:1px solid #ff0;margin:1.5em;padding:0.666em;text-align:center;}
.quo{font-family:Georgia, Gentium, "Times New Roman", Times, serif;}
.lquo{font-family:Georgia, Gentium, "Times New Roman", Times, serif;margin:0 0 0 -0.55em;}

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}