/*  
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: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;
	height:50px;
}
#footer  .inner-wrapper {
	
}
#footer .content {
	padding:10px 0px 10px 0px;

	font-size:.75em;
}
#footer .left-panel {
	text-align:left;
	width:460px;
	float:left;

}
#footer .right-panel {
	text-align:right;
	width:460px;
	float:right;
}


/********************************************************************************
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;
}



/*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;
}



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

/********************************************************************************
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;
}