/*  

Theme Name: Star Prototype

Description: Star Prototype is a beautifull business & portfolio Wordpress Theme. It is only for Star Prototype. 

This Theme comes with a Javascript 3-Level Dropdown Menu. Of course there are many more features such as main photo on homepage Uploader and a Big Options set! Have fun while discovering. 

Version: 1.0.1

Author: Water Chen

Author URI: http://www.star-prototype.com/

Tags: language switch, fixed-picture, fixed-layout, white, blue, red, light, three-columns, two-columns, fixed-width, right-sidebar, left-sidebar, theme-options, front-page-post-form,  custom-colors, inner blog.

*/



/* General Styles */





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,

b, u, i, center,

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-size: 100%; vertical-align: baseline; background: transparent;
	}
ol, ul {	
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,

q:before, q:after {

content: '';

content: none;

}

:focus {

outline: 0;

}

ins {

text-decoration: none;

}



del {

text-decoration: line-through;

}

a {
				outline: none;
				color: #474545;
				text-decoration: none
}

a:hover {

	color: #c0151b;


}
body {
	font: 12px Verdana,Helvetica,Geneva,Arial,sans-serif;
	background-color: #fff;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
blockquote {
	color: #CCC;
	font-size: 11px;
	font-style: italic;
}
h1 {
color: #000;
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}

em {
	font-style: italic;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
abbr {
	border:0;
}




/* Navigation Styles */


#navigation {
	background-color: #FFF;
	padding-right: 0px;
	position: relative;
	z-index: 6;
	width: 680px;
	height: 45px;
	margin-left: -12px;
	margin-top: 0px;
	float:left;
	clear:both;
}



#navbar {
	float:left;
	height:50px;
	line-height:40px;
	padding-left:13px;
}
#navbar, #navbar ul {
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
	z-index:5;
    /* word-wrap:break-word ;*/
}
#navbar a {
	color: #878484;
	height:40px;
	display:block;
	padding:0 18px;
	text-decoration:none;
	text-align:center;
	line-height:28px; 
	outline:none;
	float: left;
	z-index:35;
	position:relative;
}
#navbar a:hover {
	color: #C00;
}
#navbar li {
	float:left;
	position:relative;
	z-index:20;
	margin-top:10px;
}
#navbar li li {
	border-left:none;
	margin-top:0;
}
#navbar a{
	color:#888;
}
#navbar ul {
	position:absolute;
	display:none;
	width:208px;
	top:36px;
	left:-1px;
	background: #f5f5f5;
}
#navbar li ul a {
	font-size:12px;
	width:182px;
	height:30px;
	float:left;
	text-align:left;
	padding-left: 13px;
    padding-right: 13px;
}
#navbar ul ul {
	top:auto;
}
#navbar li ul ul {
	left:208px;
	top: 0px;
}
#navbar li ul ul a {
	border-left:none;
}
#navbar ul {
	border:1px solid #c0c0c0;
	border-top:none;
}
#navbar li ul a {
	border-bottom:1px solid #fff;
	border-top:1px solid #c0c0c0;
}
#navbar ul a, #navbar ul li {
	background-color:#fff;
}
#navbar ul a:hover, #navbar ul a:focus {
	color: #C00;
}
#navbar .current_page_item a {
}
#navbar li:hover ul ul, #navbar li:hover ul ul ul, #navbar li:hover ul ul ul ul {
	display:none;
}
#navbar li:hover ul, #navbar li li:hover ul, #navbar li li li:hover ul, #navbar li li li li:hover ul {
	display:block;
}

#logospace {
	float: right;
	margin-left: 12px;
}


/* Slideshow Styles */



#main-photo {
	background: url(images/Star-Prototype1.jpg) no-repeat;
	width: 616px;
	height: 360px;
	margin-top: 0px;
	padding-top:0px;
	z-index:1;
	clear: both;
	float: left;
	margin-bottom: 0px;
}
.featurebox {
	width: 921px;
	height: 365px;
	clear:both;
	margin:auto;
}

