/*  
Theme Name: Snapshot
Theme URI: http://www.woothemes.com
Description: Snapshot theme by WooThemes. Perfect for photographers and design galleries.
Version: 2.1
Author: WooThemes
Author URL: http://www.woothemes.com/
*/

h1, h2, h3, h4, h5, h6  {
	font-weight: bold;
}

a:link {
	text-decoration:none;
}


a:hover {
	text-decoration:none;
}

/* STRUCTURE */

#wrap {

}

#all {
	background-color: #FFF;
	text-align: left;
	margin:0px auto;
	width:1200px;
	}

#page {
	background-color: #FFF;
	text-align: left;
	margin:0px 0px;
	width:1200px;
	float:left;
	}

#masthead{
width:1200px;
height:90px;
background-color:#FFF;
border-bottom:10px solid #000;
}

#masthead .logo{
width:430px;
float:left;
margin:0px;
}

#masthead .description{
width:770px;
margin:0px;
float:left;
}

#masthead h1{
font-size:12px;
color:#999;
text-align:right;
padding:50px 5px 0 0;
background-color:#FFFFFF;
}

#menu{
background-color:#FFF;
height:30px;
font-size:14px;
text-align:center;
}

#menu ul{
color:#3399CC;
width:1200px;
margin:auto;
padding:0px;
bottom:0;
left:0;
list-style: none;
}

#menu li{
float:left;
list-style: none;

}

#header {
	background: #FFF;
	margin:0px 0 5px 0;
	}


#header h1.title  {
	display: none;
}

#header h1.title a  {
	text-decoration: none;
}

#header p.description  {
	display: none;
}

.rss {
    width:1190px;
	height:20px;
	text-align:right;
	float:left;
}

.rss li {
	margin:5px !important;
	list-style:none;
}

.rss a  {
	font-weight: bold;
	text-decoration: none;
	font-size: 0.9em;
	background: url(images/design/rss.gif) no-repeat center left;
	padding: 2px 0 2px 23px !important;
	color:#99CCFF;
}

.rss a:hover, .home_ad a:hover {
	text-decoration:none;
}

#nav  {
	height: 45px;
	color: #fff !important;
}

#nav ul  {
	padding: 0;
	line-height: 45px;
	height: 45px;
	margin: 0px;
}

#nav ul li  {
	display: inline;
	margin: 0 24px 0 0;
	_margin-right:23px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

#nav ul li h3 {
	color:#FFFFFF;
	font-size:14px;
}

#nav ul li a  {
	color: #fff;
	font-size: 1.1em;
	font-weight:bold;
	text-decoration: none;
	line-height: 45px;
	padding:3px;
	
}

#content  {
width:960px;
padding: 20px 10px;
float:left;
}

#content02  {
width:960px;
padding: 5px 10px;
float:left;
}

#content-single  {
width:940px;
padding:5px 20px 0px 20px;
float:left;
background-color:#FFF;
}

#content-single p {
padding:10px 5px;
width:470px;
line-height:150%;
color:#222;
font-size:12px;
}



/*	Begin index */

#index {
width:940px;
padding:5px 20px 0px 20px;
float:left;
background-color:#FFFFFF;
}

#index p{
font-size:1.0em;
line-height:150%;
}

#index .left{
width:440px;
float:left;
padding:5px 0px;
background-color:#FFF;

}

#index .right{
width:500px;
float:left;
padding:5px 0px;
}

#index .baraaa{
width:420px;
padding:0px;
background-color:#000;
float:left;
margin:10px 0 7px 0;
}

#index .baraaa2{
width:420px;
padding:0px;
background-color:#000;
float:left;
margin:10px 0 15px 0;
}

#index .snap-thumb{
margin:5px 0px;
float:left;
}

#index .snap-thumb-comment{
width:410px;
padding:5px;}

.update{
width:210px;
margin:15px 0px;
padding:0px;
float:left;
}

.update-comment{
width:260px;
margin:0px;
padding:0px 5px;
float:left;
text-align:left;
vertical-align:top;
}

