/*
Theme Name: MockUp
Theme URI: http://www.philippknoll.com/
Description: .
Version: 1.0
Author: Philipp Knoll
Author URI: http://www.philippknoll.com/
Tags: blue, custom header, fixed width, two columns, widgets


*/


/* Body + Wrapper */

body {font-size:12px; font-family:"Lucida Grande", Arial, Verdana; background-attachment: fixed; background-color:#FFFFFF; color:#333333; text-align:center; margin:0; padding:0;}

#wrapper {width:1000px; margin:0px 0 0 10px; padding:0; text-align:left;}

/*  END Body + Wrapper */


/* Page */

#page {width:1000px; margin:0; padding-left:20px; text-align:left; background-color:#FFFFFF; float:left; text-align:left}

/* END Page */




/* Header */

#header {width:1000px; height:70px; margin:0; padding:0; float:left; background-color:#FFFFFF;}

#header_w {width:1000px;}

#head_le {width:250px; float:left}

#head_pa_top {padding-top:20px;}

#head_ri {width:745px; padding-top:10px; float:right;}

/* END Header */



/* Navigation */

#navi {width:750px; height:50px; margin:0; padding:00; float:left; background-color:#FFFFFF;}

/* Start Dropdown Navigation Menu */

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

#nav a {display: block; font-size:12px; font-weight:normal; text-transform:uppercase; border-bottom:none; color:#000000; text-decoration:none; font-weight:bold;}

#nav a:hover {color:#A5E3F1; text-decoration:none; font-weight:normal; font-weight:bold;}

#nav li {float: right; padding:0 40px 0 0; margin-bottom:2px;}

#nav li ul {position: absolute; background:#FFFFFF; width:50px; text-align:left; border: 0px solid #333333; border-right: 0px solid #333333; border-bottom: 0px solid #333333; left: -999em; padding:5px 10px 15px 10px; z-index:1; margin-left:-10px; opacity:.7; filter: alpha(opacity=70); -moz-opacity: 0.70; }

#nav li ul li {padding-top:5px; padding-bottom:1px; width:50px;;}

#nav li ul ul {margin: -1em 0 0 8.5em; border-left: 1px solid #fedc00;text-align:left;}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto;}

#nav li:hover, #nav li.hover {position: static;}

.nav {font-family:"Lucida Grande", Arial, Verdana; font-size:12px; text-transform:uppercase; border-bottom:none; color:#000000; text-decoration:none; font-weight:bold;}

.nav a{font-family:"Lucida Grande", Arial, Verdana; font-size:12px; text-transform:uppercase; border-bottom:none; color:#000000; text-decoration:none; font-weight:bold;}

.nav a:hover{font-family:"Lucida Grande", Arial, Verdana; font-size:12px; text-transform:uppercase; border-bottom:none; color:#A5E3F1; text-decoration:none; font-weight:bold;}

#nav_ri {float:right; text-align:right; padding-right:0px; width:100%}

/*#nav .current_page_item a { background-color:#33CC66;}*/

/* End Dropdown Navigation Menu */

/*  END Navigation */




/* Content */

#homewrap {width:100%; float:left; border-top:0px solid #CCCCCC; padding:0; margin:20px 0 0 0;}

#contentwrapper {width:100%; float:left; border-top:1px solid #CCCCCC; padding:0; margin:20px 0 0 0;}

#hometextcolumn {width:664px; margin:20px 50px 0 0; padding:0 50px 0 0; float:left; text-align:left; border-right:0px solid #CCCCCC; background-color:#FFFFFF;}

#textcolumn {width:664px; margin:20px 50px 0 0; padding:0 50px 0 0; float:left; text-align:left; border-right:1px solid #CCCCCC; background-color:#FFFFFF;}

#singlelink {width:664px; margin:25px 0 0 0; padding:20px 0 0 0; float:left; text-align:left; border-top:1px solid #CCCCCC; background-color:#FFFFFF;}

.post {padding:0; margin:0; font-family:"Lucida Grande", Arial, Verdana;}

.post a {color:#A5E3F1; text-decoration:none;}

.post a:hover {color:#000000; text-decoration:underline;}

#uid { padding:5px;}

.padding_border {border-top:0px solid #CCCCCC; border-bottom:0px solid #CCCCCC; padding-top:10px; padding-bottom:10px;}

.post h1 {font-size:24px; padding:0; margin:0 0 15px 0; font-weight:normal; line-height:30px; color:#000000;}

.post h2 {font-size:16px; font-weight:bold; padding:0; margin:0 0 15px 0; font-weight:normal; line-height:30px; color:#000000; font-family:"Lucida Grande", Arial, Verdana, Helvetica, sans-serif; font-weight:bold}

.post h2 a {padding:0; margin:0 0 15px 0; line-height:0px; color:#000000; font-family:"Lucida Grande", Arial, Verdana; font-weight:bold}

.post h2 a:hover {color:#000000; font-family:"Lucida Grande", Arial, Verdana;}*

.entry {padding:0; margin:0; color:#000000;}

.postmeta {font-size:10px; color:#999999; line-height:13px; letter-spacing:1px; margin:30px 0 0 0; padding:0;}

.postmetaheadline {font-size:10px; color:#999999; line-height:1px; letter-spacing:1px; margin:0px 0 0px 0; padding:0;}

.home_txt { color:#000000; font-size:36px; font-family:"Lucida Grande", Arial, Verdana; text-decoration:none;}

/* ??? */ .postmetadatabox {font-size:10px; color:#999999; border:#CCCCCC 1px solid; background:#FFFFFF; margin:20px 0 20px 0; padding:4px; line-height:11px;}

/*  END Content */


/* Sidebar */

#sidebar {width:220px; margin:40px 0 0 0; padding:5px; float:right; text-align:left; background-color:#FFFFFF; height:auto; padding-left:10px;}

#sidebar ul {margin:0; padding:0; list-style-type:none; color:#898989;}

#sidebar li {margin:0 0 3px 0; padding:0; list-style-type:none; color:#898989;}

#sidebar h2 {margin:0 0 10px 0; padding:0; color:#90C127; font-size:12px; font-weight:bold;}

#sidebar h3 {margin:0 0 5px 0; padding:0; color:#000000; font-size:12px; font-weight:bold; text-transform:capitalize}

#sidebar a h3 {margin:0 0 5px 0; padding:0; color:#000000; font-size:12px; font-weight:bold; text-decoration:none; text-transform:capitalize}

#sidebar a:hover h3 {color:#000000;}

/*  END Sidebar */


/* Footer */

#footer {width:1000px; height:100px; margin:20px 0 0 0; padding-top:10px; color:#9A9A9A; float:left; background-color:#FFFFFF; border-top:1px solid #CCCCCC;}

#footer a {color:#01C9C9; text-decoration:none; font-weight:bold}

#footer a:hover {color:#9A9A9A; text-decoration:none;}

.blue {color:#01C9C9; font-weight:bold;}
.blue a{color:#01C9C9; font-weight:bold;}
.blue a:hover{color:#01C9C9; font-weight:bold;}

.foo_pa {padding-top:10px;}

/*  END Footer */





/* Recent Comments 

.recentcommentbox {width:278px; margin:0 0 4px 0; padding:10px; float:left; background-color:#F2F2F2; border:1px solid #EAEAEA;}

.recentgravatar {width:54px; float:left; margin:0; padding:0;}

.recentgravatar img {padding:4px; margin:0; border:1px #CCCCCC solid; background-color:#FFFFFF;}

.recentgravatar img:hover {background-color:#90C127;}

.recenttext {width:214px; float:left; margin:0; padding:0 0 0 10px; letter-spacing:normal;}

  END Recent Comments */





/* Twitter 

#twitterbox {background-color:#DDEEF6; background-image:url(images/pk-twitterbox-bg.jpg); background-position:top right; background-repeat:no-repeat; border:1px solid #002233; margin:0; padding:20px 10px 5px 5px; float:left;}

#twitter_update_list ul {padding:5px; margin:0; list-style-type:none;}

#twitter_update_list li {padding:0; margin:0 0 20px 0; list-style-type:none; letter-spacing:normal;}

  END Twitter */





/* Comments */

#commentswrapper {width:750px; margin:0 0 20px 0; padding:0; float:left;}

#commentform {width:750px; margin:0; padding:0;}

#commentform p {margin:5px 0 5px 0;}

#commentform input {width:180px; padding:2px;}

#commentform textarea {width:100%; padding:2px;}

#commentform small {color:#333333;}

#commentform submit {}

.commentlist {padding:0; margin:0;}

.commentlist ul {padding:0; margin:0;}

.commentlist li {padding:0; margin:0 0 35px 0; list-style-type:none;}

.commentsh3 {font-size:18px; color:#000000; font-weight:bold; margin:30px 0 20px 0;}

.commentbox {color:#333333; margin:0; padding:0; width:100%; float:left;}

.commentgravatar {float:left; margin:0 10px 0 0; padding:0;}

.commentgravatar img {padding:4px; border:#CCCCCC 1px solid;}

.commentgravatar img:hover {padding:4px; border:#CCCCCC 1px solid; background:#90C127;}

.commentauthor {float:left; padding:14px 0 0 0; margin:0; font-size:19px;}

.commentauthor a {color:#000000; text-decoration:none;}

.commentauthor a:hover {color:#000000; text-decoration:none;}

.commentstatus {width:750px; text-align:center; font-size:12px; color:#90C127; font-weight:bold; padding:0; margin:20px 0 0 0; float:left; font-style:italic;}

.commenttext {width:750px; float:left; margin:0 0 0 0; padding:0; font-size:12px; color:#8D8D8D;}

.commentlist cite {padding:0; margin:0 0 0 4px; font-size:12px; font-weight:bold; color:#333333; font-style:normal;}

.commentlist small {font-size:10px; color:#999999;}

/*  END Comments */





/* Previous and Next */

#navigation {padding:0; margin:40px 0 0 0; width:700px; float:left; font-size:15px;}

#navigationindex {padding-bottom:80px; padding-top:30px; margin:-20px 0 0 0; width:700px; float:left; font-size:15px;}

.previouspost {float:left; width:330px; padding:0 10px 0 0; margin:0; text-align:left}

.nextpost {float:left; width:300px; padding:0 0 0 10px; margin:0; text-align:right}

#navigation h2 a {font-size:13px; color:#0066CC; font-weight:normal; text-decoration:none;}

#navigation h2 a:hover {font-size:13px; color:#0066CC; font-weight:normal; text-decoration:underline;}

/*  END Previous and Next */




/* Links */

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

a:hover {color:#000000; text-decoration:none;}

/*  END Links */




/* Images */

img {border:0;}

img.centered {display:block; margin-left:auto; margin-right:auto;}

img.alignright {padding:4px; margin:0 0 2px 7px; display:inline; float:right;}

img.alignleft {padding:0px; margin:3px 10px 2px 0; display:inline; float:left;}

#image_align { width:100px; height:15px;}

#img_left {float:left; width:50px; height:10px; padding-left:0px; padding-top:5px; text-align:right}

#img_right {float:right; width:50px; height:10px; padding-left:0px; padding-top:5px; text-align:right}

.image_title {font-family:"Lucida Grande", Arial, Verdana; color:#000000; font-weight:bold; font-size:10px; text-decoration:none; padding-bottom:10px;}


/*  END Images */





/* Font Colors */

.green {color:#90C127;}

/*  END Font Colors */







/* Special Classes */

.archiveheadline {font-size:19px; color:#000000; margin:0 0 30px 0;}

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

.alignleft {float:left;}

.alignright {float:right;}

.center {text-align:center;}

/*  END Special Classes */






#menu {float: left;	/*padding-top: 24px;*/ }

#menu ul {margin: 0; padding: 0; list-style: none; line-height: normal; vertical-align:middle;}

#menu li {display: inline; vertical-align:middle;}

#menu a {display: block; float: left; text-align:center; padding:0px; vertical-align:middle; text-decoration: none; background-color:#FFFFFF; font-family:"Lucida Grande", Arial, Verdana; font-size:50px; font-weight:bold; letter-spacing:-2px; color:#000000; text-decoration:none;  
}

#menu a:hover {text-decoration: underline;	padding:0px; text-align:center; vertical-align:middle; background-color:#FFFFFF; font-family:"Lucida Grande", Arial, Verdana; font-size:50px; font-weight:bold; color:#cccccc; text-decoration:none; }

#menu .current_page_item a {background-color:#000000; padding-bottom:10px; padding-left:10px; padding-right:10px; text-align:center; vertical-align:middle; height:35px; font-family:"Lucida Grande", Arial, Verdana; font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none;	/*background: #C3C3C3 url(images/update_active.jpg) repeat-x;*/}



/*.menu .current_page_item a {background-image:url(images/active.jpg); background-position:center top; background-repeat:no-repeat; padding-bottom:10px; padding-left:10px; padding-right:10px; text-align:center; vertical-align:middle; height:35px; font-family:"Lucida Grande", Arial, Verdana; font-size:12px; font-weight:bold; color:#000000; text-decoration:none; background: #C3C3C3 url(images/update_active.jpg) repeat-x; }*/

.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}



#control {width:700px; height:15px; padding-top:8px;}

#c_left {width:600px; float:left;}

#c_right {width:100px; float:right;}