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

	Theme Name: Izakaya-Den
	Theme URI: http://izakayaden.net
	Description: DEN RESTAURANT theme for Izakaya Den
	Author: SideOne Media
	Author URI: http://sideonemedia.com
	Version: 2.0

-----------------------------------------------------------------------------------

	0.	CSS RESET & WORDPRESS CLASSES
	1.	GOLDEN GRID
	2.  BASIC TYPOGRAPHY

	3.	STRUCTURE (HEADER, LOOP, FOOTER)
		A. Quotation Slides
		B. SLIDES
		C. TAGLINE
		D. LOOP
		E. NAVIGATION
	
	4.  SINGLE TEMPLATES
	5.	FOOTER LAYOUT
	6.	SIDEBAR
		A. WIDGETS
		
	7.  COMMENTS
	8.	SHORTCODES
	9.	CONTACT
	10.	GALLERY
		A. BLOGS
		B. B1
		C. B2
		D. B3
		E. META
		F. PAGINATION


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


/*-----------------------------------------------------------------------------------*/
/*	0.	CSS RESET
/*-----------------------------------------------------------------------------------*/

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;
	font-size: 12px;
	line-height: 18px;
	color: #333;
} 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; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* Wordpress classes */
.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
.hide {display:none;}
.sticky {}
.gallery-caption {}
.byBlog Postauthor {}
.bypostauthor {}


.front {
	font-size: 12px;
	color: #666;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEDEDE;
	padding-bottom: 10px;
	margin-bottom: 0px;
}

/*-----------------------------------------------------------------------------------*/
/*	1.	GOLDEN GRID
/*-----------------------------------------------------------------------------------*/


html,body,div{border:0;margin:0;padding:0;}
.main{width:920px;margin:0 auto;}
.g160,.g320,.g480,.g640,.g800,.g960,.g80,.g240,.g400,.g560,.g720,.g880,.g960{float:left;display:inline;}
.g160{width:150px;}
.g320{width:276px; margin-left:45px;margin-top: 20px;}
.g480{width:460px;margin-right: 0;}
.g640{width:630px;}
.g800{width:790px;}
.g960{width:920px;}
.g80{width:70px;}
.g240{width:200px;margin-right: 30px;}
.g400{width:390px;}
.g560{width:550px;}
.g720{width:710px;}
.g880{width:870px;}
.clear1{ clear: both; height: 1px; }
.clear10{ clear: both;height: 10px; }
.clear20{clear:both;height: 20px;}
.clear30{clear:both;height: 30px;}
.clear40{ clear: both;height: 40px; }
.clear60{ clear: both;height: 60px; }
.clearfix,.main{display:block;}


/*-----------------------------------------------------------------------------------*/
/*	2.  BASIC TYPOGRAPHY
/*-----------------------------------------------------------------------------------*/


html,body{height:100%;-webkit-text-size-adjust:none}

