/*
Theme Name: White Crane
Theme URI: http://wordpress.org/
Description: The original photography site theme for Rakesh Malik.
Version: 1.0
Author: Kristin Norris
Tags: 

Default WordPress by Kristin Norris || http://dezabulous.com
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/


/*=== General ===*/
html{}
body{width:100%; height:100%; background:#ffffff; font-family: 'Helvetica', arial, sans-serif;}
#container{width:850px; height:100%; margin: 0 auto}
.fr{float:right}
.fl{float:left}


/*=== Typography ===*/
h1{font: 65px 'Helvetica', arial, sans-serif; color:#333; font-weight:bold}

h1 a{color:#333}

h1 a:hover{text-decoration:none}

h2{font: 22px normal 'Helvetica', arial, sans-serif; color:#333}

h3{font: 46px 'Helvetica', arial, sans-serif; font-weight:normal; color:#345f6a; letter-spacing:1px; margin:0}

h4{font: 14px 'Helvetica', arial, sans-serif; font-weight:normal; color:#6cc5db; margin:0; letter-spacing:0.5px;}

h5{font: 24px 'Helvetica', arial, sans-serif; font-weight:normal; color:#666; margin:30px 0 5px 0;}

p{font: 13px/15px 'Helvetica', arial, sans-serif; color:#333; margin:0 0 10px 0;}

a{color:#bbb; text-decoration:none}

a:hover{text-decoration:underline}

blockquote p{font-size:20px;}

ol{font-size:13px}

small{font-size: 10px; color:#666;}


/*=== Header ===*/
#header{width:100%; height:150px; text-align:center;}

#header h1, #header h2{display:inline-block; margin:0}
.blogname{background: url(images/wcheader.jpg) center bottom no-repeat; height: 100px; width: 100%; }
#mainnav ul{padding:0}
#mainnav li{display:inline-block; margin:0 10px; padding:0;}

#navbox{height:200px; width:100%; margin-top:-80px;}



/*=== Navagation ===*/

#nav{position:relative; display:block; float:right; height:200px; width: 200px; right:25px}

#nav ul{list-style:none; margin:0}

#nav li{font: 22px/26px 'Helvetica', arial, sans-serif; text-align:left; color:#000}


/*=== Slider Box ===*/

#sliderbox{position: relative; display:block; float:left; left:185px; height:300px; width:466px;}


/*=== Main Content ===*/

#contentbox{width:100%;  min-height:650px;}

#featuredtitle{height:56px; width:100%; margin:0;}

#featuredbox{height:335px; width:100%; margin:0}


#otherprod{min-height:500px; width:850px; background:#fff;}

#otherprod h3{color:#333; margin:10px 0}

.proddetails{display:inline-block; vertical-align: top; width: 250px}

.formats{display: block; height:20px; width: 100%; background:#666; margin-top:10px}

.formats p{ font:15px/20px arial, helvetica, sans-serif; color:#fff; margin-left:5px}

.proddescrip p{font:13px normal arial, helvetica, sans-serif; color:#333}

.moretext{font-size:13px; color:#666}

.contact{position:relative; float:left; width:500px;}

.facebook{position:relative; float:right;}


/*=== Gallery ===*/
.album{display:block; width:500px; margin:0 auto;}


/*=== Blog ===*/
#blogposts{position:relative; float:left; width:650px}
.post{display:block; min-height:300px; margin-top:10px;}
.post p{}
.post img{visibility:visible; display:block; float:right; position:relative; margin-left: 10px;}
.post ul{font-size: 13px; color:#333; line-height:15px}
.post ul li{list-style-type:disc; margin-left:10px}


/*=== Sidebar ===*/
#menu{position:relative; width:175px; float:right; border-left:1px solid #bbb; margin-top:20px; padding:0}
#menu ul{list-style: none; padding:0; margin:10px; color:#345f6a;}
#menu ul li ul{list-style:disc; padding-left:15px; margin-bottom:20px;}
#menu ul li ul a{color:#333; font-size:12px}
li#collapsible-archive ul li{list-style:none; margin-left:-15px; line-height:13px}
li#collapsible-archive a{text-decoration:none}
li#collapsible-archive ul li ul li{margin-left:0px}
/*=== Footer ===*/

#footer{display:block; float:left; height:175px; width:850px; margin-top:50px;}


#credit p{margin-left:80px; line-height:20px}