/*

Theme Name: Techdesigns.co.uk 004

Theme URL: http://www.techdesigns.co.uk

Description: Clean theme with elements of grunge by <a href="http://www.techdesigns.co.uk" title="Website Design">Techdesigns.co.uk</a>.<br/><br/>Complete with a javascript facility to show and hide the categories/archives/links/meta content.<br/><br/>Valid XHTML strict and tested in IE, Firefox and Netscape.<br/><br/>Ideal for a personal blog. 

Version: v1.0

Author: Joey Robinson

Author URI: http://www.techdesigns.co.uk

Latest updated: 17th May 2007

*/



/* CSS for Body */


@font-face {
    font-family: 'CaslonVThinRoman';
    src: url('caslonvthin-roman-webfont.eot?') format('eot'),
         url('caslonvthin-roman-webfont.woff') format('woff'),
         url('caslonvthin-roman-webfont.ttf') format('truetype'),
         url('caslonvthin-roman-webfont.svg#webfont815syuOe') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CaslonVThinItalic';
    src: url('caslonvthin-italic-webfont.eot?') format('eot'),
         url('caslonvthin-italic-webfont.woff') format('woff'),
         url('caslonvthin-italic-webfont.ttf') format('truetype'),
         url('caslonvthin-italic-webfont.svg#webfontF8UpzdJC') format('svg');
    font-weight: normal;
    font-style: normal;

}


*{margin:0; padding:0;}

body{color:#303030;	font-size: 12px; font-family: Helvetica, Arial, Sans-Serif;}

#page{
	
 	background-color: #fff;
	min-height:660px;
	height:100%;
	text-align: left;
	margin: 0 auto;
	margin-right:70px;
	margin-left:70px;
	position:relative;	
}

#bg{background: url(img/main_bg.gif) top repeat-y; color:#303030; margin:0 auto; width:100%; }

#top{color:#303030; margin: auto; width:880px; height:184px; background: url(img/top.jpg) no-repeat;}

#wrap{h5 color:#303030; margin:0 auto; width:760px; }

#m1, #m2, #m3, #m4, #m5{display: none;}



/* CSS for Links */



