/*
Theme Name: Seventy9°
Version: 1.0
Description: Custom theme for Seventy9°
Author: RKWD
Author URI: http://www.rkwd.co.uk
Template: TheStyle
*/

@import url("../TheStyle/style.css");

#footer h3.title {
color: #AF0404;
}

#footer {
border-top: 1px solid #444;
background:#2C2C2C;
background-image:none;
}

#logo {
margin: 32px 0px 5px 0px;
}

ul.nav a:hover, ul.nav > li.current-menu-item > a {
color: #AF0404;
text-shadow: 1px 1px 0px black;
}


body {
  background:#000;
}

#container { background: transparent url(images/container-bg.jpg) top center repeat-y; position: relative; max-width: 1490px;
margin: auto;}
	#container2 { background:  url(images/container2-bg.png) top right repeat-y; min-width: 300px; padding: 0px 0 0px 15px; }
		#logo { margin: 32px 0px 5px 0px; }

		#search-form {float: right; background: url(images/search-bg.png) no-repeat; width: 191px; height: 33px; margin: 12px 3% 0px 0px;}
			input#searchinput { background:none; border: none; font-size: 12px; font-style: italic; color: #FFF; text-shadow: 1px 1px 1px #000; margin-top:0px; padding-left:13px; width:146px; float: left; position: relative; top: 5px; }
			input#searchsubmit { margin-top:10px; }

div.category {background-color: #af0404; display:block; position: absolute; top: 0px; right: 0px; padding: 8px 8px 3px 8px; }

h2.title a {font-size: 30px; color: #9a1d0d; text-decoration: none; text-transform: uppercase; }

.blogstyle-entries,#left-area { float: left; width: 67%; min-width:300px; }
#left-area { margin-right:15px; margin-left:0}

.post-content { background: url(images/entry-bottom-bg.png) repeat-x bottom left; padding: 0px 15px 30px; }

.info-panel { width: auto; float: left; margin-left: 10px; min-width:200px;}

.post-text { float: left; min-width:280px; max-width: 98%; width:auto; }
    .post-text h1.title, .blog-title a { padding-bottom: 4px; color: #af0404; font-size: 36px; text-transform: uppercase; }

#comment-wrap {
    margin-left:0;
}

#content-bottom-bg {
   background:none;
   border-bottom:none;
}

.info-panel .infopanelbox {
   max-width:280px;
   margin-right:20px;
   float:left;
   min-height:194px;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-wrapper {
  margin-top:10px;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Shrink logo to fit small browser windows */

@media all and (max-width: 480px) {
   #logo {
     width:300px;
     height:auto;
   }
   #sidebar {
     display:none;
   }
   #left-area {
     width:auto;
   }
   .big {
     width:226px;
     overflow:hidden;
   }
   .big .thumbnail {
     width:222px;
   }
   .entry {
     margin:0 100px 20px;
   }

}

@media all and (max-width: 320px) {
   #left-area {
     width:100%;
   }
   #container, #container2 {
     padding:0px;
   }
   #footer-wrapper {
     padding:10px;
   }
   .post-content {
     padding: 0px 10px 30px;
   }
   .info-panel .infopanelbox {
     clear:left;
     min-height:24px;
   }
   .entry {
     margin:0 35px 20px;
   }

}

@media all and (max-width: 800px) {

   #sidebar .widget, #tabbed-area li {
     overflow:hidden;
   }

}

.project-completion-icon {
  margin: 0px 10px 10px 0px;
}

ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em; background: #FFF; color: #000; font-weight: bold; text-decoration: none; }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #888; }
ul#portfolio-filter a.current{ background-color: #000; color: #CCC; }

ul#portfolio-list{  padding: 0; list-style: none; }
ul#portfolio-list li{ display: block; float:left; width:270px; height:131px;}
ul#portfolio-list li a{ display: block; width:260px;}

/* Syntax Highlighter MT plugin */
.syntaxhighlighter {
	padding: 14px 0px;
}