/*



Theme Name: Stripez



Theme URI: http://yoshz.com/



Description: Free Theme at <a href="http://yoshz.com/">www.Yoshz.com</a>



Version: 1.0



Author: Miziology



Author URI: http://yoshz.com/



Tags: Magazine Style



*/







/* General */



html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr,fieldset { border:0; border-collapse:separate; border-spacing:0; margin:0; padding:0; list-style:none; }



body {



background:url(images/bg.gif); background-position:top; background-attachment:fixed;



background-color:#000000;



font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,sans-serif;



font-size:12px;



text-align:center; color:#333;



}







#wrapper { width:950px; text-align:left; margin:auto; padding:0 10px; }



#wrap { background:url(images/wrapper.png) center; padding:10px 10px 10px 0; }







/* Img */



img.center { padding : 5px; display : block; margin-left : auto; margin-right : auto; }



img.left { float : left; padding-right : 10px; }



img.right { float : right; padding-left : 10px; }



img.ribbon{ z-index:1; position:absolute; }



img.title { padding-bottom:0; display : block; padding-right:20px; }



.clear { clear:both; }







/* Header */



#header .banner { height:150px; }



#header .banner .logo { float:left; padding-top:30px; width:350px; height:110px; }



#header .banner .adsbanner { float:right; margin-top:40px; margin-right:10px; padding:5px; border:1px dashed #545452; }



#header .navrss { margin-left:720px; padding:10px 5px; text-transform:uppercase; color:#121212; z-index:1; position:absolute; }



#header .navrss a { color:#121212; text-decoration:none; }



#header .navrss a:hover { color:#00008e; text-decoration:none; }



#header .navcat { background:url(images/nav-bg.gif) bottom repeat-x; background-color:#fbfbfb; border:1px solid #eee; overflow:hidden; }



#header .navcat li:hover { background-color:#f8f8f8; }



#header .navcat li { display:block; float:left; padding:10px; border-right:1px solid #eee; }



#header .navcat li a { color:#000000; text-decoration:none; font-size:12px; text-transform:uppercase; font-weight:bold; }







/* body */



#mainbody { width:585px; float:left; margin-left:25px; }



#mainbody .mainsearch { margin:0 0 10px 0; padding:10px; font-size:16px; font-weight:bold; color:#fff; background:url(images/wrapper.png) center; }



#mainbody .maincontent { margin-bottom:10px;}



#mainbody .content { margin-bottom:10px; margin-left:-15px; padding:5px; background:#f2f2f2}



#mainbody .content .submain { font-size:10px; color:#eee; margin:5px 0 10px 0;  padding:5px; background:#666666; text-transform:uppercase; }



#mainbody .content .submain a { color:#eee; text-decoration:none; }



#mainbody .mainleft { width:150px; padding:5px; float:left; background:#a1a1a1; border:1px solid #eee; }



#mainbody .mainright { width:400px; padding-left:10px; float:right; text-align:left; }



#mainbody .content h1 a, .mainright h1 a { font-family:Arial, Helvetica, sans-serif; font-size:22px; text-transform:uppercase; text-decoration:none; color:#666666; text-align:left; }



#mainbody .content h1 a, .mainright h1 a:hover { text-decoration:none; }



#mainbody .mainright .more { float:right; margin-top:15px; }



#mainbody .mainright p { margin-top:10px; }



#mainbody .sociable { margin-left:5px; margin-top:15px; }



#mainbody .sociable h5 { margin : 0 0 5px 0; color : #666666; font-size : 12px; }



#mainbody .sociable img { padding : 3px; }







/* Featured */



#featured {

width : 350px;

padding-right : 242px;

position : relative;

border : 5px solid #666;

height : 263px;

background : transparent;

margin : 10px -15px;

}

#featured ul.ui-tabs-nav {

position : absolute;

top : 0;

left : 345px;

list-style : none;

padding : 0;

margin : 0;

width : 247px;

}

#featured ul.ui-tabs-nav li {

padding : 0px 0;

padding-left : 5px;

}

#featured ul.ui-tabs-nav li img {

float : left;

margin : 2px 5px;

background : #fff;

padding : 1px;

border : 2px solid #eee;

}

#featured ul.ui-tabs-nav li span {

