/*   
Theme Name: iClippy
Theme URI: http://iclippy.com/
Description: Theme for iClippy homepage
Author: Pawel Krupski
Author URI: http://pawelkrupski.pl/
Version: 0.9p
.

.
*/

html {
	height: 100%;
}

body {
	color: #2a2a2a;
	font: 0.9em "Lucida Grande", Lucida, Verdana, sans-serif;
	height: 100%;
	background: #fff url(img/bg.png) repeat-x;
}

/* @group top */

#top_bg {
	background: url(img/top_bg.png) repeat-x;
}

#top {
	height: 150px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#top img {
	padding-top: 17px;
	position: absolute;
}


#menu {
	text-align: right;
	font-size: 1.2em;
	top: 100px;
}

#menu ul {
	margin-top: 100px;
}

#menu li {
	display: inline;
}

#menu a {
	min-width: 80px;
	padding: 20px 10px;
	color: #b8ddff;
	text-decoration: none;
	font-weight: bold;
	background: url(img/menu_hover.png) no-repeat center -60px;
}

#menu a:hover {
	background: url(img/menu_hover.png) no-repeat center 0;
	color: #fff;
}

#myclipboard_button {
	height: 37px;
	padding-left: 15px;
	padding-right: 15px;
	float: right;
	color: #fff;
	text-decoration: none;
	background: url(img/myclipboard_button_bg.png) repeat-x 0;

	line-height: 37px;
	vertical-align: middle;
	font-weight: bold;
}

#blog_button {
	height: 37px;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 10px;
	float: right;
	color: #fff;
	text-decoration: none;
	background: url(img/blog_button_bg.png) repeat-x 0;

	line-height: 37px;
	vertical-align: middle;
	font-weight: bold;
}

#blog_button:hover {
	background: url(img/blog_button_bg.png) repeat-x 0 -20px;
}


#myclipboard_button:hover {
	background: url(img/myclipboard_button_bg.png) repeat-x 0 -20px;
}

#myclipboard_button:hover {
	background: url(img/myclipboard_button_bg.png) repeat-x 0 -20px;
}

/* @end */

#container {
   min-height: 100%;
   margin-bottom: -250px;
   position: relative;
}

/* @group head */

#head_bg {
	background: url(img/head_bg.png) repeat-x;
	border-bottom: 1px solid #a0bfd4;
	border-top: 1px solid #fff;
}

#head {
	width: 950px;
	height: 370px;
	margin-right: auto;
	margin-left: auto;
}

/* slideshow */

#slider ul { width: 950px !important; overflow: hidden;}
#slider ul, #slider li  { margin:0; padding:0; list-style:none; }
#slider li 	{ width:950px; height:370px; overflow:hidden; }

ol#controls 			{ position: absolute; top: 500px; height: 20px; }
ol#controls li  		{ overflow: hidden; margin: 0 5px 0 0; display: inline; height: 20px; width: 20px; }
ol#controls li a 		{ height: 20px; width: 20px; background: url(img/slides/control_inactive.png) no-repeat; padding: 9px; }
ol#controls li a:hover 	{ height: 20px; width: 20px; background: url(img/slides/control_active.png) no-repeat; padding: 9px; }
ol#controls li.current a{ background: url(img/slides/control_active.png) no-repeat; height: 20px; width: 20px; }

/*
#head button {
	height: 82px;
	width: 190px;
	margin-top: 110px;
	margin-left: 620px;
	background: url(img/button_shadow.png) no-repeat 0 5px;
}
*/
.head_left {
	height: 250px;
	float: left;
	width: 485px;
	text-align: center;
	background: url(img/gallery.png) no-repeat;
}

.head_right {
	
}

.head_left p {
	margin-top: 95px;
}

.head_right ul {
	padding-top: 20px;
	margin-bottom: 10px;
	text-align: left;
	color: #fff;
	list-style-type: disc;
	text-shadow: #306977 1px 1px 0;
	line-height: 30px;
	list-style-position: inside;
}

.head_right li {
	list-style-image: url(img/bullet.png);
}

button.download_button {
	background: transparent;
	border: none;
	cursor: pointer;
	height: 57px;
	overflow: visible;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	width: auto;
}

button.download_button span{
	background: transparent url(img/download_button_left.png) no-repeat;
	background-position: left top;
	display: block;
	height: 56px;
	line-height: 26px;
	margin: 0;
	padding-left: 21px;
}

