/*  
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 Options page in your Appearance 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;
}