font-size : 11px;

line-height : 18px;

}

#featured li.ui-tabs-nav-item a {

display : block;

height : 65.5px;

color : #333;

background : #fff;

line-height : 20px;

text-decoration : none;

}

#featured li.ui-tabs-nav-item a:hover {

background : #f2f2f2;

text-decoration : none;

}

#featured ul.ui-tabs-nav li.ui-tabs-selected a {

background : #eee;

}

#featured .ui-tabs-panel {

width : 350px;

height : 250px;

background : transparent;

position : relative;

}

#featured .ui-tabs-hide {

display : none;

}





<style type="text/css" media="screen">

/* Begin Gallery Plus CSS */

.gallery {

	margin: auto;

}

.gallery-item {

	float: left;

	margin-top: 10px;

	text-align: center;

/*	width: {$itemwidth}%; */

}

.gallery img {

	border: 2px solid #cfcfcf;

}

.gallery-caption {

	margin-left: 0;

	}

/* End Gallery Plus CSS */

	</style>



/* Formating */



#mainbody .thecontent { text-align:justify; margin:15px 10px 10px 10px; }







#mainbody .thecontent a { color:#a95032; text-decoration:none; }



#mainbody .thecontent a:hover { color:#00008e; text-decoration:none; }



#mainbody .thecontent p { padding-top:10px; }



#mainbody .thecontent blockquote { color : #00008e; padding : 5px 10px 15px 30px; margin : 10px 0 20px 20px; background-image : url(images/blockquote.png); background-position : top left; background-repeat : no-repeat; }



#mainbody .thecontent h1 { color : #000; font-size : 22px; font-weight : 600; padding : 0 0 5px 0; }



#mainbody .thecontent h2 { color : #000; font-size : 20px; font-weight : 600; padding : 25px 0 5px 0; }



#mainbody .thecontent h3 { color : #000; font-size : 18px; font-weight : 600; padding : 25px 0 5px 0; }



#mainbody .thecontent h4 { color : #000; font-size : 16px; font-weight : 600; padding : 25px 0 5px 0; }



#mainbody .thecontent h5 { color : #000; font-size : 14px; font-weight : 600; padding : 25px 0 5px 0; }



#mainbody .thecontent h6 { color : #000; font-size : 12px; font-weight : 600; padding : 25px 0 5px 0; }







/* Pagination */



#mainbody .pagination { padding : 10px 0; margin : 15px 0px 15px 0px; }



#mainbody .pagination ul { text-align : left; font-size : 12px; }



#mainbody .pagination li { list-style : none; display : inline; }



#mainbody .pagination a { padding : 11px; margin-right : 4px; text-decoration : none; color : #fff; background-image : url(images/page-navii.png); background-repeat:no-repeat; background-position:center; }



#mainbody .pagination a:hover, .pagination a:active { color : #fff; }



#mainbody .pagination a.currentpage { color : #fff !important ; cursor : default; background-image : url(images/page-navii.png); background-position:center; background-repeat:no-repeat; }



#mainbody .pagination a.pages { color : #fff !important ; cursor : default; background-image : url(images/page-navi.png); background-position:center; }



#mainbody .pagination a.disablelink, .pagination a.disablelink:hover { cursor : default; color : #fff; font-weight : normal !important ; }







/* Comment */



#mainbody .comment { width : 580px; padding : 5px 10px 0 0; float : left; text-align : justify; margin-top:15px; }



#mainbody .comment .comvatar { width:70px; float:left; }



#mainbody .comment .comvatarchild { width:45px; float:left; }



#mainbody .comment .comvatarchild img, .comvatar img { padding:5px; background:#666666; }



#mainbody .comment .comtext { width:473px; float:left; background:#eee; padding:10px; margin:0; }



#mainbody .comment .comtextchild {  float:left; padding:0 10px; margin-left:0px; }



#mainbody .comment .comtextchild .author, .comtext .author { text-transform:uppercase; font-weight:bold; }



#mainbody .comment a { text-decoration : none; color : #666666; }



#mainbody .comment a:hover { text-decoration : none; color : #00008e; }



#mainbody .comment p { padding-top:5px; }



#mainbody .comment ol { list-style : none; margin : 0; }



