/*

Theme Name: ThemeGate

Theme URI: http://themes.photoshop-pack.com

Description: Technology Theme

Author: Photoshop-pack.com

Author URI: http://photoshop-pack.com/

*/



/************************************************

*	Global Reset and Generals 			*

************************************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, 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, li {

	list-style: none;

}

caption, th {

	text-align: left;

}

h1, h2, h3, h4, h5, h6 {

	font-size: 100%;

}

q:before, q:after {

	content: '';

}

strong {

	font-weight: bold;

}

em {

	font-style: italic;

}

* a {

	position: relative;

}

a img {

	border: none;

}

body {

	color: #202020;

	font: 12px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;

	background-color: #285359;

}

.strong {

	font-weight: 700;

}

.clearboth {

	clear: both;

}

.alignleft {

	float: left;

}

.alignright {

	float: right;

}

img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	padding: 4px;

	border: 1px solid #F2F1E9;

}

img.alignleft {

	margin: 5px 10px 2px 0;

	float: left;

}

img.alignright {

	margin: 5px 0 2px 10px;

	float: right;

}

img.alignleft, img.alignright {

	padding: 4px;

	padding-bottom:20px;

	display: inline;

}

/************************************************

*	HyperLinks       							*

************************************************/

a, a:visited {

	color: #333333;

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}

#wrapper {

	width:960px;

	margin:0 auto;

	border-right:2px solid #317781;

	border-left:2px solid #317781;

	background:#fff;

}

#header {

	width: 960px;

	margin: 0 auto;

	height: 89px;

	background:#1f3138;

	color:#ffffff;

}

#header #logo {

	width: 271px;

	float:left;

	color:#ffffff;

}

#right-header {

	float:left;

	width:689px;

	height:89px;

	color:#ffffff;

}

.banner {

	width:160px;

	height:auto;

	margin-top:25px;

	margin-left:525px;

	color:#ffffff;

}



.banner a{

color: #ffffff;

padding:30px 5px 0px 5px;

}

.banner a:visited{

color: #ffffff;

padding:30px 5px 0px 5px;

}





.content-box{

	background:#f6faea;

	width:666px;

	padding-top:10px;

	padding-left:14px;

	padding-bottom:20px;

	margin-bottom:20px;

	border-bottom:1px solid #ccc;

	line-height:1.7em;

	padding-right:10px;

}



.content-box img{

width:180px;

height:125px;

float:left;

margin:0 10px 0 0;

}



.content-box p{

padding:10px 0;

}



.content-box p a{

	text-decoration:underline;

}



.content-box a.more{

text-align:right;

}



.content-box a.more:hover{

text-decoration:underline;

}

.content-box ul{

	margin:0 0 0 20px;



}

.content-box ul li{

	list-style:circle;



}

.content-box ul li a{

padding-left:15px;

}

.img-border{

border:1px solid #ccc;

}



.price-box{

width:216px;

height:76px;

text-align:center;

padding-top:24px;

background:url(../images/price.png) no-repeat;

	font: normal bold 320%/100%  Arial, Helvetica, sans-serif;

	color:#FFFFFF;

}

.demo-box{

width:216px;

height:70px;

text-align:center;

padding-top:30px;

background:url(../images/demo.png) no-repeat;

	font: normal 250%/100%  Arial, Helvetica, sans-serif;

	color:#FFFFFF;

}

.purchase-box{

width:216px;

height:70px;

text-align:center;

padding-top:30px;

background:url(../images/purchase.png) no-repeat;

	font: normal 250%/100%  Arial, Helvetica, sans-serif;

	color:#FFFFFF;

}

.purchase-box a, .purchase-box a:visited,.demo-box a, .demo-box a:visited{

color:#fff;

}

.purchase-box a:hover{

color:#000;

}

.scrshots a{

display:block;

margin:1px;

float:left;

border:1px solid #ccc;

}

.scrshots a:hover{

border:1px solid #666;

}

.scrshots{

margin-top:5px;

clear:both;

padding:5px 0;

}

.featured {

	background:#f6faea;

	width:676px;

	padding-top:10px;

	padding-left:14px;

height:275px;

	margin-bottom:20px;



}

.temp-fb {

	width:145px;

	float:left;

	margin:10px;

}

