/*
Theme name: Vanpartiblecom
Description: Custom Theme
*/

/* WordPress Default styles */
@import url('wp-default.css');

* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 14px;
    line-height: 18px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    background: #000;
}

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }


.shell { width: 940px; margin: 0 auto; }

#header { height: 191px; position: relative; }
#logo a { background: url(images/logo.gif) no-repeat 0 0; width: 404px; height: 191px; position: absolute; top:0;left:0; }
.message { font-size: 15px; line-height: 16px; word-spacing:2px; padding: 163px 0 0 416px; }

#navigation { height: 31px; background: #a61000; margin: 0 0 34px 0; }
#navigation ul { list-style: none; padding: 0 0 0 11px; }
#navigation ul li { display: inline; padding: 0 20px 0 0; }
#navigation ul li a { font-size: 16px; line-height: 31px; color: #fff; text-transform: uppercase; word-spacing:-5px; }
#navigation ul li a:hover { text-decoration: none; }

#footer { height: 72px; background: #a61000; }
#footer p { font-size: 12px; line-height: 19px; text-align: right; padding: 30px 21px 0 0; }

/*home*/
.home-m {  }
.head { height: 391px; padding: 0 0 69px 0; }
.head .info { background: url(images/johnny.gif) no-repeat 0 0; width: 283px; position: relative; padding: 224px 0 0 0; margin: -11px 0 0 0; }
.head .info p { line-height: 19px; font-weight: bold; padding: 0 0 15px 5px; }
.head .info p.by { line-height: 15px; padding:0; }
.head video { width: 640px; }

