/*
Theme Name: PixDesign
Author: WP Theme Designer
Author URI: http://www.wpthemedesigner.com/
*/

* {margin: 0; padding: 0;}
body {text-align: center; font: 12px Verdana; color: #333333; background: #dedede url(images/container_bg.gif) repeat-y center top; }
a { text-decoration: none; color: #000; outline:none; }
img {border: 0;}

.break {	font-size: 0; width: 0; height: 0; clear: both;}
.alignleft { float: left; }
.alignright { float: right;}
.hidden { display: none;}
.noimage img {display: none;}
h2 { font-family: Myriad Pro, Arial, Helvetica; color: #333333; }

#container {	background: url(images/container_bg.gif) repeat-y center top; text-align: left; width: 988px; margin: 0 auto; height: auto;}

/** BEGIN header **/
#wide-header{ background: url(images/header_bg.gif) repeat-x center top; width: auto; margin: 0 auto;}
#header {background: url(images/header_graph.jpg) no-repeat center top; height: 237px; width: 987px; margin: 0 auto;}
	#header ol { list-style-type: none; padding-bottom: 55px; }
    #header ol li {	font-size: 0.9em; text-transform: uppercase; float: left; background: url(images/divider.gif) no-repeat 0 11px; padding: 10px; }
    #header ol li {	font-size: 0.9em; text-transform: uppercase; float: left; background: url(images/divider.gif) no-repeat 0 11px; padding: 10px; }
    #header ol li.f { background: none;padding-left: 0;	}
	#header h1 { clear: both; font-size: 0; }
		#header h1 a { display: block; text-indent: -9999px; outline: none; background: url(images/logo.gif) no-repeat 0 0; width: 279px; height: 25px; float: left; }
		#header ul { list-style-type: none;  height: 52px; margin: 0 0 0;	}
		#header ul li { float: left; font-size: 0.9em; }
		#header ul li a { color: #fff; display: block; padding: 7px; }
		#header ul li a:hover {color: #ffffff;}
		
    /** Navigation **/
  #nav { list-style: none; height:52px;}
    #nav ul { height: 52px}
    #nav li { background: url(images/nav_sepa.gif) no-repeat center right; display: inline;  padding: 9.5px 18px;}
    #nav li:hover{ background: url(images/nav_over_bg.gif) repeat-x center center;}
    #nav a { font: normal 12px Arial, Helvetica, sans-serif; color: #fff; }
    #nav ul li a:hover{color: #000;}

/*Top Page Navbar */


#nav, #nav * {
	list-style: none;
	z-index:1;
	line-height: 1.0;
	}

#nav li {
	float: left;
	list-style:none;
	color:#3f4a4f;
	margin-right:10px;
	position:relative
	}
	
#nav a, #nav a:visited {
	display: block;
	text-decoration: none;
	border:none;
	color:#797976;
	padding:7px 22px;
	font:bold normal 12px Arial, Helvetica, sans-serif; color: #fff;
	letter-spacing:0.07em;	
	}

#nav a:hover {
	text-decoration:none;
	color:#000;
	}	

#nav a:active {
	background:#f2f0eb;
	color:#000;
	}
	
#nav li.current_page_item a, #nav li.current_page_item a:visited {
	background:#FFF;
	color:#000;
	}

	
/* Dropdown Menus */		

#nav li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
	}

#nav li:hover ul,
#nav li.sfhover ul {
	left: 4px;
	}

ul#nav li:hover li ul,
ul#nav li.sfhover li ul {
	top: -999em;
	}

ul#nav li li:hover ul,
ul#nav li li.sfhover ul {
	left: 178px; /* match ul width */
	top: 0;
	}

ul#nav li li:hover li ul,
ul#nav li li.sfhover li ul {
	top: -999em;
	}

