/*// Global Styles //*/

* {margin: 0; padding: 0;}
a {color:#c82054; text-decoration: none}
a:hover {color:#c82054; text-decoration: underline;}

form {margin: 0; padding: 0;}
html {margin-top: 0!important;}
html, body {background: #333333 url(http://www.stylevault.net/wp-content/themes/gallerystyle/images/header_bg.gif) repeat-x left top; margin: 0px; padding: 0px; text-align: center; color: #2D2B2B;margin-top: 0!important;}
body, tr, td {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2D2B2B;}

h3 {font-size:18px;}

/* Typography
---------------------------------------------------------------------------------------------------*/
h1 {
	font-size:20px;
	color:#62605F;
	font-weight: normal;
}

h1 strong em {
	font-weight: normal;
	font-style: normal;
}

h3#inner {
	font-size: 13px;
	color: #2D2B2B;
}

small {font-size: 11px;}


/* Network sites list
---------------------------------------------------------------------------------------------------*/
#button {
	height: 29px;
	width: 104px;
	float: right;
	margin: 0;
	position:relative;
}

#button ul, #button li {
	margin:0; 
	padding:0; 
	list-style:none;
}

.menu_class {
	border:0;
	cursor:pointer;
}

.the_menu {
	z-index: 2;
	display:none;
	width:280px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: #ccc;
	position:absolute;
}

.the_menu li {
	background-color: #272727;
}

.the_menu li a {
	color:#FFFFFF; 
	text-decoration:none; 
	padding:10px; 
	display:block;
	border-bottom: 1px solid #393939;
}

.the_menu li a:hover {
	padding:10px;
	background-color: #000;
}

/*// Main Content Structure //*/

#sitewrapper {width: 950px; text-align: left; vertical-align: middle; margin: 0px auto; padding: 0;}
* html div#sitewrapper {width:953px;}

#topbar {width:950px; height:30px; margin:0px auto; padding: 0;}
#topbar p {padding: 8px 3px 0 10px; font-size: 11px; color:#656461; text-align:right;}
#topbar a {color:#fff;}
#topbar a:hover {color:#c82054;}
#leftbin {width: 620px; position:relative; text-align: left; padding-top: 1px;}
#rightbin {float:right; width: 310px; text-align: left;}
#middlebin {position:relative; width: 592px; text-align: left;}

/*// Left side //*/