button.download_button em{
	background: transparent url(img/download_button.png) no-repeat;
	background-position: right top;
	color: #fff;
	display: block;
	height: 56px;
	line-height: 56px;
	margin: 0;
	min-width: 30px;
	padding-right: 20px;
	font-weight: bold;
	font-style: normal;
	font-size: 1.7em;
}

button.download_button:hover span{
	background-position: left bottom;
	text-decoration: none;
}

button.download_button:hover em{
	background-position: right bottom;
	text-decoration: none;
}


/* @end */


/* @group content */
#content {
	padding-top: 40px;
	padding-bottom: 40px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	display: table;
	font-size: 0.8em;
}

#content p {
	margin-bottom: 10px;
	text-align: justify;
}

#content h1 {
	font-weight: bold;
	font-size: 2em;
	margin-bottom: 10px;
}

#content h3 {
	margin-bottom: 10px;
	font-size: 1.3em;
}

#info_bg {
	background: url(img/center_bg.png) repeat-x;
	border-bottom: 1px solid #9ab6c4;
}

#info {
	height: 385px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	background: url(img/info.png) no-repeat left;
	position: relative;
}

.about_bg {
	width: 950px;
	height: 370px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(img/head.png);
}

.about {
	margin-left: 520px;
	width: 410px;
	height: 335px;
	/*background-color: #a0bbca;*/
	padding-top: 155px;
	right: 0;
	position: static;
	text-align: justify;
}

.about p {
	font-size: 0.8em;
}

.about h1 {
	padding-top: 0;
	font-size: 2em;
	margin-bottom: 10px;
	font-weight: bold;
	color: #90a5c2;
}

.about img {
	margin-right: 0px;
	float: left;
}

.more {
	margin-top: 10px;
	text-align: right;
	font-weight: bold;
	margin-bottom: 20px;
}

.about.screenshots {
	text-align: center;
}

#download_panel {
	width: 410px;
	height: 72px;
	margin-top: 15px;
	float: left;
	background: url(img/download_bg.png) no-repeat left;
	line-height: 65px;
	position: relative;
}

#download_panel h1 {
	margin-left: 17px;
	float: left;
	vertical-align: middle;
	font-size: 23px;
}

#download_panel button {	
	right: 2px;
	margin-top: 6px;
	position: absolute;
}

.left {
	display: table-cell;
	width: 430px;
	padding-right: 20px;
	*float: left; 
	*padding-right: 40px;
}

.right {
	display: table-cell;
	padding-left: 20px;
}

.left2 {
	display: table-cell;
	width: 330px;
	float: left;
	padding-left: 130px;
}

.left3 {
	display: table-cell;
	width: 300px;
	*float: left; 
	padding-right: 20px;
}

.right3 {
	display: table-cell;
}

.download {
	text-align: center;
}

.download h1 {
	display: inline;
	line-height: 35px;
}

.download span {
	vertical-align: middle;
}

.download_info {	
	text-align: left;
	width: 200px;
	color: #00417b;
	font-size: 0.9em;
	display: inline-block;
	*display: inline;
	vertical-align: middle;
}

.download_info2 {	
	text-align: center;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	color: #00417b;
	font-size: 0.9em;
	display: block;
}

.table {
	overflow: hidden;
}

.title {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
	margin-bottom: 10px;
	background: url(img/blog_comment_separate.png) no-repeat center bottom;
	font-size: 1.2em;
}

.title2 {
	text-align: center;
}

.features_title {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	background: url(img/blog_comment_separate.png) no-repeat center top;
}

.feature, .accessories {
	padding-bottom: 20px;
	overflow: hidden;
	position: relative;
}

.feature_image {	
	float: left;
	padding-top: 30px;
	padding-left: 0;
}

.accessories_image {
	width: 100px;
	height: 100px;
	float: left;
	padding-left: 0;
	background-color: #fff;
}

.accessories_image img {
	margin: 5px;
	width: 90px;
	height: 90px;
}

.feature_text {
	padding-left: 70px;
	text-align: justify;
	padding-top: 10px;
}

.accessories_text {
	padding-left: 120px;
	text-align: justify;
	padding-top: 10px;
}

.accessories_text a {
	font-weight: bold;
}

.soft {
	width: 300px;
	text-align: center;
	margin-bottom: 40px;
}

.soft p {
	text-align: center;
}

.p_text {
	margin-bottom: 40px;
}

#instruction {
	text-align: center;
	margin-bottom: 30px;
}

#instruction img {
	padding: 20px;
}

.coming_soon {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
}

#compatible_bg {

	background-color: #fff;
}