ul#nav li li li:hover ul,
ul#nav li li li.sfhover ul {
	left: 178px; /* match ul width */
	top: 0;
	}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 178px;
	z-index:1 !important;
	line-height:1;
	-moz-opacity:.98;
	opacity:.98;
	margin:0 0 0 10px;
	border-right:1px solid #424242 !important;
	border-bottom:1px solid #424242 !important;
	}

#nav li li {
	width: 178px;
	background: #777;
	z-index:1000;
	height:auto;
	padding:4px 0;
	letter-spacing: 0.06em;
	border-bottom:1px solid #848484;
	}

#nav li li a, #nav li li a:visited, 
#nav li.current_page_parent li.current_page_item a, #nav li.current_page_parent li.current_page_item a:visited {
	color:#dadada !important;
	background: #777 !important;
	text-transform:uppercase;
	font:normal 11px Arial, Helvetica, sans-serif; color: #fff; !important;
	padding:5px 12px !important;
	}

#nav li li a:hover, #nav li li a:active,
#nav li.current_page_parent li.current_page_item a:hover, #nav li.current_page_parent li.current_page_item a:active {
	color:#FFF !important;
	}	
		
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav ul ul {
	margin:0 0 0 -4px !important
	}


	

/*Category Nav*/

#nav-cat {
	line-height: 1.0;
	position:relative;
	margin:0 auto;
	background:#607b88;
	padding:6px 0 6px 15px;
	border-top:1px solid #83a8b9;
	}
	
#nav-cat li {
	float:left;
	list-style:none;
	padding:0 25px 0 13px !important;
	border-right:1px dotted #83a8b9;
	margin-right:25px;
	position:relative;
	}
	
#nav-cat a, #nav-cat a:visited {
	display:block;
	font:bold 1em Arial,Verdana;
	text-decoration: none;
	letter-spacing:0.07em;
	padding-bottom:3px;
	color:#c6dce6;
	}

#nav-cat a:hover, #nav-cat li.current-cat a, #nav-cat li.current-cat a:visited {
	text-decoration:none;
	color:#FFF
	}	

#nav-cat a:active {
	color:#000;
 	}
 	
	
	
/*Category Nav Dropdowns*/

#nav-cat li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
	}

#nav-cat li:hover ul,
#nav-cat li.sfhover ul {
	left: 7px;
	top: 15px; /* match top ul list item height */
	}

ul#nav-cat li:hover li ul,
ul#nav-cat li.sfhover li ul {
	top: -999em;
	}

ul#nav-cat li li:hover ul,
ul#nav-cat li li.sfhover ul {
	left: 178px; /* match ul width */
	top: 0;
	}

ul#nav-cat li li:hover li ul,
ul#nav-cat li li.sfhover li ul {
	top: -999em;
	}

ul#nav-cat li li li:hover ul,
ul#nav-cat li li li.sfhover ul {
	left: 178px; /* match ul width */
	top: 0;
	}
	
#nav-cat li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 178px;
	z-index:1;
	line-height:1;
	-moz-opacity:.98;
	opacity:.98;
	border-right:1px solid #424242 !important;
	border-bottom:1px solid #424242 !important;
	}

#nav-cat li li {
	width: 178px;
	background: #777;
	z-index:1000;
	height:auto;
	padding:4px 0 !important;
	margin:0;
	letter-spacing: 0.06em;
	border-right:none;
	border-bottom:1px solid #848484;
	}

#nav-cat li li a, #nav-cat li li a:visited, 
#nav-cat li.current_page_item li a, #nav-cat li.current_page_item li a:visited {
	color:#dadada !important;
	background: #777 !important;
	border:none;
	padding:4px 12px;
	text-transform:uppercase;
	font:0.8em Georgia, "Times New Roman", Times, serif !important;
	padding:5px 12px !important;
	}

#nav-cat li li a:hover, #nav-cat li li a:active,
#nav-cat li.current_page_item li a:hover, #nav-cat li.current_page_item li a:active {
	color:#FFF !important;
	border:none
	}	
		