#mainbody .comment li { padding : 0 10px 0px 5px; margin-bottom : 5px; list-style:none; }



#mainbody .comment ol img { float : left; margin-right : 10px; margin-bottom : 10px; }



#mainbody .comment .formc { width : 350px; color : #666666;  padding : 5px; margin : 5px 0 5px 0; background-image : url(images/commentbg.png); background-position : bottom; background-repeat:repeat-x }



#mainbody .comment .formc label { color : #666666; font-size : 12px; }



#mainbody .formc a { text-decoration : none; color : #333; }



#mainbody .formc a:hover { text-decoration : none; }



#mainbody .comment textarea { margin-bottom : 10px; border : 1px dashed #666666; width : 335px; padding : 5px; }



#mainbody .comment input { margin-bottom : 10px; border : 1px dashed #666666; width : 335px; padding : 5px; }



#mainbody .comment input.btn { margin-top : 10px; margin-bottom : 10px; background-image : url(images/submit.png); height : 40px; border : none; color : #fff; width : 150px; cursor : pointer; }







/* Sidebar */



#sidebar { width:310px; float:right; }



#sidebar .social { text-align:center; background:url(images/wrapper.png) center; padding:10px 0; margin-bottom:10px; }



#sidebar .sideads { text-align:center; }



#sidebar .sideads img { padding:5px; margin:3px; background:url(images/wrapper.png) center; }



#sidebar .sidewidget { background:url(images/wrapper.png) center; margin-bottom:10px; padding-bottom:10px; }



#sidebar .sidecontent { margin-bottom:10px; }



#sidebar .sidewidget .sidetitle { padding:10px; margin:10px 0 10px 0; background:url(images/nav-bg.gif) bottom repeat-x; background-color:#fbfbfb; border:1px solid #fff; }



#sidebar .sidecontent .sidetitle { padding:10px; margin:10px 0 0 0; background:url(images/nav-bg.gif) bottom repeat-x; background-color:#fbfbfb; border:1px solid #eee; }



#sidebar .sidewidget .sidetitle h1, .sidecontent .sidetitle h1{ color:#441317; font-size:11px; text-transform:uppercase; }



#sidebar .sidewidget li {  display: block; width: auto; color:#fff; margin:0 5px; padding:5px 0 5px 0; border-bottom:1px dashed #000;}



#sidebar .sidewidget a { color:#eee; text-decoration:none; }



#sidebar .sidewidget a:hover { color:#00008e; text-decoration:none; }



#sidebar .sidewidget .video { padding:5px;}



#sidebar .sidecontent .search { background : url(images/search.png) no-repeat; width : 310px; height : 42px; margin : 10px 0; }

#sidebar .sidecontent .mixes { background:url(images/nav-bg.gif) bottom repeat-x; width : 310px; height : 29px; background-color:#fbfbfb; border:1px solid #eee; overflow:hidden; }

#sidebar .sidecontent .search #s { float : left; border : 0; width : 238px; height : 32px; background : none; color : #fff; font-size : 20px; padding : 10px 8px 0 8px; }



#sidebar .sidecontent .search #go { float : left; width : 55px; height : 42px; }



#sidebar .footercenter .post { margin-top:15px; }



#sidebar .footercenter .post .toppic { width:65px; float:left; padding:4px 0; margin-left:5px; }



#sidebar .footercenter .post .toptitle { width:235px; float:left; padding:10px 0 5px 5px; text-transform:uppercase; }



#sidebar .footercenter .post .toptitle a { color:#FFFFFF; text-decoration:none; }



#sidebar .footercenter .post .toptitle a:hover { color:#FFFFFF; }







/* Tab */



#sidebar #topsidebar { width:310px; float:left; margin-top:10px; }



#sidebar .tabberlive .tabbertabhide { display:none; }



#sidebar .tabber { font-size:10px; }



#sidebar .tabberlive { margin-top:2px; }



#sidebar ul.tabbernav { margin:0; padding: 5px 0; text-align:center; }



#sidebar ul.tabbernav li { list-style: none; margin: 0; display: inline; }