#compatible {
	text-align: center;
	padding-top: 15px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 110px;
	background: url(img/compatible.png) no-repeat center center;
}

#compatible_r {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-bottom: 20px;
}

#content a, #info a, #head a {
	text-decoration: none;
	color: #ff5700;
} 

#content a:hover, #info a:hover, #head a:hover {
	text-decoration: underline;
	color: #ff7500;
}

#soft a:hover {
	text-decoration: none;
}

#faq {
	padding-top: 20px;
	padding-bottom: 100px;
	background: url(img/blog_comment_separate.png) no-repeat center bottom;
}

#faq li {
	margin-bottom: 10px;
	list-style-image: url(img/faq_bullet.png);
	list-style-position: inside;
	vertical-align: middle;
}

.up {
	width: 100%;
	padding-bottom: 20px;
	padding-top: 15px;
}

.up_img {
	margin-left: auto;
	margin-right: auto;
	height: 7px;
	width: 13px;
	background: url(img/up.png) no-repeat;
}

#title_big {
	height: 164px;
	background: url(img/title_agent_bg.png) repeat-x;
}

#title_big_agent {
	height: 164px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	background: url(img/title_agent.png) no-repeat center center;
}

#agent_head {
	margin-top: 15px;
	background: url(img/icons/agent_bg.png) no-repeat;
}

#agent_head_box {
	padding-top: 25px;
	padding-left: 30px;
	padding-right: 30px;
	margin-left: 520px;
	margin-bottom: 50px;
	width: 250px;
	height: 141px;
	background: url(img/agent_box.png) no-repeat;
}

#agent_monitor {
	height: 140px;
	margin-left: 50px;
	padding-left: 160px;
	padding-top: 10px;
	background: url(img/icons/agent_monitor.png) no-repeat;
}

#agent_features {
	height: 140px;
	padding-left: 143px;
	background: url(img/icons/agent_features.png) no-repeat;
}

#agent_monitor li, #agent_features li {
	list-style-image: url(img/features_bullet.png);
	list-style-position: inside;
	margin-bottom: 4px;
}

.soft_agent {
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
}


/* @group form */

fieldset {
	background-color: #c2dfe7;
	padding: 30px;
	border: 1px solid #97bdc8;
}

fieldset p {
	margin-right: 15px;
}

label {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1.2em;
	display: block;
}

input {
	width: 100%;
	border: 1px solid #728793;
	color: #707070;
	padding: 5px;
	background: #fff url(img/input_bg.png) repeat-x;
	font-size: 1.2em;
}

textarea {
	font-size: 1.2em;
	color: #707070;
	height: 125px;
	width: 100%;
	border: 1px solid #728793;
	padding: 5px;
	background: #fff url(img/input_bg.png) repeat-x;
}

.send_button {
	text-align: right;
	display: block;
}

.required {
	font-weight: normal;
	color: #ff5726;
	font-style: normal;
	font-size: 0.8em;
}

button.button_01 {
	background: transparent;
	border: none;
	cursor: pointer;
	height: 28px;
	overflow: visible;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	width: auto;
}

button.button_01 span{
	background: transparent url(img/button01_left.png) no-repeat;
	background-position: left top;
	display: block;
	height: 26px;
	line-height: 26px;
	margin: 0;
	padding-left: 10px;
	
}

button.button_01 em{
	background: transparent url(img/button01.png) no-repeat;
	background-position: right top;
	color: #252525;
	display: block;
	height: 26px;
	line-height: 26px;
	margin: 0;
	min-width: 30px;
	padding-right: 10px;
	font-weight: bold;
	font-style: normal;
	font-size: 1.2em;
	
}

button.button_01:hover span{
	background-position: left bottom;
}

button.button_01:hover em{
	background-position: right bottom;
}


/* @end */



/* @end */

/* @group footer */

.clearfoot {
   height: 250px;
   clear: both;
}

#foot {
	position: relative;
	height: 210px;
	padding-top: 40px;
	text-align: center;
	background: url(img/foot_bg.png) repeat-x;
	border-top: 1px solid #fff;
}

#foot img {
	margin-top: 10px;
	margin-bottom: 15px;
}

#foot p {
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	color: #547484;
	font-size: 0.7em;
}

#twitter {
	position: absolute; 
	bottom: 0;
	right: 0;
	width: 151px;
	height: 129px;
	background-image: url(img/twitter.png);
}

/* @end */

/* @group blog */

