/*
Theme Name: Dark View
Theme URI: http://peter-french.com
Description: A Wordpress theme created for <a href="http://www.peter-french.com/">www.peter-french.com/</a>.
Version: 2.0
Author: Peter French
Author URI: http://www.peter-french.com/

Tags:Brown, Green, Tan, Light Blue
*/


/*-- Element Tag Styles ------------------------------------------------*/

* { margin: 0; padding: 0; outline: none; border: none; }

body { background: url('img/bg_v2.jpg') repeat-y top center #39414a; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #dddcda; text-align:center; /* IE fix.... */ }

a { text-decoration: none; color: #4597cb; }
	a:hover { text-decoration: underline; }

h2 { font-size: 17px; }
	h2.widgettitle { font-size:10px; }	

h3 { font-size: 13px; }

h2, h3 { font-family: Verdana, Helvetica, "Courier New", Courier, monospace; text-transform: uppercase; margin-bottom: 0px; color: #dddcda; }
	h2 a, h3 a { color: #dddcda; }
	h2 a:hover, h3 a:hover { text-decoration: none; }


div.textwidget h2 a { font-size: 10px; margin-top: 0px; }

div#about_author { color: #9c9c9c; font-size: 9px; line-height: 13px; }

small { color:#cccccc; }

/*-- Main Layout --------------------------------------------------------*/
div.wrapper { width: 930px; margin: auto; text-align:left; /* IE fix.... */ }


/*-- Top Logo & Menu -----------------------------------------------------*/
div.top { margin: 0 20px 0 20px; height: 80px; }
	div.top h1#logo { margin: 0 0 0 0; padding: 5px 10px 10px 10px; display: block; float: left; background: #1C1C1C; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 38px; }
	div.top h1#logo a { font-family: Helvetica, Arial, sans-serif; color: #4597cb; }
		div.top h1#logo a:hover { color: #98cff1; text-decoration: none; }
	div.top h1#logo span { display: none; }
	
div.top ul#menu { padding: 0 10px 10px 10px; float: right; list-style: none; background: #1C1C1C; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	div.top ul#menu li { float: left; position: relative; background: #4597CB; }
	div.top ul#menu li a { padding: 10px 15px; display: inline-block; position: relative; font-weight: bold; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-right: 1px solid #222; z-index: 2; }
		div.top ul#menu li:last-child a { border-right: none; }
	div.top ul#menu li a:hover { /*background: #98CFF1;*/ text-decoration: none; }
	div.top ul#menu li span { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; background: #98CFF1; z-index: 1; opacity: 0.0; filter:alpha(opacity=0); }
	/*div.top ul#menu li:nth-child(4n) span { background: #F00; }
	div.top ul#menu li:nth-child(4n-1) span { background: #00F; }
	div.top ul#menu li:nth-child(4n-2) span { background: #0F0; }
	div.top ul#menu li:nth-child(4n-3) span { background: #FF0; }*/

div.top div#search { margin: 30px 40px 0 0; width: 600px; float: right; text-align: right; }
div.top div#search div.right { width: 194px; float: right; background: url('img/search_box.png') no-repeat; }


/*-- Content -------------------------------------------------------------*/
div.content { margin: 0 20px 0 20px; line-height: 15px; }

div.content div.left { width: 745px; float: left; position: relative; }
	div.content div.left div.navigation { width: 612px; }
	div.content div.left div.navigation a { padding: 4px 10px 10px 10px; background: #1C1C1C; -moz-border-radius: 0 0 3px 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; }
	div.content div.left div.navigation a:last-child { margin: 0 15px 0 0; float: right; }
	div.content div.left div.navigation a:first-child { margin: 0 0 0 15px; float: left; }

div.content div.right { margin: 0 0 0 0; padding: 10px 10px 0 10px; background: #1C1C1C; width: 125px; float: left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div.content ul li { list-style-type: none; list-style-image: none; }


/*-- Widget Styles --------------------------------------------------------*/
div.content ul li.widget { margin: 0 0 10px 0; list-style-type: none; list-style-image: none; }
	div.content ul li.widget a { padding: 2px 4px; display: block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  }
	div.content ul li.widget a:hover { background: #232323; text-decoration: none; }

/*-- Bottom --------------------------------------------------------------*/
div.bottom { margin: 20px 0 0 1px; width: 928px; float: left; padding-top: 15px; font-size: 10px; line-height: 14px; color: #ffffff; background: #1C1C1C; }
div.bottom a { font-size:11px; }
div.bottom ul li { margin: 0 0 10px 10px; width: 232px; float: left; list-style-type: none; list-style-image: none; }
div.bottom ul li ul li { margin: 0 0 0 0; }

div.bottom li.widget a { padding: 5px; display: block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
div.bottom li.widget a:hover { background: #232323; text-decoration: none; }

div.bottom h2 { margin: 0 0 5px 0; }
div.bottom h2 a.rsswidget { padding: 0; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
div.bottom h2 a.rsswidget img { border: none; background: none !important; vertical-align: bottom; }


/*-- Post Styles ----------------------------------------------------*/
div#current_post { margin: 0 15px 0 0; width: 600px; min-height: 380px; float: left; background: #1c1c1c url('img/ajax-loader.gif') no-repeat center center; border: 6px solid #1C1C1C; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

ul#posts { margin: 0; padding: 6px 0 0 0; left: 630px; list-style: none; position: absolute; }
	ul#posts li { margin: 0; padding: 0 0 5px 0; }
	ul#posts li a { display: inline; text-decoration: none; }
	ul#posts li a img { padding: 0; display: block; border: 0; opacity: .4; filter:alpha(opacity=40) }
	
div.content div.navigation { padding: 0 0 0 0; float: left; clear: both; }

div.entry { width: 745px; position: relative; }
	div.entry img { border: 6px solid #1C1C1C; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	/*div.entry div.post_title { margin: -80px 0 0 6px; padding: 3px 0 0 7px; width: 593px; height: 45px; float: left; position: relative; zoom: 1; background: #000; filter: alpha(opacity=60); opacity: 0.60; }*/
	div.entry div.post_title { width: 432px; position:absolute; left: 420px; top: 220px; *left: 620px; *top: 20px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }
	div.entry div.post_title h2 { letter-spacing: 5px; }
	div.entry div.post_title h2 a { font-family: "Courier New", Courier, monospace; }
	
div.post_nav { display: none; }

/*div.post_nav { margin: 120px 0 0 0; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100px; line-height: 75px; font-weight: bolder; }
	div.post_nav a { color: #1C1C1C; }
	div.post_nav a:hover { color: #4597CB; text-decoration: none; }*/

/*-- Page Styles ----------------------------------------------------*/
div#page { margin: 0 15px 0 0; padding: 15px; background: #1C1C1C; -moz-border-radius: 3px; -webkit-border-radius: 3px; }


/*-- Form Styles ----------------------------------------------------*/
input { background: #1c1c1c; border: none; color: #dddcda; }
input#s { background: #dddcda; width: 120px; height: 18px; color: #000; }


textarea { background: #1c1c1c; color: #dddcda; }
textarea:focus { /*border:1px solid #666666;*/ }

form#commentform input { position: relative; }
form#commentform textarea { position: relative; }


input#searchsubmit { width: 61px; height: 24px; background: url('img/search_button.png') no-repeat; }


form#searchform { }

input#searchform {  }

.entry form { text-align:center; }

select { width: 130px; }

div.postmetadata { font-size:10px; }



p.postmetadata { padding: 5px; margin: 10px 0 0 0; float: left;  width: 596px; float: left; background: #1c1c1c; }



/*-- Comment Styles ----------------------------------------------------*/



div#comment_box { float: left; width: 600px; margin: 10px 0 0 0; }

div#comment_box div#comment_header { }

div#comment_box div#comment_content { margin: 10px 0 0 5px; }



div.commentlist { list-style-type:none; margin: 10px 0 15px 0; }

	div.commentlist div.comment_txt { margin: 20px 0 0 0; padding: 10px; background: #1c1c1c; line-height: 1.5em; -moz-border-radius: 3px; -webkit-border-radius: 3px; }



div.commentmetadata { margin: 0 0 10px 0; padding: 3px 5px 5px 45px; background: url('img/comment_arrow.png') 15px 0 #232323 no-repeat; font-size: 10px; }

div.commentmetadata span.comment_author { font-size: 9px; color: #9c9c9c; }
div.commentmetadata span.comment_author a { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }


div.commentmetadata span.comment_date { color: #9c9c9c; font-size: 9px; }


#commentform input { width: 170px; padding: 4px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 60%; padding: 4px; margin: 5px 5px 1px 0; }
#commentform input#submit { margin: 0 0 0 0; padding: 0 0 5px 0; width: 120px; height: 30px; background-color: #4597cb; font-size: 12px; color: #000; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; -moz-border-radius: 0 0 10px 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; }
	#commentform input#submit:hover { background-color: #98CFF1; }


/*-- Other -------------------------------------------------------------*/

div.indent { margin: 0 0 0 15px; }