#sidebar ul.tabbernav li a { padding: 10px 0.5em; margin-right: 3px; border-bottom: none; text-decoration: none; color: #441317; font-size:11px; font-weight:600; text-transform:uppercase; border:1px solid #eee; background:url(images/nav-bg.gif) bottom repeat-x; background-color:#fbfbfb; }



#sidebar ul.tabbernav li a:hover { color:#441317; background:#fbfbfb; }



#sidebar ul.tabbernav li.tabberactive a { background:url(images/nav-bg.gif) bottom repeat-x; background-color:#fbfbfb; color:#441317; }



#sidebar ul.tabbernav li.tabberactive a:hover{ color:#441317; background-color:#fbfbfb; }



#sidebar .tabberlive .tabbertab { padding:2px; border-top:0; margin-top:10px; margin-bottom:10px; font-size:11px; text-transform:capitalize; background:url(images/wrapper.png) center; }



#sidebar .tabberlive .tabbertab h2 { display:none; font-size:11px; }



#sidebar .tabberlive .tabbertab a { text-decoration:none; color:#eee; }



#sidebar .tabberlive .tabbertab a:hover { text-decoration:none; color:#00008e; }



#sidebar .tabbertab p { padding-bottom:10px; line-height:140%; }



#sidebar .tabbertab ul { padding:0; margin:0; }



#sidebar .tabbertab ul li { padding:5px 0 6px 0; list-style:none; }



#sidebar .tabbertab ul li { padding-left:5px; border-bottom:1px dashed #000; }







/* Footer */



#footer { color:#eee; background:url(images/wrapper.png) center; padding:10px; margin-left:10px; margin-bottom:10px; }



#footer .footerleft { width:300px; float:left; }



#footer .footerleft .mhcom { list-style : none; padding:15px 5px 5px 5px; color:#3f90ff; }



#footer .footerleft .mhcom a { color : #ffffff; text-decoration : none; }



#footer .footerleft .mhcom a:hover { color : #ffffff; text-decoration : none; }



#footer .footerleft .mhtext { margin-bottom : 10px; }



#footer .footerleft .mhcom img { float : left; padding-right : 0px; padding-bottom : 3px; margin-bottom : 5px; }



#footer .footerleft .mhauthor a { color : #3f90ff; }



#footer .footerleft .mhauthor a:hover { color : #3f90ff; }



#footer .footercenter { width:305px; float:left; margin-top:16px; margin-left:10px; }



#footer .footercenter .post { margin-top:0px; }

#footer .footercenter a { color:#ffffff; text-decoration:none; }

#footer .footercenter .post .toppic { width:285px; float:right; padding:0px 0; margin-left:15px; }


#footer .footercenter .post .toptitle { width:285px; float:left; padding:10px 0 5px 5px; text-transform:uppercase; }




#footer .footercenter .post .toptitle a { color:#FFFFFF; text-decoration:none; }



#footer .footercenter .post .toptitle a:hover { color:#FFFFFF; }

#footer .footerright a { color:#ffffff; text-decoration:none; }

#footer .footerright li a { color:#3f90ff; text-decoration:none; }


#footer .footerright li a:hover { color:#FFFFFF; }


#footer .footerright { width:295px; float:right; padding-left:0; margin-top:7px;}


#footer #twitter_update_list { margin-top:15px;}


#footer .footerright li { display: block; width: auto; padding:5px 0; border-bottom:1px solid #f9f7f8; }


#footer .footerright .sideads { text-align:center; }

#footer .sideads img { padding:0px; margin:10px; background:url(images/wrapper.png) center; }

#footcopy { text-align:center; padding:10px 10px 10px 15px; margin-left:10px; color:#00008e; }

#footcopy a { color:#333333; text-decoration:none; }

.fmenu {
	width:100%;
	height:20px;
	font-family:Georgia,Century gothic, Arial,Tahoma,sans-serif;
	}
.fmenu ul {
	list-style:none;
	margin:0px 0 0 0;
	padding:3px 5px 0 0;
	text-align:center;
	font-weight:normal;
	text-transform:uppercase;
	}
.fmenu li {
	display:inline;
	font-size:9px;
	padding:0 2px;
	}
.fmenu li a:link,.fmenu li a:visited{
	color:#222;
	text-decoration:none;
	}
.fmenu li a:hover  {
	color:#8D1D12;
	background:none;
	}