/*
Theme Name: Deviltronics
Theme URI: http://www.deviltronics.com
Description: Design by <a href="mailto:gareth@pixelcraze.com" title="RGareth Davies">Gareth Davies</a>. 
Version: 1.0
Author: Gareth Davies
License: Do Not Distribute
*/

/* -------------------------------- */
/* Top Section						*/

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


body{
	padding:0px;
	margin:0px;
	font-family:Arial, sans-serif;
	font-size:11px;
	background:#333 url(http://www.deviltronics.com/resources/images/ui/bgBody.jpg) repeat-x;
}

#wrapper, #wrapper2 {
	width:945px;
	background:#900 url(http://www.deviltronics.com/resources/images/ui/bgWrapper.png) repeat-x;
	margin:45px auto 45px auto;
	z-index:10px;
	display:block;
}

/* -------------------------------- */
/* HEADER							*/

#header {
	width:100%;
	background:url(http://www.deviltronics.com/resources/images/ui/bgHeader.png) no-repeat;
	position:relative;
	top:-28px;
	text-align:center;
	margin-bottom:-28px;
}

#center .wrapper {
		padding:8px;
	}

#header .logo {
	position:absolute;
	left:10px;
	top:14px;
	text-indent:-9000px;
	background:url(/resources/images/logo.png) no-repeat;
	width:407px;
	height:110px;
	display:block;
}

#header .contact {
	position:absolute;
	top:8px;
	right:9px;
	width:382px;
	height:46px;
	text-align:right;
	overflow:hidden;
	background:url(http://www.deviltronics.com/resources/images/payment-methods.png) 0 20px no-repeat;
}

#header .contact a {
	display:block;
	float:right;
	width:153px;
	height:46px;
	padding-top:50px;
	background:url(http://www.deviltronics.com/resources/images/ui/bgHeaderContact.png) no-repeat;
}

#header .banner {
	position:absolute;
	top:58px;
	right:10px;
	display:block;
	width:480px;
	height:60px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}

#header del { 
	text-decoration:none;
	position:relative;
	top:124px;
	display:block;	
}

#header .menu {
	margin:0 auto;
	display:table; 
	width:925px;
}

#header .menu li {
	display:table-cell;
	line-height:30px;
	padding-right:15px;
	background:url(http://www.deviltronics.com/resources/images/ui/bgHeaderMenuLi.png) top right  no-repeat;
}

#header .menu li a {
	color:#FFF;
	width:auto;
	display:block;
	height:35px;
	padding:0px 6px;
	margin-right:-14px;
	text-decoration:none;
	font-size:12px;
	letter-spacing:0px;
	font-weight:bold;
	background:url(http://www.deviltronics.com/resources/images/ui/bgHeaderMenuA.png) top left  no-repeat;
}

#header .menu li a:hover { color:#FFCC00; }

#h1 {
	display:none;
}

#center {
		width:730px;
		background:#FFF url(http://www.deviltronics.com/resources/images/ui/bgCenter2.png) top left no-repeat;
		color:#333;
		position:relative;
		margin-left:20px;
		float:left;
		font-size:13px;
		margin-top:129px;
	}




img{
	border:0px;
}

a{
	color:#4c1209;
	text-decoration:none;
}


.sub{
	border:0px;
}

input, textarea{
	border:1px solid #cecece;
	font-size:12px
}

div#page{
	width:780px;
	text-align:left;
}

.pagetitle {color: #8a3132;} 

/*header*/

#logo {
	position: absolute;
	top: 0px;
	margin: 0;
	padding: 0;
	background: transparent url(images/title.png) no-repeat 0 0;
	width: 526px;
	height: 167px;
	overflow: hidden;
	line-height: 1000px;}

/* h1 - TITLE if you don't want to use an image*/


#h1 {display:none;
	position: absolute;
	top:56px;
	padding: 0 0 0 50px;
	font-size: 1.45em;
	color: white;}


#h1 h1 a {
text-decoration: none;
	color: #fff;
	letter-spacing: -1px;}

#h1 a:hover {text-decoration: none;
	color: #ffa63d;}