body{font-family: "Droid Sans", sans-serif;font-size:14px;color:#353535}

h1,h2,h3,h4,h5,h6{ font-family: "Droid Sans", sans-serif; margin-top: 10px; margin-bottom: 10px; font-weight: normal; }

h1{font-size:38px;text-transform:uppercase;color:#444;line-height:100%;margin-bottom:10px; text-shadow: none;}

h2{font-size:42px;font-weight: normal;line-height:100%;color:#444}

h3{
	font-size:32px;
	font-weight:normal;
	/* [disabled]text-transform:uppercase; */
	color:#444;
}

h3.page { margin-left: 0px;padding-bottom: 5px;font-weight: normal;margin-top: 0; text-shadow: none; font-size: 22px;}

h3.footer{
	color:#CCC;
	font-size:14px;
	margin-bottom:20px;
	padding-bottom:10px;
	text-shadow: none;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #474747;
}

h3.contact { text-shadow: none; margin-top: 0px;padding-left: 0 !important; font-size: 18px; border-bottom: 1px solid #eee;padding-bottom: 10px;}

h4{
	font-size:18px;
	font-weight:normal;
	/* [disabled]text-transform:uppercase; */
	color:#333;
	margin-top: 20px;
}

h4.title {
	background:url(framework/images/bg-stripes.png);
	font-size: 14px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	position: absolute;
	padding: 8px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 148px;
	margin-left: 0px;
	padding-bottom: 5px;
	font-weight: normal;
	text-shadow: none;
	margin-bottom: 0;
	color: #CC661F;
}

h4.title a:hover {
	color: #CC661F;
}

h4.single { position: absolute; margin-top: 328px;  font-size: 22px; font-weight: normal;text-shadow: none;}

h4.single-page { position: absolute; margin-top: 258px; background: #fff; font-size: 22px; padding: 5px;padding-right: 10px; padding-top: 10px; padding-bottom: 10px;font-weight: normal; }

h4.single-full-page { position: absolute; margin-top: 258px; background: #fff; font-size: 22px; padding: 5px;padding-right: 10px; padding-top: 10px; padding-bottom: 10px;font-weight: normal; }

h4.sidebar {
	margin-top: 0;
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 16px;
	text-shadow: none;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}

ul.clearfix { margin-bottom: 25px; }

p {
	color: #333;
	font-size: 13px;
	margin-bottom: 10px !important;
}

#footer ul li { font-family: "Droid Sans", sans-serif; }

#footer ul li  { background: none;margin-left: 0; margin-top: 0; padding: 0; margin: 0 !important; }

span.rp-title { font-family: "Droid Sans", sans-serif; font-size: 12px; color: #ddd;text-transform: none !important; }

span.rp-title a { margin-bottom: 0; color: #CC661F; }

span.rp-title a:hover { color: #CC661F; }

#footer .recentposts ul.rp li { margin-bottom: 15px !important; }

span.rp-date { color: #999; font-size: 11px; text-transform: uppercase;}

span.date { font-size: 22px; color: #888;  padding-left: 15px; }

span.single-comments { font-size: 22px; padding-left: 10px; }

span.single-comments a { color: #888; }

h4.sub-header { margin-top: 20px; }

a {
	text-decoration: none;
	color: #CC661F;
}

span.stripes { background: url(framework/images/bg-stripes.png);padding: 5px 8px 5px 8px; border: 1px solid #eee; }

p {line-height: 160%;margin-bottom: 20px;}

p img { background: url(framework/images/bg-stripes.png); border: 1px solid #eee;padding: 3px; margin-top: 10px; margin-bottom: 10px; }

#footer p,#footer p a { color: #ddd; font-family: "Droid Sans", sans-serif; text-transform: none;padding-top: 50px; font-size: 12px !important; }

span.author{padding:0 54px 0px 90px;color:#6e6d6d;font-family: "Droid Sans", sans-serif;font-weight:bold;text-align:right;margin-right:30px;margin-top:-5px;text-transform:uppercase;float:right; font-size: 12px;}

form#commentform p { font-family: "Droid Sans", sans-serif; }

p.description,p.tags a,span.tags-title,.categories a  { font-family: "Droid Sans", sans-serif;text-transform: uppercase;font-size: 11px; }

span.tags-title { background: #444; color: #fff;padding: 3px; }

.categories span { background: #444;color: #fff; padding: 3px;font-family: "Droid Sans", sans-serif; text-transform: uppercase; font-size: 11px;margin-right: 5px;}

.textwidget p, .textwidget li { font-family: "Droid Sans", sans-serif;text-transform: uppercase;font-size: 12px;line-height: 18px;  }

.textwidget {
	line-height: 18px;
	color: #666;
	font-size: 12px;
}

body, img { transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear;}


/*-----------------------------------------------------------------------------------*/
/*	3.	STRUCTURE (HEADER, LOOP, FOOTER)
/*-----------------------------------------------------------------------------------*/


/* @group Sticky Footer */

*{margin:0;padding:0}html,body{height:100%}#wrap{min-height:100%}#main{overflow:auto;padding-bottom:480px;background: #eee url(framework/images/bg1.png);} #footer{position:relative;margin-top:-480px;height:480px;clear:both;background:#444 url(framework/images/bg1.png);}body:before{content:"";height:100%;float:left;width:0;margin-top:-32767px}

/* @end */

/**A** BODY AND TOPBAR**/

.top-bar {
	height: 90px;
	background-color: #444;
	/* [disabled]background-image: url(framework/styles/patterns/img/p1-3-footer2.jpg); */
}

.red { height: 2px; background:url(framework/images/line.png);width: 960px;border-left:5px solid #eee; border-right:5px solid #eee;margin: 0 auto; }

#logo.g480 { width: 240px; margin-top:0px; }

h1.logo { margin-bottom: 0; margin-top: 25px;  padding-left: 10px;}

h1.logo a { color: #444;font-size: 42px;font-family: 'Vibur', cursive; text-transform: none; }

h1.logo a:hover { color:red; }

span.sub{vertical-align: 10px;font-family: "Droid Serif", serif; font-size: 12px; color: #999; margin-left: 0px;margin-top: 0px;font-style: italic; }

p.submenu {font-size: 11px; color: #999; margin-top: 0px; text-transform: ; font-weight: normal;  }

form#searchform div input#s {background: #fff url(framework/images/search.png);border: 1px solid #eee;margin-top: 10px;margin-bottom: 20px;padding-left: 5px;height: 32px;width:200px;color: #ccc;}

/**B** SLIDES**/

.slides_container{width:920px;display:none}

.slides_container div{width:920px;height:170px;display:block}

.testimonial .pagination{list-style:none;margin:0;padding:0; background: #fff;}

.testimonial .pagination .current a{color:#444; font-weight: bold;}

div.quote { width: 960px !important;}

div.quote p{ font-family: "Droid Serif"; font-style: italic;padding-left: 105px;padding-right: 115px;padding-top: 30px;font-size: 18px; color: #696969; }

.testimonial  {background:url(framework/images/body_bg.gif);border-left: 10px solid #444; border-top: 1px solid #eee; border-bottom: 1px solid #eee;border-right: 10px solid #444;margin-left: -30px; width: 960px;}

.testimonial #slides ul.pagination { text-align: center; margin-left: 20px; margin-bottom: 25px; padding-bottom: 0px; margin-top:5px;background: none;}

.testimonial #slides ul.pagination li{font-family: "Droid Sans", sans-serif;display: inline; color: #444;  margin-left: 15px;margin-right: 15px; text-transform: uppercase; font-size: 12px; font-weight: bold; }

.testimonial #slides ul.pagination li:hover { font-family: "Droid Sans", sans-serif;display: inline; color: #ff4200 !important; }

.testimonial #slides ul.pagination li a:hover { color: #444; }

.testimonial ul.pagination li a { color: #999; }

/**C** TAGLINE**/

#tagline.g960 {
	width: 920px;
	/* [disabled]text-align: center; */
	padding-top: 0px;
}

#head-wrap {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

#tagline.g960 h1 {
	font-family: "Droid Sans", sans-serif;
	font-weight: lighter;
	margin-bottom: 0;
	margin-top: 0;
	line-height: 13px;
	text-align: right;
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(images/header-graphic.png);
	background-repeat: no-repeat;
	background-position: right;
	letter-spacing: 400%;
}

/**D** LOOP**/

#loop-wrap {
	background:#fff;
	padding: 20px;
	padding-top: 0;
	margin-top: -60px;
	margin-bottom: 0px;
	padding-bottom: 20px;
	border-bottom: 0;
	-moz-box-shadow: -5px 5px #ddd;
	-webkit-box-shadow: -5px 5px #ddd;
	box-shadow:-5px 5px #ddd;
}

#home-loop .g320 img { float: left; margin-right: 0px; }

h3#blog-bottom { text-align: center;margin-top: 20px;font-weight: bold;font-size: 14px; background:#fff url(framework/images/bg-stripes.png); }

span.lb { background: #fff; padding-right: 15px;padding-left: 15px;}

#home-loop .g320 p {
	background:#fff url(framework/images/bg-stripes.png);
	font-size: 12px;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #eee;
	line-height: 20px;
	padding: 10px;
	padding-top:5px;
	color: #666;
}

.loop-wrap { background: url(framework/images/bg-loop.png); padding: 20px;}

/**E** NAVIGATION**/

#nav.g480 {   width: 680px; margin-top: 0px ; }

span.highlight-red{ background: #db3f3f;color: #fff; }
span.highlight-blue { background: #029dff; color: #fff; }
span.highlight-orange { background: orange; color: #fff; }
span.highlight-yellow { background: yellow; color: #fff; }

/*-----------------------------------------------------------------------------------*/
/*	4.  SINGLE TEMPLATES
/*-----------------------------------------------------------------------------------*/


#single-top-img.g160 { width: 210px; margin-bottom: 7px;}

p.tags { margin-top:0px; }

p.tags a,.categories a {background: #eee; padding: 3px; line-height: 32px; }

p.tags a:hover  { background: #ff4200; color: #fff; }

a.comments-link:hover { color: #ff4200; }

a.comments-link { color: #999; }

#s1 h4.single { background:#fff; margin-top: 328px; margin-bottom: 20px; padding-top: 5px;padding-bottom: 5px; padding-right: 5px;}

#s1 h4#video { background:#fff; margin-top: 10px; margin-bottom: 20px; padding-top: 5px;padding-bottom: 5px; padding-right: 5px; }

#s2 #single-left-img.g320 {width: 350px; margin-left: 0; margin-right: 30px; margin-top: 0; }

#s2 #content-middle.g640 { width: 540px; }

#s2 img#small { margin-right: 10px; margin-top: 10px;}

#s2 h4.single { line-height: 35px;margin-top: 0; padding-left: 0; background: none; padding: 0;text-shadow: none; }

#s2 span.date, #s2 span.single-comments { border: 0; padding: 0; text-shadow: none;}

#s2 span.single-title { font-size: 22px;text-shadow: none; }

#s3 img#middle { margin-left: 10px; margin-right: 10px; }

#s3 #post-left.g640 { width: 630px; margin-right: 40px; }

#s3 #post-right.g320 {width: 218px; margin-top: 15px; margin-left: 0;  }

#s3 h4.single { background:none;position: relative;margin-top: 15px;padding-bottom: 15px; border-bottom: 1px solid #eee ; margin-bottom: 10px;} 

#s4 img#middle { margin-left: 10px; margin-right: 10px; }

#s4 #post-left.g640 { float: right; margin-top: 20px;}

#s4 #post-right.g320 { float: left; width: 220px; margin-top: 20px; margin-left: 0;}

#s4 span.single-title { margin-right: 10px; }

#s4 h4.single { margin-top: 0; margin-bottom: 20px; position: relative; }

#s5 form#searchform input#s { width: 185px; background:#fff;}

#s5 #single-left-img.g480 { width: 250px;  }

#s5 img#small { margin-right: 10px;margin-top: 10px; }

#s5 #content-middle { margin-left: 20px; margin-right: 30px;width: 394px; margin-top: 0; }

#s5 h4.single {position: relative; margin-top: 0; margin-bottom: 0px; font-size: 22px; }

#s5 p.date { text-transform: uppercase; margin-bottom:0px;font-size: 22px;}

#s5 p.single-comments {margin-top: 0; line-height: 24px;margin-bottom: 10px;font-size: 22px;text-transform: uppercase; }

#s5 #post-right.g320 { margin-left: 0; width: 190px;}

#s5 #post-right.g320 { margin-top: 0; }

#single-left-img-s7 img{ width: 920px;  }

#s7 h4.single { background:#fff;margin-top: 329px; padding-top: 5px;padding-bottom: 5px; padding-right: 5px;}

#s7 h4#video.single { margin-top: 313px; }

#s8 h4.single { background:#fff;margin-top: 329px; padding-top: 5px;padding-bottom: 5px; padding-right: 5px;} 

#s8 #post-right.g320 { margin-left: 0; margin-right: 40px; }

#s8 h4#video.single { margin-top: 318px; }

#s8 #post { margin-top: 20px; }

#full-img #single-left-img.g960 img { width: 920px; }

#full-img h4.single-page { margin-top: 308px;text-shadow: none; }

h4.single-left-page { font-size: 22px; position:relative; margin-bottom: 20px; margin-top: 0;}


/*-----------------------------------------------------------------------------------*/
/*	5.  FOOTER LAYOUT
/*-----------------------------------------------------------------------------------*/


#footer ul li a:hover, span.rp-title:hover, #footer p a:hover {
	color: #E4894B;
}



#footer .main {
	padding-right: 0px;
	width: 960px;
	margin-top: 0 !important;
	background-color: #333;
	background-image: url(framework/images/bg-bottom.png);
	background-repeat: no-repeat;
}

#footer-base.g960 {
	border-left: 5px solid #383838;
	border-right: 5px solid #373737;
	background: #333;
	border-top: 1px solid #373737;
	padding-top: 15px;
	width: 960px;
	margin-left: -5px;
	border-bottom:5px solid #373737;
}

#footer-base.g960 p {
	font-size: 12px;
	padding-top: 0;
	padding-bottom: 2px !important;
	padding-left: 5px;
	text-align: center;
}

#footer p, #footer { color: #999; line-height: 24px;  font-size: 14px;}

#footer ul li { font-size: 12px; color: #999;  text-transform: uppercase; }

#footer .textwidget { padding-right: 0px; color: #999; font-size: 12px; line-height: 20px;}

#footer-left ul li { margin-bottom: 10px; }

#footer ul li a {
	font-family: "Droid Sans", sans-serif;
	text-transform: none;
	font-size: 12px;
	color: #E48C52;
}

#footer .main {
	padding-top: 20px;
	margin-top: 3px;
	border-left: 5px solid #383838;
	border-right: 5px solid #373737;
}

#footer-left {width: 180px;margin-left: 0; padding-left: 30px; }

#footer-right { padding-right: 0px; margin-right: 0;}


/*-----------------------------------------------------------------------------------*/
/*	6.  SIDEBAR
/*-----------------------------------------------------------------------------------*/


#post-right.g320 { width: 218px; border: 1px solid #eee; background: url(framework/images/body_bg.gif); padding: 15px; }

#post-right.g320 ul li { margin-bottom: 8px; }

#post-right.g320 ul li a, #post-right.g320 p { font-size: 12px; }

#post-right.g320 ul li a:hover { color:#ff4200 ; }

#post-right.g320 ul li a { color:#CC661F; }
 
#post-right.g320 img.avatar { height: 45px;width: 45px; float: left;margin-right: 10px; }

#post-right.g320 ul#recent_comments li { margin-bottom: 15px; font-size: 11px !important; min-height: 40px; line-height: 20px;}

#post-right.g320 ul#recent_comments li a { color: #444; }

#post-right.g320 ul#recent_comments li a:hover { color: red; }

#post-right.g320 ul#recent_comments img { height: 40px;width: 40px; }

#post-right.g320 span.rp-title {
	color: #CC661F;
	;
	font-size: 12px;
	/* [disabled]font-weight: bold; */
}


/**A**WIDGET**/

ul.rp li { min-height: 40px; line-height: 18px; margin-bottom: 20px !important; }

ul.rp li img { float: left; margin-right: 15px; height: 40px; width: 40px; }

span.recent_comment_name { font-family: "Droid Sans", sans-serif;text-transform: uppercase; font-size: 12px;}


/*-----------------------------------------------------------------------------------*/
/*	7.  COMMENTS
/*-----------------------------------------------------------------------------------*/


#respond { margin-top: 20px }

h3#respond-title { margin-top: 30px; padding-bottom: 10px; font-size: 32px }

h3#comments { padding-bottom: 20px; margin-top: 30px; text-shadow: none; border-bottom: 1px solid #eee; font-size: 22px; }

h3#leave { margin-top: 40px; margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 20px; font-size: 22px; }

form#commentform input#author,form#commentform input#email,form#commentform input#url { border: 1px solid #ddd; padding: 5px }

form#commentform textarea { border: 1px solid #ddd; font-size: 12px; padding: 20px; width: 450px; min-height: 200px }

li #respond-title { margin: 30px 0 }

li #commentform { margin: 0 0 40px 0 }

#comments span,#respond-title span { font-size: 12px; display: block }

.commentlist { margin: 30px 0 70px 0; list-style-type: none }

.pinglist { margin: 20px 0 40px 30px; list-style-type: decimal }

.comment { margin-top: 20px }

#commentform input { margin-right: 10px; width: 40% }

#commentform textarea { width: 98% }

#submit { background: #222; display: inline-block; padding: 8px 10px 9px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.4); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); border: none !important; width: 140px; font-size: 13px; font-weight: bold; line-height: 1; position: relative; cursor: pointer; background-color: #ff5c00 }

#submit:hover { background-color: #d45500 }

.children { list-style-type: none; margin: 0 0 0 80px }

.comment .avatar { float: left; padding: 0 0px 0 0; margin: 0 14px 0 0 }

.comment-author { margin: 0px 0 0 50px; font-family: "Droid Sans", sans-serif;font-size: 14px; text-transform: uppercase }

.comment-inner { margin: 0 0 0 50px }

.comment-inner p { font-size: 12px; color: #777; }

.comment-meta { font-family: "Droid Sans", sans-serif; margin-top: 5px; text-transform: uppercase; margin-bottom: 15px; font-size: 11px; color: #999 }

.cancel-comment-reply { margin: 0 0 20px 0 }

.comment-author-admin { border: #efefef }

.comment-author cite { font-weight: bold }

.nocomments { text-align: center; padding: 20px }

.comment-body { background:#fff url(framework/images/bg-stripes.png); padding: 20px 15px 20px 15px;  border: 1px solid #eee; }

.comment-body ul { list-style-type: disc }

.comment-body ol { list-style-type: decimal }


/*-----------------------------------------------------------------------------------*/
/*	8.  SHORTCODES
/*-----------------------------------------------------------------------------------*/


.blockquote-left { margin-left: 50px; padding-left: 20px; border-left: 5px solid #555; font-style: italic }

blockquote { background: url(framework/images/blockquote.png)top left no-repeat; border: none; padding-left: 50px; margin-left: 0 }

.blockquote-box { font-family: "Droid Sans", sans-serif; padding: 20px !important; background: #fff url(framework/images/bg-stripes.png); color: #444; margin-top: 20px; margin-bottom: 20px; border: 1px solid #fff; outline: 1px solid #ddd; font-size: 18px }

h3.toggle { background: transparent url(framework/images/show.png)left no-repeat; margin-top: 20px; margin-bottom: 15px; margin-left: 0px; padding-left: 20px !important }

h3.toggle a { color: #000; font-size: 16px; padding-top: 0px; text-decoration: none; display: block }

h3.toggle a:hover { color: #25708c }

h3.active { background: transparent url(framework/images/hide.png)left no-repeat }

h3.active a:link { color: #666 }

.toggle_content { font-family: "Droid Sans", sans-serif; padding: 20px !important; background: #fff url(framework/images/bg-stripes.png); color: #444; margin-top: 20px; margin-bottom: 20px; border: 1px solid #fff; outline: 1px solid #ddd; font-size: 18px }

.toggle_content .block { padding: 20px; padding-top: 0; padding-bottom: 0 }

.box { font-family: "Droid Sans", sans-serif; padding: 20px !important; background: #fff url(framework/images/bg-stripes.png); color: #444; border: 1px solid #fff; outline: 1px solid #ddd; font-size: 18px }

.half,.half-last { float: left; width: 47%; margin: 10px 0; margin-right: 6% }

.half-last { margin-right: 0 }

#facebook {border:none; padding-top:10px; width:150px; margin-left:10px; height:50px}


/*-----------------------------------------------------------------------------------*/
/*	9.  CONTACT
/*-----------------------------------------------------------------------------------*/


#contact-page #post-right.g320 { margin-right: 40px;padding: 0;margin-top: 0;margin-left: 0; width: 450px;background: none;border: none;}
#contact-page #post-right.g320 img { margin-bottom: 0px; }
#contact.g640 { width: 420px; }

#contact-page .textwidget ul li { margin-bottom: 2px; }
#contact-page h3.contact { padding-left: 20px; font-weight: bold;}
form.wpcf7-form p { font-family: "Droid Sans", sans-serif; text-transform: uppercase;color: #999; margin-top: 20px; }
form.wpcf7-form input { background: url(framework/images/body_bg.gif); width: 300px;font-family: "Droid Sans", sans-serif;border: 1px solid #ccc; padding: 10px; font-size: 12px; }
form.wpcf7-form textarea { width: 350px;font-family: "Droid Sans", sans-serif;border: 1px solid #ccc; padding: 10px; font-size: 12px;background: url(framework/images/body_bg.gif);    }
input.wpcf7-submit{width:100px !important;display:inline-block;padding:5px 10px 6px;color:#fff;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.4);text-shadow:0 -1px 1px rgba(0,0,0,0.25);border-bottom:1px solid rgba(0,0,0,0.25);border:none !important;width:70px;font-size:13px;font-weight:bold;line-height:1;position:relative;cursor:pointer;background-color:#ff5c00; background-image: none !important; background-color: #d45500 !important;}
input.wpcf7-submit:hover { background-color: #d45500; }


/*-----------------------------------------------------------------------------------*/
/*	10.  GALLERY
/*-----------------------------------------------------------------------------------*/


ul#filters {padding-left: 15px;margin-bottom: 20px;text-align: center;border-bottom: 3px solid #eee; padding-bottom: 30px;}
ul#filters li{ font-family: "Droid Sans", sans-serif;text-transform: uppercase; font-size: 12px;display: inline; margin-right: 15px;}
a.active { background: #444; color: #fff; padding: 0px 5px; }
#iso-wrap { width: 950px; margin-left: 0 !important; }
.ga { margin-right: 25px; margin-bottom: 25px;}
h4.ga-title { text-shadow: none; position: absolute; margin-top: -24px;background: #fff; padding: 5px 10px;font-size: 14px; }
h4.ga-title a:hover,h4.ga-title-small a:hover { color: #ff4200; }
.ga img:hover { opacity: .6;background:#fff url(framework/images/bg-stripes.png);}
#g3 .ga { 	background:#fff url(framework/images/bg-stripes.png); }
h4.ga-title-small { font-size: 12px;padding-top: 5px;padding-bottom: 5px; text-shadow: none;margin-top:0px;text-align: center;background: #444;color: #fff;}
h4.ga-title-small a { color: #fff; }
#port-tagline.g640 { margin-left: 20px; }
#port-tagline.g640 h1.blog { font-weight: bold;margin-bottom: 0px;}
#port-tagline.g640 { width: 885px;text-align: center; }
/*A*Blogs*/
#left-loop.g640 img { float: left;  margin-right: 20px; }
#left-loop.g640 { width: 640px;margin-bottom: 30px; background: url(framework/images/bg-stripes.png); padding:0px 0px;padding-bottom:0px;border: 1px solid #eee; }
#left-loop.g640  p { font-size: 12px;padding-right: 30px; }

/*B*b1*/
#b1 #post-right.g320 { margin-left: 0; margin-top: 0; float: right;}
#b1 h4.title-blog {margin-top: 30px; margin-bottom: 5px;text-shadow: none;font-size: 18px;}
#b1 h4.title-blog a { font-size: 20px; }
#b1 p.meta { font-size: 11px; }
/*C*b2*/
#b2 #post-right.g320 { margin-left: 0; margin-top: 0; float: right; }
#b2 h4.title-blog {position: absolute;background:#fff url(framework/images/bg-stripes.png); margin-top: 172px; padding-top: 5px;padding-bottom: 5px; padding-right: 10px; text-shadow: none;font-size: 18px;padding-left: 10px;}
#b2 #left-loop.g640 img { margin-bottom: 10px;width: 640px; }
#b2 p.meta { margin-bottom: 0; }
#b2 #left-loop.g640 p { padding-top: 0;padding-left: 10px; padding-right: 10px;}
#b2 #left-loop.g640 { padding-bottom: 20px; }

/*D*b3*/
#b3 #post-right.g320 { margin-left: 0; margin-top: 0; float: right; }
#b3 img#last { margin-right: 0; }
#b3 h4.title-blog {position: absolute;background:#fff url(framework/images/bg-stripes.png); margin-top: 272px; padding-top: 5px;padding-bottom: 5px; padding-right: 10px; text-shadow: none;font-size: 18px;padding-left: 10px;}
#b3 #left-loop.g640 img { margin-bottom: 10px;margin-right: 10px; }
#b3 #left-loop.g640 img#middle { margin-right: 10px; }
#b3 #left-loop.g640 img#last { margin-right: 0; }
#b3 #left-loop.g640 p { padding-top: 0;padding-left: 10px; padding-right: 10px;}
#b3 #left-loop.g640 { padding-bottom: 0px; }

/*E*meta*/
#blog-tagline.g640{ width: 920px;text-align: center; margin-bottom: 10px;}
h1.blog {
	border-bottom: 3px solid #eee;
	font-weight: bold;
	padding-bottom: 30px;
	margin-bottom: 0;
	font-size:24px;
	text-transform:uppercase;
	color:#444;
	margin-top: 0px;
	padding-top: 0px;
}
p.meta { font-size: 12px; font-family: "Droid Sans", sans-serif;text-transform: uppercase;color: #999; }
p.meta a { color: #fff; background: #444;padding-left: 3px;padding-right: 3px; }
p.meta a:hover{ background: #ff4200; }
h4.title-blog a:hover { color:#ff4200 ; }

/*F*Pagination*/
.pagination-blog { margin-bottom: 80px; margin-top: 30px; background: none; border-top: 1px solid #eee; padding-top: 30px }
.pagination-blog span,.pagination-blog a,.pagination-blog a:visited { font-family: "Droid Sans", sans-serif; display: block; float: left; text-transform: uppercase; margin: 2px 6px 2px 0; padding: 8px 11px 7px 11px; text-decoration: none; width: auto; color: #999; background: #fff; border: 1px solid #ddd; font-size: 11px; }
.pagination-blog a:hover { color: #fff; background: #ff4200; padding: 8px 11px 7px 11px }
.pagination-blog .current { padding: 8px 11px 7px 11px; background: #ff4200; color: #fff }
.pagination-blog span { background: #444;color: #fff; }