/*   
Theme Name: Blue-Pix
Theme URI: http://www.livetr.org/
Description: A Clean, Simple, Professional Wordpress Theme with power of Blue colour's.
Author: Emexci
Author URI: http://www.livetr.org/
Version: 1.0.0
*/

/*
More info at Theme Page (www.livetr.org/blue-pix/)
*/
/*
	1- General 
	2- Page + Header
	3- Main + RightSide
	4. Post
	5. Comments
	6. Pagebar
	7. Footer
*/

* {padding: 0; margin: 0}

body {
	color: #494949; 
	background: #fff url(images/back_page.png) repeat-x;
	font: 10px/1.5em Verdana, Arial, sans-serif
}

/* --1-- General */
a{color: #2759AD; text-decoration: none}
a:hover{color: #2759AD; text-decoration: underline}
a img{border: 0}
p {font-size: 12pt; margin-bottom: 7px}
h1 {font: bold 2em Arial, Arial, Sans-Serif; padding: 0; margin: 0}
h2 {font: bold 1.5em Arial, Arial, Sans-Serif; padding: 0; margin: 0}
blockquote {font: normal 11px/17px Tahoma, sans-serif; margin: 0; padding: 0; padding: 7px 8px 0 8px; background-color: #fafafa; border-left: 3px #CFD1D6 solid}
blockquote p{padding-bottom: 7px}
div.error{padding: 10px}

/* --2-- Page + Header */
/*div#page {margin: 0 auto; width: 720px; background-color: #fff}
*/
div#page {margin: 0 auto; width: 900px; background-color: #fff}
div#page div#header{margin: 0; height: 45px; line-height: 45px;  background: none; padding: 7px 5px 2px 5px}
div#page div#header a{font: normal 20px Tahoma, sans-serif; color: #336699}
div#page div#header span#span{font: normal 12px Tahoma, sans-serif; color: #888; line-height: 18px}
div#page div#header #searchform{float: right; margin:0; padding: 0; height: 50px; line-height: 50px; background: none}
div#page div#header #searchform .search-box{background: url(images/search-bg.gif) no-repeat; font: normal 12px Verdana, Arial, Helvetica, sans-serif; border: #B6C9D3 solid; border-width: 1px 0 1px 1px; width: 185px; height: 16px; padding:3px 0 2px 5px; margin:0}
div#page div#header #searchform .search-button{background:url(images/search-button.gif) no-repeat; border: 0; width:23px; height: 23px; padding:0 0 2px 0; margin:0}
div#page div#header .text_s{margin: 12px 0 0 0}
* html div#page div#header #searchform .search-button{padding:0; margin:0}

div#page div#menu{background: #E0E8EE url(images/back_menu.png) repeat-x; border-top: 1px #BCCAD6 solid; border-bottom: 1px #BCCAD6 solid; height: 36px; width: 100%}
div#page div#menu ul{margin:0; padding:9px}
div#page div#menu ul li{display: inline}
div#page div#menu ul li a{font-size: 15px; padding: 4px 7px 4px 7px; background:#F0F3F7; color: #555}
div#page div#menu ul li a:hover{background: #fff; color: #000; text-decoration: none}
div#page div#menu ul li.current_page_item a, div#page div#menu ul li.current_page_item a:hover{background: #fff; color: #333}


/* --3-- Main + RightSide */
div#page div#main {margin: 10px 0 15px 0; padding: 0 5px 0 5px}
div#page div#main div#rightside {float: right; width: 180px; margin:0 0 0 10px}
div#page div#main div#rightside div.box{padding:0; margin: 0 0 5px 0}
div#page div#main div#rightside div.box p{padding: 4px; margin:0}
div#page div#main div#rightside div.box h2{padding: 3px 4px; color: #494949; background-color: #E3E7EE; margin: 2px 0}
div#page div#main div#rightside div.box ul{margin:0; padding:0}
div#page div#main div#rightside div.box ul li{list-style: none; margin:0; width: 172px;}
div#page div#main div#rightside div.box ul li a{font-size: 15px; background: #F5F6F9; display: block; width: 172px; color: #494949; padding: 3px 4px}
div#page div#main div#rightside div.box ul li a:hover{background-color: #fff; text-decoration: none}
div#page div#main div#rightside div.box ul li.current_page_item a, div#page div#main div#rightside div.box ul li.current_page_item a:hover{background-color: #E3E7EE; color: #555}
div#page div#main div#rightside div.box ul li.current-cat a, div#page div#main div#rightside div.box ul li.current-cat a:hover{background-color: #E3E7EE; color: #555}

* html div#page div#main div#rightside {width: 176px}
* html div#page div#main div#rightside div.box ul li a {width: 168px}

/* --4-- Post */
/*div#page div#main div#leftside {border-right: 1px #F3F3F3 solid;color: #444; width: 600px; padding-right: 10px}
*/
div#page div#main div#leftside {border-right: 1px #F3F3F3 solid;color: #444; width: 75%; padding-right: 10px; padding-left: 10px;}
div#page div#main div#leftside div.post{background: url(images/post.gif) 0 25px no-repeat; padding: 0 0 7px 1px; margin: 0 0 10px 0;}
div#page div#main div#leftside div.post div.entry{margin-top: 5px; font: 12px/1.45 Arial, Verdana, sans-serif; color: #414852; overflow: hidden; padding: 2px 0 0 0}
div#page div#main div#leftside div.post div.entry img{ padding:3px; /*margin:0;*/ background: none; border: 1px #E7E9EB solid; background-color: #FCFCFC}
div#page div#main div#leftside div.post div.entry a:hover{color: #000; text-decoration:none}
div#page div#main div#leftside div.post h1{margin:0;padding:2px 3px 2px 0; font: normal 200%/20px Arial,sans-serif;}
div#page div#main div#leftside div.post h1 a{font-size: 14pt; color: #0F56AC; text-decoration: none}
div#page div#main div#leftside div.post h1 a:hover{color: #000; text-decoration: none}
div#page div#main div#leftside div.post h1 small{float:right; font: normal 10px Verdana; color: #999; padding: 4px}
div#page div#main div#leftside div.post div.entry ul{margin: 10px 0 10px 0; font: normal 15px/17px Tahoma, sans-serif}
div#page div#main div#leftside div.post div.entry ul li{list-style: none; background: url(images/arrow.gif) no-repeat 0 6px; margin:0; padding:0 0 0 10px}
div#page div#main div#leftside div.post div.entry ol{list-style-type: decimal; margin: 10px 0 5px 20px; clear: both; font: normal 15px/17px Tahoma, sans-serif; padding: 4px 8px 4px 8px; background: #fafafa}
div#page div#main div#leftside div.post div.entry ol li{padding:0; margin:0}
div#page div#main div#leftside div.post .info{padding:2px 0 2px 0px; border-top:1px solid #F7F7F7; color:#888; font-size: 10px}
div#page div#main div#leftside div.post .info a{color: #888}
div#page div#main div#leftside div.post .info span{color: #ccc}


/* --5-- Comments */
div#page div#main div#leftside #commentform {margin:5px 0;	 padding:5px; background:#f9fcfc; border-top: #DEEFEF 1px solid; border-bottom: #DEEFEF 1px solid}
div#page div#main div#leftside #commentform small{font: normal 10px Verdana, Tahoma, sans-serif}
div#page div#main div#leftside h3#respond{margin: 2em 0 10px 5px; padding:0; font: bold 13px Tahoma}
div#page div#main div#leftside .commentlist {margin: 0; padding: 0; border-top: #eee 1px solid}
div#page div#main div#leftside .commentlist li {list-style:none; margin: 0; padding: 0.5em; border-bottom: #eee 1px solid;}
div#page div#main div#leftside .commentlist li.alt{background:#FCFCFC}
div#page div#main div#leftside input.textbox{padding:4px; width:150px; border: 1px #EBEBEB solid; font: normal 11px Verdana, Tahoma, sans-serif}
div#page div#main div#leftside textarea#comment{padding:5px; font:1em Verdana, Arial, Serif; border: 1px #C9E3E4 solid; width: 450px}
div#page div#main div#leftside input#submit{background: #F9FCFC;border: 1px #C9E3E4 solid; font-size: 11px; font-family: Verdana; padding: 4px;}
div#page div#main div#leftside div.mycomment{color: #888; padding: 3px 0 3px 0;line-height: 1.5em; overflow: hidden}
div#page div#main div#leftside div.mycomment div.com span.author{font: bold 12px Tahoma;}
div#page div#main div#leftside div.mycomment div.com{border-bottom:1px #F1F3F2 solid; padding: 0 0 5px 0}
div#page div#main div#leftside div.mycomment div.com small{font-size:10px}
div#page div#main div#leftside div.mycomment div.com small a{font-size:10px; color: #888}
div#page div#main div#leftside div.mycomment div.comment-in{color: #666; padding: 2px 0 0 0}
div#page div#main div#leftside div.mycomment div.comment-in p{margin: 5px 0 0 0}
div#page div#main div#leftside .gravatar{background: url(images/bg-avatar.gif);padding: 3px; margin: -2px 5px 0 0; width: 30px; height: 30px}

/* --6-- Pagebar */
div#page div#main div.pagebar{text-align: center; background: #fff url(images/bg-pgbar.gif) center no-repeat; font-size: 10px; padding: 11px 0 11px 0; color: #020202}
div#page div#main div.pagebar a{padding: 2px 0 3px 6px; text-decoration: none; color: black; background: #d3d9db url(images/pgbr.gif) left top no-repeat}
div#page div#main div.pagebar a strong{padding: 2px 6px 3px 0; color: #000; text-decoration: none; font-weight: normal; background: #d3d9db url(images/pgbr.gif) right top no-repeat; background-position:100% -34px; }
div#page div#main div.pagebar a:hover, div#page div#main div.pagebar a.this{color: #000; background:#bbc8cd url(images/pgbr.gif) left bottom no-repeat}
div#page div#main div.pagebar a:hover strong, div#page div#main div.pagebar a.this strong{color: #000; background:#bbc8cd url(images/pgbr.gif) right top no-repeat; background-position:100% -17px;}
/* For IE */
* html div#page div#main div.pagebar a{padding: 0 0 0 6px;}
* html div#page div#main div.pagebar a strong{padding: 2px 6px 3px 0}

/* --7-- Footer */
div#page div#footer {border-top: 1px #F3F5F4 solid; clear: both; font-size: 11px; color: #666; padding: 5px 5px 6px 5px}
div#page div#footer .rside {float: right; padding: 0; margin:0}
div#page div#footer span.ac{color: #ddd; padding:0; padding:0}
div#page div#footer a{color: #1C2777}
div#page div#footer a:hover{text-decoration: none; border-bottom: 1px #aaa dashed; color: #2E41C2}

.aligncenter { margin-left: auto; margin-right: auto; display: block; }

/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 1.50

This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

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

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 

/*
 * WP-Paginate - WordPress Pagination Function
 * Revision: $Id: wp-paginate.css 153537 2009-09-10 13:26:24Z emartin24 $
 * Copyright (c) 2009 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
 */
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#5f87ae; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}