#rss2 {
	z-index: 2;
	position: absolute;
	top: 110px;
	width: 763px;
	text-align: right;}

#search {
	position: absolute;
	top: 15px;
	font: Trebuchet MS, Arial, sans-serif;
	width: 763px;
	text-align: right;}

#s {	color: #ffc784;
	width: 115px;
	font: Trebuchet MS, Arial, sans-serif;
	font-size:1.15em;
	background: transparent;
	border: 0px solid transparent;

}

/* Menu */


    #tabs1 {	z-index: 4;
	position: absolute;
	top: 117px;	padding: 0px 0px 0px 22px;
	float:left;
	background:transparent;
	font-size:14px;
	line-height:normal;
	font-weight:bold;
      }
    #tabs1 ul {
          margin:0;
          padding:0px 0px 0px 0px;
          list-style:none;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      }
    #tabs1 a{
	float:left;
	background: transparent url(images/menu.png) no-repeat right top;
	margin:0;
	color: white;
	padding:0px 12px 3px 10px;
	text-decoration:none;
      }

    #tabs1 a:hover {
	float:left;
	color: #ffa73d;
	margin:0;
	text-decoration:none;}

/*header text*/

div#header_text{
	width:100%;
	height:181px;
	background:url(images/header_text_bg.png) no-repeat top #FFFFFF;
}

div#header_text #header_text_title{
	padding-top:25px;
	padding-left:40px;
	color:#FFFFFF;
	text-align:left;
	font-size:23px;
}

div#header_text #header_text_text{
	padding-top:2px;
	padding-left:40px;
	color:#FFFFFF;
	text-align:left;
	font-size:10px;
	font-family:Arial, sans-serif;
	line-height:18px;
	width:55%;
}

/* blog*/

div#page #blog{
	background:#FFFFFF url(images/allbg.gif) repeat-y top left;
}


/* Sidebar */

#sidebar {
	float: left;
	width: 181px;
	margin-top:120px;
	margin-left:10px;
	text-align:left;
	
	}

#sidebar ul {
	background:#FFF;
}


.box {
	display:block;
	width:175px;
	background:cyan;
	margin-bottom:12px;
	padding-bottom:7px;
}

.box .body {
	padding:5px;
	position:relative;
	font-size:11px;
}

.box .head {
	display:block;
	height:35px;
	line-height:35px;
	text-align:center;
	width:100%;
	background:red;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	margin-bottom:-5px;
}

.box .imageBox img {
	margin:5px 0px;		
}

/*Plain White Box Style*/
	.b1 { 			background: url(http://www.deviltronics.com/resources/images/ui/bgBox1b.png) bottom no-repeat; }
	.b1 .head {		background: url(http://www.deviltronics.com/resources/images/ui/bgBoxTitle1b.png) bottom no-repeat;	}
	.b1 .body a { 	color:#900;}
	
	.b1 .body {
		min-height:50px;
		height:auto!important;
		height:50px;
		background:#FFF;
		color:#900;
	}


/* SLIDEBAR Box Style */

.calendar {
	text-align:center;
	color: #5d0a05;}

.calendar a:hover {
	background: #5d0a05;
	color: white;
}

.calendar td {
	height:15px;
	padding:  0px 3px 0px 3px
}

.calendar td a {
	padding:  0px 3px 0px 3px;
	background: #ffeccb;
	display:block;
	color:#5d0a05;
	text-decoration:none;
	line-height:15px;
}

#today {
	padding:  0px 3px 0px 3px;
	background: #5d0a05;
	font-weight: bold;
	color: white;}

.calendar td a:hover {
	display:block;
	color: white;
	background: #5d0a05;
	text-decoration:none;
}

.box ul {
        list-style: none;
	padding:0 0 0 10px;
	margin:0;}

.box a {
	color: #4c1209;
	border-bottom: 1px dotted white}

.box a:hover {
	color: #a7821d;
	border-bottom: 1px dotted #ffb24d}


.box li
{	background: none;
    display: block;
	line-height:1.40em;
	font-size:1.10em;
	padding: 1px 3px 1px 15px;
	font-weight: bold;
	color: #e89642;
	background:transparent url(images/mmenu.gif) no-repeat top left;
} 







/* Content */

#content {
		background:#FFFFFF url(images/allbg.gif) repeat-y top left;
	width: 730px;
	margin: 0 auto;
	padding: 0 35px 0px 15px;
	
}

blockquote {
	margin: 5px;
	padding: 0px 5px 5px 35px;
	background: transparent url(images/blockquote.gif) no-repeat ;
}

/* Content */

#main {
	float: left;
	width: 680px;
	margin: 0 auto;
	padding: 0 30px 0px 5px;
	text-align:left;
}



/* Sidebar */



.white
{color: white;}

/* Footer */

#legal {
	margin: 0;
	padding: 0;
	text-align: center;
}

#link {
	margin: 0;
	padding: 0;
	text-align: center;
}

#main a, #main a:hover, #main a:visited, 
{
color: #5d0a05;
text-decoration:none;
}

#main h2 a, #main h2{	
color: #990000!important;
font-size: 24px;
font-weight: bold;
padding-bottom: 2px;
margin-bottom: 3px;
		
	}

#main h3 {
color: #a30f0f;

font-size: 14px;

font-weight: bold;

margin-top: 5px;

margin-right: 0px;

margin-bottom: 5px;

margin-left: 0px;
}

