/*  
Theme Name: Socket
Version: 1.0
Description: Instructions on using Socket are located in the help.txt file (inside the Socket folder). Once Socket is activated, adjust all the theme options in the Socket menu.
Author: Outer Spice Web Company
Author URI: http://www.outerspiceweb.com
*/

/********************************************************************************
standard tags
********************************************************************************/
body {margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;}
a:link, a:visited, a:hover, a:active { text-decoration:none; }
h1, h2, h3, h4, h5, h6 {letter-spacing:-1px; margin:0px; font-weight:normal; padding:10px 0px; font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:3.2em;letter-spacing:-3px;}
h2 {font-size:2.9em;letter-spacing:-3px;}
h3 {font-size:2.5em;}
h4 {font-size:2.2em;}
h5 {font-size:1.8em;}
h6 {font-size:1.4em;}
form {padding:0px;margin:0px;}
img {border:none;}
p {padding:0px;margin:0px;padding-bottom:20px;}

/********************************************************************************
overall layout
********************************************************************************/
.inner-wrapper {
	width:960px;
	margin:0px auto;
}

/* header */
#header {
	height:100px;
	border-bottom:1px solid;
}
#header .inner-wrapper {
	height:100px;
}
#header .content {
	padding:25px 0px 10px 0px;
}
#logo {
	float:left;
}
#tagline{
	float:left;
	margin:30px 0px 0px 20px;
}
#search {
	float:right;
}

/* menu */
#menu {
	border-top:1px solid;
	border-bottom:1px solid;
}
#menu .inner-wrapper {
	height:60px;
}
#menu .content {
	
}
#menu ul {
	list-style-type:none;
	float:right;
	padding:0px;
	margin:0px;
	position:relative;
	z-index:10;
}
#menu ul li {
	float:left;
	padding:0px;
	margin:0px;	
	position:relative;
}
#menu ul li a {
	display:block;
	padding:25px 15px 14px 15px;
	text-align:center;
	font-weight:bold;
	font-size:1em;
}
#menu ul li a {
	height /*\**/:16px\9; /* IE8 menu hack - leave in tact! */
	*height:19px;
}
#menu ul li a:hover, #menu ul li.current_page_item a, #menu ul li.current_page_ancestor a, #menu ul li.current_page_parent a {
	padding-bottom:20px;
}
*:first-child+html #menu ul li a:hover, *:first-child+html #menu ul li.current_page_item a, *:first-child+html #menu ul li.current_page_ancestor a, *:first-child+html #menu ul li.current_page_parent a  { padding-bottom:17px; }
#menu ul li.current-cat a {
}
/*menu dropdowns*/
#menu ul li:hover a, #menu ul li.over a {
	padding-bottom:20px;
}
*:first-child+html #menu ul li:hover a, *:first-child+html #menu ul li.over a {
	padding-bottom:17px;
}
#menu ul li:hover ul, #menu ul li.over ul {
	display:block;
}
#menu ul li ul li.current_page_item a, #menu ul li ul li.current_page_ancestor a, #menu ul li ul li.current_page_parent a {
	text-align:left;
}
#menu ul li ul li.current_page_item a:hover {
	text-align:left;
}
#menu ul li ul {
	display:none;
	position:absolute;
	border:1px solid;
	border-top:0px;
}
#menu ul li ul li {
	float:none;
	padding:0px;
}
#menu ul li ul li a, #menu ul li:hover ul li a, #menu ul li.over ul li a {
	padding:16px 18px;
	display:block;
	width:12em;
	text-align:left;
	font-size:.9em;
	border-top:1px solid;
	border-bottom:1px solid;
	height:auto;
}
#menu ul li ul li a:hover {
	text-align:left;
}
#menu ul li li:hover ul, #menu ul li li.sfHover ul {
	border-top:1px solid;
	left: 13em;
	top: 0;
}
*:first-child+html #menu ul li ul li { display:inline; }

