/* 
	project: internet sharing template
   	author: luka cvrk (www.solucija.com) 
								*/
   
body { margin: -10px; font: 0.7em Tahoma, Arial, sans-serif; line-height: 1.6em; background: #fff; color: #454545;  text-shadow: 0px 1px 3px #fff; }

/* links */
a { color: #003B6E; background: inherit; }
a:hover { color: #F7A632; background: inherit; }

::-moz-selection{ background: #ff9933; color:#fff; text-shadow: none; }
::selection { background:#ff9933; color:#fff; text-shadow: none; }	

/* headings */
h1 { font: bold 2.5em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px; }
h2 { color: #003B6E; font: bold 2em Arial, Sans-Serif; margin: 0; padding: 0; }
h1 a, h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #2b2b2b; background: #FFF; }
.title { color: #808080; background: #fff; }

/* lists and form elements */
ul { margin: 0; padding : 0; list-style : none; }
form { margin: 0; }
input.search { width: 279px; border: none; background: #fff url(images/input.gif) no-repeat; padding: 6px 10px; color: #1E67A8; font-weight: bold; }
input.button { padding: 3px; }

/* content holder */
#content { margin: 10px auto; width: 960px; }

/* header */
#header { height: 90px; }
#logo { padding: 15px 0 0 8px; }
#logo p { margin: 0; padding: 0 0 0 10px; color: #808080; background: #fff; }
#top_info { float: right; width: 570px; margin: 20px 5px 0 0; text-align: right; }

/* horizontal tabbed menu */	
#tabs { background: #fff url(images/bigbox.gif) no-repeat top left; color: #000;  height: 64px; text-align: center; padding: 0 25px; 0 0px; }
#tabs li { display: inline; height: 45px; }
#tabs li a { float: right; background: #fff url(images/barbg.gif) no-repeat; color: #808080; padding: 7px 0; width: 82px; text-align: center; font-weight: bold; text-decoration: none; }
#tabs li a:hover { background: #fff url(images/barcurrent.gif) no-repeat; color: #000; }	
#tabs li a.current { background: #fff url(images/hoverbar.gif) no-repeat; color: #000;}	
.key { text-decoration: underline; }
.selected{ text-decoration: underline; font-weight: bold; color: black;}

/* search form */
#search { 
	float: left;
	clear: both;
	color: #000;
	background: #fff url(images/searchbg.gif) no-repeat;
	padding: 14px 0 20px 5px;
	width: 500px;
	margin: 5px 0 0 0;
}
	#search p { padding: 0; margin: 0; }


/* grey subheader */
.gboxtop { clear: both; height: 8px; background: #F7A632 url(images/gboxtop.gif) no-repeat; color: #000; }
.gbox { background: #F7A632 url(images/gbox.gif) no-repeat bottom left; color: #444; padding: 1px 13px 7px 13px; margin: 0 0 20px 0; }
.gbox p { padding: 7px 0; margin: 0;}


/* left side */
.left { float: left; width: 650px; margin: 0 0 10px 0; }
	.left_articles {
		margin: 0 20px 15px 10px;
		padding: 10px 0 0 0;
		text-align: justify;
		/* border-bottom: 1px dotted #ccc;  */
		color: #000;
		background: #fff;
	}
	
	.calendar { height: 50px; float: left; background: #fff url(images/calendar.gif) no-repeat; width: 50px; padding: 5px 0 0 9px;  color: #808080;}
	.calendar p { padding: 0; margin: 0; }
	.description { padding: 0 0 2px 0; margin: 0 10px 5px 0; /* border-bottom: 1px dotted #ccc;  */ }
	.thumbnail { float: left; margin: 0 18px 8px 0;}
	.thumbnail2 { float: right; margin: 0 8px 18px 18px;}

/* bottom thirds */
.thirds { float: left; width: 203px; background: #eee; margin: 0 12px 0 0; color: #5d5d5d; }
	.smallboxtop { height: 14px; background: #fff url(images/smallboxtop.gif) no-repeat; color: #000; }
	.smallbox { background: #fff url(images/smallbox.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0;   min-height: 200px; }

	
/* right side */
#right {
	float: right;
	width: 295px;
	margin: 0 0 10px 0;
}
	.boxtop { height: 19px; background: #fff url(images/boxtop.gif) no-repeat; color: #000; }
	.boxtop2 { height: 80px; background: #fff url(images/boxtop-web-design.jpg) no-repeat; color: #000; }

	.box { background: #fff url(images/box.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 10px 15px 10px; margin: 0 0 10px 0; }
	.box p { padding: 0; margin: 0;}
	.image { float: left; margin: 0 9px 3px 0; }


/* misc */
.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn { background: #488EB2 url(images/bluebtn.gif) no-repeat; width: 100px; padding: 1px 16px 5px 16px; color: #fff; text-decoration: none; }
.greenbtn { background: #488EB2 url(images/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #488EB2 url(images/hoverbtn.gif) no-repeat; color: #fff; }

/* footer  */
.footer { background-image:url(images/sevenstars-marketing.jpg); background-repeat: no-repeat; clear: both; text-align: center; line-height: 1.8em; padding: 300px 0 10px 0;  }




/* form elements */
form {
	margin: 15px 10px; padding: 5px 10px 20px 10px;
	border: 3px solid #f1f1f1; 
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px; 
          border-radius: 12px;
	background: #fdfdfd; 	
}
form.button {
	margin: 0 0; padding: 0 0 0 0;
	border: 0 solid #f1f1f1; 
	background: #fdfdfd; 	
}
label {
	display: block;
	font-weight: bold;
	margin: 8px 0 5px 0;
	color: #333;
}
input, select {
	padding: 4px;
	font: normal 1em Verdana, sans-serif;
	color: #666666;
	background: #fff;  	
}

textarea.new {
	width: 220px;
	padding: 4px;
	font: normal 1em Verdana, sans-serif;
	height: 100px;
	display: block;
	color: #666666;
}

textarea {
	width: 400px;
	padding: 4px;
	font: normal 1em Verdana, sans-serif;
	height: 100px;
	display: block;
	color: #666666;
}
input, textarea, select {
	background: #fff;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4; 
}

input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #555;
	background: #E6E6E6;
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
}

input.button {
	width: 95px;
	height: 25px;
	border: none;
	cursor: pointer;
	text-align: center;
	color: #fff;
	background: url(images/button.png) no-repeat center;
	text-shadow: 0px 1px 3px #006699;
}

input.button:hover {
	background: url(images/button_hover.png) no-repeat center; color: #003366; text-shadow: 0px 1px 3px #ffffcc;
}

a.but{
	width: 95px;
	height: 25px;
	display: block;
	margin:10px 30px 0 10px;
	background:url(images/button.png) no-repeat center;
	text-decoration: none;
	text-align:center;
	line-height:25px;
	color:#fff;
	font-weight: bold;
	float: right;
}
a.but:hover{
background: url(images/button_hover.png) no-repeat center; color:#003366;
}

a.but_long{
	width: 175px;
	height: 25px;
	display: block;
	margin:10px 30px 0 10px;
	background:url(images/button_long.png) no-repeat center;
	text-decoration: none;
	text-align:center;
	line-height:25px;
	color:#fff;
	font-weight: bold;
	float: right;
	text-shadow: 0px 1px 1px #006699;
}
a.but_long:hover{ 
	color:#003366;
	background: url(images/button_hover_long.png) no-repeat center;
	text-shadow: 0px 1px 3px #ffffcc;
}

a.close{
	width: 33px;
	height: 33px;
	display:block;
	float:right;
	margin:10px 30px 0 10px;
	background:url(images/close_studio7stars.png) no-repeat center;
	text-decoration:none;
	text-align:center;
	line-height:25px;
	color:#000;
}
a.close:hover{
background: url(images/close_hover_studio7stars.png) no-repeat center;
}

h3.ok {
	color: green;
	font-weight: bold;
}
h3.error {
	color: red;
	font-weight: bold;
}

input.cool {
  background-image:url('images/input_studio7stars.png');
  background-repeat:no-repeat;
  border: 0;
  width: 190px;
  height: 31px;
  padding:2px 0 0 5px;
  line-height: 13px;
  font-size: 13px!important;
}

input.cool:focus {
  background-image:url('images/input_active_studio7stars.png');
  background-repeat:no-repeat;
  color: #000;
}

select.cool {
  background-image:url('images/input_studio7stars.png');
  background-repeat:no-repeat;
  border: 0;
  height: 31px;
  padding:2px 0 0 5px;
  line-height: 13px;
  font-size: 13px!important;
}

select.cool:focus {
  background-image:url('images/input_active_studio7stars.png');
  background-repeat:no-repeat;
  color: #000;
}

textarea.cool {
	background-image:url('images/textarea_studio7stars.png');
	background-repeat:no-repeat;
	border: 0;
	width: 409px;
	height: 109px;
	padding: 6px;
	font: normal 1em Verdana, sans-serif;
	display: block;
	font-size: 13px;
}

textarea.cool:focus {
	background-image:url('images/textarea_active_studio7stars.png');
	background-repeat:no-repeat;
	color: #000;
}

textarea.cool_small {
	background-image:url('images/textarea_studio7stars_small.png');
	background-repeat:no-repeat;
	border: 0;
	width: 263px;
	height: 109px;
	padding: 6px;
	display: block;
	font-size: 13px;
}

textarea.cool_small:focus {
  background-image:url('images/textarea_active_studio7stars_small.png');
  background-repeat:no-repeat;
  color: #000;
}

/* start - table */
table {
	border-collapse: collapse;
	margin: 15px 10px;
	font-size: 11px;
}
th {
	background: #ADD8E6 url('images/table_style_bg_studio7stars.png') repeat-x 0 -100px;
	height: 38px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: left;
	border-left: 1px solid #78C7FA;
	border-bottom: solid 2px #fff;
}
tr {
	height: 34px;
	background: #fff;
}
tr:hover {
	background: #ffffdd;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	/* border: 1px solid #EDEDED; */	
}
table a:hover {
	color: #ff9933;
}


/* end - table */

a.choose {
	padding: 0px;
	background: #fff;
}
a.choose:hover {
	padding: 1px;
	background: blue;
}

hr  {
	color: #fff;
	border: 1px solid #D1E4F5;
	
}
fieldset
{
	
	border: 0px;
}

	/* -------------------------------------------- */
	/* 		Pagination: Clean						*/
	/* -------------------------------------------- */
		ul{border:0; margin:0; padding:0;}
		#pagination-clean li{
			border:0; margin:0; padding:0;
			font-size:11px;
			list-style:none;
		}
		#pagination-clean li, #pagination-clean a{
			border-right:solid 1px #DEDEDE;
			margin-right:2px;
		}
		#pagination-clean .previous-off,
		#pagination-clean .next-off {
			color:#888888;
			display:block;
			float:left;
			font-weight:bold;
			padding:3px 4px;
		}	
		#pagination-clean .next a,
		#pagination-clean previous a{
			border:none;
			font-weight:bold;
		}	
		#pagination-clean .active{
			color:#000000;
			font-weight:bold;
			display:block;
			float:left;
			padding:4px 6px;
		}
		#pagination-clean a:link, 
		#pagination-clean a:visited {
			color:#0e509e;
			display:block;
			float:left;
			padding:3px 6px;
			text-decoration:underline;
		}
		#pagination-clean a:hover{
			text-decoration:none;
		}
	
	
	
	
	/* -------------------------------------------- */
	/* 		Pagination: Digg Style					*/
	/* -------------------------------------------- */
		ul{border:0; margin:0; padding:0;}
	
		#pagination-digg li{
			border:0; margin:0; padding:0;
			font-size:11px;
			list-style:none;
		}
		#pagination-digg a{
			border:solid 1px #9aafe5;
			margin-right:2px;
		}
		#pagination-digg .previous-off,
		#pagination-digg .next-off {
			border:solid 1px #DEDEDE;
			color:#888888;
			display:block;
			float:left;
			font-weight:bold;
			margin-right:2px;
			padding:3px 4px;
		}
		#pagination-digg .next a,
		#pagination-digg .previous a {
		 font-weight:bold;
		}	
		#pagination-digg .active{
			background:#2e6ab1;
			color:#FFFFFF;
			font-weight:bold;
			display:block;
			float:left;
			padding:4px 6px;
		}
		#pagination-digg a:link, 
		#pagination-digg a:visited {
			color:#0e509e;
			display:block;
			float:left;
			padding:3px 6px;
			text-decoration:none;
		}
		#pagination-digg a:hover{
			border:solid 1px #0e509e;
		}
	
	
	
	
	/* -------------------------------------------- */
	/* 		Pagination: Flickr						*/
	/* -------------------------------------------- */
		ul{border:0; margin:0; padding:0;}
	
		#pagination-flickr li{
			border:0; margin:0; padding:0;
			font-size:11px;
			list-style:none;
		}
		#pagination-flickr a{
			border:solid 1px #DDDDDD;
			margin-right:2px;
		}
		#pagination-flickr .previous-off,
		#pagination-flickr .next-off {
			color:#D1D1D1;
			display:block;
			float:left;
			font-weight:bold;
			padding:3px 4px;
		}
		#pagination-flickr .next a,
		#pagination-flickr .previous a {
			font-weight:bold;
			border:solid 1px #FFFFFF;
		}	
		#pagination-flickr .active{
			color:#F7A632;
			font-weight:bold;
			display:block;
			float:left;
			padding:4px 6px;
		}
		#pagination-flickr a:link, 
		#pagination-flickr a:visited {
			color:#296FAD;
			display:block;
			float:left;
			padding:3px 6px;
			text-decoration:none;
			  -webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
     -moz-border-radius: 4px; /* FF1-3.6 */
          border-radius: 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
		}
		#pagination-flickr a:hover{
			border:solid 1px #666666;
		}