.temp-details{

line-height:18px;

padding:3px 3px 5px 7px;

background:#fff;

}

.temp-details strong{

padding-right:6px;

color:#006666;

}

.price{

font-weight:bold;

color:#990000;

}

.purchase-link {

	background:#70bc42;

	padding:3px;

	text-align:center;

	color:#fff;

}

.purchase-link a {

	color:#fff;

	padding-left:3px;

	padding-right:3px;

	font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;

}

.purchase-link a:hover {

	text-decoration:underline;

}

h2.h2-title {

	background:url(../images/h2_bg.png) no-repeat;

	font:normal 18px Arial, Helvetica, sans-serif;

	padding-left:10px;

	padding-top:6px;

	color:#777;

	height:31px;

	margin-top:5px;

}

h2.h2-title a, h2.h2-title:visited {

	color:#777;

}



h2.h2-title a:hover{

	color:#9E8E4E;

}

#news li{

padding:10px 6px 5px 25px;

color:#777;

background:url(../images/document_text.png) no-repeat left 12px ;

}



#news li a{

color:#993300;

font:Verdana, Arial, Helvetica, sans-serif;

text-decoration:underline;

}

#news li a:hover{

color:#660000;



}

#news .news-date{

font-size:10px;

color:#333333;

}

#navbar {

	height:48px;

	background:url(../images/navbar_bg.gif) repeat-x;

	clear:both;



}

.shopcart-button{

display:block;

float:right;

padding:0;

margin:0;

width:177px;

height:32px;

padding-top:8px;

padding-right:10px;

}

.shopcart-button a{

	display: block;

	margin:0;

	padding: 0px;

}

.shopcart-button a:hover{

	display: block;

	margin:0;

	padding: 0px;

}

#navbar .navbar-right {

	width:280px;

	height:48px;

	background:#fff url(../images/navbar_right.png) no-repeat;

	float:right;

}

#navbar ul {

width:950px;

float:left;

	margin: 0px;

	padding: 0px;

	list-style: none;

}

#navbar ul li a, #nav a:visited {

	color: #fff;

	display: block;

	margin-top: 1px;

	padding: 15px 7px 14px 10px;

	font:14px verdana, Helvetica, sans-serif;

}

#navbar ul li a:hover {

	color: #eee;

	margin-top: 1px;

	padding: 15px 7px 14px 10px;

	text-decoration: none;

	background:url(../images/nav_bar_hover.gif) repeat-x;

}

#navbar li {

	float: left;

	margin: 0px;

	padding: 0px;

}

#content {

	width:690px;

	float:left;

	padding:15px 10px 30px 10px;

	text-align:justify;

}

#sidebar {

	width:220px;

	float:right;

	padding:15px 15px 30px 0px;

}

#sidebar .side-box{

margin:5px 0 20px 0;

}



#sidebar .side-box a{

text-decoration:none;

}



#sidebar .side-box a:hover{

text-decoration:underline;

}







#sidebar .side-box p{

	padding:9px 4px 5px 3px;

}

#sidebar h3 {

font-size:14px;

	padding:4px 4px 4px 7px;

	background: url(../images/h3_bg.jpg) no-repeat;

	margin:0;

	color:#555;

	

}

#sidebar ul li {

	padding:5px 4px 5px 5px;

	border-bottom:1px solid #e8e8e8;

	background:url(../images/arrow.png) no-repeat 3px center;

	margin-right:5px;

		margin-left:1px;

}

#sidebar h3.highlight{

font-size:16px;

	padding:5px 4px 4px 18px;

	background: url(../images/h3_shopcart_bg.png) no-repeat;

	margin:0;

	color:#555;

	text-transform:uppercase;

	text-decoration:none;

}

#sidebar h3.highlight a:hover{

color:#660000;

text-decoration:none;

}

#sidebar ul li a {

	display:block;

}

#sidebar ul li a:hover {

	color:#666;

	text-decoration:underline;

}





/************************************************

*	Comment          							*

************************************************/

#comments-block h3 {

	padding: 10px 5px;

	color:#777;

	font:normal bold 19px Arial, Helvetica, sans-serif;

	border-bottom:2px solid #fff;

}