.frontslide {
	display: none;
}
#text {
	float:right;
	position:absolute;
	top:10px;
	width:400px;
	height:0;
	color:#036;
	overflow:hidden;
	z-index:4;
	padding:0px;
	left: 490px;
}
#text h3 a {
	padding:3px 0 10px 3px;
	color: #C00;
	font-size: 18px;
	font-weight:bold;
	letter-spacing:-1px;
	text-decoration: none;
}
#text h3 a:hover {
	text-decoration: underline;
}
#text p {
	padding:0 0 5px 3px;
	color:#036;
	float:right;
	font-size:12px;
	text-align: justify;
	margin: 0px;
}
#text p a {
	color:#03C;
}
.date {
	color:#9d9c9c;
	font-size: 10px;
	font-style: italic;
}
#image {
	width:440px;
	height:250px;
}
#image img {
	position:absolute;
	z-index:2;
	width:440px;
	height:200px;
	left:20px;
	top:10px;
	border:2px solid #bfbfbf;
}
.imgnav {
	position:absolute;
	width:25%;
	height:180px;
	cursor:pointer;
	z-index:3;
}
#imgprev {left:0;background:none;}
#imgnext {right:0;background:none;}
#imglink {
	position:absolute;
	height:150px;
	width:100%;
	z-index:5;
	opacity:.4;
	filter:alpha(opacity=40);
}
.linkhover { }
#thumbnails {margin-top:20px;height:38px;}
#arrowleft {
	float:left;
	width:26px;
	height:49px;
	background:url(images/left.gif) top center no-repeat;
	padding-left:40px;
	margin-top: 30px;
	z-index:6;
}
#slideleft:hover {}
#arrowright {
	float:right;
	width:26px;
	height:49px;
	background:url(images/right.gif) top center no-repeat;
	padding-right:40px;
	margin-top: 30px;
	z-index:7;
}
#slideright:hover {	}
#frontarea {
	float:left;
	position:relative;
	width:785px;
	margin-left:3px;
	height:100px;
	overflow:hidden;
}
html* #frontarea {margin-left:0;}
#fronter {
	position:absolute;
	left:0;
	height:100px;
	top: 10px;
}
#fronter img {
	cursor:pointer;
	border:2px solid #C00;
}


#sub-column {
	width: 900px;
	height: auto;
	margin: 0px auto;
	z-index:20;
}


#page-content {
	width: 700px;
	float: left;
    margin-bottom: 15px;
}
#sub-top {
	width: 700px;
	height: 20px;
	clear: both;
	float: left;
}
#sub-content {
	background-clour: #fff;
	width: 400px;
	margin: 0 auto;
	z-index:1;
}

#pagecontent {

background-clour: #fff;

width: 900px;

margint: 0 auto;

}



/* Subpage Content Styles */

.sidebar {

width: 253px;

float:left;

}





.content {

width: 520px;

float: left;

padding: 10px 15px 10px 15px;

}



.content h1 {

font-size: 24px;

color: #8a8a8a;

margin: 20px 0px 20px 0px;

font-weight: normal;

}



.content p {

text-align: justify;

color: #8a8a8a;

}



.post ul {

border-top: 1px solid #CCC;

list-style-type: disc;

list-style-position:inside;

color: #6e6e6e;

margin: 20px 40px 10px 10px;

}



.post ul li {

color: #6e6e6e;

border-bottom: 1px solid #CCC;

padding: 5px;

}



.post ul li a {

color: #C00;

}



.post ol {

border-top: 1px solid #CCC;

list-style-type: disc;

list-style-position:inside;

color: #6e6e6e;

margin: 20px 40px 10px 10px;

}



.post ol li {

color: #6e6e6e;

border-bottom: 1px solid #CCC;

padding: 5px;

}



.post ol li a {

color: #C00;

}



/* Breadcrumb Navigation Styles */



.breadcrumb {

float: left;

padding: 13px 15px 10px 15px;

color: #8a8a8a;

font-size: 12px;

}



.breadcrumb a {

color: #C00;

font-weight: normal;

text-decoration: none;

}



.breadcrumb a:hover {

text-decoration: underline;

}



/* Sidebar Styles */



.sidebar {

width: 220px;

float: left;

margin-left: 30px;

margin-top: 0px;

padding-bottom: 50px;

}



.widgettitle {

color: #8a8a8a;

font-size: 18px;

font-weight: normal;

padding: 20px 0px 10px 0px; 

list-style-type: none;

}



#sidebar ul li {

list-style-type: none;

}



#sidebar ul ul li a {

padding-left: 30px;

}



#sidebar ul ul ul li a {

padding-left: 40px;

}



.textwidget {

margin: 10px 8px 20px 0px;

color: #6e6e6e;

}



.sidebar ul li a {

color: #C00;

text-decoration: none;

border-bottom: 1px solid #CCC;

display: block;

padding: 5px;

padding-left: 20px;

background: url(images/listenpunkt.gif) no-repeat left center;

}



.sidebar ul li a:hover {

color: #C00;

text-decoration: underline;

}



.posted {

color:#9d9c9c;

font-size: 10px;

font-style: italic;

display: block;

padding-left: 10px;

}



#wp-calendar {

border:1px solid #cccccc;

color:#6e6e6e;

width: 220px;

}



#wp-calendar caption {

color: #8a8a8a;

font-size: 18px;

font-weight: normal;

padding: 0px 0px 10px 0px; 

list-style-type: none;

}



tbody .pad {

background-color:#dddddd;

}



#wp-calendar a {

font-weight:bold;

font-size:12px;

background: none;

padding: 0px;

margin: 0px;

border: none;

}



thead tr th {

width:20px;

height:20px;

text-align:center;

background-color: #C00;

color: #FFF;

border:1px solid #cccccc;

padding: 3px; 

}



tbody tr td {


text-align:center;

border:1px solid #cccccc;

}



tfoot #prev {

width:58px;

height:20px;

text-align:left;

background-color:#ffffff;

background: none;

padding-left: 10px;

}



tfoot #next {

width:58px;

