/*
Theme Name: Colorful
Theme URI: http://www.veanndesign.com
Description: A simple three-column theme.
Version: 1
Author: Anna Vester
*/

/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img {  border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body {  background:#cdd9a4 url(images/bck_outer.jpg) repeat top center;font: 12px/18px "Trebuche MS", Calibri, Arial, sans-serif; }
#outer { background:url(images/bck.gif) repeat-x top left; width:100%; }
a:link, a:visited { color:#417708;}
a:hover { text-decoration:none;}
img.wp-smiley { border:none !important; background:none !important;}
strong { font-weight:bold; }
.clear { clear:both; height:1px; line-height:1px; margin-top:-1px; }
img.alignright { float:right; clear:right; margin:0 0 10px 10px; }
img.alignleft { float:left; clear:left; margin:0 10px 10px 0; }

#container { width:990px; margin:0 auto; padding-bottom:15px; }
	#branding  { height:150px; }
	#branding .social { text-align:right; height:46px; margin-bottom:20px; }
		#branding .social li { display:block; float:right; padding:15px 13px 0 13px; }
		#branding .social li:first-child { padding-right:0; }
				
   	#branding a.logo  { float:left; display:block; border:none; }
	
   	#branding #searchform { float:right; margin-top:28px; }
   	#branding #searchform input { border:1px solid #999; padding:5px 2px 7px 2px; width:315px; color:#999; font-size:1.2em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-raduis: 5px; }	

	#content-wrapper { clear:both; padding-bottom:10px; }

	#sidebar { float:right; width:320px;  font-size:12px;}
		#sidebar h2 { font-size:22px; padding-left: 15px; color:#0d0d0d; font-weight:normal; margin:16px 0 0 0; line-height:28px; }
		#sidebar .nar-lf { width: 155px; float:left; }
		#sidebar .nar-rt { width: 155px; float:right; }
		
		#sidebar #ads { background:#fff; padding:15px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-raduis: 5px;}
			#sidebar #ads h3 { border-bottom:1px solid #999; font-size:11px; color:#999; line-height:16px; margin-bottom:10px; font-style:normal; }
			#sidebar #ads a { margin:0 0 15px 15px; width:125px; height:125px;}
			#sidebar #ads a img { width:125px; height:125px; }
			
		#sidebar #twitter, #sidebar #popular { background:#fff; padding:10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-raduis: 5px;}
			#sidebar #twitter { position:relative; }
			#sidebar #twitter .decor { position:absolute; top:-41px; right:10px; z-index:10; }
			#twitter p, #popular li { margin-bottom:10px; }
		
		#sidebar #news { background:#fff; padding:10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-raduis: 5px; }
			.fvCommunityNewsList li { margin-bottom:10px; }
			.fvCommunityNewsList li strong { display: block; }
			.fvCommunityNewsList li small { display:block; text-align:right; font-size:11px; font-style: normal; }			
			#fvCommunityNewsForm label { display: block; font-weight: bold; font-size:11px; }
			#fvCommunityNewsForm label em { color: #e00; font-style: normal; font-weight: normal; }
			#fvCommunityNewsForm input, #fvCommunityNewsForm textarea { width:100%; font-size:11px; padding: 3px 2px; color: #999; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-raduis: 5px; border:1px sold #999; }
			#fvCommunityNewsForm input:focus, #fvCommunityNewsForm textarea:focus { border-color: #b4b4b4 #cbcbcb #cbcbcb #b4b4b4; }
			#fvCommunityNewsForm input.error, #fvCommunityNewsForm textarea.error { border-color: #e40000 #fb0000 #fb0000 #e40000; }
			#fvCommunityNewsForm input.error:focus, #fvCommunityNewsForm textarea.error:focus { border-color: #c40000 #db0000 #db0000 #c40000; }
			#fvCommunityNewsForm textarea { height: 50px; }
			#fvCommunityNewsSubmit { width: auto !important; display: block; margin-top: 4px; }
			#fvCommunityNewsForm small a { outline: none !important; }
			#fvCommunityNewsErrorResponse { color: #e40000; }

			#news #news_form { display:none; }
		
			#authenticjobs { background:#fff; padding:10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-raduis: 5px; line-height:16px; }
      			#authenticjobs a img { float: left; padding: 0 10px 5px 0; border: 0;}
      			#authenticjobs ul { clear: left; margin: 0; }
      			#authenticjobs ul li { padding: 2px 0; }
				#authenticjobs p.callout { padding: 10px 0 0 0; font-weight:bold; font-size:13px; }
			
		#sidebar .nar-lf ul { background:#fff; padding:10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-raduis: 5px; line-height:16px; }
		#sidebar .nar-rt ul#bm { background:none; padding:0; }
			#sidebar .nar-rt ul#bm ul { background:#fff; padding:10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-raduis: 5px; line-height:16px; }
		
		#sidebar .reader-publisher-module h3 { font-size: 1.4em; font-style:normal; color: #000; }
		.reader-publisher-module ul li { line-height:13px; }
		.reader-publisher-module ul li a, .reader-publisher-module ul li a:visited { font-size: 1em; text-decoration:none; color:#000; }

	#content { width:662px; float:left; }
		#content .story { margin-bottom:10px; background:#fff; padding:20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-raduis: 5px; }
			#content .story p.meta, #content .story p.tags { margin-bottom:5px; }
			#content .storytitle { font-size:22px; font-style:normal; line-height:28px; }
				#content .storytitle a { text-decoration:none; }
			#content .storytitle .storydate, #content .meta span { float:right; font-size:11px; }
			
			#content .storybody { border:1px solid #efefef; border-right:none; border-left:none; padding-top:10px; margin-bottom:10px; }
	#content .story img { border:1px solid #ccc; background:#f1f1f1;padding:3px;}

	#content .story ul { list-style-position:inside; list-style-type:none;margin:5px 10px; }

        #content ul.roundup li { list-style:none; font-weight:bold;}

	#content .story ul li li { background: url(images/bullet.png) no-repeat 0 5px;font-weight:normal; padding-left:15px;*padding-left:0;}

	#content .story ol { list-style-position:inside; list-style-type:decimal;margin:5px 10px;}

        #content .story ul.bulleted { list-style-position:inside; list-style-type:none; margin:5px 10px;}
        #content .story ul.bulleted li { background: url(images/bullet.png) no-repeat 0 5px;font-weight:normal; padding-left:15px;*padding-left:0; }

	#content .story p { margin-bottom:15px; line-height:17px; font-size:13px; }

	#content .story table.gallery-rankings  { border-spacing:2px; font-size:13px; }
	#content .story table.gallery-rankings th { font-weight:bold; padding:0 5px 0 0; }
    #content .story table.gallery-rankings td { padding:0 3px; font-size:12px;}
	#content .story table.gallery-rankings td.id { width:30px; text-align:center; }
	#content .story table.gallery-rankings td.name a { font-weight:bold; }
	#content .story table.gallery-rankings td.rank { text-align:left; }
	#content .story table.gallery-rankings td.rank img { border:none; vertical-align:bottom; background:none;}		

	#content .story code { clear:left; white-space:pre; font-family:"Courier New", Courier, monospace; width:600px; max-height:300px; height:auto !important; height:300px; overflow:auto; border:1px solid #999; background:#FFFFCF; overflow:auto;display:block; margin:5px; padding:5px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

	#content .pagination { font-size:11px; text-align:center;}

	#content h2#comments, #content h2#postcomment, #content h2#hdrTrackback { font-size:22px; padding-left: 15px; color:#0d0d0d; font-weight:normal; margin:15px 0 0 0; line-height:28px; }

	#content ol#commentlist, #content ol#trackbacklist { list-style-type:none; width:620px; clear:none; background:#fff; padding:10px 20px 10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-raduis: 5px; font-size:13px; }

	#content ol#commentlist li { padding:5px; margin-bottom:10px; }

	#content ol#commentlist li.authorcomment { border:2px solid #4398EF; }

	#content ol#commentlist li .comment-count { display:block; width:50px; vertical-align:baseline;text-align:center;float:right; font-size:1.8em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;margin-bottom:5px;}

	#content ol#commentlist li p a { font-weight:normal;}
	
		#comments_meta { background:#fff; padding:10px 20px 10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-raduis: 5px; margin-top:10px; }
		
		#comment_form { background:#fff; padding:10px 20px 10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-raduis: 5px; }

	#content form#commentform { margin:0 10px;}

	#content form#commentform label { display:block; margin-top:5px; }

	#content form#commentform textarea { width:100%; height:100px;}

	#content form#commentform input, #content form#commentform textarea { background-color:#ebede9; border:1px solid #615f5f}

	#content form#commentform input.submit { border:none; margin-top:5px; }

	#footer { clear:both; background:url(images/footer_bg.gif) repeat-x top left; min-height:424px; max-height:424px; height:auto !important; height:424px; font-size:12px; }
		#footer #inner { width:990px; margin:0 auto;padding-top:5px; }
		#footer .col { float:left; width:325px; margin-right:10px; }	
		#footer .last { margin:0; width:320px; }
			#footer .col h2 { font-size:22px; padding-left: 15px; color:#0d0d0d; font-weight:normal; margin:15px 0 0 0; line-height:28px; }
			#footer #recent_comments, #footer #books, #footer #tag_cloud { background:#5FB0FF; padding:10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-raduis: 5px; }
			
			#footer #recent_comments { padding-right:10px; }
				#footer #recent_comments ul { overflow:auto; height:340px; }
					#footer #recent_comments li { margin-bottom:10px; }
					#footer #recent_comments li span { font-style:italic; font-size:13px; line-height:16px; }
			
			#footer #books { float:left;  width:295px; padding-right:10px; }
				#footer #books ul { float:left; width:100%; height:340px; overflow:auto; }
					#footer #books li { clear:left; margin-bottom:5px; float:left; }
			
	#legal { width:990px; margin:0 auto; padding:5px 0; clear:left; font-size:12px; }
		#legal .backtottop { float:right; }

input#subscribe { display:inline; }

.scrnshots_badge_container { margin:15px 0 0 5px; background:#333; padding:10px; width:100px;}

.scrnshots_badge_container a { margin: 5px 0; display:block; font-weight:bold; font-size:1.2em; line-height:1.3em;}

.scrnshots_badge_container img { margin: 0;border: 1px solid #888;} 

.scrnshots_badge_container img.scrnshots_logo { margin: 0;border: 0; }

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #efefef;
}
.jScrollPaneDrag {
	position: absolute;
	background: #0B66BF;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}