#main h2:hover {
	text-decoration: none;
	color: #7a1301;
}
.post-author, .post-date, .post-comm, .post-time, .post-cath, .post-edit
{	font-size: 1em;
	text-decoration:none;
	color: #4c1209;	}
	
.post-comm {
margin-top:15px;
display:block;
}

.entry {text-algin: justify;
	font-size: 1.10em;
	color: #000000}

.post-author {
	padding: 0 0 3px 18px;
	background: url(images/p_author.gif) no-repeat 0 0;
	}
.post-date {
	margin: 0 0 0 10px;
	padding: 0 0 3px 23px;
	background: url(images/p_date.gif) no-repeat 0 0;
	}
.post-comm {
	padding: 0 0 3px 20px;
	background: url(images/p_commen.gif) no-repeat 0 0;
	}
.post-time {
	padding: 0 0 3px 18px;
	background: url(images/p_time.gif) no-repeat 0 0;
	}
.post-cath {
	padding: 0 0 3px 20px;;
	background: url(images/p_cat.gif) no-repeat 0 0;
}

.post-edit {
	padding: 0 0 3px 3px;
}

.post{margin:0 0 25px 0; padding-bottom:20px; border-bottom:3px dotted #990000;}

.post .info{
padding:2px 3px 3px 8px;
border:1px solid #ccc;
background-color:#f7f7f7;
font-size:0.9em;
color:#505050;
}

.facebook-like {
	width: 250px;
	height: 10px;
	margin: 18px 0 0;
	padding: 0;
}


/* Comments Styling */

.commtitle {
	color: white;
	margin-bottom: .5em;
	font-size: 1.3em;
	text-decoration:none;	font-weight:bold;
	font: Arial, Verdana, Sans-Serif;
	background: transparent url(images/commentstitle.gif)  no-repeat top ;
	padding: 7px 0px 5px 40px}


.leavecomm {
	color: white;
	margin-bottom: .5em;
	font-size: 1.5em;
	text-decoration:none;	font-weight:bold;
	font: Arial, Verdana, Sans-Serif;
	padding: 7px 0px 5px 7px;
	color:#CC0000;
	}

#comment {
margin-left:50px;
margin-bottom: 0em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
font: Arial, Verdana, Sans-Serif;
}

#commentlist li {margin-left:50px;
margin-bottom: 0em;
padding-bottom: 1em;
padding-top: 1em;
border-bottom: 1px solid #700000;
}

#commentform {margin-left:50px;
margin: 1em 0;
background: #ffffff;
width: 480px;
}

#commentform textarea {margin-left:50px;
background: white;
	border-top: 1px solid #feddb8;
	border-left: 1px solid #feddb8;
	border-bottom: 1px solid #bd7526;
	border-right: 1px solid #bd7526;
