/*
Theme Name: Amir Paiss
Description: Custom Built Wordpress Theme For Amir Paiss.
Version: 1.0
Author: Nitzan Karni
*/

/*---------------------------------------------------------------------------------

[Table of contents]

1. CSS Reset - This avoids many common cross-browser issues and is standard on all my work.

2. Initial Styling - General tags, the background, global attributes (overridden by following regions).
	2.1. Typography - These are the base style for all typography.
	
3. Header Region - Styles specific to header region, title, slug, top menu, etc.
	3.1 Main Site Navigation - The Styling for the Main Horizontal Site Navigation.

4. Content Region - Styles for content appearance, blockquotes, posts, pages, wp-caption, etc.
	4.1 - Common Elements - Basic Styles For Common Elements

5. Comments Region - Styles for comment thread, forms, etc.

6. Footer Region - Styles specific to the footer region.

7. Misc. & Plugins - Miscellaneous, override plugins, define last rule, fix anomalies, etc.

-----------------------------------------------------------------------------------*/

/*=== START SECTION 1 - CSS Reset ===*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0;} caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } img{ display:block; } a img{ border:none; outline:none; } .alignleft{ float:left } .alignright{ float:right; } .aligncenter{text-align:center; margin:0 auto;} .clear{ clear:both; }

/* Set this For The CSS3 Elements, Mainly So That Internet Destroyer Knows What To Do With Them. */
article, aside, footer, header, hgroup, nav, section { display: block; }

/*=== END SECTION 1 - CSS Reset ===*/

/*=== START SECTION 2 - Initial Styling ===*/
body{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:13px;
        background-color: #000;
        position:relative;
}

#wrapper{
	width:620px;
	margin:0 auto;
        background: url( images/top_logo.png ) 0px 100px no-repeat;
        padding-top:40px;
        position:relative;
}


article{
    margin-bottom:20px;
    padding-bottom:10px;
}

	/*=== START SECTION 2.1 - Typography ===*/
	
	h1, h1 a{
            font-size:30px;
            font-weight:bold;
            color: #a39161;
            margin:10px 0;
	}
        
        .home h1{
            text-align: center;
        }
	
	h2, h2 a{
            font-size:20px;
            font-weight:bold;
            margin-bottom:15px;
            color: #a39161;
	}
	
	h3, h3 a{
            font-size:16px;
            font-weight:bold;
            margin-bottom:5px;
            color: #a39161;
	}
	
	h4, h4 a, h5, h5 a, h6, h6 a{
            font-weight:bold;
            margin-bottom:10px;
            color: #a39161;
	}
	
	p, ul , ol{
            line-height:18px;
            color:#FFF;
            margin-bottom:10px;
	}
        
        a{
            color:#FFF;
            text-decoration: none;
        }
        
        a:hover{
            color:#ebebeb;
        }
	
	
	strong{
            font-weight:bold;
	}
	
	em{
            font-style:italic;
	}
	
	/*=== END SECTION 2.1 - Typography ===*/

/*=== END SECTION 2 - Initial Styling ===*/


/*=== START SECTION 3 - Header Region ===*/

#home_star{
    display:block;
    position:relative;
    height:600px;
    width:520px;
    margin:0 auto;
}

#home_star .star_item{
    background-image: url( images/main_star.png );
}

#star_see{
    height:152px;
    width:173px;
    position:absolute;
    top:0;
    left:173px;
    background-position:-175px 0px;
    z-index: 50;
}

#star_read{
    width:173px;
    height:150px;
    background-position:-348px -150px;
    position: absolute;
    top:150px;
    right:0;
    z-index: 50;
}

#star_connect{
    width:173px;
    height:152px;
    background-position:-348px -300px;
    position: absolute;
    top:300px;
    right:0;
    z-index: 50;
}

#star_listen{
    width:173px;
    height:150px;
    background-position:-175px -450px;
    position: absolute;
    bottom:0px;
    left:173px;
    z-index: 50;
}

#star_store{
    width:173px;
    height:152px;
    background-position:0px -300px;
    position: absolute;
    bottom:148px;
    left:0px;
    z-index: 50;
}

#star_explore{
    width:173px;
    height:150px;
    background-position:0px -150px;
    position: absolute;
    top:150px;
    left:0px;
    z-index: 50;
}

#star_gallery{
    padding:150px 0 0 86px;
    width:345px;
    height:300px;
    overflow:hidden;
}

/*.star_submenu_{
    position:relative;
}*/

.star_submenu_{
    position:absolute;
    top:0;
    right:-50px;
    z-index: 1000;
    overflow:hidden;
    width:102px;
}

#star_see .star_submenu_{
    right:36px;
    top:150px;
}

#star_connect .star_submenu_{
    top:150px;
}

#star_explore .star_submenu_{
    left:-50px;
}

.star_submenu{
    background: url( images/star_dropdown_bg.png ) 50% 0 repeat-y;
}


.star_submenu li{
    display:block;
    height:20px;
    line-height: 20px;
    text-align: center;
    width:100px;
    border-radius:3px;
    background-color: #a39161;
    margin-top:40px;
    border: 1px solid #000;
}

.star_submenu li a{
    display:block;
    color:#000;
    font-weight:bold;
    text-decoration: none;
}

.star_vertical_line{
    background-color: #a39161;
    position:absolute;
    top:0;
    right:0;
    width:1px;
}

#home_link{
    display:block;
    float:left;
    padding-left: 260px;
    margin-top:20px;
}