.holder { padding: 0 0 81px 10px; }
.holder h2 { font-size: 16px; line-height: 16px; color: #ff8400; font-weight: normal; text-transform: uppercase; word-spacing: -5px }
.holder .box { width: 205px; }

.blog { padding: 0 160px 0 0; }
.blog ul { list-style: none; padding: 8px 0 0 0; }
.blog ul li { background: url(images/bullet.gif) no-repeat 1px 7px; padding: 0 0 6px 14px; }
.blog ul li a { color: #fff; }

.socials {  }
.socials ul { list-style: none; }
.socials ul li { display: inline; float: left; margin: 0 7px 0 0; }
.socials ul li a { background: url(images/socials.gif) no-repeat 0 0; float: left; width: 32px; height: 32px; }
.socials ul li a.flickr { background-position:0 -32px; }
.socials ul li a.in { background-position:0 -64px; }
.socials ul li a.twitter { background-position:0 -96px; }
.socials ul li a.rss { background-position:0 -128px; }
.socials p { padding: 0 0 6px 2px; }
.socials a { color: #fff; }
.socials .buttons { padding: 24px 0 24px 0; }

.buy { padding: 0 14px 0 0; }
.buy img { padding: 15px 0 0 44px; }

/*about*/
.bio { padding: 30px 0 0 0; }
.bio .image { font-size: 0; width: 320px; height: 441px; border: 6px solid #a61000; margin: 0 0 0 58px; }
.bio .text { width: 438px; padding: 3px 23px 0 0; }
.bio .text h2 { font-size: 30px; line-height: 30px; color: #ff8400; font-weight: normal; text-transform: uppercase; word-spacing: -7px; padding: 0 0 16px 0; }
.bio .text h2 span { color: #fff; }
.bio .text p { font-size: 16px; line-height: 21px; padding: 0 0 24px 2px; }
.bio .text p.first { border-bottom: 1px solid #a61000; padding: 0 0 22px 2px; margin: 0 0 24px 0; }
.bio .text p.last { padding: 0 0 0 2px; }
.bio .text hr { color: red; border: 0px; border-top: 1px solid #A61000; padding-bottom: 20px; }

.slider-holder { height: 105px; position: relative; padding: 0 100px 43px 100px; }
.slider-holder .prev, 
.slider-holder .next { background: url(images/slider-btns.gif) no-repeat 0 0; width: 34px; height: 30px; position: absolute; top:23px; }
.slider-holder .prev { left:1px; }
.slider-holder .next { background-position: 0 -30px; right:1px; }

.slider { text-align: center; margin: 62px 0 0 0; }
.slider .image { background: url(images/slider-bg.gif) no-repeat 0 0; width: 96px; height: 60px; padding: 0 0 7px 0; }
.slider .image img { padding: 3px 0 0 0; }
.slider a { font-size: 12px; line-height: 14px; color: #fff; }
.slider ul li { margin: 0 65px 0 0; }

/*portfolio*/
.portfolio-m { padding: 36px 0 0 0; }
.portfolio-m .sidebar { width: 283px; }
.main h2 { font-size: 30px; line-height: 30px; color: #ff8400; font-weight: normal; text-transform: uppercase; padding: 0 0 24px 0; }
.portfolio-m .content { width: 575px; }
.portfolio-m .item { position: relative; margin: 0 15px 14px 0; }
.portfolio-m .last { margin-right:0; }
.portfolio-m .bor { background: url(images/item-bor.gif) no-repeat 0 0; width: 132px; height: 131px; position: absolute; top:0;left:0; }
.details { background: url(images/details.png) no-repeat 0 0; width: 144px; height: 53px; position: absolute; display: none; z-index: 100; }
/*#tooltip { position: absolute; z-index: 3000; background: url(images/details.png) no-repeat 0 0; width: 144px; height: 53px; }*/

.sidebar-nav {  }
.sidebar-nav ul { list-style: none; }
.sidebar-nav ul li { border-bottom: 1px solid #b20000; padding: 5px 0 7px 0; }
.sidebar-nav ul li.last { border:0; }
.sidebar-nav ul li a { font-size: 24px; line-height: 25px; color: #fff; font-weight: bold; text-transform: uppercase; }
.sidebar-nav ul li a:hover { text-decoration: none; color: #999; }
.sidebar-nav ul li.active {  }
.sidebar-nav ul li.active a { color: #a61000; }
.sidebar-nav ul li.active .sub-nav ul li a { color: #b3b3b3; }
.sidebar-nav ul li.active .sub-nav ul li a:hover { color: #fff; }

.sidebar-nav ul li .sub-nav { border-top: 1px solid #b20000; padding: 5px 0 0 42px; margin: 7px 0 0 0; }
.sidebar-nav ul li .sub-nav ul {  }
.sidebar-nav ul li .sub-nav ul li { border:0; padding: 0 0 0 0; }
.sidebar-nav ul li .sub-nav ul li a { font-size: 15px; line-height: 19px; color: #fff; text-transform: none; }

.pager { padding: 12px 0 25px 0; }
.pager a,
.pager span { float: left; width: 33px; height: 30px; background: #ff8400; line-height: 30px; color: #000; text-align: center; margin: 0 11px 0 0; }
.pager a.last { margin:0; }

/*fun stuff*/
.fun-m { padding: 39px 0 0 0; }
.fun-m .content { width: 560px; padding: 0 17px 300px 0; }
.fun-m .content h3 { font-size: 24px; line-height: 24px; padding: 44px 0 17px 0; }
.fun-m .content p { padding: 0 0 18px 0; }
.fun-m .content p strong{ font-size: 16px; font-weight: bold; color: #ff8400;}
.fun-m .content p em{ color: #999;}

.fun-m .sidebar { width: 283px; }
.fun-m .sidebar p, 
.fun-m .sidebar .sub-nav a { font-size: 14px; line-height: 19px; color: #b0b0b0; font-weight: bold; text-transform: uppercase; }
.fun-m .sidebar .sub-nav a:hover { color: #fff; }
.fun-m .sidebar .sub-nav { padding: 12px 0 0 19px; }

/*blog*/
.blog-m { padding: 9px 0 0 0; }
.blog-m .content { width: 600px; }

.blog-m .post { border-bottom: 1px solid #9d0000; margin: 0 0 80px 0; }
.blog-m .entry { width: 441px; border-left: 1px solid #9d0000; padding: 0 0 31px 25px; position: relative; overflow: visible; }
.blog-m .entry h2 { font-size: 24px; line-height: 30px; color: #fff; text-transform: uppercase; word-spacing: -8px; padding: 0 0 24px 0; }
.blog-m .entry p { padding: 0 0 18px 0; }
.blog-m .entry .image { width: 433px; height: 136px; border: 4px solid #fff;  margin: 0 0 29px 0;}

.blog-m .date { width: 93px; text-align: center; padding: 0 0 0 40px; }
.blog-m .date p { font-size: 25px; line-height: 26px; text-transform: uppercase; padding: 0 0 28px 0; }
.blog-m .date p span { font-size: 37px; }
.blog-m .date a.comments { font-size: 25px; line-height: 26px; color: #fff; }
.blog-m .date a.comments:hover { text-decoration: none; }
.blog-m .date a.comments span { font-size: 14px; }
.blog-m .entry a.more { display: block; width: 113px; height: 30px; background: #ff8400; line-height: 30px; color: #000; text-align: center; text-transform: uppercase; position: absolute; left: -122px; bottom: 9px; }
.blog-m .date .bor { width: 40px; height: 1px; border-bottom: 1px solid #b20000; margin: 0 0 25px auto; }

.blog-m .sidebar { width: 200px; text-align: right; padding: 7px 65px 0 0; }
.blog-m .sidebar .widget { padding: 0 0 40px 0; }
.blog-m .sidebar h2 { font-size: 21px; line-height: 22px; color: #fff; font-weight: normal; text-transform: uppercase; }
.blog-m .sidebar ul { list-style: none; padding: 12px 2px 0 0; }
.blog-m .sidebar a { color: #fff; }

.blog-m .pager { padding: 5px 66px 96px 0; }

.commentlist {
	list-style-type: none;
	margin: 0px 0px 20px 0px !important;
}
.commentlist li {
	margin: 10px 0px;
	padding: 10px;
	border: 1px solid #9D0000;
}
.commentlist li p {
	padding: 0px !important;
}
.sidebar ul li#tag_cloud-4 a { 
	display: block;
	
}

.sidebar ul li#tag_cloud-4.widget_tag_cloud div{ 
	margin-top: 15px;
	
}