height:20px;

text-align:right;

background-color:#ffffff;

background: none;

padding-right: 10px;

}



/* Comment Styles */



.alt {margin: 0;padding: 10px;}



#comment-wrap {

border: 0px;

color: #6e6e6e;

font-size: 11px;

}



#comment-wrap h6 {

font-size: 12px;

margin-bottom: 10px;

}



#comments ol {

list-style-type: none;

line-height: 18px;

border: 0px;

}



#comments ul li {

list-style-type: none;

list-style-image: none;

list-style-position: outside;

border: 0px;

}



.commentlist {

padding: 0;

text-align: justify;

border: none;

}



.comment-body {

margin-bottom: 20px;

}



.reply {

font-size:11px;

clear: both;

float: right;

margin-top: -20px;

}



.commentlist em {

font-size: 11px;

}



.commentlist li {

margin: 5px 0 0px 10px;

padding: 5px 5px 0px 5px;

list-style: none;

border: 0px;

}



.commentlist li ul li { 

margin-right: -5px;

margin-left: 30px;

margin-bottom: 0px;

list-style: none;

border: 0px;

}



.commentlist li li {

background:none;

border:none;

list-style:none;

margin:3px 0 3px 20px;

padding:3px 0;

border: 0px;

}



.commentlist li .avatar {

border:1px solid #ccc;

margin:5px 8px 6px 5px;

float: left;

padding:2px;

width:45px;

height:45px;

}


.commentlist cite, .commentlist cite a {

font-style: normal;

font-size: 11px;

margin-top: 2px;

}


.commentlist p {

font-weight: normal;

line-height: 1.5em;

text-transform: none; 

margin: 10px 5px 5px 65px;

font-size: 11px;

border: none;

}



#commentform p {

}

.commentmetadata {

font-weight: normal; 

margin: 0;

display: block; 

font-size: 10px;

font-style: italic;

}


.commentmetadata a, .commentmetadata a:visited {

color: #6e6e6e;

}

.commentmetadata a:hover{

}


.children { 

padding: 0;

border: none;

}


.thread-alt {

border: none;

}

.thread-even li {

}

.depth-1 {

border: none;

}

.even, .alt li {

margin-bottom: 20px;

}

#respond input {

margin-right: 10px;

font-size: 11px;

color: #8a8a8a;

display: block;

margin-bottom: 5px;

}



#respond h4 {

font-size: 12px;

margin-bottom: 5px;

}


#submit {

background-color: #8a8a8a;

border: 1px solid #CCC;

color: #FFF !important;

padding: 3px 5px 3px 5px;

margin-top: 10px;

text-decoration: none;

font-size: 12px;

cursor: pointer;

}


#submit:hover {

background-color: #FFF;

border: 1px solid #8a8a8a;

color: #8a8a8a !important;

padding: 3px 5px 3px 5px;

text-decoration: none;

}


/* Portfolio Styles */


#portfolio {

margin: 20px 10px 50px 30px;

float: left;

}

.port-pic {

width: 270px;

height: auto;

background-color: #FFF;

border: 1px solid #CCC;

float: left;

margin-bottom: 20px;

margin-right: 20px;

display: block;

}

.port-pic h3 {

font-size: 16px;

font-weight: normal;

color: #C00;

margin: 10px 10px 0px 12px;

}

.port-pic h3 a {

text-decoration: none;

color: #C00;

}

.port-pic h3 a:hover {

text-decoration: underline;

color: #C00;

}

.port-pic p {

text-align: justify;

color: #8a8a8a;

padding: 5px 10px 10px 10px;

font-style: italic;

font-size: 11px;

}

.port-pic img {

border: 2px solid #CCC;

margin: 10px 10px 0px 7px;

text-align: center;

}


/* Blog Styles */

.post {

padding-bottom: 20px;

margin-bottom: 30px;

border-bottom: 1px solid #CCC;

}

.post h1 a {

color: #C00;

text-decoration: none;

}

.post h1 a:hover {

color: #C00;

text-decoration: underline;

}

.post p {

margin-top: 20px;

}

.blogpic {

text-align: center;

}

.blogpic img {

margin-top: 20px;

border: 2px solid #CCC;

}

.category a {

background-color: #8a8a8a;

border: 1px solid #CCC;

color: #FFF;

padding: 3px 5px 3px 5px;

text-decoration: none;

font-size: 11px;

margin: 0px 5px;

line-height: 25px;

}


.category a:hover {

background-color: #d4d4d4;

border: 1px solid #8a8a8a;

color: #8a8a8a;

padding: 3px 5px 3px 5px;

text-decoration: none;

}

#grow {

background:#000 url(images/ajax-loader.gif) no-repeat center center;

border: none;

}


#nycloser {

background: url(images/closed.png) no-repeat center center;

border: none;

}

#next {

background: url(images/next.png) no-repeat center center;

border: none;

}

#next {

background: url(images/next.png) no-repeat center center;

border: none;

}

#prev {

background: url(images/prev.png) no-repeat center center;

border: none;

}