#index .snap-dude{
margin:15px 0px 5px 0px;
padding:0px;
float:left;
}

.update-text{
font-size:12px;
color:444;
display:block;
line-height:150%;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;


}

a.update-link:link {
	text-decoration:none;
	color:#51A7FC;
	font-weight:bold;
	margin:0px;
}


a.update-link:hover {
	text-decoration:none;
	color:#444;
    font-weight:bold;
	margin:0px;

}

a.update-link:visited {
	text-decoration:none;
	color:#51A7FC;
    font-weight:bold;
	margin:0px;

}

.bar-update{
width:500px;
padding:0px;
background-color:#000;
margin:10px 0 10px 0;
}

.bar-update02{
width:500px;
padding:0px;
background-color:#000;
margin:50px 0 10px 0;
}



.space{
margin:0px  0px 20px 0;
padding:0px;
float:left;
}

.space02{
margin:0px  0px 15px 0;
padding:0px;
float:left;
}

.chic{
margin:0 2px 0 2px;
padding:2px;
float:left;
border:1px solid #DDD;
}

.chic02{
}

.barbbb{
width:500px;
padding:0px;
background-color:#000;
margin:10px 0 12px 0;
}

#index .shortbar{
width:270px;
padding:0px;
background-color:#000;
float:left;
margin:10px 0 10px 0;
}

#index .new{
width:130px;
padding:5px;
background: #E0E0E0;
float:left;
margin:0px 6px 0 0;
}

#index .comment{
width:180px;
padding:0px 5px;
float:left;
}

.arrow{
margin:0px 3px;
border:none;}

.arrowb{
margin:50px 2px 0px 0;
float:left;
}

.arrowf{
margin:50px 0 0px 2px;
float:left;
}
/* End index */

#footer {
width:1200px;
	border: none;
	}

#footer a{

color:#99ccff;
text-decoration:none;}

#footer-link {
width:1000px;
margin:10px 0px;
padding:10px 0px 10px 140px ;
background-color:#000;
font-size:13px;
}

#footer-link ul{
text-align:center;
list-style: none;
}

#footer-link li{
float:left;
list-style: none;
margin:-5px 15px 5px 15px;
color:#FFF;
vertical-align:middle;


}
/* tagline */

#tagline  {
	position: absolute;
	top: 45px;
	right: 20px;
	font-size:16px;
	font-weight:bold;
}

#tagline p {
	margin-bottom: 0px;
	padding:5px 10px 5px 10px;
}


/* BLOG CSS */

.post {
	width:940px;
	float:left;
	margin-bottom:10px;
}

.post-2gallery {
	width:420px;
	vertical-align:top;
	float:left;
	margin-bottom:10px;
}

.post-theme {
	width:235px;
	height:430px;
	float:left;
	margin-bottom:10px;
}

.post p {
	margin:0px 5px;
	line-height:150%;
}

.post p.categories {
	margin-bottom:15px;
}

.post p.categories span {
	padding: 5px;
	margin-top: 50px;
}

.post p.categories a  {
	font-weight: bold;
	text-decoration:none;
}

.post p.categories a:hover  {
	text-decoration:none;
}

.post_seperator  {
	margin-bottom:10px;
	height:1px;
	border-bottom:1px dotted #A6B3B9;
}

h2.title  {
	width:930px;
	background-color:#000;
	font-size:15px;
	margin-bottom:15px;
	padding:5px;
	color:#99CCFF;
}

h2.theme_title  {
	font-size:28px;
	margin-bottom:20px;
	line-height:28px;
	width:235px;
}

h2.title .date  {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	font-size:12px;
}

h2.pagetitle  {
	width:930px;
	background-color:#000;
	font-size:15px;
	margin:15px 0px;
	padding:5px;
	color:#99CCFF;
}

h2.dudetitle  {
	width:930px;
	background-color:#000;
	font-size:15px;
	margin-bottom:15px;
	margin-top:15px;
	margin-left:10px;
	padding:5px;
	color:#99CCFF;
}