/* featured */
#featured {
}
#featured  .inner-wrapper {
	
}
#featured .content {
	padding:20px 0px 50px 0px;
}
#flashcontent {position: absolute;top: 120px;z-index:9;}
.flashclearer {height:350px;position:relative;}

/* morepanel */
#morepanel {
	padding-bottom:10px;
}
#morepanel .inner-wrapper {
}
#morepanel .content-wrapper {
	display:none;
}
#morepanel .content-inner {
	padding:20px 0px 30px 0px;
}
#morepanel .more-panel {
	width:225px;
	margin-right:20px;
	float:left;
}
#morepanel .more-panel.right-most {
	margin-right:0px;
}
#morepanel .more-panel .content {
	padding:5px;
}

/* main */
#main {
	border-top:1px solid;
	border-bottom:1px solid;
}
#main  .inner-wrapper {
}
#main .content, #main .sidebar {
	padding:40px 0px 0px 0px;
}
#main #morebutton {
	position:relative;
	right:0px;
	top:-21px;
	float:right;
}
#main .sidebar .widget-wrapper {
	margin-bottom:30px;
	border:1px solid;
}
#main .sidebar .widget {
	padding:20px 20px 30px 20px;
	line-height:1.5em;
}

/* footer */
#footer {
	border-top:1px solid;
}
#footer  .inner-wrapper {
	
}
#footer .content {
	padding:50px 0px 60px 0px;
	text-align:center;
	font-size:.75em;
}
#footer .left-panel {
	text-align:right;
	width:460px;
	float:left;
	margin-right:40px;
}
#footer .right-panel {
	text-align:left;
	width:460px;
	float:left;
}


/********************************************************************************
typography and style
********************************************************************************/

/********************************************************************************
header
********************************************************************************/
#tagline {
	font-weight:bold;
	letter-spacing:-1px;
}
#search input {
	font-style:italic;
	border:1px solid;
	padding:5px 7px;
	font-size:.9em;
	width:120px;
	height:17px;
	margin-bottom:10px;
}
#search .btn {
	width:28px;
	border:none;
	background:none;
	padding:1px 0px 0px 2px;
	height:27px;
}
*:first-child+html #search .btn { position:relative;top:1px; }

/********************************************************************************
top menu
********************************************************************************/



/********************************************************************************
featured area
********************************************************************************/
#featured ul#noslider, #featured ul#noslider li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}


/********************************************************************************
more panel
********************************************************************************/
#morepanel ul#breadcrumbs {
	list-style:none;
	margin:-15px 0px 20px 0px;
	padding:0px;
	font-size:.8em;
	position:relative;
	z-index:5;
	width:100%;
}
*:first-child+html #morepanel ul#breadcrumbs {
	margin-bottom:10px;
}
#morepanel ul#breadcrumbs li {
	float:left;
}
#morepanel ul#breadcrumbs li a {
	width:auto;
	display:inline;
}
#morepanel .more-panel {
	font-size:.8em;
}
#morepanel .more-panel .blog-multiple ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#morepanel .more-panel .blog-multiple a {
	float:left;
	padding:5px 10px;
}
#morepanel .more-panel .blog-multiple a.posttitle {
	padding-top:5px;
	width:120px;
}
#morepanel .more-panel .blog-multiple a.thumbnail {
	width:50px;
}
#morepanel h5 {
	padding-top:0px;
	margin-bottom:10px;
}
#morepanel h5.latestfromourblog {	
	padding-left:25px;
	background:url(images/blog_small.png) no-repeat 0px 0px;
}
#morepanel h5.latesttweets {
	padding-left:25px;
	background:url(images/social_twitter_bird_small.png) no-repeat 0px 0px;
}
#morepanel h5.flickrphotos {
	padding-left:25px;
	background:url(images/social_flickr_small.png) no-repeat 0px 0px;
}
#morepanel ul#recentcomments li {
	padding-bottom:10px;
	margin-bottom:10px;
}


