/*
------------------------------------------------------------------------
Stop stealing Wordpress Themes - your IP Address has been sent to your Internet Provider.


Theme Name:LoopV2
Theme URI:http://loopclothing.net
Description:Magazine style theme. 
Version:2.0
Author:Nuran Keshvon
Author URI:http://loopclothing.net
------------------------------------------------------------------------
*/
/*
-----------------------------------------
RESET
----------------------------------------- 
*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
fieldset, img a:hover{border:0;filter:alpha(opacity=30); -moz-opacity:1.0; opacity:0.75;}

address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
q:before, q:after{content:''}

strong{font-weight:bold}
em{font-style:italic}
a img{border:none}

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

/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
.aligncenter{display:block; margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}

/*
-----------------------------------------
STRUCTURE
----------------------------------------- 
*/
html, body{height:100%}

body{font-size:62.5%; font-family:"Helvetica Neue",Arial,sans-serif; color:#5b5b5b; margin:0 auto -80px; text-align:center;font-weight:bold;background:#dadada}

#page-wrap{width:960px; min-height:100%; height:auto !important; height:100%; margin:0 auto -80px; padding-left:0px; padding-right:0px; text-align:left;background:#ffffff}

.content{float:left;width:660px;padding:10px}

/*
-----------------------------------------
TYPOGRAPHY
----------------------------------------- 
*/
p{color:#222; font-size:11px;font-weight:normal; line-height:1.4; margin-top:1.5em; margin-bottom:1.5em; text-align:left;}

p a, p a:visited{  color:#5b5b5b;font-weight:bold; text-decoration:none;}

p a:hover{ color:#000000;font-weight:bold; text-decoration:none;}

h1, strong{font-size:1.4em; font-weight:bold}


h1 a{text-decoration:none; color:#474747;}

.post h2{text-transform:none; padding-bottom:0; border-bottom:0; margin-top:0; margin-bottom:0}

h4, h2{font-size:22px; color:#222;margin-left:2px; margin-top:5px; font-weight:bold;margin-bottom:5px;}

h3{ color:#222; font-size:22px; font-weight:bold; margin-top:10px; padding-bottom:2px}

h3 a{text-decoration:none; color:#222}

h5{ color:#5b5b5b; font-size:10px; margin-top:2px; padding-bottom:2px}

h5 a{text-decoration:none;font-weight:bold;color:#222}

h6{ color:#5b5b5b; font-size:11px; font-weight:normal;margin-top:5px; padding-bottom:5px}
h6 a{ color:#000000; font-size:11px; font-weight:bold;margin-top:5px; padding-bottom:5px;text-decoration:none;}

.post ul li, 
.post ol li{font-size:1.2em; list-style-type:square; margin:5px 0 5px 15px}

#reply{border-bottom:1px solid #ededed; color:#222; font-size:1.8em; margin-top:28px; margin-bottom:16px; padding-bottom:4px}

/*
-----------------------------------------
TOP
----------------------------------------- 
*/
#top{margin-top:20px; padding-bottom:20px}

h1.logo a{float:left; font-size:2.6em; font-weight:bold; color:#fff; text-transform:uppercase; text-decoration:none;padding-top:10px}


ul.nav {font-size:13px;overflow:hidden;padding:0;height:auto;position:absolute;top:15px;left:200px;}
ul.nav li {float:left;list-style:none;position:relative;font-size:13px;}
ul.nav li a {color:#fff;text-decoration:none;font-weight:bold;padding:7px 20px 12px 0px;display:block;}
ul.nav li a:hover {color:#df1957;text-decoration:none;}		
ul.nav li.active a {color:#888;text-decoration:none;}

/*
-----------------------------------------
FEATURED
----------------------------------------- 
*/
#feature{border-bottom:1px solid #ededed; padding-bottom:10px;}

.front-post{width:303px; margin-right:25px; float:left}

.front-post-last{width:303px; float:left}

.featured-content{position:relative; width:303px}

.featured-content p{margin-top:-30px}

.featured-post{position:relative; width:303px; height:231px; margin-bottom:1.2em}

.featured-title h2{margin:8px 10px 7px; line-height:1.4em; font-size:1.1em; text-transform:none; padding-bottom:0; border-bottom:0}

.featured-title h2 a{font-size:24px; padding:10px;display:block; color:#fff; text-decoration:none; border-bottom:0}

.featured-title h2 a:hover{color:#fff}

.featured-title{background:#000;display:block; z-index:101; width:960px; bottom:-99px; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; position:absolute; z-index:2}

.featured-image{position:absolute; z-index:1}

.featured-content h2{margin-top:15px}
.featured-content h2 a{color:#0b96d0; text-decoration:none}
.featured-content h2 a:hover{color:#000}

/*
-----------------------------------------
SIDEBAR
----------------------------------------- 
*/
#sidebar{background-color:#FFFFFF;border-left:1px solid #EDEDED;float:right;margin-top:2px;overflow:hidden;padding:5px;width:260px;}

#sidebar li a{display:block; margin-bottom:1px; padding:7px 8px; list-style:none; font-size:11px; list-style-type:none; text-decoration:none; color:#fff;background:#000;padding:4px 8px;-moz-border-radius:2px;-webkit-border-radius:2px;margin-right:5px;margin-top:1px;-moz-border-radius-bottomright:10px; }

#sidebar a{color:#e6e6e6; text-decoration:none}

#sidebar a:hover{color:#fff; background-color:#222}

#sidebar h2{font-size:11px;color:#222; text-align:left; margin-bottom:2px;}

/*
-----------------------------------------
LATEST
----------------------------------------- 
*/
#front-bottom{margin-top:36px}

#latest-wrap{float:left; width:660px;padding:10px}

.latest-post-wrap{float:left; width:215px; margin-right:4px}

.latest-post{position:relative; width:215px; height:118px}

.latest-image{position:absolute; z-index:1;}

.latest-image a:hover{position:absolute; z-index:1;filter:alpha(opacity=30); -moz-opacity:1.0; opacity:0.75;}

.latest-title h2{margin:8px 10px 7px; line-height:1.4em; font-size:1.2em; text-transform:none; padding-bottom:0; border-bottom:0;}

.latest-title h2 a{display:block; color:#000; text-decoration:none; font-size:14px;}

.latest-title h2 a:hover{color:#5b5b5b}

.latest-title{background:#fff; display:block; z-index:101; width:215px; bottom:-99px; position:absolute; z-index:2;margin-left:-10px;}

.latest-content{position:relative; width:200px; height:190px; margin-bottom:2px;overflow:hidden}

.latest-content h2{margin-top:15px}
.latest-content h2 a{color:#0b96d0; text-decoration:none}
.latest-content h2 a:hover{color:#000}

.latest-content p{color:#595959; font-size:1.1em; line-height:1.2; margin-top:5px; margin-bottom:.75em; text-align:left;font-weight:normal;}

/*
-----------------------------------------
FOOTER
----------------------------------------- 
*/
#push{height:80px}

#footer{padding:0px; border-top:1px solid #ededed; width:960px; margin:80px auto 0; height:40px; color:#4d4d4d;background:#fff}

#footer p{font-size:1.2em; color:#4d4d4d; line-height:1.5em; margin-bottom:0; margin-top:15px;}

#footer p a{ color:#5b5b5b; text-decoration:none}

#footer p a:hover{ color:#000000; text-decoration:none}

/*
-----------------------------------------
POSTMETA
----------------------------------------- 
*/
.postMeta{font-size:1.2em; margin-bottom:18px; margin-top:8px; padding-bottom:24px; border-bottom:1px solid #c9c9c9}

.postMeta-featured{margin-top:8px; font-size:1.2em; width:303px}

.postMeta-front{margin-top:103px; font-size:1.2em}

.postMeta-post{font-size:1.2em; margin-bottom:15px; border-bottom:1px solid #ededed; padding-bottom:5px}

.postMeta span.date, 
.postMeta-post span.date, 
.postMeta-featured span.date, 
.postMeta-front span.date{color:#8a8a8a; float:left}

.postMeta span.comments a, 
.postMeta span.date a, 
.postMeta-post span.comments a, 
.postMeta-post span.date a, 
.postMeta-featured span.comments a, 
.postMeta-featured span.date a, 
.postMeta-front span.comments a, 
.postMeta-front span.date a{float:left; color:#8a8a8a; text-decoration:none}

.postMeta span.comments, 
.postMeta-featured span.comments, 
.postMeta-post span.comments, 
.postMeta-front span.comments{float:right; background:#FFF url(images/comment.gif) no-repeat left center; padding-left:15px; margin-left:2px}

/*
-----------------------------------------
POSTS
----------------------------------------- 
*/
.post-category{color:#8a8a8a; float:left; margin-bottom:8px}

.post-tags {color:#4b4d4c;margin:0;width:625px;margin-top:-9px;}
	.post-tags a {font-size:10px;font-weight:bold;text-decoration:none;background:#000000;color:#fff;padding:4px 8px;-moz-border-radius:2px;-webkit-border-radius:2px;margin-right:5px;margin-top:5px;display:inline-block;}
	.post-tags a:hover {font-size:10px;background:#5b5b5b;}

.post-category p, 
.post-tags p{color:#8A8A8A; font-size:1em; line-height:1.5em; margin-bottom:0em; margin-top:0em; text-align:none}
.post img{margin:0px}
.post blockquote p{margin:0 2.6em; font-style:italic}

/*
-----------------------------------------
COMMENTS
----------------------------------------- 
*/
.comment-heading{margin-bottom:26px; text-transform:none; border:none}

.commentwrap{border-top:1px solid #ededed; padding-bottom:10px; padding-top:10px}

.commentpost{float:right; width:510px}

.commentpost p{margin-top:0}

.commentmetadata{float:left; width:20%; color:#2F2B23; line-height:1.5em; color:#999; font-size:1.1em}

.commentmetadata li{list-style-type:none;font-weight:normal; padding:.3em; margin:0 .5em 0 0}

.commentmetadata li a{border-bottom:1px solid #c9c9c9; color:#0B96D0; text-decoration:none}

.warning{padding:10px; background:#282828; border:1px solid #323232; ; margin-bottom:10px}

#comments label input{border:1px solid #E5E5E5; padding:5px 4px; margin-bottom:10px; width:160px}

#comments label span{line-height:27px}

#comments label{font-family:"Lucida Sans Unicode"; font-size:1.1em}

#comment_author{margin:20px 20px 20px 0px; padding:0px; width:150px; float:left}

#comments-content{display:block; border-bottom:1px solid #ededed; margin:10px 0px 10px 0px; padding:0px}

#comments textarea{margin-top:10px; padding:4px 0px; width:100%; border:1px solid #E5E5E5}

.button{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:25px; margin-top:10px; margin-bottom:10px; padding:0 8px; text-transform:uppercase}

.children {margin-left: 50px}

.children div {border:none}

.children .commentwrap {border-top: 1px solid #C9C9C9;}

.children .commentmetadata {padding-right:0px}

.children .commentpost {text-align:left; float:right; width:78%}


/*
-----------------------------------------
SEARCH
----------------------------------------- 
*/
#search-bar {position:absolute;top:18px;width:161px;right:20px;}

#searchform {display:block;}
#s {font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;padding:4px 7px;height:12px;width:120px;font-size:11px;border:0;outline:0;background:#ffffff;color:#000000;font-weight:bold;float:left;}
	#s:focus {background:#ffffff;}
#searchsubmit {font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;background:#ffffff;color:#000000;border:0;outline:0;font-weight:bold;padding:3px;font-size:10px;width:27px;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:4px;-webkit-border-top-right-radius:4px;position:absolute;top:0;right:0;height:20px;}
	#searchsubmit:hover {cursor:pointer;background:#ffffff;}

	#sform-404 {margin-top:10px;}
	#s-404 {float:left;width:300px;font-family:Arial,sans-serif;background-color:#000;border:0;padding:5px;color:#fff;margin-right:12px;-moz-border-radius-bottomleft:5px;-moz-border-radius-topleft:5px;}
	#submit-404 {cursor:pointer;float:right;margin-left:-37px;position:absolute;font-weight:bold;font-size:9px;border:none;background-color:#0298ff;color:#fff;font-family:Arial,sans-serif;padding:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topright:5px;}
	#submit-404:hover {cursor:pointer;background-color:#000;color:#fff;}

.firefox #searchsubmit {padding-top:2px;}
.webkit #searchsubmit {padding-top:3px;}
.webkit.mac #searchsubmit {padding:3px;}
.firefox.mac #searchsubmit {padding-top:3px;}

/* page navigation */

.navigation {font-size:10px;clear:both;margin:10px 0 0 0;padding-top:5px;}
	.navigation a {font-size:10px;font-weight:bold;text-decoration:none;background:#000000;color:#fff;padding:4px 8px;-moz-border-radius:2px;-webkit-border-radius:2px;margin-right:5px;margin-top:5px;display:inline-block;}
	.navigation a:hover {background-color:#333;color:#fff;font-size:10px;}

.navigation span {float:right;}

.nav-previous {float:right;}

/* google translation */
.googletrans {font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;background:#fff;color:#222;border:2px solid #ededed;font-weight:bold;font-size:11px;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:4px;-webkit-border-top-right-radius:4px;padding:6px}

.googletransbt {font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;background:#fff;color:#222;font-weight:normal;font-size:11px;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:4px;-webkit-border-top-right-radius:4px;float:right;}

/* black header */

#longbar {
background-color:#000000;
height:60px;
width:100%;}

#longbar p {
color:#707070;
float:right;
font-size:1em;
padding:0px;}

#inner {
margin:0 auto;
width:950px;
height:40px;
padding:10px;}

span.blue {
color:#5B5B5B;
float:right;
font-size:14px;}

#header {width:960px;margin:0 auto;background-color:#000;position:relative;display:block !important;z-index:1001;}

/* NAVIGATION */
.wp-pagenavi {
color:#000000;
display:block;
font-size:11px;
font-weight:bold;
margin-bottom:0;
margin-left:0;
margin-top:0;
padding:10px 0 40px;
text-align:left !important;
width:660px;
}

/* TOP BANNER IN POST */
.singlebanner {margin:0 auto;width:100%;}

/* AUTHOR INFO IN POST */
       #author-info {
	background: #ededed; padding: 10px; margin: 0 0 15px 0;color:#5b5b5b;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: auto;line-height:12px;
}
	#author-info #author-image {
		float: left; margin: 0 10px 5px 0; border: 5px solid #dedede;
	}

/* AUTHOR INFO SIDEBAR 2 */
.profilez {
border-bottom:6px solid #000;
color:#000000;
margin-bottom:15px;
padding-bottom:15px;
}
/* COMM_UNITY SWF SIDEBAR  */
#streetsnap {background: #000000 url(http://www.loopclothing.net/wp-content/streetsnaploop.swf') no-repeat bottom center;
width:100%;
}



/* SOCIAL ICONS ON HEADER */
ul#socialicons {position:absolute;top:13px;right:195px;}
ul#socialicons li {margin-left:3px;list-style:none;float:left;}
ul#socialicons li a {display:block;width:30px;height:30px;}
ul#socialicons li a.facebookicon {background:url(/images/facebook20.png) no-repeat scroll left 0;}
ul#socialicons li a.facebookicon:hover {background:url(/images/facebook20.png) no-repeat scroll left -30px;}
ul#socialicons li a.twittericon {background:url(/images/twitter20.png) no-repeat scroll left 0;}
ul#socialicons li a.twittericon:hover {background:url(/images/twitter20.png) no-repeat scroll left -30px;}
ul#socialicons li a.rssicon {background:url(/images/rss20.png) no-repeat scroll left 0;}
ul#socialicons li a.rssicon:hover {background:url(/images/rss20.png) no-repeat scroll left -30px;}
ul#socialicons li a.emailicon {background:url(/images/email20.png) no-repeat scroll left 0;}

/* Header Sliding Panel */

* {margin:0; padding:0; outline:0;}
.toppanel{ background-color:#000;border-bottom-style:solid;border-bottom-width:2px;display:none;height:100px;margin:auto;}
.toppanel {width:950px; margin:auto;}
.btn-slide:link, .btn-slide:visited{color:#fff; float:right; display:block;font-size:14px; text-transform:uppercase; font-weight:bold;height:26px; padding:3px 0 3px 0;line-height:22px;text-align:center;text-decoration:none;width:100px; background-color:#000; font-family:Arial;}
.loginform {width:950px; margin:auto; color:#999; font-family:Arial, Helvetica, sans-serif;}
.formdetails {color:#FFF; font-size:12px;padding:5px;}
.formdetails input{border:none; padding:2px 5px 2px 5px; background-color:#EFEFEF;}
.loginregister {color:#999; padding:5px;}
.loginregister a:link, .loginregister a:visited {color:#FFF; font-size:11px; text-decoration:underline;}
.loginform h2 {padding:10px 10px 10px 0; font-size:18px; font-weight:normal; text-transform:uppercase;}
.loginform ul li {display:inline;}
.loginform ul li a:link, .loginform ul li a:visited {color:#FFF; font-size:12px; text-decoration:underline;}