h2.title a  {
	text-decoration: none;
}

.post p.comments a  {
	padding: 0 0 0 22px;
	font-weight: bold;
	text-decoration: none;
}

p.continue  {
	float: left;
	display: inline-block;
}

p.continue a  {
	font-weight: bold;
	text-decoration: none;
}

#sidebar{
width:200px;
margin-top:20px;
border-left:1px #CCC dotted;
float:left;
}


.side-in{
width:200px;
margin:0px;
float:left;
}

.widget {
	width:190px;
	padding:0px 0px 5px 0px;
	background-color:#FFFFFF;
}

#leftwidget  {
	width: 159px;
	padding-right: 10px;
	margin-right: 0;
}

.widgetlist  h3  {
	margin: 0;
	padding: 5px 0 5px 10px;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	border-bottom: 1px dotted #9cb9d7;
	color:#99CCFF;
}

.widgetlist ul  {
	margin: 5px 0px;
	width:190px;
	
}

.widgetlist ul li  {
	margin: 0;
	padding: 4px 10px 4px 10px;
	list-style: none;
	font-size: 12px;
	border-bottom: 1px dotted #9cb9d7;
	width:180px;
}

.widgetlist ul li a:link, .widgetlist ul li a:visited  {
	text-decoration: none;
}

.widgetlist ul li a:hover  {
	text-decoration: none;
}


/* STYLES */

.fix {
	clear: both;
}

.bordered  {
	border: 1px solid #000;
}

.floatleft  {
 float: left;
}

.floatright  {
	float: right;
}

.alignright  {
	text-align: right;
}

.alignr  {
	text-align: right;
}

blockquote {
	font-size:14px;
	margin-bottom:15px;
	color:#4F4F4F;
}

/* INDIVIDUAL THEME LISTING */

.theme h2 {
	font-size: 12px !important;
	margin: 0px !important;
	width:235px;
}

.large-screenshot {
	margin-bottom: 5px;
	border: 1px solid #dddddd;
	padding: 4px;
	width: 629px;
	height:419px;
}

.screen {
	margin-bottom: 10px;
	width: 235px;
	text-align:center;
	float:left;
}

.screenshot {
	margin-bottom: 10px;
	border: 1px solid #dddddd;
	padding: 4px;
	width: 200px;
	height: 300px;
	}

.screenimg {
	width: 100%;
	height: 100%;
	float:left;
	position: relative;
}

.screenimg span {
	position: absolute;
	font-size:11px;
	right: 0px;
	top: 7px;
	float:left;
}

.screenimg span a {
	padding: 8px;
	text-decoration: none;
	color: #fff;
}

.screenshot-2gallery {
	margin-bottom: 10px;
	border: 1px solid #dddddd;
	padding: 4px;
	width: 419px;
	height: 629px;
	}

.screenimg-2gallery {
	width: 100%;
	height: 100%;
	float:left;
	position: relative;
}

.theme .date {
width:235px;
font-size: 11px;
	
}

.theme p {
width:235px;
margin: 0px 0px 2px 2px !important;
}

.theme .tags {
width:225px;
padding:5px 5px 5px 0px;
}

.theme .tags a {
width:235px;
	font-size: 11px;
	text-decoration: none;
}

.theme .rating {
width:235px;
	font-size: 11px !important;
}

.post-ratings-text {
width:235px;
font-size: 11px !important;
}

.voting{
width:220px;
text-align:left;
font-size:9px;
}

#leftcontent{
width:940px;
float:left;}

.snappage {
	margin-bottom: 10px;
	width: 310px;
	height:400px;
	text-align:center;
	float:left;
}

.snappage h2{
color:#99CCFF;
font-size:15px;
font-weight:bold;
}

.snappage p{
color:#222;
font-size:12px;
text-align:left;
line-height:150%;
margin:0px 10px;
}


.snappage-screenshot {
	margin-bottom: 10px;
	border: 1px solid #dddddd;
	padding: 4px;
	width: 290px;
	height: 193px;
}