/***************************************************
main
***************************************************/
#main .content {
	padding-top:40px;
	line-height:1.8em;
	font-size:.85em;
}
*:first-child+html #main h1.pagetitle {
	margin-bottom:20px;
}
#main .column {
	float: left;	
}
#main h1.error404 {
	padding-left:60px !important;
	background:url(images/error.png) no-repeat 0px 5px !important;
}
#main .content h2 {
	border-bottom:1px solid;
	letter-spacing:-2px;
	padding:0px 0px 15px 0px;
	margin:0px 0px 15px 0px;
	font-size:1.9em;
}
#main .portfolio-item h4 {
	margin-top:12px;
}
#main .portfolio-item .thumbnail img {
	margin-bottom:15px;
}
#main ul#portfolio-menu {
	list-style-type:none;
	margin:0px;
	padding:0px;
	border:1px solid;
	float:left;
	margin-bottom:50px;
	width:100%;
}
#main ul#portfolio-menu li {
	float:left;
	margin:0px;
	padding:0px;
}
#main ul#portfolio-menu li a {
	display:block;
	padding:5px 16px;
	font-size:.8em;
	text-transform:uppercase;
}
#main .sidebar {
	font-size:.85em;
}
#main #morebutton a {
	display:block;
	padding:3px 9px;
	border:1px solid;
	border-bottom:0px;
	font-size:.6em;
	cursor:pointer;	
}
#main .content img {
	border:1px solid;
	padding:7px;
}
#main .marketing-slider-wrapper {
	border:1px solid;
	padding:20px 30px;
	margin-bottom:40px;
}
#main #marketing-slider {
	margin:0px;
	padding:0px;
	text-align:left;
}
#main #marketing-slider div {
	padding-bottom:0px;
	width:900px;
}
#main #marketing-slider p {
	font-size:1.5em;
}
#main .lower-panel .content {
	padding:20px 30px;
	width:auto;
	margin-right:0px;
}
#main .lower-panel.right-most {
	margin-right:0px !important;
}
#main .lower-panel .blog-latest {
	font-weight:bold;
}
#main .lower-panel .blog-multiple ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#main .lower-panel .blog-multiple a {
	float:left;
	padding:5px 6px;
	font-weight:bold;
}
#main .lower-panel .blog-multiple a.posttitle {
	padding-top:8px;
}
#main .lower-panel.two-panels .blog-multiple a.posttitle {
	width:280px;
	font-size:1.4em;
}
#main .lower-panel.two-panels .blog-multiple a.thumbnail {
	width:62px;
}
.blog-multiple ul li {
	overflow:hidden;
}
#main .lower-panel.three-panels .blog-multiple a.posttitle {
	width:138px;
	line-height:1.3em;
}
#main h2.latestfromourblog {
	padding-left:40px !important;
	background:url(images/blog.png) no-repeat 0px 0px;
}
#main h2.latesttweets {
	padding-left:40px !important;
	background:url(images/social_twitter_bird.png) no-repeat 0px 0px;
}
#main h2.flickrphotos {
	padding-left:40px !important;
	background:url(images/social_flickr.png) no-repeat 0px 0px;
}