#blog_left {
	display: table-cell;
	width: 630px;
	padding-right: 50px;
	*float:left;
}

#blog_right {
	display: table-cell;
	padding-right: 20px;
}

#blog left img {
	margin-top: 0px;
}

.entry {
	padding: 30px 40px 40px;
	background-color: #fff;
	border: 1px solid #d1e3ee;
	*width:570px;
}

.text {
	text-align: justify;
}

.date {
	font-size: 0.9em;
	float: right;
	color: #5f5f5f;
}

.under_entry {
	padding-left: 20px;
	margin-top: 20px;
	background: url(img/icons/comment_icon_12.png) no-repeat;
	line-height: 12px;
}

.under_entry a {
	vertical-align: middle;
}

.search {
	width: 130px;
	padding-bottom: 30px;
	background: url(img/blog_menu_separate.png) no-repeat left bottom;
}

#blog_twitter {
	width: 150px;
	padding-bottom: 30px;
	background: url(img/blog_menu_separate.png) no-repeat left bottom;
	font-size: 0.9em;
}

#blog_twitter ul {
	background-image: none;
}

#blog_twitter li {
	width: 150px;
	margin-bottom: 15px;
}

ul#twitter_update_list {
	padding-bottom: 0px;
}

.blog_menu {
	*margin-top: 20px;
}

.blog_menu h2 {
	font-size: 1.4em;
}

.blog_menu ul {
	padding-bottom: 30px;
	background: url(img/blog_menu_separate.png) no-repeat left bottom;
}

.blog_menu li {
	margin-top: 4px;
	margin-bottom: 4px;
}

#pagination {
	text-align: center;
	margin-top: 20px;
}

button.pagination_button {
	background: transparent;
	border: none;
	cursor: pointer;
	height: 23px;
	margin: 0;
	overflow: visible;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	width: auto;
}

button.pagination_button span {
	background: transparent url(img/button2_left.png) no-repeat;
	background-position: left top;
	display: block;
	height: 23px;
	line-height: 22px;
	margin: 0;
	padding-left: 10px;
}

button.pagination_button em {
	background: transparent url(img/button2.png) no-repeat;
	background-position: right top;
	color: #595d63;
	display: block;
	height: 23px;
	line-height: 22px;
	margin: 0;
	font-style: normal;
	min-width: 20px;
	padding-right: 10px;
}

#pagination a, #pagination a:hover {
	color: #595d63;
	text-decoration: none;
}

button.pagination_button:hover span{
	background-position: left bottom;
}

button.pagination_button:hover em{
	background-position: right bottom;
}


/* @end */

/* @group comments */

#blog_comments {
	padding-left: 10px;
	padding-right: 10px;
}

#comments li {
	padding-top: 20px;
	padding-bottom: 20px;
	background: url(img/blog_comment_separate.png) no-repeat center top;
}

.comment-author {
	font-weight: bold;
}

.comment-text {
	padding-top: 10px;
}

/* @end */

/* @group form warnings */

.warning {
	height: 40px;
	padding-left: 45px;
	background: url(img/icons/warning_form.png) no-repeat left center;
	line-height: 40px;
}

.warning span {
	vertical-align: middle;
	font-weight: bold;
}

.done {
	height: 40px;
	padding-left: 45px;
	background: url(img/icons/done_form.png) no-repeat left center;
	line-height: 40px;
}

.done span {
	vertical-align: middle;
	font-weight: bold;
}

/* @end */

  div#photos {overflow:auto;}
  div.photo {float:left; display:inline; margin:0 20px 20px 0;}
  div.photo a img {border:1px solid; padding:1px;}
  p#turtles_caption {margin:5px 0 0;}
  
  div#text a {font-weight:bold;}
  
  div#zoom h2 {margin:10px 0 10px;}
  div#zoom p {line-height:1.6;}

	div#wrapper {background:#fff; width:560px; margin:0 auto; padding:20px; border:10px solid #bc8c46; border-width:0 10px;}
	div#header {position:relative; border-bottom:1px dotted; margin:0 0 10px; padding:0 0 10px;}
	div#header p {margin:0; padding:0;}
	div#header h1 {margin:0; padding:0;}
	ul#nav {position:absolute; top:0; right:0; list-style:none; margin:0; padding:0;}
	ul#nav li {display:inline; padding:0 0 0 5px;}
	ul#nav li a	{}
	div#content	{}
  div#content p {line-height:1.6;}
	div#footer {clear:both; margin:40px 0 0; border-top:1px dotted; padding:10px 0 0;}
}