ol.commentlist {

	margin: 0;

	padding: 0;

}

.commentlist li {

	list-style: none;

	margin-bottom: 14px;

	border: 1px solid #EEEEEE;

}

.commentlist cite {

	display: block;

	padding: 7px;

	font-style: normal;

	background: url(../images/comment_bg.png) repeat-x;

	border-bottom: 1px solid #CCCCCC;

	padding-bottom:9px;

	color: #777777;

}

cite.authorcomment {

	display: block;

	padding: 7px;

	font-style: normal;

	background: url(../images/comment_bg.png) repeat-x;

	border-bottom: 1px solid #CCCCCC;

		padding-bottom:9px;

	color: #777777;

}

.commentlist a:link, .commentlist a:visited {

	color: #006633;

}

.commentlist a:hover, .commentlist a:active {

	color: #009966;

}

.commentlist cite img {

	padding: 1px;

	border: 1px solid #AAB59A;

	float: left;

	position: relative;

	top: 0px;

	margin-right: 9px;

}

.commentlist .author {

	text-transform: capitalize;

	font: bold 1em arial, "Times New Roman", Times, serif;

	text-decoration: none;

}

.commenttext {

	background: #F9F9F9;

	border-top: 1px solid #FFFFFF;

	padding: 10px 20px 10px 20px;

	color: #333333;

}

#commentform {

	margin-top: 10px;

	margin-left: 7px;

}

#commentform label {

	font-weight: bold;

	color: #666666;

	font-size: 100%;

	padding-left: 5px;

}

#commentform input {

	font: 110% Arial, Verdana, Helvetica, sans-serif;

	width: 220px;

	padding: 5px 3px 3px 7px;

	border-top: 1px solid #E6E6E6;

	border-right: 1px solid #E2E2E2;

	border-bottom: 1px solid #E2E2E2;

	border-left: 1px solid #E6E6E6;

	background-color: #FFFFFF;

	margin: 4px 0;

}

#commentform textarea {

	font: 12px Arial, Verdana, tahoma, Helvetica, sans-serif;

	width: 440px;

	height: 140px;

	background: #FFFFFF;

	border: 1px solid #E6E6E6;

	padding: 5px 3px 3px 7px;

	margin-top: 3px;

}

#commentform #submit {

	font: 12px Arial, Verdana, tahoma, Helvetica, sans-serif;

	color: #666666;

	background-color: #EEEEEE;

	border: 1px solid #999999;

	width: 135px;

}

#comment-form {

	padding-left: 10px;

	background: #F9F9F9;

	border: 1px solid #F3F3F3;

}

#trackbacklist {

	padding-bottom: 15px;

	list-style-type: decimal;

}

#trackbacklist cite a {

	font-style: italic;

	color: #990033;

}

#trackbacklist p {

	line-height: 1.9em;

}

.commentmetadata {

	display: block;

	margin-top: 8px;

	text-align: right;

	font-size: 0.85em;

	background: none;

	text-transform: uppercase;

	padding: 0 3px;

}

.commentmetadata a, .commentmetadata a:visited {

	color: #999999;

	background: none;

}

.commentmetadata a:hover, .commentmetadata a:active {

	background: #CCCCCC;

}

#trackbacklist li {

	margin: 0 0 12px 25px;

	list-style-type: decimal;

}

#footer {

	clear:both;

	background:url(../images/footer_bg.png) repeat-x;

	height:20px;

	color:#fff;

	padding:10px 5px 20px 20px;

}

#footer a {

	color:#FFFFFF;

}

#message{

float:left;

width:95%;

height:auto;

}



.borError{

border:#FF0000 2px solid;

}



.normal{

color:#666666;

border:#333333 2px solid;

}



.name{

font-size:18px;

font-weight:bold;

color:#777;

}



.redColor{

color:#777;

}

.adtop{

margin:13px;

padding:10px;

float:right;

width:300px;

height:250px;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

background-color:#f6faea;



}



.adbottom1{

float:none;

text-align:center;

margin:10px 10px 10px 10px;

padding:0;

width:468px;

height:60px;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;



}



.adlong{

text-align:center;

margin:10px 10px 10px 10px;

padding:0;

width:160px;

height:600px;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

float:none;





}