/***************************************************
blog
***************************************************/
.blog blockquote {
	text-indent:35px;
	background:url(images/quotes.png) no-repeat 15px 15px;
	border:1px solid;
	padding:20px;
	font-style:italic;
	font-size:1.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0px 0px 20px 0px;
}
.blog code {
	display:block;
	border:1px solid;
	border-left-width:12px;
	padding:20px;
	width:600px;
	font-size:1.2em;
	line-height:1.5em;
}
.blog .post-author {
	font-style:italic;
	margin-bottom:10px;
}
.blog .excerpt {
	padding:40px 0px;
	border-top:1px solid;
	border-bottom:1px solid;
}
*:first-child+html .blog .excerpt {
	width:100%;
}
.blog .post {
	padding-bottom:40px;
}
.blog .excerpt.no-top-border {
	border-top:0px;
}
.blog .excerpt.no-bottom-border {
	border-bottom:0px;
}
.blog .left-panel {
	float:left;
	width:176px;
	overflow:hidden;
	margin-right:40px;
}
.blog.search .left-panel {
	width:100px;
}
.blog.single .left-panel {
	margin-bottom:20px;
}
.blog .right-panel {
	float:left;
	width:434px;
	overflow:hidden;
}
.blog.search .right-panel {
	width:510px;
}
.blog .comments-wrapper {
	margin-left:15px;
	float:right;
	width:48px;
	height:48px;
	background:url(images/comments.png) no-repeat 0px 0px;	
}
.blog .comments {
	padding-top:10px;
	text-align:center;
}
.blog .comments a {
	font-size:1.4em;
	letter-spacing:-1px;
	font-weight:bold;
}
.blog .tags a {
	font-style:italic;
	font-size:.8em;
}
.blog .date {
	float:left;
	padding-right:15px;
	border-right:1px solid;
	margin-right:15px;
	font-size:.8em;
	text-transform:uppercase;
}
.blog .categories {
	float:left;
}
.blog .categories a {
	font-size:.8em;
	text-transform:uppercase;
}
.blog .read-more {
	font-size:.8em;
	text-transform:uppercase;
	float:right;
}
.blog #relatedposts {
	float:left;
	border:1px solid;
	margin:10px 0px 30px 0px;
}
.blog #relatedposts h6 {
	padding:0px;
	margin:10px 0px 0px 10px;
}
.blog #relatedposts ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.blog #relatedposts ul li {
}
*:first-child+html .blog #relatedposts ul li { width:100%; }
.blog #relatedposts a {
	float:left;
}
.blog #relatedposts a.thumbnail {
	width:40px;
	padding:10px;
}
.blog #relatedposts a.posttitle {
	width:577px;
	padding:10px 0px 10px 10px;
}
.blog #comments, .blog #respond h6 {
	padding-left:35px;
	background:url(images/comments_small.png) no-repeat 0px 6px;
}
.blog ol.commentlist {
	margin:20px 0px 20px 10px;
	padding:0px;	
	list-style-type:none;
}
.blog ol.commentlist img {
	border:none !important;
	background:none !important;
	padding:0px !important;
}
.blog ol.commentlist li {
	margin:20px 0px 0px 0px;
	padding:15px 15px 15px 15px;
	border:1px solid;
}
.blog ol.commentlist li ul {
	list-style:none;
	margin:0px 15px 0px 10px;
	padding:0px;	
}
.blog ol.commentlist .comment-author {
	font-size:2.0em;
	float:left;
	letter-spacing:-2px;
}
.blog ol.commentlist .comment-meta {
	font-size:.8em;
	text-transform:uppercase;
	float:right;
}
.blog ol.commentlist p {
	clear:both;
}
.blog #respond {
	margin:40px 0px 0px 0px;
	padding:15px;
	border:1px solid;
}
.blog #respond input, .blog #respond textarea {
	border:1px solid;
	padding:6px 5px;
	font-family:Arial, Helvetica, sans-serif;
	width:400px;
}
.blog #respond textarea {
	width:600px;
}
.blog .comment-nav {
	margin:0px;
	width:100%;
	text-align:center;
}
.blog .comment-nav .current {
	padding: 7px 14px; 
	margin: 2px;
	font-size:.9em;
	border:1px solid;
}
.blog .comment-nav a {
	padding: 7px 14px; 
	margin: 2px;
	font-size:.9em;
	border:1px solid;
}
.blog .comment-nav a.next {
	width:60px;
}
.blog .comment-nav a.prev {
	width:80px;
}

/*widgets*/
.widget table {
	margin:10px 0px 0px 0px;
}
.widget table#wp-calendar td {
	text-align:center;
	padding:5px;
}
.widget table#wp-calendar th {
}
.widget table#wp-calendar caption {
	margin-top:10px;
	color:#999;
}
.widget ul {
	list-style:none;
	margin:0px;
	padding:10px 0px 0px 10px;
}
.widget ul li {
	list-style:none;
	clear:both;
}
.widget ul li ul {
	padding:0px 0px 0px 15px !important;
}