width: 480px;
}
#commentform textarea:hover {
	background: white;
	border-top: 1px solid #bd7526;
	border-left: 1px solid #bd7526;
	border-bottom: 1px solid #feddb8;
	border-right: 1px solid #feddb8;
}
#commentform textarea:focus {
background: white;
	border-top: 1px solid #bd7526;
	border-left: 1px solid #bd7526;
	border-bottom: 1px solid #feddb8;
	border-right: 1px solid #feddb8;
}

#commentform #email, #commentform #author, #commentform #url {
margin-left:50px;
font-size: 1.1em;
background: #fff;
	border-top: 1px solid #feddb8;
	border-left: 1px solid #feddb8;
	border-bottom: 1px solid #bd7526;
	border-right: 1px solid #bd7526;
width: 480px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: white;
	border-top: 1px solid #bd7526;
	border-left: 1px solid #bd7526;
	border-bottom: 1px solid #feddb8;
	border-right: 1px solid #feddb8;
width: 480px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: white;
	border-top: 1px solid #bd7526;
	border-left: 1px solid #bd7526;
	border-bottom: 1px solid #feddb8;
	border-right: 1px solid #feddb8;
width: 480px;
}
#commentform input{
margin-bottom: 3px;
}

.submit1{
	color: white;
	font-weight: bold;	margin-left:50px;
	width: 480px;
	cursor:hand;
	font-size:1.10em;
	background: #ac5e12;
	border-top: 1px solid #feddb8;
	border-left: 1px solid #feddb8;
	border-bottom: 1px solid #bd7526;
	border-right: 1px solid #bd7526;}

.submit1:hover, .submit1:focus{
	background: #c6782c;
	border-top: 1px solid #bd7526;
	border-left: 1px solid #bd7526;
	border-bottom: 1px solid #feddb8;
	border-right: 1px solid #feddb8;}


#commentlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#commentlist li {
	padding: 5px 25px 0 0;
	border-bottom: 1px solid #e19543;
	background: #fff5e9 url(images/comment-bg.gif) repeat-y 0 0;
	}
.alt {
	background-color: #fff !important;
	background-image: none !important;
	}

.comment-title,
.comment-meta,
.comment-text {
	margin: 0 0 0 80px;
	}

.comment-title,
.comment-title a,
.comment-title a:hover{
	color: #030612;
	}
.comment-meta,
.comment-meta a,
.comment-meta a:hover {
	color: #ac5f14;
	}
	

/* -------------------------------- */
	/* FOOTER							*/
		
	#footer {
		clear:both;
		height:95px;
		position:relative;
		top:0px;
		background:#000 url(http://www.deviltronics.com/resources/images/ui/bgFooter.png) bottom no-repeat;
		color:#FFFFFF;
		text-align:center;
		font-size:10px;
		padding-top:10px;
		z-index:10px;
	}
	
	#footer ul {
		clear:both;
		text-align:center;
	}
	
	#footer ul li {
		display:inline;
		margin-bottom:5px;
		color:#FFF;
		border-right:1px solid #FFF;
		font-size:8px;
	}
	
	#footer ul li:last-child {
		border-right:0px;
	}
	
	#footer ul li a {
		margin:0px 3px 0px 0px;
		color:#FFFFFF;
		font-size:10px;
		text-decoration:none;
	}
	
	#footer a {
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#footer a:hover {
		text-decoration:underline;
	}
	
	#footer .cardBar {
		text-align:left;
		color:#CCC;
		position:absolute;
		top:34px;
		left:50px;
		width:50%;
	}
	
	#footer .cardBar p {
		clear:both;
		line-height:10px;
	}
	
	#footer .logoBar {
		text-align:right;
		color:#CCC;
		position:absolute;
		top:34px;
		right:50px;
		width:50%;
	}
	
	#footer .logoBar p {
		clear:both;
		line-height:10px;
	}
	
	#footer .logoBar ul {
		text-align:right;
		
	}
	
	#footer .logoBar li {
		display:block;
		float:right;
		border:0px;
		margin:3px;
		margin-right:-1px
	}