a{background-color:inherit; color:#444444; font-weight: none; text-decoration:underline;}

a:hover{background-color:inherit; color:#333333; font-weight: none; text-decoration:underline;}



a img{border:0;}





/* CSS for Header */


#frontphoto{margin:0 0 10px;}

#header_title{color:#FF0099; font-size:15px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; padding-left:58px; padding-top:5px; letter-spacing:1px; text-transform:uppercase;  }

#header_title a{background-color:inherit; color:#000000; text-decoration:none;}

#header_title a:hover{background-color:inherit; color:#333333; text-decoration:none;}

#header_title2{ color:#333333; letter-spacing:1px; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-left:58px; padding-top:0px; text-transform:uppercase; }



/* CSS for Sidebars */

#leftside{clear:right; float:right; line-height:1.4em; margin:0 0 10px; width:145px;}

#extras{float:right; line-height:1.4em; margin:0 0 5px; width:145px;}

#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget{font-size:1em; margin:0 0 18px;}

#leftside li, #extras li{line-height:1.2em; list-style:none; margin:0 0 6px;}

#leftside ul ul, #extras ul ul{margin:6px 0 0 10px;}

#leftside ul ul li, #extras ul ul li{margin:0 0 4px;}

#leftside ul ul li a, #extras ul ul li a{font-weight:normal;}

#leftside ul.linklist, #extras ul.linklist{font-size:1em;}

#leftside ul.linklist ul, #extras ul.linklist ul{margin:0 0 18px;}

#leftside ul.linklist ul li a, #extras ul.linklist ul li a{font-weight:none;}

#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3{background-color:inherit; color:#333333; font-size:1.1em; margin:0 0 10px;}

#leftside label, #extras label{display:none;}



/* CSS for Main menu */

ul.page{list-style:none; margin:0 0 18px; width:144px;}

ul.page li{display:inline; line-height:1.4em; width:144px; text-transform:uppercase; font-weight:bold;}

ul.page li a{background-color:#f4f4f4; border:0px; color:#505050; float:left; font-weight:none; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:134px;}

ul.page li a:hover, ul.page li.current_page_item a{background-color:#ffffff; border:0px; color:#444444; text-decoration:none;}

ul.page ul{font-size:0.9em;margin:0 0 0 15px;padding:0 0 5px;width:129px;}

ul.page ul a{padding:3px 1px 3px 5px;width:119px;}

ul.page ul ul{width:117px;}

ul.page ul ul a{width:104px;}



/* CSS for Content */

#content{line-height:1.8em;margin:0px 173px 5px 5px;padding:0; letter-spacing:1px; }

#contentwide{line-height:1.6em;margin:0px 163px 5px 5px;padding:0;}

#content h2,#contentwide h2 {font-size:1.2em;margin:0 0 10px; color: #E80000; }

#content h3,#contentwide h3{font-size:1.2em;margin:0 0 10px; color: #000000;text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;}

#content img,#contentwide img{border:0px;float:right;margin:0px 0px 10px 10px;}

#content ul,#contentwide ul,#content ol,#contentwide ol{margin:0 0 16px 30px;}

#content li,#contentwide li{padding:0 0 0 5px;}

#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol{margin:0 0 0 16px;}



/* CSS for Footer */

#footer{background:#f4f4f4 url(img/base_bg.gif) top center repeat-y; border-top:0px;clear:both;color:#808080;font-size:0.9em;font-weight:normal;line-height:1.3em;margin:0 auto;padding:13px 0;text-align:center;width:100%; height: 80px;}

#footer p{margin:0;padding:0;}

#footer a{background-color:inherit;color:#808080;font-weight:normal;text-decoration:none;}

#footer a:hover{background-color:inherit;color:#505050;text-decoration:underline;}





/* CSS for Submenu */

#subpages {border-bottom:0px; border-left:0px; font-weight:none;line-height:1.3em;float:right;margin:0px 0px 8px 15px;padding:0 0 10px 10px;width:150px;}

#subpages h2{font-size:1.2em;font-weight:bold; margin:0 0 10px; padding-top: 5px; color:#FF0099;}

#subpages ul.submenu{font-size:1.2em; line-height:1.4em;list-style:none; margin:0;}

#subpages ul.submenu li{display:inline; line-height:1.4em; width:140px; padding:0; text-transform:uppercase; font-weight:bold;}

#subpages ul.submenu li a{font-size:0.9em; background-color:#f4f4f4; border:0px;color:#505050;float:left;margin-bottom:5px;margin-right: 6px;padding:3px 1px 3px 5px;text-decoration:none;width:140px;}

#subpages ul.submenu li ul{margin:0 0 5px 10px;width:120px;}

#subpages ul.submenu li ul li a{width:120px;}

#subpages ul.submenu li ul ul{margin:0 0 5px 10px;width:110px;}

#subpages ul.submenu li ul ul li a{width:110px;}

#subpages ul.submenu li ul ul ul{margin:0 0 5px 10px;width:100px;}

#subpages ul.submenu li ul ul ul li a{width:100px;}

#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a{background-color:#FF0099;border:0px;color:#FFFFFF;}

#subpages ul.submenu li.current_page_item ul li a{background-color:#f4f4f4;border:0px;color:#505050;}



/* CSS for Tags */

p,ul,ol{margin:0 0 16px;}

blockquote{border-left:4px solid #e0e0e0;margin:20px;padding:8px 8px 8px 15px;}

blockquote p{background-color:inherit;color:#505050;font-size:0.9em;line-height:1.3em;}

label{background-color:inherit;color:#333333;}

table#wp-calendar{margin:0 0 18px;width:140px;}



/* CSS for Forms */

#s,#submit{background-color:#ffffff;border:1px solid #cccccc;color:#505050;font-size:0.9em;margin:0 0 5px;padding:4px;width:130px;}

#searchsubmit{background-color:#ffffff;border:1px solid #cccccc;color:#505050;font-size:0.9em;margin:0 0 0px;padding:2px;width:50px;}

#author,#email,#url,#comment{border:1px solid #cccccc;font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:1em;margin:0;padding:4px;}

#commentsection{margin:25px 0 0;}

#commentsection p{margin:0 0 6px;}



/* CSS for Float fix */

.contenttext{overflow:hidden;}

* html .contenttext{height:1px;overflow:visible;}

* html .contenttext p{overflow:hidden;width:99%;}



/* CSS for Various classes */

.left{border:1px solid #cccccc;float:left;margin:10px 15px 10px 0;}

.right{border:1px solid #cccccc;float:right;margin:10px 0 5px 10px;}

.center{border:1px solid #aaaaaa;margin:5px auto 12px;text-align:center;}

.textright{text-align:right;}

.sub{width: 99%;}

.small{font-size:0.8em;}

.bold{font-weight:bold;}

.hide{display:none;}

.post{margin:0 0 25px;}

.divider{height: 25px; width:99%; background: url(img/divider.jpg) no-repeat; text-align:center;}

.postinfo{background-color:#ffffff;border:0px;color:#333333;font-size:0.9em;font-weight:bold;line-height:1.5em;margin:1px 0 20px;padding:0px;}

.comment{background-color:#ffffff;border:0px;color:#333333;margin:0 0 10px;padding:0px 0px 0 0px;}

.comment p.commenthead{line-height:1.6em;}

.comment p{font-size:0.9em;line-height:1.3em;margin:0 0 6px;padding-bottom:5px;}

.navigation{display:block;margin:10px 0;padding:0 0 15px;text-align:center;}

.navigation p{margin:0;padding:0;}

.prevlink{margin-right:20px;}

.nextlink{margin-left:20px;}


#navigation {
	clear: left;
	float:right;
	text-align:right;
	margin:0px;
	margin-top:-24px;
	padding:0px;
	width:319px;
	position:relative;
}

#navigation ul{
	text-align:right;
	list-style:none;
	margin:0px;
	padding:0px;
	position:relative;
}

#navigation li a{
	text-align:right;
	font-size:13px;
	margin:0px;
	padding:0px;
	text-decoration:none;
	float:left;
	margin-left:36px;
	display:inline;
	position:relative;
	color:#585555;
	background:#fff;
}

#navigation li ul{
	display:block;
	visibility:hidden;
	position: absolute;
	top:-42px;
	left:77px;
	background:#fff;
	
}

#navigation  li ul li {
	clear:both;
	position: relative;
	list-style-type: none;
	float:none;
	display:block;
	padding:0;
}

#navigation li a:hover{
	color:#ea0000;
}

#header{
	position:relative;
	margin-bottom:40px;
}




h2 a{
	color:#E80000;
	font-family: CaslonVThinRoman, Georgia;
	text-decoration:none;
	font-weight: normal;
	
}

h2{
	color:#E80000;
	font-family: CaslonVThinRoman, Georgia;
	text-decoration:none;
	font-weight: normal;
	
}

h2 a:hover{
	color:#333333;
	font-family: CaslonVThinRoman, Georgia;
	text-decoration:none;
	font-weight: normal;
	
}

#extras h2 a{
	color:#444444;
	
}