/********************************************************************************
sidebars
********************************************************************************/


/********************************************************************************
footers
********************************************************************************/
#footer .left-panel ul {
	list-style-type:none;
	float:right;
	padding:0px;
	margin:0px;
}
#footer .left-panel ul li {
	float:left;
	padding:0px;
	margin:0px;
}
#footer .left-panel ul li a {
	display:block;
	padding:10px 6px;
	text-align:center;
}

/*contact page*/
#contact input, #contact textarea {
width:540px;
border:1px solid;
padding:12px 15px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:20px;
font-size:1.2em;
letter-spacing:0px;
}
#contact input#verify2 {
width:30px !important;
}
#contact input#submit2 {
width:100px;
float:left;
font-weight:bold;
text-align:center;
border:1px solid;
}
#contact textarea {
height:250px;
}
#contact_message {
	margin-top:200px;
text-align:center;
}
#contact img {
	border:0px !important;
	background:none !important;
}
#contact .error2 {
color:red;
}

/*quick contact form*/
#quickcontact input, #quickcontact textarea {
width:230px;
border:1px solid;
padding:8px 10px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:10px;
font-size:1em;
letter-spacing:0px;
}
#quickcontact textarea {
	overflow:auto;
}
#quickcontact input#verify {
width:20px !important;
}
#quickcontact input#submit {
width:100px;
float:left;
border:1px solid;
}
#quickcontact textarea {
height:60px;
}
#quickcontact_message {
text-align:left;
}
#quickcontact .error {
color:red;
}
*:first-child+html #verify_label, *:first-child+html #verify2_label { margin-right:5px;}
#quickcontact .lbl {
	width:80px;
	float:left;
	text-align:right;
	padding:5px 10px 0px 0px;
}
#quickcontact .txt {
	float:left;
	text-align:left;
}
h5#quickcontactform {	
	padding-left:40px;
	background:url(images/speech_bubble_grey.png) no-repeat 0px 0px;
}

/********************************************************************************
cu3er slider
********************************************************************************/
#cu3er-container {width:960px; outline:0;}

/********************************************************************************
flickr plugin
********************************************************************************/
.flickr-thumbs { margin: 0; padding: 0; overflow: hidden; }
.flickr-thumbs li { list-style: none; float: left; margin: 6px; padding: 4px; background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000; }
.flickr-thumbs li a { }
.flickr-thumbs li img { display: block; border:none !important; padding:0px !important; }
.flickr-thumbs li a img { border: none;}