.dudepage {
	margin-bottom: 10px;
	width: 310px;
	height:310px;
	text-align:left;
	float:left;
	background-color:#FFF;
	
}


.screenshot-dude {
	margin-bottom: 10px;
	border: 1px solid #dddddd;
	padding: 4px;
	width: 290px;
	height: 193px;
	}



/* COMMENTS */

#comments {
	padding-top:10px;
	width:590px;
	float:left;
}

#comments h2  {
	margin: 5px;
	font-size: 14px !important;
	line-height: 150%;
	font-weight: normal !important;
}
.commentlist li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px;
	padding:5px;
}
.commentlist p {
	margin-bottom:0px;
}
.commentlist .gravatar {
	float:right;
	margin:0px 5px 5px 10px;
}

.gravatar {
	width:45px;
	height:45px;
	float:right;
	margin-left:10px;
	margin-right:5px;
	margin-bottom:10px;
}

.gravatar img {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #cccccc;
}

.commentlist cite {
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	margin-bottom:10px;
}
.commentlist cite a:hover {
	text-decoration: none !important;
}
.commentlist .metadata {
	color:#000 !important;
	text-decoration: none !important;
	font-weight: normal !important;
}	
.commentlist .metadata:hover {
	text-decoration: none !important;
}
#commentform input {
	padding: 5px;
	margin-right: 10px;
}

#commentform #submit {
	font-size:14px;
}

#commentform textarea {
	padding: 10px;
	width:560px;
	_width:540px;
}

.wp-pagenavi {
width:940px;
float:left;
margin:20px 0px;
padding-top:20px;
border-top: 1px solid #dddddd;
text-align:right;
}

#navigation {
    width:940px;
	display: block;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	color:#222;
	float:left;
	}
	
#navigation a{
	color:#222;
	font-size:9px;
	background-color:#DBF3FF;
	font-weight:bold;
	padding:2px;
	float:left;
	text-decoration:none;
	}

.alignright {
	float: right;
	background-color:#99CCFF;
	padding:2px;
	}

.alignleft {
	float: left;
    background-color:#99CCFF;
	padding:2px;

	}
	

#navigation02 {
    width:940px;
	display: block;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	color:#222;
	float:left;
	}
	
#navigation02 a{
	color:#222;
	font-size:9px;
	background-color:#DBF3FF;
	font-weight:bold;
	padding:2px;
	float:left;
	text-decoration:none;
	}
	
	.alignright02 {
	float: right;
	background-color:#99CCFF;
	padding:2px;
	margin-right:10px;
	}

.alignleft02 {
	float: left;
    background-color:#99CCFF;
	padding:2px;
	margin-left:10px;

	}
	
	
#show-new{
width:940px;
float:left;
margin:0 0 20px 10px;
}


.showpage {
	margin-bottom: 10px;
	width: 640px;
	height:420px;
	text-align:left;
	float:left;
	background-color:#FFF;
	
}

.screenshot-show {
	margin-bottom: 10px;
	border: 1px solid #dddddd;
	padding: 4px;
	width: 629px;
	height: 419px;
	}
	
.show-ex{
width:280px;
padding:0px 10px;
float:left;
}

p.show01{
font-size:13px;
color:#222;
line-height:150%;
}

p.show03{
font-size:16px;
color:#222;
line-height:150%;
}

h2.show02{
font-size:18px;
color:#222;
line-height:150%;
}

.showtitle  {
	width:930px;
	background-color:#000;
	font-size:15px;
	margin:0 0 15px 10px;
	padding:5px;
	color:#99CCFF;
	font-weight:bold;
}

.entry{
width:940px;
margin-left:10px;
}

.show-post-left{
width:500px;
padding:0px 10px;
float:left;
}

.show-post-right{
width:410px;
padding:0px;
float:left;
line-height:150%;
}

p.showname{
font-size:18px;
font-weight:bold;
color:#99CCFF;
}