#nav-cat li:hover ul, #nav-cat li li:hover ul, #nav-cat li li li:hover ul, #nav-cat li.sfhover ul, 
#nav-cat li li.sfhover ul, #nav-cat li li li.sfhover ul {
	left: auto;
	}





  #logo_search{ height: 185px; clear: both; }
  #logo{margin: 0 0; height: 184px; width:510px; float: left;}
  #logo a{background: url(images/pixdesign_logo.png) no-repeat left top; height: 158px; width:500px; display: block; outline: none; text-indent: -9999px;}
		
  #search{ float: left; height:184px;}
    #search form{ margin: 80px 0 0 0; background: url(images/search_bg.png) no-repeat center center; width: 430px; height: 35px;}
    #search form p{ float: left; height: 30px; font-size: 0.9em; color: #808080; margin: 4px 10px 0; _margin-right:0; font: bold 11px Arial, Helvetica, Tahoma; color: #e413ae;}
    #search .date{ padding: 10px 10px; height: 10px; width:120px; margin:0; }
    #search form input{ padding: 8px 0 0; margin:0; width: 225px; border: none; font-size: 1em; font-family: Verdana; color: #777777; float: left; height:18px; background: none;}
    #search form button{ width: 22px; height: 20px; border: 0; background: url(images/search_btn.png) no-repeat 0 0; margin: 8px 0 0 10px; text-indent: -9999px; float: left; padding:0; }
/** END header **/

/** BEGIN content **/
#main-content { text-align: left; width: 987px; margin: 0 auto; height: auto;}
#content { float: left; width: 635px; margin: 0 0 0 6px; _margin-left:0; }
	#content .latest {padding: 0 20px 10px 10px; margin: 10px 0; height: auto;}
		#content .latest img { margin: 20px 20px; border: 4px solid #5c5c5c;}
		#content .imgspace { height: 100px; width:120px; display: block;}
		#content .latest a { color: #e413ae;}
		#content .latest h2 {	font-family: Myriad Pro, Arial, Helvetica; font-size: 2em; margin: 5px 10px; clear: both; width: auto;}
		#content .latest p { font-size: 0.9em; margin: 10px 0; line-height: 1.4em; width: auto; }
		
	#content .l { width: 310px; _width: 269px; float: left; padding: 0 10px 10px 0; }
		#content .l .post { font-size: 0.9em; padding-top: 10px; }
		#content .l .post h2 { font-size: 2em;  text-transform: uppercase; padding: 5px 10px; float: left;}
		#content .l .post h2 a { color: #313131; font-family: Myriad Pro, Arial, Helvetica;}
		#content .l .post h3 { clear: both; font-size: 13px; width: 100%; padding: 0 10px;}
		#content .l .post h3 a{ color: #e413ae}
		#content .l .post img { float: left; margin: 10px 10px 5px 10px; width: 100px; border: 4px solid #5c5c5c;}
		#content .l .post p { padding: 5px 10px; line-height: 1.4em;}
		
	#content .r { width: 299px; float: right; padding-left:0px; margin-right:10px; _margin-right:0;}
		#content .r .post { font-size: 0.9em;	 padding-top: 10px;}
		#content .r .post h2 { font-size: 2em;  text-transform: uppercase; padding: 5px 10px; float: left; }
		#content .r .post h2 a { color: #313131; font-family: Myriad Pro, Arial, Helvetica; }	
		#content .r .post h3 { clear: both; font-size: 13px; width: 100%; padding: 0 10px;}
		#content .r .post h3 a{ color: #e413ae}
		#content .r .post img { float: left; margin: 10px 10px 5px 10px; width: 100px; border: 4px solid #5c5c5c;}
		#content .r .post p { padding: 5px 10px; line-height: 1.4em;}
		
	#content .postnav { padding: 20px 0; clear: both;}
	#content .postnav ul { list-style-type: none; border: 0;}
		#content .postnav ul li { float: left; border: 1px solid #cccccc;margin: 2px; font-size: 0.9em;}
		#content .postnav ul li a { display: block; border: 0 !important;padding: 5px;}
		#content .postnav ul li a:hover { background-color: #007AAA; color: #ffffff;	}
		#content li.page_info { padding: 5px !important;}
		
  .cutting_line{ background: url(images/cutting_line.gif) repeat-x bottom left; height: 3px; margin: 10px 0;}

	#content .fwrapper {	background-color: #F2F2F1; padding:0; border: 5px solid #2b2b2b; margin:18px; }
	#featured { overflow: hidden; width: 589px; height: 308px; }
		#content .featured img { width: 589px; }
		#content .featured { overflow: hidden; position: relative; width: 589px; height: 308px; overflow: hidden; }
		#content .featured .text {}
		#content .featured-img {}
		#content .featured-img .text h2 { font-size: 1.3em; color: #000; background-image: none; margin-bottom: 4px; padding: 0; }
		#content .featured-img .text h2 a { color: #000; font-weight: bold; text-transform: none; text-decoration: none; }
		#content .featured-img .text p { line-height: 1.4em; font-size: .9em; color: #000; padding-bottom: 10px; }
		#content .featured-img .text .next { color: #000; font-weight: bold; font-size: 0.8em; text-transform: uppercase; }
		#content .featured-img .text .continue:hover { text-decoration: none;	}
		#content .featured .photo { list-style-type: none; }
		#content .photo li { position: absolute; top: 0; left: 0; z-index: 0; }
		#content .photo li.first { z-index: 2;	}
		#content .featured .text { list-style-type: none;	}
		#content .featured .text li { width: 569px; height: auto; position: absolute; bottom:-589px; left:0; padding: 10px; color: #ffffff; font-family: Verdana; background: url(images/shade.png) repeat 0 0; z-index: 4; }
		#content .featured .text li.first { bottom:0; }
		