/********************************************************************************
anythingSlider v1.0
*******************************************************************************
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

#anythingSlider                         { width: 960px; height: 350px; position: relative; margin-left:0px;  }
#anythingSlider .wrapper                { width: 960px; overflow: hidden; height: 350px; position: absolute; top: 0px; left: 0; margin:0px 0px 0px 0px; }
#anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: -40px;  margin: 0px; }
*:first-child+html #anythingSlider .wrapper ul { margin:0px 0px 0px 0px !important; }
#anythingSlider ul li                   { display: block; float: left; padding: 0; height: 350px; width: 960px; margin: 0; margin-left:0px; }
#anythingSlider .arrow                  { display: block; height: 39px; width: 40px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 150px; cursor: pointer; }
#anythingSlider .forward                { background-position: 0 -39px; right: 10px; }
#anythingSlider .back                   { background-position: -40px -39px; left: 10px; }
#anythingSlider .forward:hover          { background-position: 0 0; }
#anythingSlider .back:hover             { background-position: -40px 0; }
#anythingSlider #thumbNav               { display:none;}
#anythingSlider #start-stop             { display:none;}


#anythingSlider2                         { width: 960px; height: 360px; position: relative; margin-left:0px; margin-top:30px;  }
#anythingSlider2 .wrapper                { width: 960px; overflow: hidden; height: 360px; position: absolute; top: 0px; left: 0; margin:0px 0px 0px 0px; }
#anythingSlider2 .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: -40px;  margin: 0px; }
*:first-child+html #anythingSlider2 .wrapper ul { margin:0px 0px 0px 0px !important; }
#anythingSlider2 ul li                   { display: block; float: left; padding: 0; height: 360px; width: 960px; margin: 0; margin-left:0px; }
#anythingSlider2 .arrow                  { display: block; height: 39px; width: 40px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -60px; cursor: pointer; }
#anythingSlider2 .forward                { background-position: 0 -39px; right: 0px; }
#anythingSlider2 .back                   { background-position: -40px -39px; left: 0px; }
#anythingSlider2 .forward:hover          { background-position: 0 0; }
#anythingSlider2 .back:hover             { background-position: -40px 0; }
#anythingSlider2 #thumbNav               { display:none;}
#anythingSlider2 #start-stop             { display:none;}


/********************************************************************************
utility tags
********************************************************************************/
.clearer {clear:both;font-size:0px;line-height:0px;}
.clearer5 {clear:both;font-size:5px;line-height:5px;height:5px;}
.clearer10 {clear:both;font-size:10px;line-height:10px;height:10px;}
.clearer15 {clear:both;font-size:15px;line-height:15px;height:15px;}
.clearer20 {clear:both;font-size:20px;line-height:20px;height:20px;}
.floatleft {float:left;}
.floatright {float:right;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.center {text-align:center;}
.spacer5 {width:5px;float:left;}
.spacer10 {width:10px;float:left;}
.spacer15 {width:15px;float:left;}
.spacer20 {width:20px;float:left;}
.noborder {border:none !important;}
img.alignleft {
	float:left;
	margin:0px 15px 15px 0px;
}
img.alignright {
	float:right;
	margin:0px 0px 15px 15px;
}

/*
 * NEW STYLES - PAdrian - start
 */
.blog .date {
	display: none;
}
.blog .left-panel.full-width {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.blog .left-panel.full-width img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
/*Latest blog posts sidebar*/
#latest-blog-posts {
	margin-bottom: 30px;
	border: 1px solid;
	border-color: #DCE0E4;
	/*background: #F4F5F7 url(../images/marketingSlider_background_aluminum.jpg) repeat 0px 0px; Razvan*/
	background: #F4F5F7 url(images/marketingSlider_background_aluminum.jpg) repeat 0px 0px;
}
#latest-blog-posts .latestfromourblog {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	padding-left: 40px !important;
	background: url(images/blog.png) no-repeat 0px 0px;
}
#latest-blog-posts .blog-multiple {
	padding: 20px 20px 30px 20px;
	line-height: 1.5em;
}
#latest-blog-posts .blog-multiple ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#latest-blog-posts .blog-multiple a {
	float: left;
	padding: 5px 6px;
	font-weight: bold;
	color: #888;
}
#latest-blog-posts .blog-multiple a.posttitle {
	padding-top: 8px;
	width: 118px;
	line-height: 1.3em;
}
#latest-blog-posts img {
	border: 1px solid #CCC;
	padding: 7px;
	background-color: #F4F5F7;
}

.column .widget-wrapper {
	margin-bottom: 30px;
	border: 1px solid;
	border-color: #DCE0E4;
	/*background: #F4F5F7 url(../images/marketingSlider_background_aluminum.jpg) repeat 0px 0px; Razvan */
	background: #F4F5F7 url(images/marketingSlider_background_aluminum.jpg) repeat 0px 0px;
}
.column .widget {
	padding: 20px 20px 30px 20px;
	line-height: 1.5em;
}
.column .widget h4 {
	padding: 0 0 10px;
	line-height: 1.5em;
	font-size: 1.9em;
	border-bottom: 1px solid #DDD;
	margin: 0 0 10px;
}
.column .widget ul {
	padding-top: 0;
}
.column #latest-blog-posts .widget a.posttitle {
	width: 148px;
}
#menu .sub-menu .sf-sub-indicator {
	display: none;
}
/*
 * NEW STYLES - PAdrian - end
 */