#dropList {margin:0px; padding:0px; width:1200px; background:#FFF; position:relative; z-index:500;} 
#dropList ul#menu02 { margin:0; padding:0px; list-style:none; white-space:nowrap;} 
#dropList ul#menu02 li.level1-li {float:left; list-style:none; margin:0px; padding:0px;} 
#dropList ul#menu02 li.level1-li a.level1-a {display:block; float:left; padding:0;} 
#dropList ul#menu02 li.level1-li:hover, #dropList ul#menu02 li.level1-li a.level1-a:hover {position:relative;} 
#dropList ul#menu02 li div.listHolder {position:absolute; left:-9999px; top:35px; background-color:#000; padding:0; } /* IE6 only */ 
#dropList table { border-collapse:collapse; margin:-1px -10px; font-size:1em; width:0; height:0; } 
#dropList ul#menu02 :hover div.listHolder {left:0;} 
#dropList ul#menu02 a:hover div.listHolder {left:0px;} 
#dropList ul#menu02 div.col1 {width:238px;} 
#dropList ul#menu02 div.listHolder div.listCol {display:block; float:left; padding:10px; margin:0; width:220px;} 
#dropList ul#menu02 div.listHolder div.listCol h5 {color:#CCCCCC; padding:5px 0 0 0; margin:0; font-size:15px; line-height:13px;} 
#dropList ul#menu02 div.listHolder div.listCol ul {padding:5px 0 0 0; margin:0; list-style:none;} 
#dropList ul#menu02 div.listHolder div.listCol ul li {line-height:15px; padding:0; margin:0;} 
#dropList ul#menu02 div.listHolder div.listCol ul li a { font-size:15px; color:#99ccff; text-decoration:none; padding-left:10px; font-weight:bold;} 
#dropList ul#menu02 div.listHolder div.listCol ul li a:hover {color:#FFF; text-decoration:underline;} 


.bottom{
text-indent:-9999px;
}


.shop-top{
padding: 0px 10px; 
vertical-align: top;
width:270px;
}

.shop-top-h{
 color: #222; 
 font-size: 15px; 
 font-weight: bold;
 }
 
 .shop-top-name{
 color: #222; font-weight: bold;
 }
 
 .shop-top-category{
 color: #99ccff; font-weight: bold;
 }
 
 .shop-top-comment{
 line-height:150%;
 }
 
 .shop-bar{
 
 width: 930px; 
 background-color: #000000; 
 color: #99ccff; 
 font-size: 15px; 
 font-weight: bold; 
 padding: 5px; 
 margin: 15px 0pt;
 }
 
 .shop-info-left{
 vertical-align: top;
 width:305px;
 }
 
.shop-info-middle{
 padding: 5px; 
 vertical-align: top;
 width:305px;
 }
 
.shop-info-right{
 padding: 5px; 
 margin-left: 2px;
 vertical-align: top;
 width:305px;
 }
 
 .add{
 float:right;
 margin:0px 0 10px 0px;
 }
 
 .add02{
 float:right;
 margin:0px 10px 10px 0px;
 }
 
 .hot {
width:900px;
float:left;
margin:10px 0px;
}

.hot-left{
width:635px;
float:left;
margin:0px;
}

.hot-right{
width:265px;
float:right;
margin:0px;
font-size:12px;
}

#interview-container{
width: 950px; 
float: left;
margin:0px;
}

#interview-container img{
border:1px solid #EEEEEE;
padding:2px;
}

p.interview-title{
font-size:18px;
font-weight:bold;
color:#99CCFF;
}

p.reply{
color: #3399ff; 
font-weight: bold;
}

.interview-detail{
width: 950px; 
float: left; 
margin: 10px 0px;
}



.interview-images{
width: 419px; 
float: left; 
margin: 0px;
border:1px solid #DDDDDD;
padding:3px;
margin-right:10px;
}

.interview-images02{
width: 400px; 
float: left; 
margin: 0px;
border:1px solid #DDDDDD;
padding:3px;
margin-right:10px;
}

.interview-answer{
width: 490px;
padding:0 10px 0 0;
float: left; 
margin: 0px;
}