/** END content **/

/** BEGIN sidebar **/
#sidebar { float: right; width: 340px; margin: 0 2px 10px 0; padding-top:10px; }
	#sidebar .cutting_line{ margin: 15px 0;}
	#sidebar .social_bg{background: url(images/newsletter_bg.gif) repeat-x center top; margin: 0 auto; height: 80px; }
	#sidebar .social_bg h3{ width:auto; padding: 13px 0 0 6px; font: bold 18px Myriad Pro, Arial, Helvetica; color:#000; text-transform: uppercase;}
	#sidebar .social_bg a{ width:auto; padding: 10px 0 0 6px; font-size: 11px; color: #555555; }
	#sidebar .social_bg a:hover{ color:#b88d00;}

	#sidebar .head { background: #fff; height: 132px; width: 324px; margin: 10px auto 0; border: 1px solid #afafaf;}
	#sidebar .head .subscribe{ background: url(images/sub_bg.gif) repeat-x  center top; height: 77px;}
	#sidebar .head h2 {font-size: 0.9em; width: 300px; color: #fff; margin: 0 0 0 20px; height:20px; padding: 18px 0 0;}
	#sidebar .head .rss {font-size: 0.9em; margin: 0 0 0 20px; padding: 2px 0 2px 24px;	background: url(images/rss.gif) no-repeat 0 0; border: 1px solid #000;}
	#sidebar .head form { margin: 0 auto;}
	 	
	#sidebar form { border-top: 0; margin-bottom: 10px;  height: 50px;}
	#sidebar form input { float: left; margin: 3px 0 0 7px; width: 147px;  border: 1px solid #b5b5b5; height: 17px; color:#808080; font-family:times new roman; font-size:14px; padding:5px; }
	#sidebar form button { background: url(images/subscribe_btn.gif) no-repeat center; float: left; width: 75px; height: 29px; margin:3px 0 0 -1px; text-indent: -9999px; border: 0; background-color: transparent;}
		
	#sidebar .video { background: #fff; border: 1px solid #afafaf; padding: 6px; width: 292px; margin: 0 auto;}

	#sidebar .body { background: #fff; border: 1px solid #afafaf; padding: 10px; margin-bottom: 10px; width: 302px; margin: 0 auto;}
	#sidebar .body script { padding: 0; margin: 0; }
	#sidebar .body img {}
		#sidebar .body a { color: #333333; }
		#sidebar .body a:hover { color: #fff;}
		#sidebar .tabs { height:250px; }
	
	#sidebar .flickr-whitebg { background: #fff; border: 1px solid #afafaf; padding: 10px; margin-bottom: 10px; width: 302px; height: 225px; margin: 0 auto;}
	#sidebar .whitebg { background: #fff; border: 1px solid #afafaf; padding: 10px; margin-bottom: 10px; width: 302px; height: auto; margin: 0 auto;}
	
	.flickr {margin: 0 0 0 10px;} 
	.flickr a{ float: left; border: 6px solid #e0e0e0; margin: 4px; } 
	
	#sidebar ul.head { list-style-type: none; border: 1px solid #cccccc; border-width: 1px 1px 0 0; height: 30px;}
		#sidebar ul.head li { float: left; text-transform: uppercase; font-weight: bold; border-left: 1px solid #cccccc;}
		#sidebar ul.head li a { color: #343434; display: block;	padding: 8px 5px 8px 8px; }
		#sidebar ul.head li a:hover {}
	#sidebar ul.body { clear: both; list-style-type: none; border: 1px solid #cccccc;	padding: 10px; margin-bottom: 10px;}
		#sidebar ul.body li { font-size: 0.9em; border-bottom: 1px dotted #313131; padding: 6px 0;}
		#sidebar ul.body li a { color: #323232;}
		#sidebar ul.body li a:hover { font-weight: bold; color: #006490;}
	#sidebar .l { width: 130px; margin-left: 10px;  _margin-left: 0; padding:0; display:inline-block; vertical-align:top; float:left; }
	#sidebar .r { width: 130px; margin-right: 10px; padding:0; display:inline-block; vertical-align:top; float:right; }
		#sidebar .l h2, #sidebar .r h2 { font-family: Myriad Pro, Arial, Times New Roman; color: #333333; font-size: 1.5em; text-transform: uppercase; padding: 5px 0;}
		#sidebar .l ul, #sidebar .r ul { list-style-type: none; margin-bottom: 20px;}
		#sidebar .l ul li, #sidebar .r ul li {	font-size: 0.9em; border-bottom: 1px dotted #353535; padding: 6px 0;}
		#sidebar .l ul li a, #sidebar .r ul li a { color: #363636;}
/** END sidebar **/

/** BEGIN footer **/
#footer { background: url(images/footer_bg.gif) repeat-x center top; width: auto; height: 436px; clear: both; border: 1px solid #000; font-size: 11px;  color:#939393;  text-align: left; }
  .footer_con {float: left; width: 314px; margin: 0 10px; height: 200px;}
  .footer_round2{ background: #101010; height: 258px; }
  .footer_con h4{ background: url(images/dotted.gif) no-repeat center bottom; padding: 15px 0 10px; margin: 0 20px;  font-size: 20px; font-family: Mryiad Pro, Arial, Tahoma, Verdana; text-align: left; color: #ef1eb3;}
  .footer_con strong { font-size: 107%; font-weight: bold;  }
  #footer ul { font-size: 12px; line-height: 110%; list-style: none; margin:0; padding: 0; }
  #footer ul li { list-style: none; background: url(images/bullets_icon.jpg) no-repeat center left; margin: 5px 5px 0 18px; padding: 0 10px; line-height:15px; text-align:left; }
  #footer ul li a { margin:0; padding:0; line-height:15px; }
  #footer ul li ul li{ padding: 0px; margin:0; }
  #footer a strong, #footer a{ color: #fff; }
  #footer a:hover { color: #e413ae; }
  #footer_content { width: 1005px; height: 300px; margin: 20px auto 0;}
  
  #footer .about_us { color:#939393; font-size:11px; }
  #footer .about_us  p{ text-align: left; font-size:11px; font-family: Arial, Verdana; margin: 10px 0 10px 20px; width: 265px;}
    
/* Credits */
#credits {font-size: 10px; height: 50px; margin: 10px auto 0; padding:15px 0; width: 930px; text-align: center; clear: both; color: #2b2b2b; }
	#credits a { color: #e413ae; font-weight: bold; }
	#credits a:hover {}
	#credits .ads_copyright { text-align: left; float: left; font-size:10px; }		
	#credits .ads_copyright p, #credits .ads_copyright p a { font-weight:normal; }		
	#credits .entries { color: #000; text-align: left; float: right; }		
	#credits .entries a{ margin-right:20px; }		
	#credits .entries .loginout {padding-left:17px; background: url(images/mini-loginout.gif) no-repeat; }
	#credits .entries .rss {padding-left:17px; background: url(images/mini-rss.gif) no-repeat; }

/** END footer **/

/** BEGIN miscellaneous **/
#content .single ul { margin: 0 0 10px 18px;}
#content .single ol { margin: 0 0 10px 20px;}
	#content .single li {padding: 2px 0; line-height: 1.4em;}
	#content .single h3 {	margin-bottom: 5px;	font-size: 1.4em; font-size: 1.5em; font-weight: normal;}
	#content .single blockquote { padding: 20px 20px 10px; margin: 10px 0; background-color: #f3f3f3; border-width: 1px 0; border-color: #dddddd; border-style: solid; color: #9e9e9e; line-height: 1.4em;}
	.single .details { padding: 20px 0;}
	.single .details p { margin-bottom: 5px !important;}
#comments { padding: 0 20px 50px; font-size: 0.9em;}
	#comments h2 { margin: 10px 0; font-size: 1.5em;}
	#comments p { margin-bottom: 10px; line-height: 1.5em;}
	#comments form { padding-top: 20px;}
	#comments form p {	margin-bottom: 5px;}
	#comments .commentauthor, 
  #comments .commentauthor a { display:block; color: #ff3da8; font-weight: bold; font-size:12px; line-height: 15px; }
	#comments .commentdate { display:block; font-size: 11px; margin-bottom: 5px; color: #555555}
  #comments .comment_text { width:500px; margin-top:15px; }
	.required { color: #ff0000;}
	#respond { padding-top: 20px;}
	.comment1 { border: 1px solid #cccccc; padding: 10px; margin-bottom: 10px;}
	.commentdetails { float: left;}
	.gravatar { float: right; border:4px solid #fff; }
	h2.title { padding: 20px; font-size: 0.9em; font-weight: normal; text-transform: uppercase; color: #909090;}
.archive { clear: both; font-size: 0.9em; padding: 10px; border: 1px solid #cccccc; margin: 0 0 10px 10px;}
	.archive h2 { font-size: 1.6em; font-weight: normal; padding-bottom: 10px;}
	.archive h2 a {}
	.archive img { float: left; height: 100px; margin: 5px 10px 5px 0; border: 4px solid #5c5c5c; }
	.archive p { margin-bottom: 10px; line-height: 1.5em;}
/** END miscellaneous **/

.notfound{ margin: 0 0 0 20px;}

.news_icon{background: url(images/email-icon.png) no-repeat center center; width: 54px; height: 56px!important; padding: 25px 0 0 0; margin-left: 15px; }
.rss_icon{background: url(images/rss-icon.png) no-repeat center center; width: 54px; height: 56px!important; padding: 10px 0 0 0; margin-left: 15px; }
.leftalign{float: left; padding: 0;}