/*

Theme Name: TechRiddles

Theme Date: 22042009

Theme URI: http://www.templatesinn.com/

Description: Compact WP theme, magazine style, integrated with grey, light green and reddish colors.

Author: TemplatesInn.com

Author URI: http://www.templatesinn.com/

*/





/* CSS Document */

body{ font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0px; background:transparent url(images/body.gif) repeat-x top left;}



.clear{ clear:both;}



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

a:hover { text-decoration:underline;}



.wrapper { width:1003px; margin:0 auto; min-height:712px;}



.head{ padding-bottom:14px;}

.head .menu { text-align:right; height:24px; line-height:24px; margin-bottom:1px; padding-right:8px;}

.head .menu a { color:#D1D0D0;}

.head .menu a:hover { color:#FFF;}

.head .menu span { color:#88B23F; padding:0 5px;}



.head .banner{ background:transparent url(images/header.gif) no-repeat top left; height:73px; margin-bottom:1px; padding:14px 0px 0px 10px;}

.head .banner h3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:36px; margin:0px;}

.head .banner h3 a { color:#FFF; }

.head .banner h3 a:hover { color:#FFF; }

.head .banner span{ display:block; color:#FFF;}



.head .featurelinks { height:24px; line-height:24px; color:#000000; padding:0 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

.head .featurelinks a { color:#FFF;}

.head .featurelinks a:hover { color:#FFF;}

.head .featurelinks span { padding:0 5px;}



.xcontent { width:979px; margin:0px auto; border:1px solid #585856; padding:2px 0px; min-height:387px; background:#FFF url(images/xcontent.gif) repeat-x top left;}

.content { background:transparent url(images/content.gif) repeat-y top right; min-height:387px; }

.content .side1{ width:346px; float:left; margin-left:12px; }

.content .side2{ width:346px; float:left; margin-left:28px; }

.content .side12{ width:720px; float:left; margin-left:12px; }

.content .side3{ width:214px; float:right; padding:0px 8px; }



.content .side12 .postdescription { font-family:georgia; font-size:14px; }

.content .side12 .postdescription p { line-height:18px!important; }



.sponsors { width:214px; margin:0 auto; padding-top:6px; }

.sponsors .sbads { display:block; background:#fff; border:1px solid #ddd; text-align:center; padding:15px 0px; margin:0px auto 6px; }

.sponsors a { margin-bottom:6px; display:block; background:#fff; border:1px solid #ddd; text-align:center; width:161px; margin:0px auto 6px; padding:15px 0px;  }

.sponsors a img { border:1px solid #6098A5; width:125px; height:125px; }

.sponsors a:hover img { border:1px solid #000;}



.searchbox {padding-top:11px; height:29px; line-height:29px; margin-bottom:12px; margin-top:8px;}

.searchbox .s1 { width:260px; padding-left:2px; background:transparent url(images/search-bg.gif) no-repeat top left; height:20px; padding-top:3px; padding-left:2px; float:left;} 

.searchbox .s1 input {margin:0 auto; border:0px; background:transparent url(images/search-bg-box.gif) repeat-x top left; color:#858782; text-align:center; }

.searchbox .s2 { width:80px; padding-left:2px; height:22px; padding-top:1px; padding-left:2px; float:right;} 



.fpAdvertisement { height:280px; border:1px dashed #A1A1A1; margin-bottom:6px;}

.fpAdvertisement336 { width:336px; height:280px; border:1px dashed #A1A1A1; margin-bottom:6px;}

.fpAdvertisement480 { width:480px; height:60px; border:1px dashed #A1A1A1; margin-bottom:6px;margin-top:10px;}





.postheading { font-family:Georgia; font-size:18px; margin:0px; margin-bottom:14px; color:#C03C26;}

.posts {border:1px dashed #A1A1A1; /*height:90px; */margin-bottom:10px; padding:0px 4px; background-color:#F6F6F6;}

.posts .title { padding-bottom:2px; margin-bottom:4px; border-bottom:1px dotted #C03C26;}

.posts .title h3 { margin:0px; }

.posts .title h3 a{font-size:18px; color:#2D3635;}

.posts .description { color:#373737;}

.posts div.readmore { text-align:right; padding:6px 0px; }

.posts div.readmore a { color:#C03C26; }





.posts2{ margin-bottom:20px;}

.posts2 .postsinfo{padding-bottom:10px; }

.posts2 .postsinfo h3 {margin:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:bold;}

.posts2 .postsinfo h3 a{color:#000;}

.posts2 .postsinfo h3 a:hover{color:#000;}

.posts2 .postsinfo .postmeta { color:#000; font-size:12px;}

.posts2 .postsinfo .postmeta a { color:#D2461A; }

.posts2 .postsinfo .postmeta a:hover { color:#D2461A; }

.posts2 .postdescription{ color:#171717;}

.posts2 .postdescription p{ line-height:16px; }

.posts2 .postdescription img{ border:0px; max-width:626px; height:auto;}

.posts2 .postdescription a{  color: #D2461A; }

.posts2 .postdescription a:hover{  color: #B21F3B;}

.posts2 .posticons{margin-left:11px; border-top:1px dotted #666666; border-bottom:1px dotted #666666; padding:2px 0px 2px 0px; width:470px; height:29px; background:transparent url(images/posts/stumble.png) repeat-x top left;}

.posts2 .post-icons{margin-top: 10px; border:1px dotted #666666;}

.posts2 .posticons .picon{border-right:1px dotted #666666; line-height:29px; padding-left:8px; padding-right:8px; width:auto; height:29px; float:left;}

.posts2 .posticons .picon a{font-weight:bold; color:#3F3F3F; text-decoration:none;}

.posts2 .posticons .picon a:hover{text-decoration:underline;}

.posts2 .readmore { text-align:right; }

.posts2 .readmore a { padding-left:14px; background:transparent url(images/bullet-arrow-orange.gif) no-repeat 0px 3px; font-size:11px; text-decoration:none; color:#003557; }

.posts2 .readmore a:hover { text-decoration:underline; }

.bottomb { border-bottom:1px solid #D2461A;}

.posts2 .postdescription .thickbox{ float:left; border-top:1px solid #EEEEEE; border-left:1px solid #EEEEEE; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; margin-right:2px; padding:2px 5px 2px 2px;}

.posts2 .postdescription .ngg-singlepic { }

/*Stumbel Icons*/

.stumble{margin: 0; padding: 0; float: left; font: bold 11px Arial; width: 100%; overflow: hidden; background: transparent url(media/blockdefault.gif) center center repeat-x;}

.stumble li{display: inline;}

.stumble li a{float: left; color: #3F3F3F; padding: 9px 11px; text-decoration: none; border-right: 1px dotted #666666;}

.stumble li a:hover, .stumble li .current{background-color: #D2461A; color:#FFFFFF;}





.ajaxbox {border:1px dashed #A1A1A1; margin-bottom:10px; margin-top:20px; background-color:#F6F6F6;}

.ajaxbox .title {margin-bottom:4px; background:transparent url(images/ajax-title.gif); line-height:28px; height:28px; border-bottom:1px dashed #A1A1A1; padding-left:8px; }

.ajaxbox .title a{font-size:11px; color:#000; font-weight:bold;}

.ajaxbox .title a.selected{font-size:11px; color:#C03C26; font-weight:bold;}

.ajaxbox .title span{ position:relative; top:6px; padding:0px 10px;}

.ajaxbox .description { padding:4px 12px;}

.ajaxdiv { padding-bottom:4px; margin-bottom:4px; }

.ajaxdiv-b {border-bottom:1px dotted #9A9A9A; }

.ajaxdiv .ajaxcol1 { width:85px; float:left; text-align:left;}

.ajaxdiv .ajaxcol1 img { width:70px; height:50px; border:1px solid #000;}

.ajaxdiv .ajaxcol2 { width:235px; height:76px; float:right;}

.ajaxdiv .ajaxcol2 a.ctitle { color:#334050; display:block; font-size:12px; font-weight:bold;}

.ajaxdiv .ajaxcol2 p { margin:0px; margin-top:2px; color:#334050;}



.footernav { width:981px; margin:0 auto; background:#FFF url(images/footer-nav.gif) no-repeat bottom center; padding-bottom:11px; margin-bottom:11px; }

.footernav .fcontainer { border-left:1px solid #646463; border-right:1px solid #646463; padding:10px; background:transparent url(images/divider-long.gif) no-repeat center center}

.footernav .fcontainer .fcolumn1 { width:138px; padding:0px 4px 0px 3px; float:left;}

.footernav .fcontainer .fcolumn2 { width:188px; padding:0px 4px 0px 3px; float:left;}

.footernav .fcontainer .fcolumn3 { width:320px; padding:0px 4px 0px 3px; float:left; }

.footernav .fcontainer .fcolumn1 h3, .footernav .fcontainer .fcolumn2 h3, .footernav .fcontainer .fcolumn3 h3{ font-weight:normal; font-size:18px; color:#322E2F; margin:0px 5px; font-family:Georgia;}



.flisting, .flisting2{ margin-top:2px; width: 100%; /*width of menu*/}

.flisting ul, .flisting2 ul {list-style-type: none; margin: 5px 0; padding: 0;}

.flisting ul li a, .flisting2 ul li a {color: #555659; font-size:11px; display: block; width: 126px; padding: 3px 0; padding-left: 6px; text-decoration: none; }

* html .flisting ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */width: 120px;}

* html .flisting2 ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */width: 185px;}

.flisting ul li a:hover, .flisting2 ul li a:hover {color: black; text-decoration:underline;}



#featured, #mostpopular, #mostrecent{ display:none;}



.listing2{ margin-top:2px; width: 360px; /*width of menu*/}

.listing2 ul{list-style-type: none; margin: 5px 0; padding: 0;}

.listing2 ul li a{background: transparent url(images/bullet.gif) no-repeat 2px center; font-size:11px; display: block; width: 346px; padding: 3px 0; padding-left: 14px; }

* html .listing2 ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */width: 340px;}



.tags a { color: #555659; }



.footer { background:transparent url(images/footer.gif); height:22px;}

.footerwrapper { width:1003px; margin:0 auto; height:22px; line-height:22px; text-align:center; color:#fff;}

.footerwrapper a{ color:#fff;}



/* Navigation */

.nav, .nav ul { 

	list-style: none;

	margin: 0;

	padding: 0;

}



.nav {

  font-family: Arial, Helvetica, sans-serif;

  z-index: 100;

  position: relative;

}

.nav li {

  float: left;

  margin: 0;

  padding: 0;

  position: relative;

}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {

  color: #fff;

  display: block;

  padding: 0px 2px 0px 7px;

  text-decoration: none;

}



#nav-one li:hover a, 

#nav-one li.sfHover a {



}

#nav-one li:hover ul a, 

#nav-one li.sfHover ul a {

  background: #565656;

  color: #959595;	

}

#nav-one li:hover ul a:hover, 

#nav-one li.sfHover ul a:hover {

  background: #ccc;

  color: #000;	

}



.nav ul {

  border-bottom: 1px solid #000;

  list-style: none;

  margin: 0;

  width: 100px;

  position: absolute;

  top: -999em;

  left: -1px;

}

.nav li:hover ul,

.nav li.sfHover ul {

  top: 25px;

}

.nav ul li {

  border: 0;

  float: none;

}

.nav ul a {

  border-bottom: 0;

  padding-right: 20px;

  white-space: nowrap;

}

.nav ul a:hover {

  background: #ccc;

  color: #FFF;

}



.alignleft { padding:1px; float:left; margin-top:2px; margin-right:5px;}

.alignleft1 { padding:6px; float:left; margin-top:2px; margin-right:5px;}

.alignleft1 a{ display:block; border:1px solid #D2461A; padding:6px; color:#D2461A; background-color:#fff; text-decoration:none;}

.alignleft1 a:hover{ display:block; border:1px solid #D2461A; padding:6px; color:#D2461A; background-color:#fff; text-decoration:none;}

.alignright { padding:1px; float:right; margin-top:2px; margin-left:5px;}

.alignright1 { padding:6px; float:right; margin-top:2px; margin-left:5px;}

.alignright1 a{ display:block; border:1px solid #D2461A; padding:6px; color:#D2461A; background-color:#fff; text-decoration:none;}

.alignright1 a:hover{ display:block; border:1px solid #D2461A; padding:6px; color:#D2461A; background-color:#fff; text-decoration:none;}



#comments-template {

	margin: 0px;

	padding: 1em 0px;

	float: left;

	width: 95%;

}

#comments-template h4 {

	font-size: 18px;

	line-height: 20px;

	margin: 0px;

	padding: 0px 0px 1px;

	float: left;

	width: 97%;

	color: #000000;

	border-bottom: 1px solid #eeeeee;

}

#rss-feeds {

	margin: 0px 0px 15px;

	float: left;

	height: 25px;

	width: 90%;

	padding-left: 16px;

	font-size: 11px;

	line-height: 25px;

	color: #000000;

	background: url(images/rss.png) no-repeat left center;

}

.combox {

	margin: 0px;

	padding: 10px;

	float: left;

	width: 95%;

}

.comauthor {

	margin: 0px;

	padding: 5px 0px;

	float: left;

	width: 100%;

	font-size: 12px;

	line-height: 17px;

	color: #000000;

	border-bottom: 1px solid #dddddd;

	font-weight: bold;

	font-family: Tahoma, "Lucida Sans";

}

.comauthor .avatar { margin-right:6px;}

.comtext {

	margin: 0px;

	padding: 5px 0px;

	float: left;

	width: 100%;

	font-size: 11px;

	line-height: 16px;

	color: #000000;

	overflow: hidden;

}

.combox-alt {

	margin: 0px;

	padding: 10px;

	float: left;

	width: 95%;

	background: #f6f6f6;

}

.combox-author {

	margin: 0px;

	padding: 10px;

	float: left;

	width: 95%;

	background: #FFFFF4;

}

#pingback {

	margin-top: 25px!important;

}

#ping {

	margin: 0px;

	padding: 5px 0px;

	float: left;

	width: 100%;

	list-style-type: none;

}

#ping li {

	font-size: 11px;

	line-height: 16px;

	color: #000000;

	margin: 0px;

	float: left;

	width: 100%;

	padding: 10px;

}

#leave {

	margin-top: 25px!important;

}

#commentform {

	margin: 20px 0px 0px;

	padding: 10px;

	float: left;

	width: 400px;

}

#commentform label {

	font-size: 12px;

	font-weight: bold;

	color: #000000;

	margin: 0px;

	padding: 0px;

	float: left;

}

#commentform p {

	margin: 2px 0px 10px;

	padding: 0px;

	float: left;

	width: 100%;

}

#commentform .com {

	margin: 0px;

	padding: 2px;

	float: left;

	width: 300px;

	background: #FFFFFF;

	border-top: 2px solid #999999;

	border-right: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	border-left: 2px solid #999999;

	font-size: 12px;

}

#commentform .comarea {

	margin: 0px;

	padding: 2px;

	float: left;

	width: 380px;

	background: #FFFFFF;

	border-top: 2px solid #999999;

	border-right: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	border-left: 2px solid #999999;

	height: 300px;

	font-size: 12px;

}


.wp-pagenavi { padding:10px 10px 15px 0px; text-align:right; }
.wp-pagenavi a { color:#C03C26!important; border:1px solid #C03C26!important; }


/* Captions */
.aligncenter,
div.aligncenter {
	display: block!important;
	margin-left: auto!important;
	margin-right: auto!important;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */