/*
Theme Name: Cramzy
Theme URI: http://cramzy.com
Description: 
Author: Konstantin Dankov
Version: 1.0
Tags: 
*/

@import url(styles/css3.css);
@import url(styles/rte.css);
@import url(styles/home.css);

* { padding: 0; margin: 0; }

body { background: url(images/body_bgrd.jpg) left top repeat; font: 12px/18px "Lucida Grande",Verdana, sans-serif; }
a { text-decoration: none; color: #820000; }
a img { border: none; }
li { list-style: outside none; display: block; }

.cleaner { display: block; height: 1px; overflow: hidden; clear: both;  }

#wrapper { width: 960px; margin: 30px auto; }

#header { height: 66px; overflow: hidden; position: relative; }
#header #site-title { width: 234px; height: 66px; background: url(images/logo.png) left top no-repeat; position: absolute; top: 0; left: 20px; z-index: 1000; }
#header #site-title a { display: block; width: 100%; height: 100%; text-indent: -1920px; }

#footer { padding: 10px 20px; color: #FFF; }
#footer .links { float: right; }
#footer .buttons a { display: block; float: right; margin-left: 10px; }

/* --- Navigation --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header .nav { height: 40px; margin: 26px 20px 20px 20px; padding-left: 250px; }

#header .nav ul li { display: block; float: left; line-height: 40px;  }
#header .nav ul li a { display: block; line-height: 40px; color: #FFF; padding: 0 25px 0 30px; }
#header .nav ul li a:hover { text-decoration: underline; }

#header .nav ul li#menu-item-6 a { background: url('images/icons/home.png') left center no-repeat; }
#header .nav ul li#menu-item-7 a { background: url('images/icons/users.png') left center no-repeat; }
#header .nav ul li#menu-item-74 a { background: url('images/icons/ipad.png') left center no-repeat; }
#header .nav ul li#menu-item-75 a { background: url('images/icons/iphone.png') left center no-repeat; }
#header .nav ul li#menu-item-10 a { background: url('images/icons/contacts.png') left 6px no-repeat; }
#header .nav ul li#menu-item-451 a { background: url('images/icons/android.png') 6px 10px no-repeat; }
#header .nav ul li#menu-item-647 a { background: url('images/palm_nav.png') 2px 7px no-repeat; }
#header .nav ul li#menu-item-67 { background: #db271f; float: right; height: 80px; margin-top: -20px; position: relative; z-index: 3; }
#header .nav ul li#menu-item-67 a { padding: 0 20px; margin-top: 20px; }

.main { background: #FFF; position: relative; z-index: 20; }
.main#featured { margin-top: 20px; }
.main#featured .inner { padding: 10px; }
.main#featured .inner .page-content { padding: 10px; }
.main#featured .apps_list li { background: none; width: 47%;  padding: 10px; height: 128px;  }
.main#featured .apps_list li h2 { width: 280px; font-size: 20px; line-height: 24px;  padding-top: 0; float: left; border-bottom: 1px solid #CCC; margin: 10px 0 10px 0; padding-bottom: 15px; }
.main#featured .apps_list li .wp-post-image { margin: 0 20px 0 0; }
.main#featured .apps_list li p { display: inline; }
.main#featured .apps_list li p a { display: inline; color: #ff7100; text-decoration: underline; }

#content .inner { padding: 20px; }

.category #content,
.single-post #content,
.blog #content { width: 600px; float: left; overflow: hidden; margin: 20px; }
.category #sidebar,
.single-post #sidebar,
.blog #sidebar { width: 300px; float: left; overflow: hidden; margin: 20px 0; }

.breadcrumbs { padding-bottom: 20px; color: #44230a; }

.post .date { width: 160px; height: 120px; background: url('images/blog_calendar.png') center no-repeat; float: left;  }
.post .date .month { font-size: 12px; color: #FFF; padding: 23px 20px 5px 43px;  }
.post .date .day { font-size: 32px; color: #44230a; padding: 0 0 10px 0; text-align: center; font: normal 50px/34px "Handwriting - Dakota", sans-serif; }
.post .info { width: 400px; float: left; color: #44230a; border-bottom: 1px dashed #CCC; padding-bottom: 20px; margin-bottom: 20px; }
.post .info h2 { font: 22px/32px Arial, Verdana sans-serif; color: #820000; padding-top: 13px; }

.post .info .meta { padding-bottom: 20px; }
.post .info .meta a { color: #ff7100; text-decoration: underline; }
.post .info .read_more { display: block; background: #740000; color: #FFF; float: left; clear: both; padding: 7px 10px; }

.navigation div { width: 50%; float: left; overflow: hidden;  }
.nav-previous { text-align: left; }
.nav-next { text-align: right; }

.single .meta { color: #666; }

.xoxo > li { background: url('images/sidebar_panel_header_bgrd.png') left top no-repeat; padding-bottom: 20px; }
.xoxo > li h3 { height: 81px; padding-left: 80px; font: normal 26px/81px "Handwriting - Dakota", sans-serif; color: #820000; margin-bottom: 5px; }

.xoxo > li#rss { padding-bottom: 0; }
.xoxo > li#rss h3 { background: url('images/sidebar_panel_header_icon_rss.png') 10px center no-repeat; line-height: 34px; padding-top: 5px;  }
.xoxo > li#rss h3 a span { color: #ff7a11; }

.xoxo > li#recent-posts-2 h3 { background: url('images/sidebar_panel_header_icon_popular.png') 10px center no-repeat; }
.xoxo > li#categories-2 h3 { background: url('images/sidebar_panel_header_icon_categories.png') 10px center no-repeat; }

.xoxo > li > ul { background: url('images/sidebar_panel_content_bgrd.png') left top no-repeat; padding: 10px; }
.xoxo > li > ul li { color: #44230a; padding: 2px 0; }
.xoxo > li > ul li a { color: #44230a; padding-left: 15px; background: url('images/sidebar_panel_list_bullet.png') left 2px no-repeat; }

div.page h1 { height: 78px; padding: 0 30px; margin-bottom: 20px; background: url(images/page_header_bgrd.gif) left top repeat-x;  color: #FFF; font: normal 30px/78px "Handwriting - Dakota", sans-serif; }
div.page .page-content { padding: 20px; }

.apps .entry-meta { display: none; }

/* --- Comments --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#comments { border-top: 1px dashed #ccc; margin-top: 20px; padding-top: 20px; }
#comments h3 { font: normal 34px/34px "Handwriting - Dakota", sans-serif; padding-bottom: 10px; }
#comments p { padding-bottom: 15px; }
#comments code { display: block; }
#comments #submit { display: block; border: none; background: #740000; color: #FFF; padding: 10px 15px; cursor: pointer; }

form label {  font-weight: bold; }
form input,
form textarea { display: block; border: 2px solid #CCC; padding: 3px 5px; outline: none; background: #EFEFEF; }

form input:focus,
form textarea:focus { border-color: #740000; background: #FFF; }

/* --- Apps list --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.apps_list { overflow: hidden; }
.apps_list li { width: 441px; height: 168px; float: left; background: url('images/apps_list_li_bgrd.png') left top no-repeat; margin: 0 10px 10px 0; }
.apps_list li:nth-child(even) { margin-right: 0; }
.apps_list li .wp-post-image { float: left; margin: 20px; }
.apps_list li h2 { padding-top: 20px; margin-bottom: 10px; }
.apps_list li p { padding-right: 20px; font-size: 11px; line-height: 16px;  }
.price { border: 1px solid #c9c9c9; display: block; margin-top: 5px; float: left; padding: 3px 8px; font-size: 11px; cursor: pointer; background: #EEE; }
.single-apps .price { clear: both; }
.price.universal { background: #EEE url(images/universal.png) 5px 5px no-repeat; padding-left: 20px; }

body.archive div.page .page-content { padding: 13px; }



/* --- Comments --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.commentlist { padding: 20px; overflow: hidden; border-bottom: 1px solid #CCC; margin-bottom: 20px; }
.commentlist h4 { font-size: 200%; }
.commentlist .metalinks { display: none; }

ol.commentlist { padding: 10px 0; overflow: hidden;  }

ol.commentlist li { padding-bottom: 10px; }
ol.commentlist li.comment { padding: 10px; overflow: hidden; }
ol.commentlist li.comment .comment-body img { display: block; float: left; margin-right: 10px; }
ol.commentlist li.comment .comment-meta a { color: #666; }


#respond { }
#respond h3 { margin-bottom: 20px; }
#respond form { margin-bottom: 0; }
#respond form input[type=text] { margin: 0 0 10px 0; display: inline; }
#respond form input,
#respond form textarea { border: 2px solid #CCC; padding: 4px 5px; outline: none; }
#respond form textarea { width: 95%; padding: 8px 10px; margin-bottom: 10px; }

#respond form input:focus,
#respond form textarea:focus { border-color: orange; }

#respond form #submit { cursor: pointer; float: none; padding: 5px 40px;  }
#respond form #submit:hover { background: #666; color: #FFF; border-color: #333; }
/* --- Gallery --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.single-apps div.page .init_tabs { width: 394px; float: left; padding: 0; }
.single-apps .gallery br { display: none; }

.single-apps #gallery_iphone { width: 505px; height: 700px; float: left; }

.single-apps #gallery_iphone .iphone_holder { width: 255px; height: 489px; margin: 0 auto; position: relative;  }
.single-apps #gallery_iphone .bgrd { width: 255px; height: 489px; position: absolute; top: 0; left: 0; background: url('images/iphone_bgrd.png') left top no-repeat; margin: 0 auto; z-index: 1; }
.single-apps #gallery_iphone .screen { width: 213px; height: 320px; position: absolute; top: 77px; left: 22px; z-index: 10; overflow: hidden; }
.single-apps #gallery_iphone .screen ul { width: 5000px; height: 320px; position: absolute; top: 0; left: 0; overflow: hidden; }
.single-apps #gallery_iphone .screen ul li { width: 213px; height: 320px; float: left; }
.single-apps #gallery_iphone .screen ul li img { display: block; width: 100%; height: 100%;   }

.single-apps #gallery_iphone .screen.transformed { width: 320px; height: 213px; left: 50%; top: 50%; margin: -107px 0 0 -160px; }
.single-apps #gallery_iphone .screen.transformed ul { height: 213px; }
.single-apps #gallery_iphone .screen.transformed ul li { width: 320px; height: 213px;  }

.single-apps #gallery_ipad { width: 505px; height: 700px; float: left; }

.single-apps #gallery_ipad .iphone_holder { width: 375px; height: 480px; margin: 0 auto; position: relative;  }
.single-apps #gallery_ipad .bgrd { width: 375px; height: 480px; position: absolute; top: 0; left: 0; background: url('images/ipad_bgrd.png') left top no-repeat; margin: 0 auto; z-index: 1; }
.single-apps #gallery_ipad .screen { width: 288px; height: 384px; position: absolute; top: 48px; left: 44px; z-index: 10; overflow: hidden; }
.single-apps #gallery_ipad .screen ul { width: 6000px; height: 384px; position: absolute; top: 0; left: 0; }
.single-apps #gallery_ipad .screen ul li { width: 288px; height: 384px; float: left; }
.single-apps #gallery_ipad .screen ul li img { display: block; width: 100%; height: 100%;   }
.single-apps #gallery_ipad .screen.transformed { width: 384px; height: 288px; left: 50%; top: 50%; margin: -144px 0 0 -192px; }
.single-apps #gallery_ipad .screen.transformed ul { height: 288px; }
.single-apps #gallery_ipad .screen.transformed ul li { width: 384px; height: 288px;  }

.single-apps #gallery_android { width: 505px; height: 700px; float: left; }
.single-apps #gallery_android .iphone_holder { width: 255px; height: 489px; margin: 0 auto; position: relative;  }
.single-apps #gallery_android .bgrd { width: 255px; height: 489px; position: absolute; top: 0; left: 0; background: url('images/device_android.png') left top no-repeat; margin: 0 auto; z-index: 1; }
.single-apps #gallery_android .screen { width: 201px; height: 351px; position: absolute; top: 63px; left: 27px; z-index: 10; overflow: hidden; }
.single-apps #gallery_android .screen ul { width: 5000px; height: 351px; position: absolute; top: 0; left: 0; overflow: hidden; }
.single-apps #gallery_android .screen ul li { width: 201px; height: 351px; float: left; }
.single-apps #gallery_android .screen ul li img { display: block; width: 100%; height: 100%;   }
.single-apps #gallery_android .screen.transformed { width: 351px; height: 201px; left: 50%; top: 50%; margin: -100px 0 0 -175px; }
.single-apps #gallery_android .screen.transformed ul { height: 201px; }
.single-apps #gallery_android .screen.transformed ul li { width: 351px; height: 201px;  }


.single-apps #gallery_webos { width: 505px; height: 700px; float: left; }
.single-apps #gallery_webos .iphone_holder { width: 255px; height: 489px; margin: 0 auto; position: relative;  }
.single-apps #gallery_webos .bgrd { width: 255px; height: 489px; position: absolute; top: 0; left: 0; background: url('images/device_palmpre.png') left top no-repeat; margin: 0 auto; z-index: 1; }
.single-apps #gallery_webos .screen { width: 194px; height: 286px; position: absolute; top: 86px; left: 31px; z-index: 10; overflow: hidden; }
.single-apps #gallery_webos .screen ul { width: 5000px; height: 286px; position: absolute; top: 0; left: 0; overflow: hidden; }
.single-apps #gallery_webos .screen ul li { width: 194px; height: 286px; float: left; }
.single-apps #gallery_webos .screen ul li img { display: block; width: 100%; height: 100%; border-radius: 15px;  }

.single-apps #gallery_webos .screen.transformed { width: 286px; height: 194px; left: 50%; top: 50%; margin: -97px 0 0 -156px; }
.single-apps #gallery_webos .screen.transformed ul { height: 194px; }
.single-apps #gallery_webos .screen.transformed ul li { width: 286px; height: 194px;  }

.iphone_holder { visibility: hidden; }
#gallery_iphone.loading { background: url('images/loading.gif') center no-repeat; }

.gallery { overflow: hidden; margin-top: 40px; }
.gallery a,
.gallery a img { display: block; }
.gallery img { width: 80px; height: 80px;   }
.gallery a { padding: 5px; }
.gallery .gallery-item { float: left; }

.single-apps #gallery .bgrd {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 0.5s;
}

.bgrd.transformed {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/* --- Home --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.index_holder { width: 919px; height: 509px; overflow: hidden; position: relative;  }
.index_holder ul { width: 10000px; height: 509px; position: absolute; top: 0; left: 0; }
.index_holder ul li { width: 919px; height: 509px; float: left; }

.init_tabs ul.tabs { height: 30px; overflow: hidden; }
.init_tabs ul.tabs li { float: left; padding-right: 5px; }
.init_tabs ul.tabs li a { float: left; height: 20px; line-height: 20px; padding: 0 10px; border: 1px solid #CCC; color: #333;  }
.init_tabs ul.tabs li.ui-tabs-selected a { background: #820000; color: #FFF; border-color: #A40000; }
.init_tabs .ui-tabs-hide { display: none; }

/* --- DISPLAY A SHARED JOKES THEMES --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#display_a_joke_theme_1 { width: 850px; height: 800px; margin: 0 auto; background: url('/jokes/bg_theme_1.png') no-repeat left; } 
#display_a_joke_theme_2 { width: 850px; height: 800px; margin: 0 auto; background: url('/jokes/bg_theme_2.png') no-repeat left; }
#display_a_joke_theme_3 { width: 850px; height: 800px; margin: 0 auto; background: url('/jokes/bg_theme_3.png') no-repeat left; }
#display_a_joke_theme_4 { width: 850px; height: 800px; margin: 0 auto; background: url('/jokes/bg_theme_4.png') no-repeat left; color: white;}
#display_a_joke_theme_5 { width: 850px; height: 800px; margin: 0 auto; background: url('/jokes/bg_theme_5.png') no-repeat left; }
#display_a_joke_theme_ipad { width: 650px; height: 870px; background: url('/jokes/assets/display_jokes_hd.png') left top no-repeat; }

#display_a_joke_theme_4 #joke_promo_info { color: #000; }

#joke_category_name 	{ width: 250px; height: 25px; 	top: 228px; left: 110px; position: relative; overflow: hidden; font: 100% "Comic Sans MS", "Trebuchet MS", Verdana, sans-serif;}
#joke_title 			{ width: 250px; height: 25px; 	top: 288px; left: 110px; position: relative; overflow: hidden; font: 100% "Comic Sans MS", "Trebuchet MS", Verdana, sans-serif;}
#joke_text 				{ width: 260px; height: 230px; 	top: 280px; left: 80px; position: relative; overflow: hidden; font: 100% "Comic Sans MS", "Trebuchet MS", Verdana, sans-serif;}

#joke_promo_info 		{ width: 350px; height: 600px; top: -190px; left: 450px; position: relative; overflow: hidden; font: 100% "Comic Sans MS", "Trebuchet MS", Verdana, sans-serif;}


#display_a_joke_theme_5 #joke_text { width: 200px; left: 110px; }

#display_a_joke_theme_ipad #joke_text { width: 360px; height: 380px; top: 200px; left: 120px; position: relative; overflow: hidden; font: 120% "Comic Sans MS", "Trebuchet MS", Verdana, sans-serif;}
#display_a_joke_theme_ipad #joke_title { width: 250px; height: 25px; top: 155px; left: 160px; position: relative; overflow: hidden; font: 140% "Comic Sans MS", "Trebuchet MS", Verdana, sans-serif;}
#display_a_joke_theme_ipad #joke_category_name { width: 250px; height: 25px; top: 185px; left: 160px; position: relative; overflow: hidden; font: 120% "Comic Sans MS", "Trebuchet MS", Verdana, sans-serif;}
#display_a_joke_theme_ipad #joke_promo_info { width: 310px; height: 600px; top: -270px; left: 620px; position: relative; overflow: hidden; font: 100% "Comic Sans MS", "Trebuchet MS", Verdana, sans-serif;}

#display_a_quote { width: 850px; height: 730px; margin: 0 auto; background: url('/quotes/assets/display_quote.png') no-repeat left;}
#display_a_quote #joke_text { width: 275px; height: 230px; top: 160px; left: 70px; position: relative; overflow: hidden; font: italic 140%/1.6em "Georgia", "Trebuchet MS", Verdana, sans-serif;}
#display_a_quote #joke_title { width: 220px; height: 25px; top: 380px; right: 20px; text-align: right; position: relative; overflow: hidden; font: 100% "Comic Sans MS", "Trebuchet MS", Verdana, sans-serif;}
#display_a_quote #joke_category_name { width: 250px; height: 25px; top: 165px; left: 80px; position: relative; overflow: hidden; font: 100% "Comic Sans MS", "Trebuchet MS", Verdana, sans-serif;}
#display_a_quote #joke_promo_info.rte h2 { font: 24px/1.5em "Comic Sans MS", sans-serif; }

#display_a_quote_theme_ipad { width: 650px; height: 870px; background: url('/quotes/assets/display_quote_hd.png') left top no-repeat; }
#display_a_quote_theme_ipad #joke_text { width: 360px; height: auto; top: 120px; left: 120px; position: relative; overflow: hidden; font: italic 190%/1.6em "Georgia", "Trebuchet MS", Verdana, sans-serif;}
#display_a_quote_theme_ipad #joke_title { width: 250px; height: 25px; left: 190px; top: 30px; overflow: hidden; font: 140% "Georgia", "Trebuchet MS", Verdana, sans-serif; text-align: right; }
#display_a_quote_theme_ipad #joke_category_name { width: 250px; height: 25px; top: 185px; left: 160px; position: relative; overflow: hidden; font: 120% "Georgia", "Trebuchet MS", Verdana, sans-serif;}
#display_a_quote_theme_ipad #joke_promo_info { width: 310px; height: 600px; top: -270px; left: 620px; position: relative; overflow: hidden; font: 100% "Georgia", "Trebuchet MS", Verdana, sans-serif;}
#display_a_quote_theme_ipad #joke_promo_info.rte h2 { font: 24px/1.5em "Comic Sans MS", sans-serif; }