#logo {float:left; width:150px; height:70px; background: url(http://www.stylevault.net/wp-content/themes/gallerystyle/images/logo.gif) no-repeat left top; margin-right: 13px;}
.sidebox {width: 308px; border: 1px solid #3e3e3e; background-color: #222; margin: 12px 0 3px 0;}
.sidebox ul li h3 {background-color: #1f1f1f; border-bottom: 0px solid #3e3e3e; display:block; color: #646262; padding: 10px; font-size: 11px; text-transform: uppercase;}
.sidebox ul li ul {padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}
.sidebox ul li {list-style: none;}
.sidebox ul li ul li{
	float: none;
	margin: 0;
	width: auto;
	display: block;
	padding: 5px 9px 5px 24px;
	border: 0;
	border-top: 1px solid #2f2f2f;
	background: url(http://www.stylevault.net/wp-content/themes/gallerystyle/images/bullet.gif) no-repeat 10px 12px;
	line-height: 20px;
}

.sidebox ul li.selected {line-height: 15px; padding-left: 10px; background: url(http://www.stylevault.net/wp-content/themes/gallerystyle/images/sponsorbullet_blue.gif) no-repeat 0 50%;}
.sidebox a {color: #565656; text-decoration: none;}
.sidebox a:hover {color: #565656; text-decoration: underline;}
.sidebox p {padding: 10px 10px 10px 10px; font-size: 12px;}
.sidebox table {padding: 5px;}
.sideboxads {background: url(http://www.stylevault.net/wp-content/themes/gallerystyle/images/sidebox_bg.gif) no-repeat left top; width: 308px; border: 1px solid #bbbbbb; background-color: #fff; margin: 12px 0 3px 0;}
.sidebarbanners {
	margin-top:10px;
	padding:4px;
	background-color:#222;
	border:1px solid #3e3e3e;
}
.quotes {
	margin-left: 15px;
	font-style:italic;
	float: right;
	width: 240px;
	padding: 20px;
	color: #999999;
	text-align: left;
	border: 1px dotted #999999;
}
.quotes strong {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 19px;
}

.quotes a {
	color: #999999;
	text-decoration: underline;
}


/*// newsbox //*/

.newsbox {background: url(http://www.stylevault.net/wp-content/themes/gallerystyle/images/sidebox_bg.gif) no-repeat left top; width: 308px; border: 1px solid #bbbbbb; background-color: #fff; margin: 12px 0 3px 0;}

.newsbox h5 {width:308px; height: 23px; border-bottom: 0px dotted #e6e6e6; display:block; color: #646262; padding:11px 0 0 9px; font-size:12px; font-weight: bold;}

.newsbox h3 {
	background: #f4f4f4 url(http://www.stylevault.net/wp-content/themes/gallerystyle/images/arrow-square.gif) no-repeat right -47px;
	padding: 10px 10px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	border-top: solid 1px #e6e6e6;
	border-bottom: none;
	cursor: pointer;
}

.newsbox h3:hover {background-color: #e3e2e2;}
.newsbox h3.active {background-position: right 9px;}
.newsbox p {
	margin: 0;
	padding: 10px 10px 10px;
	display: none;
}

/*// Main Navigation //*/

#topnavigation {width: 785px; float:right; margin-top: 40px; display: block; text-align:right;}
.mainnav { width: 785px; padding: 0px; margin-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 30px; list-style-type: none; font-weight:bold;}
* html .mainnav {line-height: 20px;}
.mainnav li {display:inline; margin:0px; padding:0px 5px;}
.mainnav li a {text-decoration: none; padding: 10px 11px 16px 11px; color: #acacac;}
.mainnav li a:visited {color: #acacac;}
.mainnav li a:hover {color: #c82054;}
.mainnav li a:active {color: #c82054;}
.mainnav li.current-cat a {position: relative; color: #c82054; border: 1px solid #FFF; background: #fff url(http://www.stylevault.net/wp-content/themes/gallerystyle/images/main_nav_active.gif) repeat-x left top;}
.mainnav li.current-cat a span {color: #c82054; margin-top: 5px;}

/*// Sub-navigation and Search //*/

#subnavigation {width: 620px; height: 45px; margin-top: 5px; margin-bottom: 10px; text-align: left; font-size: 11px;}
* html div#subnavigation {margin-top:10px; margin-bottom: 6px;}
#subnavigation-form {float:right; width: 230px; margin-top: 5px; text-align: right;}
* html div#subnavigation-form {margin-top: 0px;}
#subnavigation ul {padding-top: 12px;}
* html div#subnavigation ul {padding-top: 6px;}
#subnavigation li {display:inline; margin:0; border-right: 1px solid #ebe9e1; border-left: 1px solid #fff;}
#subnavigation li a {text-decoration: none; color: #6b6969; padding: 3px 10px; margin-top: 15px;}
#subnavigation li a:hover {color: #c82054; text-decoration: underline;}
#subnavigation li img {padding: 0px 5px;}
#subnavigation form {margin: 0; padding: 0;}
.qbutton {font-size: 11px; font-weight: bold; color: #FFF; background: #312e2e url(http://www.stylevault.net/wp-content/themes/gallerystyle/images/searchbutton_bg.gif) repeat-x right top; border: 1px solid #DDDCD8; padding:4px;}
.qbutton:hover {font-size: 11px; font-weight: bold; color: #FFF; background: #b2214e url(http://www.stylevault.net/wp-content/themes/gallerystyle/images/searchbutton2_bg.gif) repeat-x right top; border: 1px solid #DDDCD8; padding:4px; cursor: pointer;}
.qsearch {margin-right: 5px; width: 140px; background: #fff url(http://www.stylevault.net/wp-content/themes/gallerystyle/images/searchform_bg.gif) repeat-x right top; line-height: 15px; border: 1px solid #a6a6a6; padding:5px; font-size: 12px; color:#797777;}

/*// index styles //*/

.squarespace {
	background: none repeat scroll 0 0 #222222;
	border: 1px solid #3E3E3E;
	padding: 10px 12px;
	margin: 0 0 5px 10px;
}
#randomimg {width:618px; border: 1px solid #bbbbbb; background-color: #fff; font-size:0px;}
#randomimg img {padding: 2px;}
#randomimg form {margin: 0px; padding: 2px;}

.tutlist {display:block; width: 615px; height: auto; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px;}
.thumbs { border: 1px solid #e6e6e6; float:left; padding: 5px; margin-right: 15px; font-size:0px; width:40px; height: 40px;}
.timg { width:40px; height: 40px;}
.con-description { width: 545px; margin-bottom: 15px; margin-left: 70px;}

/*// reusable styles //*/



.middlewhitebox {margin-top: 13px; width:618px; border: 1px solid #bbbbbb; background-color: #fff; padding:10px 15px; font-size:13px; line-height: 16px;}



.middlewhitebox tr td {color:#949292;}



.middlewhitebox h1, .middlewhitebox tr td h1 {font-size:20px; margin: 10px 0 15px 0;}



.middlewhitetopbox {margin-top: 0px; width:618px; border: 1px solid #e6e6e6; background-color: #fff; padding:10px 15px; font-size:12px;}



.middlewhitetopbox h1, .middlewhitetopbox tr td h1 {font-size:20px; margin: 5px 0 15px 0;}



.middlewhitebox h3 {margin:0; padding:0; color: #646262; font-size: 18px; line-height: 21px;}







#tnt_pagination {



	display:block;



	text-align:left;



	line-height:30px;



	clear:both;



	padding-top:3px;



}







#tnt_pagination a:link, #tnt_pagination a:visited{



	padding:7px;



	padding-top:2px;



	padding-bottom:2px;



	border:1px solid #EBEBEB;



	margin-left:5px;



	margin-bottom:5px;



	text-decoration:none;



	background-color:#F5F5F5;



	color:#0072bc;



	width:22px;



	font-weight:normal;



}







#tnt_pagination a:hover {



	background-color:#DDEEFF;



	border:1px solid #BBDDFF;



	color:#0072BC;	



}







#tnt_pagination .active_tnt_link {



	padding:7px;



	padding-top:2px;



	padding-bottom:2px;



	border:1px solid #BBDDFF;



	margin-left:5px;



	text-decoration:none;



	background-color:#DDEEFF;



	color:#0072BC;



	cursor:default;



}







#tnt_pagination .disabled_tnt_pagination {



	padding:7px;



	padding-top:2px;



	padding-bottom:2px;



	border:1px solid #EBEBEB;



	margin-left:5px;



	text-decoration:none;



	background-color:#F5F5F5;



	color:#D7D7D7;



	cursor:default;



}







.lists {padding-left: 20px;}



.lists li {padding-left: 5px;}







.formfield {font-size: 13px; color:#6E6E6E; padding: 3px; border: 1px solid #a6a6a6;}



.formfield:focus {border: 1px solid #312E2E;}



.formtext {color: #626060; font-weight: bold; line-height: 18px;}







.middledreambox {width:638px; border: 1px solid #e6e6e6; background-color: #fff; padding:5px; font-size:0px;}







/*// Footer styles //*/



#footer-border { clear:both; border-top: 1px solid #4e4e4e; background-color: #282828 ; margin: 15px 0px 0px 0px; padding: 15px 0px; width: 100%; text-align: center;}



#footer {width: 930px; text-align: left; color:#85827F; padding:15px 10px; margin:0 auto;}



#footerbin1 { width: 199px; height: 90px; float: left; border-right: 1px solid #4e4e4e; padding-right: 20px;}



#footerbin2 { width: 670px; height: 90px; float: left; border-right: 0px solid #4e4e4e; padding: 0px 0px 0px 20px;}



#footerbin3 { width: 279px; float: right; padding: 0px 0px 0px 20px;}



#footerbin3 li{ display:inline;}



#footerbin3 li ul li{ display:inline; padding-right: 10px;}



#footerbin4 { clear:both; margin-top:10px; width: 960px; padding: 10px 0px 5px 0px; text-align: center;}



* html div#footerbin2 { width: 480px; padding: 0px 10px 0px 20px;}



#footer p { font-family: Arial, Helvetica, sans-serif; font-size: 11px;}



#footer h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding-bottom: 10px;}



#footer a:link, #footer a:active, #footer a:visited { color: #85827F; text-decoration: none;}



#footer a:hover { color: #c82054; text-decoration: underline;}







.clear{margin: 0;padding: 0;clear: both;}



/* ===== main content area ===== */







.thumbnail{



	float: left;



	width: 300px;



	margin: 5px 0 6px 10px;



	background: #222222;



	display: inline;



	color: #fff;



}







.thumbnail .thumb-image{



	display: block;



	width: 280px;



	height: 125px;



	overflow: hidden;



}







.featured{



	width: 610px;



}







.featured .thumb-image{



	width: 590px;



	height: 280px;



	border: none;



}











.thumbnail:hover{



	position: relative;



}







.thumbnail .thumb-menu{



	display: none;



}







.thumbnail:hover .thumb-menu{



	display: block;



	position: absolute;



	top: 40px;



	left: 40px;



	z-index: 100;



	white-space: nowrap;



}







.thumb-menu ul{



	margin: 0;



	padding: 0;



	list-style-type: none;



	border: 1px solid #4e4e4e;



	background: #282828;



	color: #ccc;



}







.thumb-menu ul li{



	padding: 5px 9px;



	border-bottom: 1px solid #373737;



}







.thumb-menu ul li a{



	text-decoration: none;



	color: #fff;



}







.thumb-menu ul li a:hover{



	text-decoration: underline;



}







.border{



	border: 1px solid #3e3e3e;



	padding: 9px;



}







.post{



	border: 1px solid #3e3e3e;



	margin: 15px 0 0 10px;



	padding: 9px;



	background: #222222;



	color: #fff;



}







.post h2{



	font-size: 20px;



	font-weight: normal;



	line-height: 26px;



	margin-bottom: 10px;



}







.post h3{



	font-size: 18px;



	font-weight: normal;



	line-height: 22px;



	margin-bottom: 10px;



}











.entry{



	line-height: 20px;



}







.entry h2, .entry h3, .entry h4, .entry h5, .entry h6{



	padding: 10px 0 0;



}







.entry h2{



	font-size: 16px;



	font-weight: bold;



}







.entry h3{



	font-size: 14px;



}







.entry-meta, .post-ratings{



	padding: 9px 0 0;



}







.entry-meta{



	line-height: 20px;



}







.sidebox ul li.ads-125x125 .sidebar-block-captions{



	margin: 10px 0 0 10px;



}







.sidebox li{



	color: #ccc;



}















.sidebox ul li.ads-125x125{



	margin: 0;



	width: 310px;



	border: 0;



	background: transparent;



}







.sidebox ul li.ads-125x125 a.banner{



	float: left;



	margin: 10px 0 0 10px;



	width: 145px;



	height: 145px;



	overflow: hidden;



	display: inline;



}







.sidebox ul li.ads-125x125 img{



	padding: 3px;



	border: 1px solid #b3c396;



	background: #fff;



}







.form-label {



	margin: 10px 0;



}







.formfield {



	width: 450px; font-size: 12px; color:#6E6E6E; padding: 3px; border: 1px solid #ccc;}



.formfield:focus {



	border: 1px solid #312E2E;}



#commentform p {



	margin: 10px 0;



}







.commentlist li {



	display: block;



	border: 1px dotted #ccc;



	padding: 15px;
	margin-bottom: 10px;
	line-height: 18px;
}

.alt {background-color: #000;}

.navigation{
	float: left;
	width: 610px;
	margin: 10px 0 15px 10px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	display: inline;
	color: #fff;
}

.adtext{
	float: left;
	text-align: center;
	background: none repeat scroll 0 0 #222222;
	border: 1px solid #3E3E3E;
	padding: 10px;
	width: 590px;
	margin: 0px 0 5px 10px;
	font-size: 12px;
	font-weight: normal;
	display: inline;
	color: #fff;
}
.adtext a {color:#fff;text-decoration: underline;}

.navigation a, .wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi .extend{
	float: left;
	margin: 0 5px 0 0;
	padding: 10px;
	border: 1px solid #3e3e3e;
	text-decoration: none;
	background: #222;
	display: inline;
}
.navigation a:hover{text-decoration: underline;}