.full_link{
    width:100%;
    height:100%;
    display:block;
}

	/*=== START SECTION 3.1 Main Site Navigation ===*/
			
	nav.main_nav{
		display:block;
		margin-bottom:10px;
		height:20px;
                text-align: center;
	}
	
	nav.main_nav ul ul{
		position:absolute;
		top:20px;
		display:none;
                left:0;
	}
	
	nav.main_nav li{
		display:inline;
		position:relative;
		height:30px;
		line-height:30px;
                padding-bottom:10px;
                
	}
        
        nav.main_nav li:last-child a, nav.main_nav li li a{
            border-right:none;
        }
        	
	nav.main_nav li li{
		display:block;
		white-space:nowrap;
                text-align: left;
                padding-bottom:0;
	}
	
	nav.main_nav li:hover ul{
		display:block;
	}
	
	nav.main_nav li a{
		height:30px;
                line-height:30px;
		padding:0 10px;
                border-right:1px solid #a39161;
		overflow:hidden;
		margin:0;
                color:#a39161;
                text-decoration: none;
	}	
	

	/*=== END SECTION 3.1 Main Site Navigation ===*/

/*=== END SECTION 3 - Header Region ===*/


/*=== START SECTION 4 - Content Region ===*/

	/*== START SECTION 4.1 - Common Elements ====*/
	
	blockquote{
		padding:10px;
		font-style:italic;
	}
	
	.content ul{
		padding-left:20px;
		list-style:disc;
	}
	
	.content ol{
		padding-left:20px;
		list-style:decimal;
	}
	
	
	/*== END SECTION 4.1 - Common Elements ====*/

#page-section{
    min-height:300px;
}

aside{
		
}

nav.prev_next a{
	display:block;
	padding:5px 10px;
	margin-bottom:10px;
}

.blog-meta{
	margin-bottom:10px;
}

.widget{
	margin-bottom:20px;
}

.widgettitle{
	font-size:16px;
	font-weight:normal
}

.child_page_list{
    float:left;
    margin-top:5px
}

.child_page_list li{
    float:left;
    padding:0 10px;
    border-right:1px solid #FFF;
    line-height: 12px;
    margin-bottom:10px;
}

.child_page_list li:last-child{
    border-right:none;
}

#crumbs{
    margin-top:60px;
    margin-bottom:20px;
    float:right;
    color:#a39161;
}

#crumbs a{
    color:#a39161;
}

#crumbs a:hover{
  color:#c7b78a;
}

article img.alignright{
    margin:0 0 10px 10px;
}

article img.alignleft{
    margin:0 10px 10px 0;
}

/*=== END SECTION 4 - Content Region ===*/


/*=== START SECTION 5 - Comment Region ===*/

ul.commentlist li ul.children{
	margin-left:80px;
}

.comment-author img{
	float:left;
	padding:0 10px 10px 0;
}

li.comment div.comment-body{
	margin-bottom:30px;
}

li.comment p{
	margin:5px 0;
}

#respond label{
	float:left;
	width:80px;
	padding-right:10px;
	text-align:right;
	vertical-align:top;
}

#respond span.required{
	float:left;
	color:red;
	width:8px;
	margin-left:-8px;
}

#respond .comment-notes .required{
	float:none;
	margin-left:0;
}

.commentlist p{
	clear:both;
}

.commentlist .comment-body{
	padding:10px;
        background-color:#1f1f1f;
}
/*=== END SECTION 5 - Comment Region ===*/


/*=== START SECTION 6 - Footer Region ===*/
footer{
    font-size:11px;
    padding:20px 0 50px 0;
}

#social_links a{
    float:left;
    display: inline;
    padding-right:10px;
}

#social_links{
    padding-left:200px;
}

#footer_nav ul ul{
    display:none;
}

#footer_nav ul li{
    display:inline;
    border-right:1px solid #fff;
    padding:0 10px;
}

#footer_nav ul li:last-child{
    border-right:none;
}

#footer_nav ul li a{
    color:#FFF;
    text-decoration: none;
}
#footer_nav .menu{
    text-align: center;
}

/*=== END SECTION 6 - Footer Region ===*/


/*=== START SECTION 7 - Misc. & Plugins ===*/

/*Galleries*/
.gallery_panel .gallery-item{
    float:left;
    display:inline;
    margin-right:10px;
}

#gallery-script{
    width:545px;
    overflow:hidden;
    position:relative;
    height:105px;
}

#prev_btn{
    position:absolute;
    left:-28px;
    top:40px;
    height:24px;
    width:28px;
    background:url( images/arrow-left.jpg ) ;
    cursor:pointer;
}

#next_btn{
   position:absolute;
    right:-28px;
    top:40px;
    height:24px;
    width:28px;
    background:url( images/arrow-right.jpg ) ;
    cursor:pointer;
}

#prev_btn.disabled, #next_btn.disabled{
    visibility:hidden;
}

#galwrap{
    position:relative;
    width:545px;
}

.gallery-script_{
    width:9999px;
    position:absolute;
}

.gallery_panel{
    float:left;
}

#fancybox-content{
    width: 500px;
}
#fancybox-content div{
    overflow: hidden !important;
}
#store li{
    list-style: none;
    margin-bottom: 22px;
    margin-right: 30px;
    display: inline-block;
}
#store{
    margin: auto 0;
}
#post-list{
    margin-top: 40px;
}


/*=== END SECTION 7 - Misc. & Plugins ===*/